/*
Theme Name: SWAG Media Factory
Description: A custom responsive theme built for Michael & the Rockness Monsters.
Version: 1.0
Author: Jake Sheppard of SWAG Media Factory
Author URI: http://www.swagmediafactory.com
*/


/* ==================================  GENERAL  ================================== */

body {
	height:100%;
	font-family: 'Varela Round', 'Arial Rounded', sans-serif;;
	font-weight:300;
	font-size:14px;
	color:#333333;
	overflow-x: hidden; /* Prevent scroll on narrow devices */
	width:100%;
	line-height:1.5;
	padding:0;
	margin:0;
	background-color:#F9F3DB;
	padding-top:0px;
}

hr {
	border-top:1px solid #CCC;
	display:block;
	width:100%;
}

img {
	max-width:100%;
	height:auto !important;
}

.container {
	position:relative;
}

.center-block {
	float:none;
}

.section {
	position:relative;
	padding-top:80px;
	padding-bottom:80px;
}

.section h1 {
	text-align:center;
	margin-bottom:40px;
	margin-top:40px;
}

.card {
-webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.1);
box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.1);
background-color:#FFFFFF !important;
border-radius:4px 4px 4px 4px;
border:1px solid transparent;
border-color:#DDDDDD !important;
padding:20px 20px 20px 20px;
margin:15px 0 15px 0;
}

.card h3 {
	padding:0;
	margin:0 0 20px 0;
}

img.desaturate {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}


/* ==================================  TYPE  ================================== */
h1 {
	font-size:60px;
}

h1, h2, h3 {
	color:#193C50;
	text-transform:lowercase;
}

blockquote {
	position:relative;
	width:100%;
	text-align:center;
	color:#EE8822;
	border-left:none;
	font-family:"Permanent Marker";
}

/* ==================================  COLORS  ================================== */


/* ==================================  LINKS  ================================== */


/* ==================================  BUTTONS  ================================== */


/* ==================================  LOADER  ==================================== */

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.page-loader {
text-align:center;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 1029;
background:#f9f3da;
}

.loader {
display: inline-block;
width: 100px;
height: 100px;
position: relative;
top: 40%;
animation: loader 2s infinite ease;
}

.loader-inner {
vertical-align: top;
display: inline-block;
width: 100px;
height:100px;
}

@keyframes loader {
0% {
transform: rotate(0deg);
}

100% {
transform: rotate(360deg);
}
}


/* ========================================== ANIMATION ========================================== */

.pulse {
-webkit-animation: pulse 1s linear infinite;
-moz-animation: pulse 1s linear infinite;
-ms-animation: pulse 1s linear infinite;
animation: pulse 1s linear infinite;
}

@keyframes "pulse" {
0% {
-webkit-transform: scale(1.01);
-moz-transform: scale(1.01);
-o-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01);
}
50% {
-webkit-transform: scale(0.99);
-moz-transform: scale(0.99);
-o-transform: scale(0.99);
-ms-transform: scale(0.99);
transform: scale(0.99);
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}

}

@-moz-keyframes pulse {
0% {
-moz-transform: scale(1.01);
transform: scale(1.01);
}
50% {
-moz-transform: scale(0.99);
transform: scale(0.99);
}
100% {
-moz-transform: scale(1);
transform: scale(1);
}

}

@-webkit-keyframes "pulse" {
0% {
-webkit-transform: scale(1.01);
transform: scale(1.1);
}
50% {
-webkit-transform: scale(0.99);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}

}

.shake-slow {
  display: inline-block;
  transform-origin: center center; }

.shake-freeze,
.shake-constant.shake-constant--hover:hover,
.shake-trigger:hover .shake-constant.shake-constant--hover {
  animation-play-state: paused; }

.shake-freeze:hover,
.shake-trigger:hover .shake-freeze, .shake-slow:hover,
.shake-trigger:hover .shake-slow {
  animation-play-state: running; }

@keyframes shake-slow {
  10% {
    transform: translate(6px, -6px) rotate(1.5deg); }
  20% {
    transform: translate(1px, -6px) rotate(0.5deg); }
  30% {
    transform: translate(6px, 3px) rotate(2.5deg); }
  40% {
    transform: translate(1px, 0px) rotate(-2.5deg); }
  50% {
    transform: translate(-2px, 5px) rotate(-0.5deg); }
  60% {
    transform: translate(-3px, -5px) rotate(0.5deg); }
  70% {
    transform: translate(-3px, 2px) rotate(-1.5deg); }
  80% {
    transform: translate(-4px, -5px) rotate(-1.5deg); }
  90% {
    transform: translate(1px, 3px) rotate(-0.5deg); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-slow:hover,
.shake-trigger:hover .shake-slow,
.shake-slow.shake-freeze,
.shake-slow.shake-constant {
  animation: shake-slow 5s ease-in-out infinite; }


/* ==================================  NAV  ================================== */
.navbar {
	background-color:#A43A25
;
	min-height:60px;
	border-bottom:4px solid #8D2C19;
}

#logo {
	position:absolute;
	left:0px;
 width:190px;
	top:0px;
}

#album-cta {
	position:absolute;
	right:0px;
	width:190px;
	top:0px;
}

.social {
float: left;
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.navbar .navbar-collapse {
    text-align: center;
}

.navbar-toggle .icon-bar {
	background-color:#FFFFFF;
}

.navbar-nav>li {
	margin-left:10px;
	margin-right:10px;
}

.navbar-nav>li>a {
	padding-top:20px;
	padding-bottom:5px;
	text-transform:lowercase;
	color:rgba(255,255,255,1.00);
	border-bottom:2px solid transparent;
}

.navbar-nav>li>a:hover, .navbar-nav>li>a:active, .navbar-nav>li>a:focus {
	border-color:#FFFFFF;
	background-color:transparent;
	outline:none;
}

.newsletter {
	color:#FED31D !important;
}

/* ==================================  HERO  ================================== */
#hero {
	position:relative;
	background-color:#96C2CD;
	width:100%;
	margin-top: 51px;
}

#hero .container {
	position:relative;
	height:500px;
}

#large-cloud {
	position:absolute;
	left:100px;
	top:20px;
	width:150px;
}

#small-cloud {
	position:absolute;
	left:200px;
	top:150px;
	width:75px;
}

#tree {
	position:absolute;
	right:10px;
	top:0px;
	width:300px;
}

#band {
	position:relative;
	width:560px;
	max-width:100%;
	height:100%;
	margin:auto;
}

#garage {
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
}

#garage-back {
	background-color:#254B60;
	width:95%;
	position:absolute;
	left:10px;
	top:0px;
	height:430px;
}

#thump {
	position:absolute;
	left:0px;
	top:110px;
	width:260px;
}

#dragon {
	position:absolute;
	right:0px;
	top:40px;
	width:200px;
}

#michael {
	position:absolute;
	left:50%;
	bottom:20px;
	width:200px;
	margin-left:-100px;
}

#wolfie {
	position:absolute;
	right:140px;
	bottom:18px;
	width:180px;
}

#ducky {
	position:absolute;
	left:40px;
	bottom:8px;
	width:200px;
}

#reptile {
	position:absolute;
	right:-20px;
	bottom:12px;
	width:200px;
}

#large-logo {
	position:absolute;
	left:50%;
	top:5px;
	width:180px;
	margin-left:-90px;
}

#bush {
	position:absolute;
	left:-140px;
	bottom:25px;
	width:200px;
}

#left-group {
	position:absolute;
	left:20px;
	bottom:8px;
	width:300px;
}

#right-group {
	position:absolute;
	right:0px;
	bottom:-49px;
	width:300px;
	z-index:1;
}

#ground {
	position:absolute;
	left:0px;
	bottom:0px;
	height:70px;
	width:100%;
	background-color:#193C50;
}

#border {
	position:absolute;
	left:0px;
	bottom:0px;
	height:9px;
	width:100%;
	background-image:url(images/border.png);
	background-repeat:repeat-x;
}

#pulse {
	position:absolute;
	left:50%;
	width:60px;
	margin-left:-30px;
	bottom:-25px;
	z-index:100;
}

#preschool {
	position:fixed;
	bottom:20px;
	right:-340px;
	z-index:1000;
	width:340px;
	-webkit-transition: all 500ms ease-out 1s;
    -moz-transition: all 500ms ease-out 1s;
    -o-transition: all 500ms ease-out 1s;
    transition: all 500ms ease-out 1s;
}

#preschool.slide-in {
	right:0px;
}

#close-preschool {
	position:absolute;
	display:block;
	width:10px;
	height:10px;
	top:10px;
	right:20px;
}


/* ==================================  CAROUSEL  ================================== */

#slider {
	width:100%;
	height:500px;
	margin-bottom:40px;
}

.carousel-inner, .carousel-inner .item {
	height:100%;
	background-size:cover;
	background-position:center;
}

.carousel-inner .item .title {
	background:rgba(0,0,0,.5);
	color:#FFFFFF;
	text-align:center;	
	font-size:16px;
}

.tagline {
	width:100%;
	display: table-cell;
  	vertical-align: middle;
  	text-shadow: 0.5px 0.866px 9.5px rgba(0, 0, 0, 0.23);
	text-align:center;
	z-index:2;
	position:relative;
	color:#FFFFFF;
}

.testimonial {
	width:80%;
	display: table-cell;
  	vertical-align: middle;
  	text-shadow: 0.5px 0.866px 9.5px rgba(0, 0, 0, 0.23);
	text-align:left;
	z-index:2;
	position:relative;
	color:#FFFFFF;
	font-size:22px;
}

.fa-quote-left {
	position:absolute;
	left:-90px;
	margin-top:-20px;
	font-size:60px;
}

.fa-quote-right {
	position:absolute;
	right:-50px;
	margin-top:20px;
	font-size:60px;
}

.quotee {
	font-weight:500;
}

.tagline h1 {
	font-weight:100;
	font-size:70px;
	line-height:70px;
}

.tagline h2 {
	font-weight:100;
	font-size:40px;
}

.carousel-control.left {
	text-align:left;
	padding-left:20px;
	padding-top:210px;
	z-index:100;
}

.carousel-control.right {
	text-align:right;
	padding-right:20px;
	padding-top:210px;
	z-index:100;
}

.carousel-indicators {
	background-color:#28496B;
	width:100%;
	margin-left:0;
	left:0;
	bottom:0;
	margin-bottom:0;
	padding-top:10px;
	padding-bottom:10px;
}

.carousel-indicators li {
	border-radius:0;
}

.item .container {
  display: table;
  height: 100%;
}

/* ==================================  ALBUM  ================================== */
#album {
	background-image:url(images/sunburst.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

#album h2 {
	font-family:"Permanent Marker";
	margin-bottom:40px;
}

#album.section {
	padding-bottom:0;
}

#album #download-link {
	position:absolute;
	right:100px;
	bottom:10px;
}

#album #download-link img {
	width:200px;
}

.modal-dialog {
max-width: 480px !important;
}

.modal-body {
padding: 0;
background-color:#909B9F;
}

button.close {
position: absolute;
right: 10px;
top:10px;
}

/* ==================================  ABOUT  ================================== */

#about {
}

#left-image {
	position:absolute;
	bottom:-60px;
	left:-225px;
	width:450px;
	opacity:.1;
}

#right-image {
	position:absolute;
	bottom:-60px;
	right:-150px;
	width:300px;
	opacity:.1;
}

#about:after {
		background: linear-gradient(-45deg, #96C2CD 16px, transparent 0), linear-gradient(45deg, #96C2CD 16px, transparent 0);
		background-position: left-bottom;
		background-repeat: repeat-x;
		background-size: 32px 32px;
		content: " ";
		display: block;
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 32px;
}

/* ==================================  MEDIA  ================================== */
#media {
	background-color:#96C2CD;
}

#music iframe {
	height:419px !important;
}

.video-thumb-column {
	margin-top:20px;
	position:relative;
	text-align:center;
	overflow:hidden;
}

.fa-play-circle-o {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -20px;
    font-size: 40px;
    color: #FFFFFF;
}

#photos.card {
	padding-bottom:0;
}

.thumbs {
	margin-bottom:20px;
}

#media #birds {
	position:absolute;
	right:100px;
	top:-68px;
	width:120px;
}

#media #large-cloud {
	position:absolute;
	left:auto;
	right:0px;
	top:20px;
	width:150px;
}

#media #small-cloud {
	position:absolute;
	left:auto;
	right:-100px;
	top:150px;
	width:75px;
}

#media #ducky {
	position:absolute;
	left:-200px;
	bottom:-82px;
	width:250px;
}

#media #bush {
	position:absolute;
	right:-200px;
	left:auto;
	bottom:-82px;
	width:250px;
}

/* ==================================  TESTIMONIAL  ================================== */
#testimonial {
	background-image:url(images/checks.jpg);
	background-repeat:repeat;
	padding-top:10px;
	padding-bottom:10px;
}

#testimonial .logo {
	display:table-cell;
	vertical-align:middle;
}

#testimonial h2 {
	font-family:"Permanent Marker";
	color:rgba(255,255,255,1.00) !important;
	font-weight:100;
}

#testimonial .inner {
	background-image:url(images/swirls.jpg);
	background-repeat:repeat;
	padding:40px 0 48px 0;
}

/* ==================================  SHOWS  ================================== */
#shows {
	background-image:url(images/sunburst.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

#shows.section {
	padding-bottom:120px;
}

#stage {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	opacity:.1;
}

#kids {
	position:absolute;
	left:0px;
	bottom:-5px;
	background-image:url(images/kids.svg);
	background-size:contain;
	background-repeat:repeat-x;
	height:120px;
	width:100%;
}

/* ==================================  PRESS  ================================== */
#press {
	background-color:#96C2CD;
}

#press .press-item {
	margin-bottom:20px;
}

#press .press-item img {
	max-height:120px;
	margin-bottom:20px;
}

#press h3 {
	margin-top:0;
	padding-top:0;
}

#press h4 {
	opacity:.7;
}



/* ==================================  CONTACT  ================================== */
#contact {
	background-image:url(images/blue.jpg);
	background-repeat:repeat;
	padding-bottom:20px;
}

/* #contact:before {
		background: linear-gradient(-135deg, #96C2CD 16px, transparent 0), linear-gradient(135deg, #96C2CD 16px, transparent 0);
		background-position: left-top;
		background-repeat: repeat-x;
		background-size: 32px 32px;
		content: " ";
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 32px;
}
*/

#contact h1 {
	color:rgba(255,255,255,1.00);
	margin-bottom:0;
}

#contact {
	color:#FFFFFF;
}

#contact #michael {
	left:auto;
	right:100px;
	bottom:-20px;
}

#contact #wolfie {
	right:260px;
	bottom:-20px;
}

#contact #reptile {
	right:0px;
	bottom:-20px;
}

#choice_1_5_1 {
	width:20px;
	float:left;
}

#label_1_5_1 {
	float:left;
	margin-bottom:20px;
}

#field_1_5, .gform_footer {
	clear:both;
}


/* ==================================  NEWSLETTER  ================================== */
#newsletter {
	position:relative;
	z-index:2;
	padding-bottom:0;
	background-color:#96C2CD;
	background-image:url(images/horizon.svg);
	background-size:cover;
}

#newsletter .container {
	padding-bottom:80px;
}

#newsletter .col-sm-8 {
	z-index:10;
}

.newsletter-input label {
	display:none;
}

.newsletter-input input {
	background-color:#FFFFFF !important;
	color:#333 !important;
}

#pirate-ship {
	position:absolute;
	left:0px;
	width:250px;
	bottom:-10px;
	z-index:1;
}

#palms {
	position:absolute;
	right:0px;
	width:250px;
	bottom:0px;
	z-index:1;
}

#newsletter .gform_wrapper .button, .gform_button {
    color: #3276b1;
    border-color: #3276b1;
				text-transform:uppercase;
}

.gform_wrapper .button:hover {
    color: #fff !important;
}


/* ==================================  FOOTER  ================================== */

#footer {
	position:relative;
	margin:0 0 0 0;
	background:#000;
	padding:20px 0 20px 0;
	color:#FFF;
}

#footer .copyright {
	float:left;
}

#footer .swag {
	float:right;
	text-align:right;
	color:#FFF;
}

/* ==================================  GRAVITY FORMS  ================================== */

.floater {
	float:left;
	clear:none !important;
	width:50%;
	padding-right:15px;
}

.gform_wrapper .top_label .gfield_error {
	width:auto;
}

.gform_wrapper ul { padding-left: 0; list-style: none; }

.gform_wrapper li { margin-bottom: 15px; }

.gform_wrapper form { margin-bottom: 0; }

.gform_wrapper .gfield_required { padding-left: 1px; color: #b94a48; }

.ginput_container input, .ginput_container select, .ginput_container textarea { display: block; width: 100%; height: auto; padding: 12px 12px; font-size: 14px; line-height: 1.428571429; color: #fff; vertical-align: middle; background-color: #254B60; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.ginput_container input:-moz-placeholder, .ginput_container select:-moz-placeholder, .ginput_container textarea:-moz-placeholder {
    color:#999;
}
.ginput_container input::-moz-placeholder, .ginput_container select::-moz-placeholder, .ginput_container textarea::-moz-placeholder {
    color:#999;
}
.ginput_container input:-ms-input-placeholder, .ginput_container select:-ms-input-placeholder, .ginput_container textarea:-ms-input-placeholder {
    color:#999
}
.ginput_container input::-webkit-input-placeholder, .ginput_container select::-webkit-input-placeholder, .ginput_container textarea::-webkit-input-placeholder {
    color:#999;
}

.ginput_container input:focus, .ginput_container select:focus, .ginput_container textarea:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6); }

.ginput_container input[disabled], .ginput_container select[disabled], .ginput_container textarea[disabled], .ginput_container input[readonly], .ginput_container select[readonly], .ginput_container textarea[readonly], fieldset[disabled] .ginput_container input, fieldset[disabled] .ginput_container select, fieldset[disabled] .ginput_container textarea { cursor: not-allowed; background-color: #eee; }

textarea.ginput_container input, textarea.ginput_container select, textarea.ginput_container textarea { height: auto; }

.ginput_container textarea { height: auto; }

.gform_wrapper .button, .gform_button { display: inline-block; padding: 15px 40px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-color:transparent; border: 2px solid transparent; border-color: #fff; border-radius: 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

.gform_wrapper .button:focus, .gform_button:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px ;}

.gform_wrapper .button:hover, .gform_button:hover, .gform_button:focus { color: #333; text-decoration: none ;}

.gform_wrapper .button:active, .gform_wrapper .button.active, .gform_button:active, .gform_button.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); }

.gform_wrapper .button.disabled, .gform_button.disabled, .gform_button[disabled], fieldset[disabled] .gform_button { pointer-events: none; cursor: not-allowed; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }

.gform_button:hover, .gform_button:focus, .gform_button:active, .gform_button.active, .open .dropdown-toggle.gform_button { color: #fff; background-color: #3276b1; border-color: #285e8e; }

.gform_button:active, .gform_button.active, .open .dropdown-toggle.gform_button { background-image: none; }

.gform_button.disabled, .gform_button[disabled], fieldset[disabled] .gform_button, .gform_button.disabled:hover, .gform_button[disabled]:hover, fieldset[disabled] .gform_button:hover, .gform_button.disabled:focus, .gform_button[disabled]:focus, fieldset[disabled] .gform_button:focus, .gform_button.disabled:active, .gform_button[disabled]:active, fieldset[disabled] .gform_button:active, .gform_button.disabled.active, .gform_button[disabled].active, fieldset[disabled] .gform_button.active { background-color: #428bca; border-color: #357ebd ;}

.gform_wrapper .gfield_error .gfield_label { color: #b94a48;}

.gform_wrapper .gfield_error input, .gform_wrapper .gfield_error select, .gform_wrapper .gfield_error textarea { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; }

.gform_wrapper .gfield_error input:focus, .gform_wrapper .gfield_error select:focus, .gform_wrapper .gfield_error textarea:focus { border-color: #b94a48; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(185,74,72,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(185,74,72,0.6); }

.validation_error { padding: 15px; margin-bottom: 20px; color: #b94a48; background-color: #f2dede; border: 1px solid transparent; border-color: #eed3d7; border-radius: 4px; }

.validation_error h4 { margin-top: 0; color: inherit; }

.validation_error .alert-link { font-weight: bold; }

.validation_error>p, .validation_error>ul { margin-bottom: 0; }

.validation_error>p+p { margin-top: 5px; }

.validation_error hr { border-top-color: #e6c1c7; }

.validation_error .alert-link { color: #953b39; }

#gforms_confirmation_message { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }

#gforms_confirmation_message h4 { margin-top: 0; color: inherit; }

#gforms_confirmation_message .alert-link { font-weight: bold; }

#gforms_confirmation_message>p, #gforms_confirmation_message>ul { margin-bottom: 0; }

#gforms_confirmation_message>p+p { margin-top: 5px; }

.gfield_label { margin-bottom: 5px; font-size:  14px;}

.ginput_complex > span > label { font-size: 11px; }


.gform_validation_container,
.gform_wrapper .gform_validation_container,
body .gform_wrapper li.gform_validation_container,
body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container,
body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
    display: none !important;
    position: absolute !important;
    left: -9000px;
}


/* ==================================  MEDIA QUERIES  ================================== */

/* ==================================  LG MEDIA QUERIES  ================================== */
@media all and (max-width: 1199px) and (min-width: 0px) {
#tree {
	right:-100px;
}

#right-group {
	right:-100px;
}

#left-group {
	left:-100px;
}

#large-cloud {
	left:-100px;
}

#small-cloud {
	left:0px;
}

#music iframe {
	height:337px !important;
}

}

/* ==================================  MD MEDIA QUERIES  ================================== */
@media all and (max-width: 991px) and (min-width: 0px) {
	#logo, #album-cta {
		width:120px;
			}
	
	#tree {
	right:-200px;
}

.navbar-nav>li {
margin: 0;
}

#right-group {
	right:-200px;
}

#left-group {
	left:-200px;
}

#large-cloud {
	left:-100px;
}

#small-cloud {
	left:0px;
}

#music iframe {
	height:422px !important;
}

.gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.no_last_name span, .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span, .gform_wrapper .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name span {
	width:100% !important;
}

.ginput_container input:-moz-placeholder, .ginput_container select:-moz-placeholder, .ginput_container textarea:-moz-placeholder {
    color:transparent;
}
.ginput_container input::-moz-placeholder, .ginput_container select::-moz-placeholder, .ginput_container textarea::-moz-placeholder {
    color:transparent;
}
.ginput_container input:-ms-input-placeholder, .ginput_container select:-ms-input-placeholder, .ginput_container textarea:-ms-input-placeholder {
    color:transparent
}
.ginput_container input::-webkit-input-placeholder, .ginput_container select::-webkit-input-placeholder, .ginput_container textarea::-webkit-input-placeholder {
    color:transparent;
}
	

}

/* ==================================  SM MEDIA QUERIES (MOBILE MENU POPS IN)  ================================== */
@media all and (max-width: 767px) and (min-width: 0px) {

#logo {
	position:absolute;
	left:0px;
 width:120px;
	top:0px;
}

#hero .container {
	height:280px;
}

#band {
	width:100%;
}

#garage-back {
	height:230px;
}

#tree, #small-cloud, #large-cloud, #left-group, #right-group {
	display:none;
}

#bush {
	width:150px;
	bottom:0px;
}

#thump {
	width:120px;
	top:50px;
	left:10px;
}

#dragon {
	top: 40px;
 width: 100px;
}

#large-logo{
	left: 50%;
	top: 5px;
	width: 90px;
	margin-left: -35px;
}

#michael {
	width:100px;
	margin-left:-50px;
}

#wolfie {
	width:90px;
	right:70px;
}

#ducky {
	left:20px;
	width:100px;
}

#reptile {
	right:-10px;
	width:100px;
	bottom:0px;
}

#pulse {
	width:40px;
	margin-left:-20px;
	bottom:-20px;
}

#border {
	z-index:10;
}

.section {
	padding-top:40px;
	padding-bottom:40px;
}

.section h1 {
	margin-top:30px;
	margin-bottom:30px;
}

#album #download-link {
	right:10px;
	width:115px;
}

h1 {
	font-size:30px;
}

#media #birds {
	top:-85px;
	right:0px;
}

#music iframe {
	height:260px !important;
}

.floater {
	width:100%;
}

#contact #michael, #contact #wolfie, #contact #reptile, #media #bush, #about #right-image, #media #birdy {
	display:none;
}

#footer {
	text-align:center;
}

#footer .copyright {
	float:none;
}

#footer .swag {
	float:none;
	text-align:center;
	display:block;
}

#pirate-ship {
	width:125px;
	}

#palms {
	width:125px;
	}
	
	#shows .container, #shows .container .col-xs-12, #shows .container .card {
		padding-left:0px;
		padding-right:0px;
	}

#shows .container .card {
	font-size:12px !important;
}

#bit-events td.bit-description-links, #bit-events th.bit-description-links {
	width:0px !important;
	padding-left:0px !important;
}

.bit-events th, .bit-events td {
	padding:4px 2px 4px 2px !important;
}

#kids {
	bottom:-10px;
}


}