/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 9998; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: #808080; /* Fallback color */
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 10% auto; /* 10% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 80%; /* Could be more or less, depending on screen size */
}

.modal .plan_title
  {
    border-bottom: 1px solid #f6f6f6;
    color: #f80d13;
    font-size: 30px;
    padding: 20px;
	text-align: center;
  }

.modal-content {
	line-height: 26px;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	color: #808080;
	position: relative;
	text-align: center;
 }


/* The Close Button */
.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
} 

.modal .btn
{
    background: #f80d13;
    border-radius: 0;
    border: 2px solid transparent;
    color: #FFFFFF;
    font-weight: bold;
    margin: 40px 0 0 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    height: 50px;
    width: 250px;
    padding: 12px 10px 10px 10px;
}
.modal .btn:hover,
.modal .btn:focus {
    background: #fff;
    color: #f80d13;
    border: 2px solid #000000;
}