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

.modal-dialog{
	width:50%;
}

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

/* 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;
}

#homepageModal .close{
	margin-right:24px;
	margin-top:16px;
}

#homepageModal .close-container{
	position:absolute;
	z-index:1050;
	width:100%;
}

.ms-viewheadertr { display:none; }

.modal-content .modal-image{
	max-width:100%;
}

#homepageModal .modal-content{
	padding:0px !important;
	overflow:hidden;
	
}

#homepageModal .modal-body{
	padding:0px !important;
	overflow:hidden;
	cursor:pointer;
}

#homepageModal .modal-text{
	position:absolute;
	width:100%;
	padding:20px;
	padding-left:40px;
	vertical-align:middle;
}


#homepageModal .modal-title{
	font-size:30px;
	line-height:30px !important;
	color:#fdb92e;
	width:48%;
	display:inline-block;
	text-align:right;
	padding:10px;
	vertical-align:middle;
}

#homepageModal .modal-summary{
	font-size:30px;
	color:#ffffff;
	width:50%;
	display:inline-block;
	padding:10px;
	vertical-align:middle;
	border-left: 8px solid #fdb92e;
}

#homepageModal .modal-summary .title{
	font-size:18px;
	line-height:30px !important;
}

#homepageModal .modal-summary .text{
	font-size:14px;
	line-height:14px !important;

}