/* The Modal (background) */
.modal1 {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 99999;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */
}

/* Modal Content */
.modal-content1 {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: none;
	width: 645px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}

@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}

/* The Close Button */
.close1 {
	color: white;
	float: right;
	font-size: 28px;
	font-weight: bold;
	position: relative;
	top: -40px;
}

.close1:hover,
.close1:focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.modal-header1 {
	padding: 10px 16px 5px;
	background-color: #494949;
	color: white;
}

.modal-header1 h2 {
	font-size: 22px;
}

.modal-body1 {
	padding: 2px 16px;
}

/* The Modal (background) */
.modal2 {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 99999;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */
}

/* Modal Content */
.modal-content2 {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: none;
	width: 645px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}

@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}

/* The Close Button */
.close2 {
	color: white;
	float: right;
	font-size: 28px;
	font-weight: bold;
	position: relative;
	top: -40px;
}

.close2:hover,
.close2:focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.modal-header2 {
	padding: 10px 16px 5px;
	background-color: #494949;
	color: white;
}

.modal-header2 h2 {
	font-size: 22px;
}

.modal-body2 {
	padding: 2px 16px;
}

/* The Modal (background) */
.modal3 {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 99999;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */
}

/* Modal Content */
.modal-content3 {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: none;
	width: 645px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}

@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}

/* The Close Button */
.close3 {
	color: white;
	float: right;
	font-size: 28px;
	font-weight: bold;
	position: relative;
	top: -40px;
}

.close3:hover,
.close3:focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.modal-header3 {
	padding: 10px 16px 5px;
	background-color: #494949;
	color: white;
}

.modal-header3 h2 {
	font-size: 22px;
}

.modal-body3 {
	padding: 2px 16px;
}

/* The Modal (background) */
.modal4 {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 99999;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */
}

/* Modal Content */
.modal-content4 {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: none;
	width: 645px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}

@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}

/* The Close Button */
.close4 {
	color: white;
	float: right;
	font-size: 28px;
	font-weight: bold;
	position: relative;
	top: -40px;
}

.close4:hover,
.close4:focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.modal-header4 {
	padding: 10px 16px 5px;
	background-color: #494949;
	color: white;
}

.modal-header4 h2 {
	font-size: 22px;
}

.modal-body4 {
	padding: 2px 16px;
}

/* The Modal (background) */
.modal5 {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 99999;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */
}

/* Modal Content */
.modal-content5 {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: none;
	width: 645px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}

@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}

/* The Close Button */
.close5 {
	color: white;
	float: right;
	font-size: 28px;
	font-weight: bold;
	position: relative;
	top: -40px;
}

.close5:hover,
.close5:focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.modal-header5 {
	padding: 10px 16px 5px;
	background-color: #494949;
	color: white;
}

.modal-header5 h2 {
	font-size: 22px;
}

.modal-body5 {
	padding: 2px 16px;
}

/* The Modal (background) */
/* The Modal (background) */
.modal6 {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 99999;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */
}

/* Modal Content */
.modal-content6 {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: none;
	width: 645px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}

@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}

/* The Close Button */
.close6 {
	color: white;
	float: right;
	font-size: 28px;
	font-weight: bold;
	position: relative;
	top: -40px;
}

.close6:hover,
.close6:focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.modal-header6 {
	padding: 10px 16px 5px;
	background-color: #494949;
	color: white;
}

.modal-header6 h2 {
	font-size: 22px;
}

.modal-body6 {
	padding: 2px 16px;
}

/* The Modal (background) */
.modal7 {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 99999;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */
}

/* Modal Content */
.modal-content7 {
	position: relative;
	/*background-color: #fefefe;*/
	margin: auto;
	padding: 0;
	border: none;
	width: 90%;
	/*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s*/
}

/* Add Animation */
@-webkit-keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}

@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}

/* The Close Button */
.close7 {
	color: white;
	float: right;
	font-size: 28px;
	font-weight: bold;
	position: relative;
	top: -40px;
}

.close7:hover,
.close7:focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.modal-header7 {
	padding: 1px 16px 0;
	color: white;
}

/*.modal-header7 h2{font-size:22px;}*/
.modal-body7 {
	padding: 0;
}

/* The Modal (background) */
.modal8 {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 99999;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */
}

/* Modal Content */
.modal-content8 {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: none;
	width: 645px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}

@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}

/* The Close Button */
.close8 {
	color: white;
	float: right;
	font-size: 28px;
	font-weight: bold;
	position: relative;
	top: -40px;
}

.close8:hover,
.close8:focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.modal-header8 {
	padding: 1px 16px 0;
	background-color: #494949;
	color: white;
}

.modal-header8 h2 {
	font-size: 22px;
}

.modal-body8 {
	padding: 2px 16px;
}

@media (max-width: 767px) {

	/*.modal-content{width:100%;}*/
	.modal-content1 {
		width: 100%;
	}

	.modal-content2 {
		width: 100%;
	}

	.modal-content3 {
		width: 100%;
	}

	.modal-content4 {
		width: 100%;
	}

	.modal-content5 {
		width: 100%;
	}

	.modal-content6 {
		width: 100%;
	}

	.modal-content7 {
		width: 100%;
	}

	.modal-content8 {
		width: 100%;
	}

	.modal-header1,
	.modal-header2,
	.modal-header3,
	.modal-header4,
	.modal-header5,
	.modal-header6,
	.modal-header8 {
		padding: 8px 16px 2px;
	}

	.close1,
	.close2,
	.close3,
	.close4,
	.close5,
	.close6,
	.close8 {
		top: -40px;
	}
}