@charset "utf-8";
/* CSS Document */


body{
				font-family: 'eurostileregular';
				background-color: white;
							}
@font-face {
    font-family: 'eurostileregular';
    src: url('10267-webfont.woff2') format('woff2'),
         url('10267-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.htext{
		       margin-top: 25px;
			  
			   font-size: 40px;
			   color:#D82531;
		       text-align: center;
	         }
	   .htag{
		       
			  
			   font-size: 25px;
			   color:#D82531;
		       text-align: center;
	         }
	   #img1{
		   margin-top: 47px;
		   float: right;
	   }
	   #img2{
		   font-size: 15px;
		   margin-top: 50px;
		   
	   }
	   .img-responsive{
		   width:75%;
		   height:50%;
		  margin-left: 12%;
		  
	   }
.tclr{
		background-color: #D82531;
	}
	.text2{
		color: white;
		font-size: 20px;
		text-align: center;
		padding: 5px;
		 padding-top:10px;
		
		
	}
	
.th1{
		color: #D82531;
		 padding: 3px;
		font-size: 30px;
		text-align: center;
		margin-top: 20px;
	background-color: #cccdce;
	    
		
	}
	
	.tc:hover{
		background-color: #b3b2b2;
	}
	a{
		text-decoration: none !important;
	}
	.active1{
		
	background: #706f6f;
	}
.ft1{
		   padding-top:5px;
		   font-size:15px;
		   color:white;}
	   .ft2{
		   font-size:15px;
		   color:white;}
	   .ft3{font-size:15px;
		   color:white;
		   margin-top: 28px;
		   margin-left: -10px;
		   
	   }
	   .fbox{
		   
		   
		   background-color: #D82531;
	   }
	   .fmargin{
			        font-size:30px;
				    color:white;
		            margin-top: 25px;
		            margin-bottom: 20px;
		             margin-left: 20px;
	          }
	   .fm1{
		   margin-top: 15px;
	   }
.flyer{
	   width:100%;
	
	margin-top:20px;
	
     }
.stationery{
	   width:100%;
	
	margin-top:20px;
	
	
     }
.packaging{
	width:100%;
	
	margin-top:20px;
	
	   }
.web{
	width:100%;
	
	margin-top:20px;
	
	   }
.ow{
	   width:100%;
	
	margin-top:20px;
	
     }
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: white;
	
}




/* The Close Button */
.close {
  color: #D82531;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
	opacity: 1;
}



.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: fixed;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: black;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 80px;
  
}

/* On hover, add a black background color with a little bit see-through */


/* Number text (1/3 etc) */


.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#myBtn {
  display: none;
  position: fixed;
  bottom: 76px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #cccdce;
  color: #D82531;
  cursor: pointer;
  padding-left: 5px;
	padding-right: 5px;
	
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}