/* @override http://www.cjtrumpet.com/beta/hardstyle.css */

/*

Theme Name: CJ
Theme URI: http://www.cjtrumpet.com/
Description: The work of CJ CAMERIERI
Version: 2.0
Author: Joshua James Clancy
Author URI: http://www.transcendspace.com
Tags: CJTrumpet, Trumpet, YMusicEnsemble, Paul Simon, Bon Iver, Sufjan Stevens, David Byrne

	CJ v2.0
    This theme was designed and built by Joshua Clancy,
	
*/

/* @override 
	http://www.cjtrumpet.com/hardstyle.css
	http://www.cjtrumpet.com/shows/hardstyle.css
	http://www.cjtrumpet.com/contact/hardstyle.css
	http://www.cjtrumpet.com/news/hardstyle.css
	http://www.cjtrumpet.com/bio/hardstyle.css
	http://www.cjtrumpet.com/bio-2/hardstyle.css
	http://www.cjtrumpet.com/beta/hardstyle.css+hardstyle.css+keyframes.css+pageTransitions.css.pagespeed.cc.lVX7GXPqE0.css
	http://www.cjtrumpet.com/beta/hardstyle.css
	http://www.cjtrumpet.com/beta/hardstyle.css+hardstyle.css+keyframes.css+pageTransitions.css.pagespeed.cc.1b5epCkfG6.css
	http://www.cjtrumpet.com/beta/A.hardstyle.css+hardstyle.css+keyframes.css+pageTransitions.css,Mcc.1b5epCkfG6.css.pagespeed.cf.yWve_2O0wF.css
	http://www.cjtrumpet.com/beta/A.hardstyle.css+hardstyle.css+keyframes.css+pageTransitions.css,Mcc.4G0v-TwvgG.css.pagespeed.cf.0zY1tL9H5H.css
	http://www.cjtrumpet.com/beta/A.hardstyle.css+keyframes.css+pageTransitions.css,Mcc.W-ekQTuZ8h.css.pagespeed.cf.YED7sTb8xH.css
*/
/* @override http://www.cjtrumpet.com/beta/hardstyle.css */

a
@charset "UTF-8";
/* CSS Document */


::selection {
  background: #000; /* WebKit/Blink Browsers */
  color: #fff;
}
::-moz-selection {
  background: #000; /* Gecko Browsers */
  color: #fff;
}


body,td,th {
	color: #CCC;
			 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
	
}
body {
	background-color: #000;
 	font-family: "Play";
	font-style: normal;
	color: #FAFAFA;
	min-width: 400px;
 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

#m-header {
list-style: none;
		 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

p {
		font-weight: normal!important;
	font-style: normal!important;
			 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}


h1 {
		font-weight: normal!important;
	font-style: normal!important;
			 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}



#no-results {
	color: #000!important;
	float: left;
	margin-left: 20px;
	width: 500;
	margin-top: -30px;

}




/* /////////////////  NEWS /////////////*/

#header-img {
	
	margin-top: -160;
	overflow: hidden!important;
	margin-left: 550px;
z-index: -5!important;
			 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

#header-img img {
height: 15%;
width: auto;
	overflow: hidden!important;
	max-width: 694px!important;
	max-height: 129px!important;
	z-index: -5!important;
	pointer-events:none!important;
			 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

#searchform {
	width: 220px!important;
	float: right;
	margin-top: -7px;
	margin-right: 12px;
		 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

#news-sub {
	 padding-top: 30px;
	 padding-bottom: 30px;
	height: 50px;
	clear: both;
	max-width: 700px!important;
		z-index: 3!important;
		position: relative;
}

#news-post-bounds {
	position: auto;
	
	height: auto!important;
	margin-left: -10;
	
}


#news-posts {
	float: left;
	padding: 30px;
	width: 90%!important;
	max-width: 800px!important;
}

#news-posts img {
	
width: 99%!important;
height: auto!important;
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
	
}

#news-posts li a {
	font-size: 20px!important;
}

img[src$=".gif"], img[src$=".png"] {
                   image-rendering: -moz-crisp-edges;         /* Firefox */
                   image-rendering:   -o-crisp-edges;         /* Opera */
                   image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
                   image-rendering: crisp-edges;
                   -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
                 }

#news-posts p {
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter!important;
	letter-spacing: 1px;
}

#news-posts ul {
	clear: both!important;
	text-align: left;
	
}

#news-posts ul li {
padding: 20px;
background: #000 url(http://www.cjtrumpet.com/beta/img/news-bg.png) repeat;
margin-bottom: 20px!important;
width: 90%;


}


#m-header-out  {
list-style: none;
color: #000;
padding-left: 20px;
	
	
}

 
h1 {
display:none!important;
}

.entry-title a  {
font-size: 40px!important;
color: #000!important;
z-index: -20!important;
width: 100px!important;
 	 pointer-events: none;
   cursor: default;

}

.entry-meta {
	float: left;
	margin-left: 20px;
		padding: 30px;
		background: #000 url(http://www.cjtrumpet.com/beta/img/news-bg.png) repeat;
}


#post-8 .entry-meta {
	display: none!important;
	
}

#post-12 .entry-meta {
	display: none!important;
}


a.url.fn.n {
	display: none;

}

span.by-author {
	display: none;
}


time.entry-date {
	font-size: 15px;
	pointer-events: none!important;
   cursor: default!important;
   
}

#news-content img  {
 	pointer-events: none!important;
   cursor: default!important;

}


.alignnone {
	  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
}

.entry-header {
	  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
   display:none!important;
}

#news-listing {
 display: none;
}


#latest-entry {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
width: 120px;
color: #000;
font-size: 15px;
margin-left: 20px!important;
height: 20px!important;

float: left;
padding-right: 20px!important;

}



#latest-entry-single {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
width: 420px;
color: #000;
font-size: 15px;
margin-left: 20px!important;
height: 20px!important;
float: left;
padding-right: 20px!important;

}


img {
			 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}



.news-titles {
	   transition: bcolor .45s ease-in-out!important;
   -moz-transition: color .45s ease-in-out!important;
   -webkit-transition: color .45s ease-in-out!important;
}

.news-titles:hover {
	color: #b3b3b3!important;
	opacity:1!important;
   transition: color .45s ease-in-out!important;
   -moz-transition: color .45s ease-in-out!important;
   -webkit-transition: color .45s ease-in-out!important;
}






/* /////////////////  BIO CONTENT   /////////////*/


.bio-img {
width: 40%;
margin-left: 600px;
 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  z-index: -1!important;
	pointer-events:none!important;
		 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

#bio-img-div img {
		 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
    z-index: -1!important;
}

#bio-img-div {
	width: 98%;
	overflow: hidden!important;
	position: absolute;
	margin-top: -22px;
	z-index: -1!important;
	 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.entry-content {
	padding-top: 60px;
	 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter!important;
	font-size: 35px;
	 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;

}




#bio-nav a {
	color: #fff!important;
}


.contenter {
	 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
	font: .5em  Times, serif!important;
	font-weight: normal!important;
	font-style: normal!important;
	 -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
			
#bio-container{ 
max-width: 1200px!important; /*SET your width here*/
margin: 0 auto!important;
text-align: left!important;
padding:20px!important;
margin-top: -10px!important;
	font-weight: normal!important;
	font-style: normal!important;

}
			
			

#bio-content .entry-meta {
	display:none!important ;
}


/* //////////////////      MORE HOVERS */


#more-link-a {
width: 100px;
text-align: center;
margin-left: 200px;
margin-top: 60px;
padding-bottom: 50px;

}


#more-link-a a {
	background-color: #fff!important;
	color: #000!important;
	font-size: 15px!important;
	padding: 10px;
	transition: background-color .45s ease-in-out;
   -moz-transition: background-color .45s ease-in-out;
   -webkit-transition: background-color .45s ease-in-out;
	
}

#more-link-a a:hover {
		background-color:  #000!important;
	color: #fff!important;
	   transition: background-color .45s ease-in-out;
   -moz-transition: background-color .45s ease-in-out;
   -webkit-transition: background-color .45s ease-in-out;
} 


/* //////////////////      MORE HOVERS */


#more-link-b {
width: 100px;
text-align: center;
margin-left: 200px;
margin-top: 60px;
padding-bottom: 50px;
}


#more-link-b a {
	background-color: #000!important;
	color: #fff!important;
	font-size: 15px!important;
	padding: 10px;
	transition: background-color .45s ease-in-out;
   -moz-transition: background-color .45s ease-in-out;
   -webkit-transition: background-color .45s ease-in-out;
	
}

#more-link-b a:hover {
		background-color:  #fff!important;
	color: #000!important;
	   transition: background-color .45s ease-in-out;
   -moz-transition: background-color .45s ease-in-out;
   -webkit-transition: background-color .45s ease-in-out;
} 




/* ////////////////////////////      SEARCH INPUT */

textarea, input { outline: none; }
#s{
	border: none;
	font-family: "Play";
	font-style: normal;
	font-size: 20px;
	height: 40px;
	width: 150px;
	padding: 5px;
	
		 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}





#s:focus {
	color: #fff!important;
	background-color: #000!important;
}



#searchsubmit {
	display: none;
}

.screen-reader-text {
	color: #000!important;
	text-transform: uppercase;
	font-size: 15px;
}


/* ////////////////////////////      SEARCH INPUT */




#m-header-out li a {

	margin-right: 50px!important;
}


#nav-out {
   list-style-type: none;
    margin: 0;
    padding: 0;
    		 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;



}

#nav-out a {
 display: block!important;
  color: #000;	
     
}

#nav-out li{
	float: left;
	padding-right:  15px;
	
	
}

#m-header-out li {

	font-size: 10px;
}

/*/////////////////////////////////////////////*/


#nav {
	float: right;
	width: 7;
	height: 100%;
	margin-right: 20px;
		 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
 	 }
	 

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 10px;
    text-align: right;
   		 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}


#nav-list-out {
z-index: 4!important	
width: 600px;
}

a {
    display: block;
    font-family: "Play";
	color: #FAFAFA;
	text-decoration: none;
}


#single-back {
	float: left;
	margin-left: 30px;
	font-size: 15px;
}

#single-back p {
	background-color: #000;
	padding: 10;
	margin-top: 30px;
}

#single-back a:hover {
	background-color: #fff;
	color: #000!important;
	   transition: background-color .45s ease-in-out;
   -moz-transition: background-color .45s ease-in-out;
   -webkit-transition: background-color .45s ease-in-out;
	   transition: color .45s ease-in-out;
   -moz-transition: color .45s ease-in-out;
   -webkit-transition: color .45s ease-in-out;   
}

#single-back p:hover {
	background-color: #fff;
	color: #000!important;
	   transition: background-color .45s ease-in-out;
   -moz-transition: background-color .45s ease-in-out;
   -webkit-transition: background-color .45s ease-in-out;
	   transition: color .45s ease-in-out;
   -moz-transition: color .45s ease-in-out;
   -webkit-transition: color .45s ease-in-out;   
}




#entry-header {
z-index: 3!important;
			 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}



/*////////////////////   PROJECTS PAGE /////////////////*/

#project-list {
	   display: block;
    font-family: "Play";
	color: #FAFAFA;
	text-decoration: none;
	background-color: #000;
	padding: 20;
	font-size: 15px!important;	
 
   -webkit-animation-duration: 1s!important;
  animation-duration: 1s!important;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; 
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
 
 		 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
 
}

#black-footer {
	  display: block;
		width:100%;
	position:absolute;
	bottom:0;
	left:0;
	background-color: #000;
}


#project-list a {
			 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
		background-color: #000;
	color: #fff;
		   transition: background-color .45s ease-in-out;
   -moz-transition: background-color .45s ease-in-out;
   -webkit-transition: background-color .45s ease-in-out;
   
   	 -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  
  
}

#project-list a:hover {
	background-color: #fff;
	color: #000;
	   transition: background-color .45s ease-in-out;
   -moz-transition: background-color .45s ease-in-out;
   -webkit-transition: background-color .45s ease-in-out;
}




/*/////////////////////////////////////////////////////////*/

.shows-img {
	
	
		 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
   	 -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	
width: 30%!important;
margin-left: 600px!important;
 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  z-index: -5!important;
	max-width: 400px!important;
}

#shows-img-div {
	
		 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
   	 -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	
	width: 98%!important;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
	position: absolute!important;
	margin-top: -22px!important;
	z-index: -5!important;
	
}

#shows-img-div img {
	
		 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
   	 -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	
	  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  pointer-events:none!important
}



#post-12 .entry-content {
	    width: 900px; /*SET your width here*/
    margin: 0 auto;
    text-align: left;
     -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.easy-table {
	margin-top: 50px;
}

.easy-table, td, th {
	 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
   	 -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  
  
   font-family: "Play";

	color: #000!important;
}

.easy-table caption {
	padding-bottom: 20px;
}

.easy-table th {
	padding-bottom: 20px;
}

.easy-table tbody tr:hover {
	background-color: #fff;
	color: #000;
	   transition: background-color .45s ease-in-out;
   -moz-transition: background-color .45s ease-in-out;
   -webkit-transition: background-color .45s ease-in-out;
}

/* //////////////////////////////////////////////////////// */



#btnB:hover  {
	 background-color: #fff!important;
	color: #000!important;
		opacity: 1;
   transition: background-color .45s ease-in-out;
   -moz-transition: background-color .45s ease-in-out;
   -webkit-transition: background-color .45s ease-in-out;
}

#selectedB  {
	background-color: #fff!important;
	color: #000;
	opacity: 1!important;
 
}

#btnC:hover {
	 background-color: #ccc;
	color: #353535;
		opacity: 1;
   transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
}


#selectedC  {
	 background-color: #ccc;
	color: #353535;
		opacity: 1;
 
}

#btnD:hover {
	 background-color: #8f8f8f;
	color: #4b4b4b;
		opacity: 1;
   transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
}


#selectedD  {
		 background-color: #8f8f8f;
	color: #4b4b4b;
		opacity: 1;
 
}


#btnE:hover {
	 background-color: #4b4b4b;
	color: #d0d0d0;
	opacity: 1;
   transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
}


#selectedE  {
	 background-color: #4b4b4b;
	color: #d0d0d0;
	opacity: 1;
 
}


#btnF:hover {
	 background-color: #000;
	color: #fff;
		opacity: 1;
   transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
}


#selectedF  {
		 background-color: #000;
	color: #fff;
		opacity: 1;
 
}



/* HOVER STATES FOR SECONDARY NAV */

#m-header-out  {
	
	color: #000;
	   transition: color .45s ease-in-out;
   -moz-transition: color .45s ease-in-out;
   -webkit-transition: color .45s ease-in-out;
	 
}

#m-header-out li a:hover {
	
   color: #464755!important;
   transition: color .45s ease-in-out;
   -moz-transition: color .45s ease-in-out;
   -webkit-transition: color .45s ease-in-out;
}


#m-header-out li  {
color: #464755!important;

	
   transition: color .45s ease-in-out;
   -moz-transition: color .45s ease-in-out;
   -webkit-transition: color .45s ease-in-out;
}

#btnC:hover {
	 background-color: #ccc;
	color: #353535;
		opacity: 1;
   transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
}


#btnD:hover {
	 background-color: #8f8f8f;
	color: #4b4b4b;
		opacity: 1;
   transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
}


#btnE:hover {
	 background-color: #4b4b4b;
	color: #d0d0d0;
	opacity: 1;
   transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
}


#btnF:hover {
	 background-color: #000;
	color: #fff;
		opacity: 1;
   transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
}






/* /////////////////    CONTACT PAGE    ////////////////  */



#manic {
	display: none;
 	position: absolute!important;
    z-index: -1!important;
	 width: 600px!important;
 	height: 600px!important;
	background-image: url("http://www.cjtrumpet.com/beta/img/manic.gif")!important;
	margin-top: -500px!important;
    margin-left: 200px!important;
     
}





#post-10 .entry-content {
	width: 800px;
	margin: 0 auto;
}

#post-10 .entry-meta {
	display: none!important;
	}
	
	
	
#cntctfrm_contact_form {

		 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
   	 -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  
  	font-family: "Play";
	font-style: normal;
	color: #000;
	font-size: 25px!important;
  margin-top: 00px;
  width: 600px;
  margin-left: 20px;
	  
}

#cntctfrm_contact_form div {
	
		 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
   	 -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	
	
	padding-bottom: 10px;
 	width: auto;
 	display: block;
}

.cntctfrm_field_subject_wrap {
	display: none!important;
}

#cntctfrm_contact_form label {
	
		 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
   	 -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	
	  text-transform: uppercase;
	  
	  }

#cntctfrm_contact_message {
	
		 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
   	 -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	
	
	font-family: times, georgia, serif;
	font-size: 20px;
	color: #fff;
	background-color: #000;
	width: 600px;
	height: 200px;
	border: none;
	padding: 20px;

}

 

#cntctfrm_contact_email {
	
		 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
   	 -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	
	
		background-color: #FFF!important;
	border: none!important;
	color: #000;
	margin-bottom: 20px!important;
	width: 300px!important;
	font: normal 25px!important;
	padding: 20px;
 text-transform: none!important;
   margin-top: 0!important;
}

#cntctfrm_contact_subject  {
	
		 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
   	 -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	
	
		background-color: #FFF!important;
	border: none!important;
	color: #000;
	margin-bottom: 20px!important;
	width: 300px!important;
	font: normal 25px "times"!important;
	padding: 20px;
	 text-transform: none!important;
	 }


#cntctfrm_contact_form input {
	
		 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
   	 -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	
	
	background-color: #FFF!important;
	border: none!important;
	color: #000;
	margin-bottom: 20px!important;
	width: 200px;
	font: normal 25px "play";
	padding: 20px;
	  text-transform: uppercase;
	
}

#cntctfrm_contact_form input:hover {
	   transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
   background-color: #000!important;
   color: #fff;
}


#cntctfrm_thanks {
			 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
   	 -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	
	position: fixed!important;
	float: left!important;

	font-size: 45px!important;

	width: 250px!important;
	padding: 5px!important;
	color: #000;
	margin-left: 10px;
}

#e-mail-link {
		 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
   	 -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	
	
	margin-left: 250px!important;
	font-size: 15px!important;
	margin-top: -135px!important;
	width: 220px!important;
	padding: 5px!important;
}

#e-mail-link p {
	
		 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
   	 -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	
	margin-bottom: -10px!important;
}

#e-mail-link a:hover {
	color: 000;
	background-color: #fff;
	   transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
}


#cntctfrm_contact label {
	display: none!important;
}


/* /////////////////////////////////  */




#hide {display:none!important;}
.hide {
	display:none!important;
}



#btnA:hover {
	 background-color: #000;
	font-color: #fff;
		opacity: 1;
   transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
}



#nav li {
	padding-bottom: 13px;
	height: 13px!important;
	font-size: 20px;
	
	}
	
	ul.scene_element.scene_element--fadein {
	 margin-top: 25px;
}

/* ANIMATIONS */

.m-scene .scene_element {
  -webkit-animation-duration: 1s!important;
  animation-duration: 1s!important;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; 
 
  
  }
  
  
  /*
 * CSS Animations
 * Don't forget to add vendor prefixes!
 */
.m-scene .scene_element {
  animation-duration: 0.25s;
  transition-timing-function: ease-in;
  animation-fill-mode: both;
}

.m-scene .scene_element--fadein {
  animation-name: fadeIn;
}

.m-scene.is-exiting .scene_element {
  animation-direction: alternate-reverse;
}

/*
 * Keyframes
 */
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}