@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
:root
{
    --Cream:rgb(240, 232, 223);
    --montserrat:'Montserrat', sans-serif;
    --font-size:14px;
    --Very-dark-blue: hsl(212, 21%, 14%);
    --Dark-grayish-blue: hsl(228, 12%, 48%);
    --White: hsl(0, 0%, 100%);
    --red:rgb(170, 56, 11);
    --Fraunces:'Fraunces';
}

/* Header */
#header.dark {
    background-color: rgba(55, 55, 55, 0);
}

/* Portal */
#vip-portal {
	padding: 3px;
	background-color: rgba(148, 148, 148, 0.7);
	position: absolute;
	width: 30%;
	height: auto;
	border: 3px solid black;
	margin: auto;
	top: 25px;
	right: 0;
	left: 0;
	z-index: 999;
	border-radius: 15px;
	display: none;
}

.modal_header {
	display: inline;
}

#vip-section {
	background-color: rgba(148, 148, 148, 0.5);
	padding: 0;
}

#vip-section .container {
	width: 100%;
	padding: 0;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}

/* Parallax */
#layer-7-left-image, #layer-7-right-image {
	border-radius: 15px;
}

#slide-32-layer-2-left {
	left: -650px;
}

#dj-player {
	margin-bottom: -50px;
}

#slide-32-layer-2-right {
	right: -650px;
	transform: scaleX(-1);
}



/* form CSS */



#voucher-section {
	background-color: rgb(250, 248, 248);
	background-image: url("../images/girl1.jpg");
	color: #fff;
	font-family: "Poppins", sans-serif;
	background-position: 54% 7%;
	padding-top: 100px;
}
	
  

#voucher-section h1{
	

	color: white;
	


  }

  
.container_voucher {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	max-width: 1300px;
	min-height: 50%;
	margin: 0 auto;
	
   
  }

  .partner_campaign {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	max-width: 720px;
	
	margin: 0 auto;
	
   
  }

    .partner_campaign > div {
	flex: 1;
	padding: 0 20px;
  }
  
  h1 {
	font-size: 4em;
	line-height: 50px;
  }

  .partner_campaign h2 {
	text-align: center;
	color: white;
  }
  
  .container_voucher > div {
	flex: 1;
	padding: 0 20px;
  }
  
  h1 {
	font-size: 4em;
	line-height: 50px;
  }

  .container_voucher h2 {
	text-align: center;
	color: white;
  }
  
  p {
	font-size: 1em;
	opacity: 0.8;
  }
  
  .box {

	background-color: rgba(245, 245, 245, 0.2);
	border-radius: 0 0 10px 10px;
	padding: 30px;
	box-shadow: 0px 10px 15px rgba(56, 75, 108, 0.2);
	margin-bottom: 0;

	
  }

  .terms_and_services {
	text-align: center;
  }
  
  .box p {
	text-align: center;
	color: white;
  }
  
  .reservation_header {
	background-color: rgba(245, 245, 245, 0.2);
	border-radius: 10px 10px 0 0;
	padding: 15px;
	
  }
  
  .reservation_header h2, .reservation_header small {
	color: white;
  }
  
  .form-control{
	margin-bottom: 0;
	position: relative;
  }
  
  .form-control small {
	position: absolute;
	bottom: -24px;
	right: 0;
	text-align: right;
	opacity: 0;
	color: hsl(0, 100%, 74%);
	font-weight: 600;
  }
  
 
  
  #voucher-type-form input {
	border-radius: 5px;
	border: 1px solid darkgray;
	display: block;
	width: 100%;
	
  }

  #voucher-type-form select {
	border-radius: 5px;
	border: 1px solid darkgray;
	display: block;
	width: 100%;

  }

  #voucher-type-form textarea {
	border-radius: 5px;
	border: 1px solid darkgray;
	display: block;
	width: 100%;
	


  }
  
  
  #add-your-voucher-btn {
   
	width: 100%;
	margin: 0, auto;
	padding: 15px 25px;
	border: #55D17C;
	background-color: #55D17C;
	border-radius: 5px;
	box-shadow: 0 2px  #55D17C;
	color: #fff;
	cursor: pointer;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	display: block;
	letter-spacing: 1px;
	margin-top: 25px;
	
  }
  
  
  #add-your-voucher-btn:active {
	border-bottom-width: 1px;
	transform: translateY(2px);
	box-shadow: 0 0  hsl(154, 59%, 51%);
  }

  #voucher-type-form label {
	font-size: 1.1em;
	font-weight: 500;
  }
  
  .form-control small {
	opacity: 0;
  }
  
  .form-control.error small {
	opacity: 1;
  }
  
  small {
	display: block;
	font-size: 12px;
	margin-top: 15px;
	font-weight: 500;
  }
  
  small a {
   color: hsl(0, 100%, 74%);
   text-decoration: none;
   font-weight: 600;
  }
  

  #mobile-view-ads {
	display: none;
  }

  .booking_wizard_footer {
	padding: 15px 0;
	height: 75px;
	width: 325px;
	float: right;
}