/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

html {
  scroll-behavior: smooth;
}

body { 

overflow:hidden; 
}
 
 /*---------- background & logos ----------*/
 
 .backgroundimage {
	       margin:0;
		   position: absolute;
		   z-index:1;
		   top: 0%;
		   left: 0%;
		   width: 100%;
		   height:100%;
           overflow:hidden;
		   }
	
	.gradientbackground {
	      position: fixed;
		  z-index:2;
		  top: 0%;
		  left: 0%;
		  width: 100%;
		  height: 100%;
		  background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0));
		  }  
    
  	.centerlogo {
	       margin:0;
		   position: absolute;
		   top: 45%;
		   left: 50%;
		   -ms-transform: translate(-50%, -50%);
		   transform: translate(-50%, -50%);
		   height:300px%;
		   width:300px;
		   z-index:3;
		   -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.5));
    	   filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.5));
		   opacity:1;
		   }
	
	  	.nonewwork {
	       margin:0;
		   position: absolute;
		   top: 45%;
		   left: 50%;
		   -ms-transform: translate(-50%, -50%);
		   transform: translate(-50%, -50%);
		   width:95%;
		   z-index:300;
		   -webkit-filter: drop-shadow(5px 5px 60px rgba(255, 255, 255, 1));
    	   filter: drop-shadow(5px 5px 60px rgba(255, 255, 255, 1));
		   opacity:1;
           box-shadow: 1px 1px 25px black;
		   }
	
	.tagline {
		   font-family: 'IM Fell English', serif;
		   font-style:italic;
		   width: 98%;
		   text-align:center;
		   top:70%;
		   left:1%;
		   color:white;
		   font-size:20px;
		   position:absolute;
		   z-index:3;
		   }
           
    /*---------- menu ----------*/
          
	.menu {
		  position:fixed; 
		  top:0%;
		  left:0%;
		  width:100%;
		  height:70px;
		  background-color:transparent;
		  text-align:left;
		  border:none;
		  z-index:99;
		  }
          
    .menuicon {
         height:32px;
         padding-right:8px;
         padding-bottom:6px;
         
         
         
          }
          
	.menuitem {
		 transition: all .3s ease-in-out;
          display:inline-block;
          height:80px;
          padding:20px;
          vertical-align:middle;
          background-color:transparent;
    	  color:#000000;
		  font-family: 'Nunito', sans-serif;
		  font-size:22px;
		  font-weight:600;
          color:#AAAAAA;
		  }
		   
	.menuitem:hover {
		  transition: all .3s ease-in-out;
	      color:#FFFFFF; 
          padding:20px;
          font-size:22px;
          font-weight:600;
		   }

	
    /*---------- social media links ----------*/
    
	.grow { 
		  transition: all .2s ease-in-out;
	      opacity: 0.75;
  		  filter: alpha(opacity=75);
		  z-index:30; 
		  }
 
 	.grow:hover { 
	      transform: scale(1.2);
		  opacity: 1;
  		  filter: alpha(opacity=100); 
		  }	 
		  			 
	.thumbnail {
  	      max-width: 40%;
  		  }
		  
	/** LIGHTBOX MARKUP **/

	.lightbox {
	      /** Default lightbox to hidden */
	      display: none;
	
		  /** Position and style */
		  position: fixed;
		  z-index: 999;
		  width: 100%;
		  height: 100%;
		  text-align: center;
		  top: 0;
		  left: 0;
		  background: rgba(0,0,0,0.8);
								}
	
	.lightbox img {
	      /** Pad the lightbox image */
		  max-width: 90%;
		  max-height: 80%;
		  margin-top: 1%;
		  }
	
 	.lightbox:target {
	      /** Remove default browser outline */
		  outline: none;

		  /** Unhide lightbox **/
		  display: block;
		  }
	.lightboximage {
	      position:absolute;
		  top:50px;
		  left:10%;
		  width:80%;
		  }
          
		   
	.content {
		  position:absolute;
		  width:70%;
		  height:70%;
		  left:15%;
		  top:10%;
		  background-color:#FFFFFF;
		  transition:opacity 2s;
		  display: none;
		  opacity:0.95;
		  padding:20px;
		  z-index:50;
		  box-shadow: 0px 0px 40px 40px #fff;
		  }
		  
	.aboutsection {
		  width:100%;
		  background-color:white;
		  opacity:1;
		  color:000;
		  padding:30px;
		   }
		   
	.whatwedosection {
		  width:100%;
		  background-color:#AA0000;
		  opacity:1;
		  color:#FFF;
		  padding:30px;
		   }
		   
	.gallerysection {
		  width:100%;
		  background-color:transparent;
		  color:#FFF;
		  padding:30px;
		   }
		   
	.contactussection {
		  width:100%;
		  background-color:white;
		  opacity:0.95;
		  color:000;
		  padding:26px;
		   }
		  
		.pagediv {
		  position:fixed;
		  width:100%;
		  height:95%;
		  left:0%;
		  top:80px;
		  background-color:transparent;
		  opacity:0.95;
		  z-index:50;
		  color:#000;
		  font-weight:500;
          overflow-x:hidden;
          overflow-y:scroll;
		   }	   
	A {
	   	  text-decoration: none;
		  font-weight:bold; }

		/* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #800;
}