/* 	
================================================================



TM Studio

================================================================  
*/






/* 	
================================================================
FIXES AND HELPER CLASSES
================================================================  
*/


/* no scroll */


body, html{
  height:100%;width:100%;
}

body{max-width:1500px;}


/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

*{
	-webkit-transform: none;  
	webkit-backface-visibility: hidden; 
}

/* remove list styles*/
ul{list-style-type:none;margin:0;padding:0;}


/* Image fix */
img{display:block;}


/* clearfix */
.cf:before, .cf:after{content: " ";display: table;}
.cf:after {content: " ";visibility: hidden;display: block;height: 0;clear: both;}
.cf {*zoom: 1;}

/* remove paragraph margins */
p{padding:0;margin:0;}


/* break long links over lines */
a {word-wrap: break-word;}


/*Background Sizing*/
.cover{-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover; background-repeat:no-repeat;background-position:center;}
.contain{-webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain;background-size:contain; background-repeat:no-repeat;background-position:center;}

.bk-top{background-position:top;}
.bk-right{background-position:right;}
.bk-bottom{background-position:bottom;}
.bk-left{background-position:left;}


/*Vertical Centring*/
.table{display:table;height:100%;}
.table-cell{display:table-cell;vertical-align:middle;}

/*Alignments*/
.center{text-align:center;}
.left{text-align:left}
.right{text-align:right}

/*Float*/
.float-right{float:right!important;}
.float-left{float:left!important;}

/*Reset Headings*/
h1, h2, h3, h4, h5, h6{
	font-size:1em;
	margin:0;
	padding:0 0 .5em;
	font-weight: normal;
}

/* 	
================================================================
TYPOGRAPHY
================================================================  
*/


body{
  	font-size:12px;
	font-family: "Arial Black","Arial Bold", Gadget, sans-serif, sans-serif;
	line-height:1.4;
	padding:10px;
}




a:link, a:visited{
	text-decoration:none;
	color:#000;
	-webkit-transition: all .2s ease-in-out;
	  -o-transition: all .2s ease-in-out;
	     transition: all .2s ease-in-out;
}

a:hover, a:active{
	color:rgb(150,150,150);
	-webkit-transition: all .2s ease-in-out;
	  -o-transition: all .2s ease-in-out;
	     transition: all .2s ease-in-out;
}

hr{
    border : 0;
    height : 1px;
	background:black;
}

::selection {
  background: yellow; 
}
::-moz-selection {
  background: yellow; 
}


/* 	
================================================================
GRID
================================================================  
*/

.m-1-col, .m-2-col, .m-3-col, .m-4-col, .m-5-col, .m-6-col, .m-7-col, .m-8-col, .m-9-col, .m-10-col, .m-11-col, .m-12-col {
	float: left;
	margin:0;
	padding-left:5px;
	padding-right:5px;
}

.m-hide{ display:none;}

.m-1-col { width: 8.333%; }
.m-2-col { width: 16.666%; }
.m-3-col { width: 25%; }
.m-4-col { width: 33.333%; }
.m-5-col { width: 41.666%; }
.m-6-col { width: 50%; }
.m-7-col { width: 58.333%; }
.m-8-col { width: 66.666%; }
.m-9-col { width: 75%; }
.m-10-col { width: 83.333%; }
.m-11-col { width: 91.666%; }
.m-12-col{ width: 100%; }


/* 	
================================================================
LOADING
================================================================  
*/

#loader{
	width:100%;	
	background:#000;
	position:fixed;
	top:0; left:0;bottom:0;
	z-index:20000; 
}

.loading-inner{
	position:absolute;
	bottom:20px;right:20px;
	width:25px;height:5px;
	background-image:url('loading-1.gif');
	-webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain;background-size:contain; background-repeat:no-repeat;background-position:center;
		display:none;
}

.nanobar{
	width: 100%;
	height: 1px;
	z-index: 20001;
	top: 0;
	left:0;

}

/* 	
================================================================
LAYOUT
================================================================  
*/

* {
  margin: 0;
}

html, body {
  height: 100%;
}

.page-wrapper{
	position:relative;
	width:100%;
	min-height: 100%;
	margin-bottom: 50px; 
}

.page-wrapper:after {
  content: "";
  display: block;
}

.footer, .page-wrapper:after {
  height: 50px; 
}



/* 	
================================================================
INDEX PAGE
================================================================  
*/


 
.index-wrapper{
	 padding-top:10px;
}

a.index-item {
	font-size:.75em;
	float:left;
	padding-bottom:10px;
}



.index-item img{
	width:100%;
	float:left;
}



.footer{
	width:100%;
	position:absolute;
	bottom:0;
	padding:0px 10px 7px;
 
}

.footer-inner{
	width:100%;
	height:100%;
	position:relative;
}

.footer-content{
	position:absolute;
	bottom:0;left:0;
	line-height:1.5;
}




/* 	
================================================================
SINGLE ITEM
================================================================  
*/


.image-wrapper{
	position:absolute;
	top:0px;left:0px;right:0px;bottom:0px;
	padding:10px 10px 80px;
 
}


.image-wrapper .inner{
	width:100%;
	height:100%;
 
}

.image-wrapper .inner img{
	max-width:100%;
	max-height:100%;
}

a.image-wrapper, a.multiple-wrapper, a.full-wrapper{
	cursor:e-resize;
}

.detail{
	display:inline ;
	float:left;
	margin-right:7px;
}

.detail:after { 
    content: ", ";
}

.detail:last-child:after { 
    content: " ";
}

.title{
	display:inline ;
	font-style:italic;
	margin-right:.5em;
	float:left;
}

.materials{
	text-transform:capitalize;
}





/* 	
================================================================
MULTIPLE ITEM
================================================================  
*/

.multiple-wrapper{
	padding:10px 10px 10px;
	width:100%;
}

.multiple-wrapper img{
	max-width:80%;
	float:left;
	margin-bottom:.5em;
}

.m-caption{
	width:100%;
	max-width:80%;
	display:block;
	float:left;
	padding:.5em 0 2.5em;
}


a:link.multiple-wrapper, a:visited.multiple-wrapper {
	text-decoration:none;
	color:#000;
	-webkit-transition: all .2s ease-in-out;
	  -o-transition: all .2s ease-in-out;
	     transition: all .2s ease-in-out;
}

a:hover.multiple-wrapper, a:active.multiple-wrapper {
	color:#000;
	-webkit-transition: all .2s ease-in-out;
	  -o-transition: all .2s ease-in-out;
	     transition: all .2s ease-in-out;
}




/* 	
================================================================
FULL SCREEN ITEM
================================================================  
*/

.full-wrapper{
	position:fixed;
	top:0px;left:0px;right:0px;bottom:0px;
}

 
/* 	
================================================================
LARGE PHONES
================================================================  
*/

@media only screen and (min-width: 450px) {


/* 	
================================================================
GRID
================================================================  
*/

.lm-1-col, .lm-2-col, .lm-3-col, .lm-4-col, .lm-5-col, .lm-6-col, .lm-7-col, .lm-8-col, .lm-9-col, .lm-10-col, .lm-11-col, .lm-12-col {
	float: left;
	margin:0;
	padding-left:5px;
	padding-right:5px;
}



.lm-hide{ display:none;}

.lm-1-col { width: 8.333%; }
.lm-2-col { width: 16.666%; }
.lm-3-col { width: 25%; }
.lm-4-col { width: 24.999%; }
.lm-5-col { width: 41.666%; }
.lm-6-col { width: 50%; }
.lm-7-col { width: 58.333%; }
.lm-8-col { width: 66.666%; }
.lm-9-col { width: 75%; }
.lm-10-col { width: 83.333%; }
.lm-11-col { width: 91.666%; }
.lm-12-col{ width: 100%; }


/* 	
================================================================
INDEX PAGE
================================================================  
*/


.header{
 
}
 

.site-title{
	display:block;
	padding-bottom:1em;
}

.main-menu{
	padding:0 0 100px;
	text-align:right;
}

 


}/*END LARGE PHONE*/


/* 	
================================================================
MINI TABLET
================================================================  
*/

@media only screen and (min-width: 600px) {


.mt-1-col, .mt-2-col, .mt-3-col, .mt-4-col, .mt-5-col, .mt-6-col, .mt-7-col, .mt-8-col, .mt-9-col, .mt-10-col, .mt-11-col, .mt-12-col {
	float: left;
	margin:0;
	padding-left:5px;
	padding-right:5px;
}



.mt-1-col { width: 8.333%; }
.mt-2-col { width: 16.666%; }
.mt-3-col { width: 25%; }
.mt-4-col { width: 33.333%; }
.mt-5-col { width: 41.666%; }
.mt-6-col { width: 50%; }
.mt-7-col { width: 58.333%; }
.mt-8-col { width: 66.666%; }
.mt-9-col { width: 75%; }
.mt-10-col { width: 83.333%; }
.mt-11-col { width: 91.666%; }
.mt-12-col{ width: 100%; }


/* 	
================================================================
INDEX PAGE
================================================================  
*/


.header{
 
}
 

.site-title{
	display:block;
	padding-bottom:1em;
}

.main-menu{
	padding:0 0 100px;
	text-align:left;
}

 


}/*END MINI TABLET*/


/* 	
================================================================
TABLET
================================================================  
*/

@media only screen and (min-width: 650px) {



/* 	
================================================================
GRID
================================================================  
*/

.t-1-col, .t-2-col, .t-3-col, .t-4-col, .t-5-col, .t-6-col, .t-7-col, .t-8-col, .t-9-col, .t-10-col, .t-11-col, .t-12-col {
	float: left;
	margin:0;
	padding-left:5px;
	padding-right:5px;
}
.m-hide{display:block;}
.t-hide{ display:none;}

.t-1-col { width: 8.333%; }
.t-2-col { width: 16.666%; }
.t-3-col { width: 25%; }
.t-4-col { width: 33.333%; }
.t-5-col { width: 41.666%; }
.t-6-col { width: 50%; }
.t-7-col { width: 58.333%; }
.t-8-col { width: 66.666%; }
.t-9-col { width: 75%; }
.t-10-col { width: 83.333%; }
.t-11-col { width: 91.666%; }
.t-12-col{ width: 100%; }







/*image margins*/
.wrapper{
 	left:  20px;
	top:  20px;
	right:  20px;
	bottom:  70px;
}


/*Fixed elemets*/

.close-button{
	top:20px;
	right:20px;
	width:20px;
	height:20px;
	z-index:54;
}

.caption{
	bottom:18px;
	left:20px;
}

.info-link{
  }


/*Text Overlay*/



.information-wrapper{
	float:right;
}

  
/* 	
================================================================
INFORMATION PAGE
================================================================  
*/




}/*END TABLET*/





/* 	
================================================================
DESKTOP
================================================================  
*/

@media only screen and (min-width: 950px) {



/* 	
================================================================
GRID
================================================================  
*/

.m-hide{
	display:block;
}

.t-hide{
	display:block;
}

.d-hide{
	display:none;
}
.d-1-col, .d-2-col, .d-3-col, .d-4-col, .d-5-col, .d-6-col, .d-7-col, .d-8-col, .d-9-col, .d-10-col, .d-11-col, .d-12-col {
	float: left;
	margin:0;
	padding-left:5px;
	padding-right:5px;
}

.d-hide{ display:none;}

.d-1-col { width: 8.333%; }
.d-2-col { width: 16.666%; }
.d-3-col { width: 25%; }
.d-4-col { width: 33.333%; }
.d-5-col { width: 41.666%; }
.d-6-col { width: 50%; }
.d-7-col { width: 58.333%; }
.d-8-col { width: 66.666%; }
.d-9-col { width: 75%; }
.d-10-col { width: 83.333%; }
.d-11-col { width: 91.666%; }
.d-12-col{ width: 100%; }


/*Index page margins

.index-wrapper{
 	padding:140px 85px 0;
 	max-width:1200px;
}
*/



/*Text Overlay*/

.information-wrapper{
	padding:70px 70px 70px 15px;
	max-width:650px;
	float:right;
}


 
}/*END DESKTOP*/




/* 	
================================================================
MEDIUM DESKTOP
================================================================  
*/

@media only screen and (min-width: 1200px) {






/* 	
================================================================
GRID
================================================================  
*/

 
.md-1-col, .md-2-col, .md-3-col, .md-4-col, .md-5-col, .md-6-col, .md-7-col, .md-8-col, .md-9-col, .md-10-col, .md-11-col, .md-12-col {
	float: left;
	margin:0;
	padding-left:5px;
	padding-right:5px;
}

.md-1-col { width: 8.333%; }
.md-2-col { width: 16.666%; }
.md-3-col { width: 25%; }
.md-4-col { width: 33.333%; }
.md-5-col { width: 41.666%; }
.md-6-col { width: 50%; }
.md-7-col { width: 58.333%; }
.md-8-col { width: 66.666%; }
.md-9-col { width: 75%; }
.md-10-col { width: 83.333%; }
.md-11-col { width: 91.666%; }
.md-12-col{ width: 100%; }


 
}/*END MED DESKTOP*/





/* 	
================================================================
LARGE DESKTOP
================================================================  
*/

@media only screen and (min-width: 1500px) and (min-height: 950px) {



.video-1, .slide img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
 
}







 
}/*END MED DESKTOP*/