/* Themify Customize Styling */
body {	
	background-position: center top;
	font-family:Raleway;	font-size:16px;
	line-height:16px;
 
}
h2 {	
	font-family:Raleway;	font-size:34px;
	line-height:34px;
 
}
h3 {	
	font-family:Raleway;	font-size:24px;
	line-height:24px;
 
}
h5 {	
	font-family:Raleway;	font-size:14px;
 
}
h6 {	
	font-family:Raleway;	font-size:23px;
	text-align:center; 
}
#headerwrap {	background-image: none;
	background-color: #000000;
	background-color: rgba(0,0,0,0.44); 
}
#header {	
	height: 100px;
	font-family:Raleway;	font-weight:bold;
	font-weight:bold;
 
}
#site-logo img {	
	height: 100px; 
}
#site-description {	
	color: #ffffff;
	color: rgba(255,255,255,0.00); 
}
#site-description img {		width: 50px; 
}
#main-nav {		position:relative;
width: auto;height: auto; 
}
#main-nav a {	
	font-family:Raleway;	font-size:12px;
	line-height:26px;

	color: #ffffff;
	color: rgba(255,255,255,1.00); 
}
#footerwrap {	background-image: url(2016/01/Footer.png);margin: auto; 
}
#footer {	
	border-top-color: #c71212;
	border-top-color: rgba(199,18,18,1); 
}
#footer a:hover {		text-align:justify; 
}
#footer-nav {		position:fixed;
height: auto; 
}
#footer-nav a {		text-align:left; 
}
.footer-widgets {		text-align:left; 
}

/* Themify Custom CSS */
.yellow-box:hover {
	  opacity: 0.5;
}
.image-abs {
	  position: absolute;  
}
.img1 {
	  left: 0;z-index: 1;  
}
  .img1:hover {
	  width: 100% !important;left: 0px !important;z-index: 10 !important;  
}
  .img2 {
	  left: 130px;z-index: 1;  
}
  .img2:hover {
	  width: 100% !important;left: 0px !important;z-index: 10 !important;  
}
  .img3 {
	  width: 100%;left: 260px;z-index: 1;  
}
#content {
	  width: 350px;position: relative;    
}
        .img_33 {
	  float: left;width:33%;    
}
        #hidden {
	  visibility: hidden;position: absolute;left: 0px;top: 0px;    
}
.tile-image {
	  height: 100%;width: 100%;    
}
        .grid {
	  height: 750px;width: 1000px;    
}
        .tile30 {
	  width: 30%;height: 30%;float: left;padding-left: 15px;padding-top: 15px;position: relative;cursor: pointer;transition: all 0.3s ease-in;overflow: hidden;    
}
        .tile30:hover > .tile-time {
	  background-color: rgba(255, 180, 0, 0.9);color: black;    
}
        .tile30:hover > .tile-info {
	  height: 30%;background-color: rgba(0, 0, 0, 0.6);color: white;    
}
                .tile30:hover > .tile-info .img-text-pair {
	  bottom: 0px;    
}
        .tile60:hover > .tile-info .img-text-pair {
	  bottom: 0px;    
}
        .tile60 {
	  width: 61.5%;height: 62%;float: left;padding-left: 15px;padding-top: 15px;position: relative;cursor: pointer;overflow: hidden;    
}
        .tile60:hover > .tile-time {
	  background-color: rgba(255, 180, 0, 0.9);color: black;    
}
        .tile60:hover > .tile-info {
	  height: 20%;background-color: rgba(0, 0, 0, 0.6);color: white;    
}
        .tile-time {
	  background-color: rgba(0, 0, 0, 0.6);position: absolute;padding: 10px;color: white;text-transform: uppercase;transition: all 0.2s ease-in;clip-path: url("#clip-svg-demo");    
}
        .skewX10 {
	  transform: skewX(10deg);    
}
    .skewX10-inverse {
	  transform: skewX(-10deg);    
}
        .rotZ2 {
	  transform: rotateZ(2deg);    
}
        .rotZ-2 {
	  transform: rotateZ(-2deg);    
}
        .tile-info {
	  background-color: rgba(255, 255, 255, 0.6);position: absolute;color: black;left: 15px;right: 0px;bottom: 0px;text-transform: uppercase;transition: all 0.2s ease-in;    
}
        .smaller {
	  height: 10%;    
}
        .larger {
	  height: 20%;    
}
        .info-name {
	  width: 80%;float:left;padding-top: 10px;text-align: center;vertical-align: middle;    
}
        .tile-price {
	  width: 20%;height: 20%;float:left;background-color: rgb(255, 180, 0);color: white;text-transform: capitalize;display: block;padding-left: 5px;font-size: 20px;text-align: center;position: absolute;bottom: 0px;right: -5px;    
}
        .info-additional {
	  position: absolute;bottom: 0px;width: 90%;    
}
        .img-holder {
	  float: left;    
}
        .img-text {
	  float:left;text-transform: capitalize;    
}
        .tile30 .tile-info .img-text {
	  width:30%;font-size: 13px;padding-top: 1%;    
}
        .tile60 .tile-info .img-text {
	  width: 30%;font-size: 18px;padding-top: 2%;    
}
        .img-text-pair {
	  width: 100%;position: relative;bottom: -25px;transition: bottom 0.2s ease-in;    
}
        .tile60 .tile-info .img-text-pair {
	  bottom: -40px;    
}