/* Global styles for the home page */

#tabContainer{
	position: relative;
}


#home_header{
width: auto;
font-size: auto;
height: auto;
position: relative;
padding-left: 5%;
min-height: 60vh;
padding-top: 5%;
}

#home_header h1{

font-size: 7.5vw;
  color: black;
  font-family: koratakiregular;

  /*Used for scaling*/
transform:scale(1.10,1.58); 
-webkit-transform:scale(1.10,1.58);
-moz-transform:scale(1.10,1.58);
-ms-transform:scale(1.10,1.58);
-o-transform:scale(1.10,1.58);

  display:inline-block; 
}

#home_header h2{
	font-family: kuroregular;
	color: #ad0200;
	font-size: 2.509em;
	font-size: 2.5vw;
}

#home_header img{
	width: auto;
	height: auto;
	max-width: 7.0vw;

}

#home_header_description h2{
	font-family: kuroregular;
	color: #000000;
	font-size: 1.8rem;
	padding: 0%;
}


#home_comit{
padding-top: 5%;
position: relative;
margin-right: 0%;
padding-left: 0%;
padding-right: 0%;
overflow: hidden;
}


#home_comit_background{
  position: absolute;
  
  background: url(../images/home/Photos/Stan_Portrait_lens_blur_lowres.jpg); 
  background-size: 100%;
  background-size: cover;
  background-width: 100%;
  background-height: 100%;
  background-position: center center;
  
  height: 100%;
  width: 100%;
  left: 0;
  padding-left: 0%;
  padding-right: 0%;
    z-index: 1 !important;
}

#home_comit_overlay{
    height: 100%;
    width: 45%;
   	background-width: 100%;
   	background-height: 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
    padding-left: 0%;
    padding-right: 0%;
   
    z-index: 2 !important;
}

#home_comit_content{
	position: relative;
	padding-left: 3%;
	padding-right: 3%;
 	background: rgba(230, 230, 197, 0.88); /*can be anything, of course*/
	height: auto;
	left: 0;
	bottom: 0;
	height: 100%;
	padding-bottom: 10%;
	z-index: 3 !important;
}

#home_comit_content h1{
	font-family: kuroregular;
	color: rgba(33,33,33, 0.88);
	font-size: 3.4rem;
	padding: 0%;

}

#home_comit_content h2{
	font-family: franklin_gothic_fsbook;
	color: rgba(33,33,33, 0.88);
	font-size: 2.1rem;
	padding: 0%;

}

#home_comit_content h3 > a{
	font-family: banker_squareregular;
	color: rgba(33,33,33, 0.88);
	font-size: 1.5rem;
	padding: 0%;
	text-transform: uppercase;

}

#home_comit_quote{
z-index: 3 !important;
position: absolute;
bottom: 0;
right: 0;
}

#home_comit_quote h1{
	font-family: kuroregular;
	color: white;
	font-size: 2.8rem;
	padding: 0%;
	font-style: italic;	
}

#home_comit_quote h2{
	font-family: franklin_gothic_fsbook;
	font-size: 1.6rem;
	text-align: right;
	color: white;

}

#home_comit_quote .fancy-underline:hover:after {
  width: 100%;
 background-color: rgba(255,255,255, 1);
}


#home_comit_content hr{
	width: 30%;
	height: 3px;
	background-color: rgba(33,33,33, 0.88);
	color: #212121;
	border: 0 none;

}

#home_comit_content img{
max-width: 8.0vw;
height: auto;
width: auto;
}


#home_redefines{
	position: relative;
	text-align: center;
	min-height: 30vh;
}


#home_redefines h1{
	font-family: verminVibes;
	font-size: 4.8rem;
	font-color: black;

	    /*Used for scaling*/
	transform:scale(1.13, 1); 
	-webkit-transform:scale(1.13, 1);
	-moz-transform:scale(1.13, 1);
	-ms-transform:scale(1.13, 1);
	-o-transform:scale(1.13, 1);

	display:inline-block;
}

#home_redefines h2{
	font-family: franklin_gothic_fsbook;
	font-size: 1.8rem;
	color: black;
}

#home_redefines_blurb{
	padding-left: 25%;
	padding-right: 25%;
}


#home_introducing{
	padding-top: 5%;
	min-height: 20vh;
}


#home_introducing h1{
	font-family: verminVibes;
	font-size: 4.8rem;
	font-color: black;

	    /*Used for scaling
	transform:scale(1.75, 1.36); 
	-webkit-transform:scale(1.75, 1.36);
	-moz-transform:scale(1.75, 1.36);
	-ms-transform:scale(1.75, 1.36);
	-o-transform:scale(1.75, 1.36);
	*/

	text-transform: uppercase;
	display: inline-block;


}



/*The products that animate and such on hover */
#home_producs_holder{
	overflow: hidden;
	position: relative;

}

.home_product{
	overflow: hidden;
	height: 80vh; /*Fix me, ugly code should be dynamic...*/
	text-align: center;
}

.home_product h2{
z-index: 2 !important;
font-family: koratakiregular;
font-size: 1.9rem;
color: white;
top: 0;
left: 0;
right: 0;
position: absolute;
text-shadow: 2px 2px black;
}

.home_product img{
position: absolute;
z-index: 0 !important; 
top: 0;
right: -20vw;
margin-left: auto;
margin-right: auto;
height: 100%;
width: auto;

-webkit-filter: grayscale(80%);
filter: grayscale(80%);
-o-filter: gray;
-moz-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");

transform:scale(1.2); 
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
/*


-webkit-filter: blur(5px);
filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
*/



transition: all 0.50s;
-moz-transition: all 0.50s;
-ms-transition: all 0.50s;
-o-transition: all 0.50s;
-webkit-transition: all 0.50s;


}

.over img{
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-moz-filter: clear;
-o-filter: clear;
opacity: 100%;
transform:scale(1.3); 
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
-ms-transform:scale(1.3);
-o-transform:scale(1.3);
}

.home_product:hover img{


transform:scale(1.3); 
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
-ms-transform:scale(1.3);
-o-transform:scale(1.3);
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-moz-filter: clear;
-o-filter: clear;
/*

-webkit-filter: blur(0px);
filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
*/
}


#home_end_comment{
	background-color: rgba(0,0,0, 0.81);
	text-align: center;
	padding-top: 1%;
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 1%;
	min-height: 30vh;
}


#home_end_comment img{
	width: 12%;
	height: auto;

}

#home_end_comment h1{
font-family: kuroregular;
font-size: 2.9rem;
color: white;
}

#home_end_comment h2{
font-family: kuroregular;
font-size: 1.5rem;
color: white;
}

#home_contact{
	padding-top: 5%;
	padding-bottom: 0%;
	padding-left: 10%;
	padding-right: 10%;
	text-align: center;
	min-height: 40vh;
}

#home_contact h1{
	font-family: banker_squareregular;
	color: black;
	font-size: 2.8rem;
	padding: 0%;
	text-transform: uppercase;
}

#home_contact h2{
	font-family: banker_squareregular;
	color: black;
	font-size: 1.9rem;
	padding: 0%;
	text-transform: uppercase;
}

#home_contact a{
	color: black;
	text-decoration: none;
}

/*Low res smartphones, portrait and landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

#home_header h1{
font-size: 12vw;
  color: black;
  font-family: koratakiregular;

  /*Used for scaling*/
transform:scale(1.10,1.58); 
-webkit-transform:scale(1.10,1.58);
-moz-transform:scale(1.10,1.58);
-ms-transform:scale(1.10,1.58);
-o-transform:scale(1.10,1.58);

  display:inline-block; 
}

#home_header h2{
	font-family: kuroregular;
	color: #ad0200;
	font-size: 2.509em;
}



#home_header img{
	width: 14vw;
	height: auto;
}

#home_header_description h2{
	font-family: kuroregular;
	color: #000000;
	font-size: 1.8rem;
}

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}


/*iPads portrait and landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {


#home_header h1{
font-size: 12vw;
  color: black;
  font-family: koratakiregular;

  /*Used for scaling*/
transform:scale(1.10,1.58); 
-webkit-transform:scale(1.10,1.58);
-moz-transform:scale(1.10,1.58);
-ms-transform:scale(1.10,1.58);
-o-transform:scale(1.10,1.58);

  display:inline-block; 
}

#home_header h2{
	font-family: kuroregular;
	color: #ad0200;
	font-size: 2.509em;
	margin-top: -2%;
}



#home_header img{
	width: 14vw;
	height: auto;
}

#home_header_description h2{
	font-family: kuroregular;
	color: #000000;
	font-size: 1.8rem;
	padding-top: 5%;
}

}



/* Tablets (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */


#home_comit_quote{
position: absolute !important; /*Useful because it grabs it form the retina section as some modern tablets are retina */
background-color: transparent !important; 

}

#home_redefines_blurb{
	padding-left: 25%;
	padding-right: 25%;
}

#home_comit_content img{
max-width: 8.0vw;
height: auto;
width: auto;
}

#home_end_comment{
	padding-left: 10%;
	padding-right: 10%;
}

}

/* Tablets (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}




/* High res smartphones, portrait and landscape */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {


#home_header h1{
font-size: 10vw;
  color: black;
  font-family: koratakiregular;

  /*Used for scaling*/
transform:scale(1.10,1.58); 
-webkit-transform:scale(1.10,1.58);
-moz-transform:scale(1.10,1.58);
-ms-transform:scale(1.10,1.58);
-o-transform:scale(1.10,1.58);

  display:inline-block; 
}

#home_header h2{
	font-family: kuroregular;
	color: #ad0200;
	font-size: 2.509em;
}



#home_header img{
	width: 12vw;
	height: auto;
}

#home_header_description h2{
	font-family: kuroregular;
	color: #000000;
	font-size: 1.8rem;
}

#home_comit_quote{
position: relative;
background-color: rgba(170, 170, 137, 0.88); ; 

}

#home_comit_content img{
max-width: 18.0vw;
height: auto;
width: auto;
}

#home_redefines_blurb{
	padding-left: 0%;
	padding-right: 0%;
}

#home_end_comment{
	padding-left: 0%;
	padding-right: 0%;
}

}