body {

	background:#FFFFFF url(background_lima_barcrawl.jpg) no-repeat center center fixed; 
	background-size:100% auto;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
	line-height: 1.5em;
	font-size:14px;
	font-family: Arial;
	font-weight: normal;
}
	
				

.arrow{
    position: absolute;
    top: 95%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.arrow span{
    display: block;
    width: 30px;
    height: 30px;
    border-bottom: 5px solid #563e91;
    border-right: 5px solid #563e91;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
}
.arrow span:nth-child(2){
    animation-delay: -0.2s;
}
.arrow span:nth-child(3){
    animation-delay: -0.4s;
}
@keyframes animate {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}				
									
									
	@font-face {
    font-family: 'pubcrawl';
    src: url('./pubcrawl.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


	@font-face {
    font-family: 'beer';
    src: url('./beer.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

	@font-face {
    font-family: 'chiller';
    src: url('./chiller.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

	@font-face {
    font-family: 'original';
    src: url('./original.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
									
									
									
									
									h1 {
									font-family: pubcrawl;
									font-size: 300%;
									color: #FF6900;
									text-shadow:   background: #91877b;
									text-shadow: 0 3px 1px rgba(0, 0, 0, 0.7);
									text-align:center;}
									
									
									h2 {
										
									font-family: pubcrawl;
									font-size: 220%;
									color: #FF6900;
									text-shadow:   background: #91877b;
									text-shadow: 0 3px 1px rgba(0, 0, 0, 0.7);
									text-align:center;}
									
									
									p.ntext {	
									font-family: arial;
									font-size: 100%;
									color: #FF6900;
									text-shadow:   background: #91877b;
									text-shadow: 0 3px 1px rgba(0, 0, 0, 0.7);
									text-align:center;}
	
									
									
									p.titlesfooter {
										
										font-family: arial;
										text-align: left;
										color: gray;
									font-size: 120%;}
									
													p.normal22{
									text-align: justify;
									font-family: arial;
									font-size: 130%;
									color: black;
									line-height: 140%;
									padding-right: 10px;
									padding-left: 10px;}
									
									p.beerexp{										
									font-family: beer;
									color: black;
									font-size: 250%;
									text-align: center;
									}
									
									p.beerexp2{
									font-family: pubcrawl;
									font-size: 250%;
									text-align: center;
									color:#FF6900;
									}
									
									p.orgi{										
									font-family: original;
									color: white;
									font-size: 220%;
									text-align: left;
									line-height:100%;
									
									}
									
									
									
									p.normalleft{
									text-align: left;
									font-family: arial;
									font-size: 130%;
									color: black;
									padding-left: 8px;
									padding-right: 8px;}
									
									p.qst{
									text-align: left;
									font-family: original;
									font-size: 240%;
									color: #FF6900;
									padding-left: 2px;
									line-height:130%;
									
									}
									
									
									p.ans{
									text-align: justify;
									font-family: original;
									font-size: 180%;
									line-height: 120%;
									color: white;
									padding-left: 10px;
									padding-top: 5px;
									margin-top:-15px;
									}
									
									
																						
									p.list1 {
											line-height: 170%;
											font-size: 170%;
											font-family: arial;
											font-weight: bold;
											color: white;}
											
									p.new1 {
											line-height: 170%;
											font-size: 170%;
											font-family: arial;
											font-weight: bold;
											color: white;
											text-align:center;}
											
									.stepbox{
									background-color : background-color: rgba(255,  255,  255,  0.8);background: rgba(255,  255,  255,  0.8);color: rgba(255,  255,  255,  0.8);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 11px;
									margin: 0px;}
									
									
										.stepboxthin{
									background-color : background-color: rgba(255,  255,  255,  0.8);background: rgba(255,  255,  255,  0.8);color: rgba(255,  255,  255,  0.8);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 3px;
									margin: 0px;}
									
												
									.stepboxblack{
									background-color : background-color: rgba(0,  0,  0,  0.5);background: rgba(0,  0,  0,  0.5);color: rgba(0,  0,  0,  0.5);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 11px;
									margin: 0px;}
									
									.booking0{
									background-color : black;
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 1px;
									border: solid 2px white;							
									}
									
									.booking1{
									color:black;
									background-color : green;
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									border: solid 4px #FF6900;							
									}
									
									.stepbox2{
									background-color : background-color: rgba(255,  255,  255,  0.8);background: rgba(255,  255,  255,  0.8);color: rgba(255,  255,  255,  0.8);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 7px;
									margin: 0px;}
									
						
											
									p.legend {
											color: #A0A0A0;
											font-size: 80%;
											font-family: arial;
											text-align: left;}
									

											
									p.copyright{
									
											font-family: arial;
											font-weight: bold;
											color: white;}
																		
									.book {color: red;}
									
									.img100{
									
									width: 100%;
									}
									
									p.daily {
									
									font-family: arial;
									color: white;
									line-height: 130%;
									font-size: 140%;
									text-align: justify;
									}
									
									p.dailycenter {
									
									font-family: arial;
									color: white;
									line-height: 130%;
									font-size: 140%;
									text-align: center;
									}
									
									p.dailyleft {
									
									font-family: arial;
									color: white;
									line-height: 130%;
									font-size: 140%;
									text-align: left;
									}
									
									p.gps {
									
									font-family: arial;
									color: white;
									line-height: 130%;
									font-size: 100%;
									text-align: left;
									}
											
									
									p.pubcrawl{
									font-family: pubcrawl;
									font-size: 220%;
									color: #FF6900;
									text-shadow:   background: #91877b;
									text-shadow: 0 3px 1px rgba(0, 0, 0, 0.7);}
											
									p.pubcrawlshad{
									
									font-family: pubcrawl;
									font-size: 220%;
									color: #FF6900;
									text-shadow:   background: #91877b;
									text-shadow: 0 3px 1px rgba(0, 0, 0, 0.7);
									text-align:center;
									}
											
									p.pubcrawlsm{
									font-family: pubcrawl;
											font-size: 170%;
											color: #FF6900;}
											
								
											
									p.desc{
									font-family: arial;
									font-size: 140%;
									color: #FF6A00;
									line-height: 130%;
									text-align:justify;
									border: 7px solid #303030;
									padding: 10px;
									background: black;
									}		
									
									.bkk{	background-color: #000000;
									opacity: 0.7;
									filter: alpha(opacity=70); /* For IE8 and earlier */
									padding: 10px;}
									
									
									.shadow {
									box-shadow: 4px 4px 10px #1E1E1E;
									 border-radius: 2px;}
									 
									
									
									.shadowround {
									box-shadow: 4px 4px 10px #1E1E1E;
									 border-radius: 6px;}
											
											
									.shadowonly{
									box-shadow: 4px 4px 10px #161616;}
		
		
									.noline {text-decoration: none}
									
								
	
																		
								
																		
.btnnn {
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  font-family: pubcrawl;
  color: #ffffff;
  background: #000000;

  font-size:250%;
    border-bottom: 10px solid white;
  padding: 5px 2px 0px 10px;
    margin-bottom:5px;

}

.btnnn:hover {
  background: #1a2c38;
  text-decoration: none;
}				


									p.title2c {
									font-weight: 300;
									color: black;
									line-height: 100%;
									font-size: 200%;
									font-family: waffle;
									text-align: center;
									text-shadow:   background: #91877b;
									text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
									}
									
									.stepboxcustom{
									background-color : background-color: rgba(255,  255,  255,  0.8);background: rgba(255,  255,  255,  0.8);color: rgba(255,  255,  255,  0.8);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 11px;
									margin: 0px;}
									
									
									
									$base: 0.6rem;

.container {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: 100vh;
}


											.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}