/* Normal styles for the modal */
#modal {
	left:50%;
	margin:1800px 0 0 -40%;
	opacity: 0;
	position:absolute;
	top:20%;
	visibility: hidden;
	width:80%;
	box-shadow:0 3px 7px rgba(0,0,0,.25);
	box-sizing:border-box;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
	/* Make the modal appear when targeted */
	#modal:target {
		opacity: 1;
		top:50%;
		visibility: visible;
	}
#modal .header1,#modal .footer1 {
	border-bottom: 1px solid #e7e7e7;
	border-radius: 5px 5px 0 0;
}
	#modal .footer1 {
		border:none;
		border-top: 1px solid #e7e7e7;
		border-radius: 0 0 5px 5px;
	}
#modal h2 {
	margin:0;
}
#modal .btn {
	float:right;
}

.copy{
display:inline-flex;
}
#modal .copy,#modal .header1, #modal .footer1 {
	padding:25px;
}
.modal-content {
	background: #f7f7f7;
	position: relative;
	z-index: 20;
	border-radius:5px;
}
#modal .copy {
	background: #fff;
}

#modal .overlay {
	background-color: #000;
	background: rgba(0,0,0,.5);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}

/* Normal styles for the modal1 */
#modal1 {
	left:50%;
	margin:1800px 0 0 -40%;
	opacity: 0;
	position:absolute;
	top:20%;
	visibility: hidden;
	width:80%;
	box-shadow:0 3px 7px rgba(0,0,0,.25);
	box-sizing:border-box;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
	/* Make the modal1 appear when targeted */
	#modal1:target {
		opacity: 1;
		top:50%;
		visibility: visible;
	}
#modal1 .header1,#modal1 .footer1 {
	border-bottom: 1px solid #e7e7e7;
	border-radius: 5px 5px 0 0;
}
	#modal1 .footer1 {
		border:none;
		border-top: 1px solid #e7e7e7;
		border-radius: 0 0 5px 5px;
	}
#modal1 h2 {
	margin:0;
}
#modal1 .btn {
	float:right;
}
#modal1 .copy,#modal1 .header1, #modal1 .footer1 {
	padding:25px;
}
.modal1-content {
	background: #f7f7f7;
	position: relative;
	z-index: 20;
	border-radius:5px;
}
#modal1 .copy {
	background: #fff;
}



#modal1 .overlay {
	background-color: #000;
	background: rgba(0,0,0,.5);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}

/* Normal styles for the modal1 */
#modal1 {
	left:50%;
	margin:1800px 0 0 -40%;
	opacity: 0;
	position:absolute;
	top:20%;
	visibility: hidden;
	width:80%;
	box-shadow:0 3px 7px rgba(0,0,0,.25);
	box-sizing:border-box;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
	/* Make the modal1 appear when targeted */
	#modal1:target {
		opacity: 1;
		top:50%;
		visibility: visible;
	}
#modal1 .header1,#modal1 .footer1 {
	border-bottom: 1px solid #e7e7e7;
	border-radius: 5px 5px 0 0;
}
	#modal1 .footer1 {
		border:none;
		border-top: 1px solid #e7e7e7;
		border-radius: 0 0 5px 5px;
	}
#modal1 h2 {
	margin:0;
}
#modal1 .btn {
	float:right;
}
#modal1 .copy,#modal1 .header1, #modal1 .footer1 {
	padding:25px;
}
.modal1-content {
	background: #f7f7f7;
	position: relative;
	z-index: 20;
	border-radius:5px;
}
#modal1 .copy {
	background: #fff;
}

#modal1 .overlay {
	background-color: #000;
	background: rgba(0,0,0,.5);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}

/* Normal styles for the modal2 */
#modal2 {
	left:50%;
	margin:1800px 0 0 -40%;
	opacity: 0;
	position:absolute;
	top:20%;
	visibility: hidden;
	width:80%;
	box-shadow:0 3px 7px rgba(0,0,0,.25);
	box-sizing:border-box;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
	/* Make the modal2 appear when targeted */
	#modal2:target {
		opacity: 1;
		top:50%;
		visibility: visible;
	}
#modal2 .header1,#modal2 .footer1 {
	border-bottom: 1px solid #e7e7e7;
	border-radius: 5px 5px 0 0;
}
	#modal2 .footer1 {
		border:none;
		border-top: 1px solid #e7e7e7;
		border-radius: 0 0 5px 5px;
	}
#modal2 h2 {
	margin:0;
}
#modal2 .btn {
	float:right;
}
#modal2 .copy,#modal2 .header1, #modal2 .footer1 {
	padding:25px;
}
.modal2-content {
	background: #f7f7f7;
	position: relative;
	z-index: 20;
	border-radius:5px;
}
#modal2 .copy {
	background: #fff;
}

#modal2 .overlay {
	background-color: #000;
	background: rgba(0,0,0,.5);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}

/* Normal styles for the modal3 */
#modal3 {
	left:50%;
	margin:1800px 0 0 -40%;
	opacity: 0;
	position:absolute;
	top:20%;
	visibility: hidden;
	width:80%;
	box-shadow:0 3px 7px rgba(0,0,0,.25);
	box-sizing:border-box;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
	/* Make the modal3 appear when targeted */
	#modal3:target {
		opacity: 1;
		top:50%;
		visibility: visible;
	}
#modal3 .header1,#modal3 .footer1 {
	border-bottom: 1px solid #e7e7e7;
	border-radius: 5px 5px 0 0;
}
	#modal3 .footer1 {
		border:none;
		border-top: 1px solid #e7e7e7;
		border-radius: 0 0 5px 5px;
	}
#modal3 h2 {
	margin:0;
}
#modal3 .btn {
	float:right;
}
#modal3 .copy,#modal3 .header1, #modal3 .footer1 {
	padding:25px;
}
.modal3-content {
	background: #f7f7f7;
	position: relative;
	z-index: 20;
	border-radius:5px;
}
#modal3 .copy {
	background: #fff;
}

#modal3 .overlay {
	background-color: #000;
	background: rgba(0,0,0,.5);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}

/* Normal styles for the modal4 */
#modal4 {
	left:50%;
	margin:1800px 0 0 -40%;
	opacity: 0;
	position:absolute;
	top:20%;
	visibility: hidden;
	width:80%;
	box-shadow:0 3px 7px rgba(0,0,0,.25);
	box-sizing:border-box;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
	/* Make the modal4 appear when targeted */
	#modal4:target {
		opacity: 1;
		top:50%;
		visibility: visible;
	}
#modal4 .header1,#modal4 .footer1 {
	border-bottom: 1px solid #e7e7e7;
	border-radius: 5px 5px 0 0;
}
	#modal4 .footer1 {
		border:none;
		border-top: 1px solid #e7e7e7;
		border-radius: 0 0 5px 5px;
	}
#modal4 h2 {
	margin:0;
}
#modal4 .btn {
	float:right;
}
#modal4 .copy,#modal4 .header1, #modal4 .footer1 {
	padding:25px;
}
.modal4-content {
	background: #f7f7f7;
	position: relative;
	z-index: 20;
	border-radius:5px;
}
#modal4 .copy {
	background: #fff;
}

#modal4 .overlay {
	background-color: #000;
	background: rgba(0,0,0,.5);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}

/* Normal styles for the modal5 */
#modal5 {
	left:50%;
	margin:1800px 0 0 -40%;
	opacity: 0;
	position:absolute;
	top:20%;
	visibility: hidden;
	width:80%;
	box-shadow:0 3px 7px rgba(0,0,0,.25);
	box-sizing:border-box;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
	/* Make the modal5 appear when targeted */
	#modal5:target {
		opacity: 1;
		top:50%;
		visibility: visible;
	}
#modal5 .header1,#modal5 .footer1 {
	border-bottom: 1px solid #e7e7e7;
	border-radius: 5px 5px 0 0;
}
	#modal5 .footer1 {
		border:none;
		border-top: 1px solid #e7e7e7;
		border-radius: 0 0 5px 5px;
	}
#modal5 h2 {
	margin:0;
}
#modal5 .btn {
	float:right;
}
#modal5 .copy,#modal5 .header1, #modal5 .footer1 {
	padding:25px;
}
.modal5-content {
	background: #f7f7f7;
	position: relative;
	z-index: 20;
	border-radius:5px;
}
#modal5 .copy {
	background: #fff;
}

#modal5 .overlay {
	background-color: #000;
	background: rgba(0,0,0,.5);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}

/* Normal styles for the modal6 */
#modal6 {
	left:50%;
	margin:1800px 0 0 -40%;
	opacity: 0;
	position:absolute;
	top:20%;
	visibility: hidden;
	width:80%;
	box-shadow:0 3px 7px rgba(0,0,0,.25);
	box-sizing:border-box;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
	/* Make the modal6 appear when targeted */
	#modal6:target {
		opacity: 1;
		top:50%;
		visibility: visible;
	}
#modal6 .header1,#modal6 .footer1 {
	border-bottom: 1px solid #e7e7e7;
	border-radius: 5px 5px 0 0;
}
	#modal6 .footer1 {
		border:none;
		border-top: 1px solid #e7e7e7;
		border-radius: 0 0 5px 5px;
	}
#modal6 h2 {
	margin:0;
}
#modal6 .btn {
	float:right;
}
#modal6 .copy,#modal6 .header1, #modal6 .footer1 {
	padding:25px;
}
.modal6-content {
	background: #f7f7f7;
	position: relative;
	z-index: 20;
	border-radius:5px;
}
#modal6 .copy {
	background: #fff;
}

#modal6 .overlay {
	background-color: #000;
	background: rgba(0,0,0,.5);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}

/* Normal styles for the modal7 */
#modal7 {
	left:50%;
	margin:1800px 0 0 -40%;
	opacity: 0;
	position:absolute;
	top:20%;
	visibility: hidden;
	width:80%;
	box-shadow:0 3px 7px rgba(0,0,0,.25);
	box-sizing:border-box;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
	/* Make the modal7 appear when targeted */
	#modal7:target {
		opacity: 1;
		top:50%;
		visibility: visible;
	}
#modal7 .header1,#modal7 .footer1 {
	border-bottom: 1px solid #e7e7e7;
	border-radius: 5px 5px 0 0;
}
	#modal7 .footer1 {
		border:none;
		border-top: 1px solid #e7e7e7;
		border-radius: 0 0 5px 5px;
	}
#modal7 h2 {
	margin:0;
}
#modal7 .btn {
	float:right;
}
#modal7 .copy,#modal7 .header1, #modal7 .footer1 {
	padding:25px;
}
.modal7-content {
	background: #f7f7f7;
	position: relative;
	z-index: 20;
	border-radius:5px;
}
#modal7 .copy {
	background: #fff;
}

#modal7 .overlay {
	background-color: #000;
	background: rgba(0,0,0,.5);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}

/* Normal styles for the modal8 */
#modal8 {
	left:50%;
	margin:1800px 0 0 -40%;
	opacity: 0;
	position:absolute;
	top:20%;
	visibility: hidden;
	width:80%;
	box-shadow:0 3px 7px rgba(0,0,0,.25);
	box-sizing:border-box;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
	/* Make the modal8 appear when targeted */
	#modal8:target {
		opacity: 1;
		top:50%;
		visibility: visible;
	}
#modal8 .header1,#modal8 .footer1 {
	border-bottom: 1px solid #e7e7e7;
	border-radius: 5px 5px 0 0;
}
	#modal8 .footer1 {
		border:none;
		border-top: 1px solid #e7e7e7;
		border-radius: 0 0 5px 5px;
	}
#modal8 h2 {
	margin:0;
}
#modal8 .btn {
	float:right;
}
#modal8 .copy,#modal8 .header1, #modal8 .footer1 {
	padding:25px;
}
.modal8-content {
	background: #f7f7f7;
	position: relative;
	z-index: 20;
	border-radius:5px;
}
#modal8 .copy {
	background: #fff;
}

#modal8 .overlay {
	background-color: #000;
	background: rgba(0,0,0,.5);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}

/* Normal styles for the modal9 */
#modal9 {
	left:50%;
	margin:1800px 0 0 -40%;
	opacity: 0;
	position:absolute;
	top:20%;
	visibility: hidden;
	width:80%;
	box-shadow:0 3px 7px rgba(0,0,0,.25);
	box-sizing:border-box;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
	/* Make the modal9 appear when targeted */
	#modal9:target {
		opacity: 1;
		top:50%;
		visibility: visible;
	}
#modal9 .header1,#modal9 .footer1 {
	border-bottom: 1px solid #e7e7e7;
	border-radius: 5px 5px 0 0;
}
	#modal9 .footer1 {
		border:none;
		border-top: 1px solid #e7e7e7;
		border-radius: 0 0 5px 5px;
	}
#modal9 h2 {
	margin:0;
}
#modal9 .btn {
	float:right;
}
#modal9 .copy,#modal9 .header1, #modal9 .footer1 {
	padding:25px;
}
.modal9-content {
	background: #f7f7f7;
	position: relative;
	z-index: 20;
	border-radius:5px;
}
#modal9 .copy {
	background: #fff;
}

#modal9 .overlay {
	background-color: #000;
	background: rgba(0,0,0,.5);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}

/* Normal styles for the modal10 */
#modal10 {
	left:50%;
	margin:1800px 0 0 -40%;
	opacity: 0;
	position:absolute;
	top:20%;
	visibility: hidden;
	width:80%;
	box-shadow:0 3px 7px rgba(0,0,0,.25);
	box-sizing:border-box;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
	/* Make the modal10 appear when targeted */
	#modal10:target {
		opacity: 1;
		top:50%;
		visibility: visible;
	}
#modal10 .header1,#modal10 .footer1 {
	border-bottom: 1px solid #e7e7e7;
	border-radius: 5px 5px 0 0;
}
	#modal10 .footer1 {
		border:none;
		border-top: 1px solid #e7e7e7;
		border-radius: 0 0 5px 5px;
	}
#modal10 h2 {
	margin:0;
}
#modal10 .btn {
	float:right;
}
#modal10 .copy,#modal10 .header1, #modal10 .footer1 {
	padding:25px;
}
.modal10-content {
	background: #f7f7f7;
	position: relative;
	z-index: 20;
	border-radius:5px;
}
#modal10 .copy {
	background: #fff;
}

#modal10 .overlay {
	background-color: #000;
	background: rgba(0,0,0,.5);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}




/* Normal styles for the modal11 */
#modal11 {
	left:50%;
	margin:1800px 0 0 -40%;
	opacity: 0;
	position:absolute;
	top:20%;
	visibility: hidden;
	width:80%;
	box-shadow:0 3px 7px rgba(0,0,0,.25);
	box-sizing:border-box;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
	/* Make the modal10 appear when targeted */
	#modal11:target {
		opacity: 1;
		top:50%;
		visibility: visible;
	}
#modal11 .header1,#modal11 .footer1 {
	border-bottom: 1px solid #e7e7e7;
	border-radius: 5px 5px 0 0;
}
	#modal11 .footer1 {
		border:none;
		border-top: 1px solid #e7e7e7;
		border-radius: 0 0 5px 5px;
	}
#modal11 h2 {
	margin:0;
}
#modal11 .btn {
	float:right;
}
#modal11 .copy,#modal11 .header1, #modal11 .footer1 {
	padding:25px;
}
.modal11-content {
	background: #f7f7f7;
	position: relative;
	z-index: 20;
	border-radius:5px;
}
#modal11 .copy {
	background: #fff;
}

#modal11 .overlay {
	background-color: #000;
	background: rgba(0,0,0,.5);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}