body{
   
	font-family: "SpyroclassicRegular", sans-serif;
	font-weight: 400;
	font-size: 16px;
	background-color: #fff;
}

.off-canvas-content{
	min-height: 100vh;
}

h1, h2, h3, h4, h5, h6{
	font-family: "SpyroclassicRegular", sans-serif;
}
       
        .a{
        	font-family: "SpyroclassicRegular", sans-serif;
        	 
        	
        }
        .menu-icon {
       	    width: 30px;
       	    margin: 70px 20px 0 0;
       }
       .title-bar{
           padding: 0rem;
       	   background: #fff!important;
       	color: #6d6e71!important;
}

.fullWidth {
   width: 100%!important;
   margin-left: auto!important;
   margin-right: auto!important;
   max-width: initial!important;
   overflow-x: hidden;
}

.internal-title-bar{
	background-color: #fcfcfc;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	height: 60px;
	color: #888888;
}
.internal-title-bar-text{
	padding: 14px 0px 0px 20px!important;
	color: #888888;
}
.submenu.sub-active{
	color: #f00329!important;
}

.body-content{
	margin-top: 20px;
}
       .menu_small, .menu_small a {
       	    font-family: "SpyroclassicRegular", sans-serif;
       
            font-weight: 400;
            font-style: normal;
       	    font-size: 30px!important;
       	    line-height: 45px;
       	    color: #929295;
       	    text-transform: uppercase;
       	    
       }
       .menu_small a:hover, .menu_small a:focus{
			color: #f00329;
       }
       
       .menu_small_contact, .menu_small_contact a{
       	/*font-family: "Didact Gothic";*/
       	font-family: "SpyroclassicRegular", sans-serif;
        line-height: 30px;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
       	color: #929295;
       }
       
      
       
       .menu_contact_header{
       	    font-family: "SpyroclassicRegular", sans-serif;
            line-height: 38px;
            font-weight: 400;
            font-style: normal;
            font-size: 38px;
           	color: #929295;
       }
       .contact_a{
       	    font-size: 22px;
       	    font-style: italic; 
       }
       
 .menu-icon::after {
		    background: #000!important;
		    box-shadow: 0 7px 0 #000, 0 14px 0 #000!important;
		    
		}
       
	    @media screen and (max-width: 63.9375em) {
 			.title-bar{
	       	    margin-top: -36px;
             }
             
			.imagesmall {
			    padding-top: 38px;
				height: 110px;
				width:auto;
			}
	    	
	    }
       
        @media screen and (min-width:64em) { 
	      .title-bar{
	       	   margin-top: -26px;
            }
        }
        
       
		
        
        .fullscreen-image-slider .orbit-image {
        
          width: 100%;
          height: 100vh;
        }
        
        .fullscreen-image-slider .orbit-caption {
          bottom: 50%;
          -webkit-transform: translateY(50%);
              -ms-transform: translateY(50%);
                  transform: translateY(50%);
          background: none;
          text-align: center;
          color: #fefefe;
          font-weight: bold;
        }
        
         .small_contact{
			padding: 80px 0 0 10px;
         }
         
         .submenu a:hover{
			color: #f00329
         }
         
		.submenu a{
			color: #0a0a0a
         }
         
         a {
			color: #6d6e71;
         }
	    a:hover, a:focus {
			color: #f00329;
         }
         
       
/* about */
@media screen and (max-width: 39.9375em) {
	
	.reduce-on-small{
		width: 60%;
		heidth: auto;
	}
}
         

/* gallery */
        

.card-reveal-wrapper {
  position: relative;
}

.card-reveal-wrapper .open-button,
.card-reveal-wrapper .close-button {
  cursor: pointer;
  float: right;
  font-size: 0.875rem;
  padding-left: 0.5rem;
  text-align: right;
  width: 100%;
}

.card-reveal-wrapper .card-reveal {
  background: #fefefe;
  bottom: 0;
  display: block;
  left: 0;
  overflow: hidden;
  padding: 1rem;
  position: absolute;
  right: 0;
  top: 100%;
  transition: top 0.6s ease-in-out;
}

.card-reveal-wrapper .card-reveal.open {
  top: 0;
  z-index: 1;
}

.portfolio_image {
  -o-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}         
         
         
         
         
.portfoliolist{
	padding-right: 0.125rem!important;
    padding-left: 0.125rem!important;

}



.portfoliolink{
	cursor: pointer;
}

.portfilter{
	opacity: 0.6;
    filter: alpha(opacity=60);
}

.div_portfoliotitle {
		position: relative;
	  	text-align: center;
		display: block;
		
		
}

.portsizing{
		position: relative;
		display: block;
}

.portfoliotitle {
    	position: absolute;
	    right: 0;
	    bottom: 0; left: 0;
    	color: #FFF;
		text-transform: uppercase;
		font-size: 15px;
		font-size: 20px;
 
}
         
       
  @media screen and (max-width: 39.9375em) {
        	
           .menu_small {
       	    font-family: "SpyroclassicRegular", sans-serif;
       
            font-weight: 400;
            font-style: normal;
       	    font-size: 40px!important;
       	    line-height: 50px;
       	    color: #929295;
       	    text-transform: uppercase;
       	    
           }
           
 			.small_contact{
				padding: 20px 0 0 10px;
         	}
           
           .menu-icon {
       	    width: 30px;
       	    margin: 70px 20px 0 0;
           	color: #6d6e71;
           }
        
        	.menu_small_contact{ 
               	font-family: "SpyroclassicRegular", sans-serif;
                line-height: 40px;
                font-weight: 200;
                font-style: normal;
                font-size: 34px;
               	color: #929295;
            }
            
            .menu_contact_header, .menu_small_contact, .menu_social{
                margin-left: 30px;	
            }
            
            
            
            .fullscreen-image-slider .orbit-image {
            	
              width: 100%;
              height: 720px;
              background-color: #6d6e71;
          
            }
            
            .portfoliotitle {
            	font-size: 12px;	
			 }
			 .prjdetail_header {
				padding-bottom: 10px;
			 }
            
 }
       
       .off-canvas{
       	    background: #fff;
       	    color: #929295;
       	    padding:20px;
       }
       
       .close-button{
       	    color: #929295;
       	    font-size: 48px;
       	    padding: 20px 8px 0 0;
       	    
       }
    .close-button:hover, .close-button:focus {
        color: #929295;
     }
     
.off-canvas.is-transition-overlap.is-open {
    box-shadow: 0 0 5px rgba(10, 10, 10, 0.1);
}


     

	.position-right {
	  top: 0;
	  right: 0;
	  width: 100%;
	  height: 100%; 
	  -ms-transform: translateX(100%);
	      transform: translateX(100%);
	  overflow-y: auto; 
	}
	
  .position-right.is-open ~ .off-canvas-content {
    -ms-transform: translateX(-100%);
        transform: translateX(-100%); 
	}





.menuspace{
	padding: 0 6px 0 6px;
	font-size: 16px;
	
}

.imagerow{
	padding-bottom: 16px;
}

.imagelarge{
	padding-top: 30px;
}

.menu-large a{
	color: #6d6e71;
	font-size:18px;
}
.menu-large a:hover{
	color: #f00329;
}

.custom3width{
	width: 30%!important;
}

.custom9width{
	width: 70%!important;
}



.projectdetail {
    border-top: 1px solid #999999;
    position:fixed;
    width: 86%;
    z-index: 10000;
    height: 300px;
    font-size:18px;
    color: #fff;
	justify-content: center; /* align horizontal */
    background: rgba(0,0,0,.5);
    display: flex;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    bottom: -255px;
}

.prjdetail_header_div{
	width: 100%;
	text-align:center;
}

.prjdetail_description_div{
	width: 100%;
	text-align:left;
}

.prjdetail_header{
	text-align: center;
	cursor: pointer;
	text-transform: uppercase;
}

.prjdetail_description{
	text-align:left;
}

.slide-up
{
    bottom: 0px !important;
}

.slide-down
{
    bottom: -255px !important;
}

.prjarrow{
	font-size:16px;
	padding-left: 15px;
	text-transform: lowercase;
	
}

.orbit-previous, .orbit-next{
	cursor: pointer;
}


/* footer */

.footer {
	background: #6d6e72;
	min-height: 100px!important;
	color: #fff;
}

.copyright{
	padding-top: 30px;
}


/* hack */

.orbit-container { height: 250px; }  /* Set to height of slides */

.orbit-container .orbit-slides-container > * {
  position: relative;
  margin-left: 0;
  float: left;
  height: 100%;
}