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

.popup {
	
position: absolute;
	max-width: fit-content;
  margin-left: calc((100vw - 600px) / 2) !important;
  margin-right: auto;
    top:10%;
background-color:#E9DBBB;
  
	visibility: visible;
	opacity: 0.97;
	
  }

#specialsmain {
font-size:32px;
	font-weight:bold;
	text-align:center;
	padding:5px;

	
	
}

.specialsunder {
	border:3px groove #333333;
	border-radius:20px;
	width:240px;
}
.specials_line {
	width:130px;
}
.specials_line_bottom {
	width:130px;
	transform: rotateY(180deg);
}
.specials_text {
	font-size:18px;
	color:#333333;
	
}

#specialstextdiv{

	margin-left:auto;
	margin-right:auto;
	text-align:center;
	line-height:16px;
}

.cmethod {

}
  
  /* The actual popup */
 .popuptext {
	visibility: hidden;
	width:250px;
	height:630px;
	margin-left:auto;
	margin-right:auto;
	background-color: #555;
	color: #fff;
	text-align: left;
	border-radius: 6px;
	padding: 8px 0;
	top:80px;
	position:absolute;
	z-index: 1;
	padding:20px;
	left: 30px;

  }
  .popuptext1 {
	visibility: hidden;
	width:250px;
	height:630px;
	margin-left:auto;
	margin-right:auto;
	background-color: #555;
	color: #fff;
	text-align: left;
	border-radius: 6px;
	padding: 8px 0;
	top:40px;
	position:absolute;
	z-index: 1;
	padding:20px;
	left: 30px;

  }
  
  /* Popup arrow */
  .popup .popuptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
  }
  
  /* Toggle this class - hide and show the popup */
  .popup .show {
	visibility: visible;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
  }

  .popup .noshow {
	visibility: hidden;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
  }

  
  /* Add animation (fade in the popup) */
  @-webkit-keyframes fadeIn {
	from {opacity: 0;} 
	to {opacity: 1;}
  }
  
  @keyframes fadeIn {
	from {opacity: 0;}
	to {opacity:1 ;}
  }

 .popup a:link {
	text-decoration: none;
	color: #ffffff;
  }
  .popup a:visited {
	text-decoration: none;
	color: #ffffff;
  }
  .popup a:hover {
	text-decoration: none;
	color: #D8B946;
  }
  .popup a:active {
	text-decoration: none;
	color: #ffffff;
  }
.add {
	width:600px;

}