/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 9999999;
	display: none;
	top: 0;
	left: 0;
}
.modal_holder {
	position: relative;
}
.reveal-modal {
	visibility: hidden;
	top: 75px;
	left: 50%;
	margin-left: -475px;
	width: 900px;
	position: absolute;
	background: #ffffff;
	background-repeat:no-repeat;
	z-index: 999999999;
	padding: 30px;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
}
.scroll_durg h3 {
font-family: "AvenirLTStd-Roman";
font-size: 37px;
text-transform: uppercase;
color: #FFF;
text-align: center;
margin-bottom: 20px;
}
.scroll_durg h4 {
width: 99%;
border-bottom: 5px solid #BDBFC1;
float: right;
text-align: center;
margin-bottom: 15px;
}
.scroll_durg h4 span {
font-family: "AvenirLTStd-Roman";
font-size: 18px;
color: #373435;
line-height: 30px;
letter-spacing: 0.5px;
font-weight: 700;
width: 400px;
margin: auto;
text-align: center;
background-color: rgb(189, 191, 193);
padding: 0.8% 2%;
}
.scroll_durg p {
    font-family: "AvenirLTStd-Roman";
    font-size: 16px;
    color: #FFF;
    text-align: justify;
    margin-bottom: 4px;
    line-height: 23px;
    letter-spacing: 0.5px;
    font-weight: 100;
    padding: 0% 1%;
    margin-bottom: 15px;
}
.scroll_durg ul {
    width: 100%;
    box-sizing: padding-box;
    padding: 0px 0% 0 5%;
    margin-bottom: 20px;
}
.scroll_durg ul li {
    font-family: "AvenirLTStd-Roman";
    font-size: 16px;
    color: #FFF;
    text-align: left;
    margin-bottom: 3px;
    line-height: 26px;
    letter-spacing: 0.5px;
    font-weight: 100;
    list-style: outside none disc !important;
}
.scroll_durg ul li strong {
    font-weight: 800 !important;
    font-size: 18px !improtant;
}
.parents_role_area ul {
    width: 100%;
    box-sizing: padding-box;
    padding: 0% 10%;
}
.parents_role_area ul li {
    font-family: "AvenirLTStd-Roman";
    font-size: 19px;
    color: #373435;
    text-align: left;
    margin-bottom: 6px;
    line-height: 26px;
    letter-spacing: 0.5px;
    font-weight: 100;
    list-style: inside none disc !important;
}
.reveal-modal-durg {
    background-image: url(../images/durg_bk_modal.jpg);
    background-position: center bottom;
}
.reveal-modal-praents {
    background-image: url(../images/praents_bk_modal.jpg);
    background-position: center bottom;
}
.reveal-modal-your {
    background-image: url(../images/yourself_bk_modal.jpg);
    background-position: center bottom;
}
.reveal-modal-impact {
    background-image: url(../images/impact_bk_modal.jpg);
    background-position: center bottom;
}
.reveal-modal.small {
	width: 200px;
	margin-left: -140px;
}
.reveal-modal.medium {
	width: 400px;
	margin-left: -240px;
}
.reveal-modal.large {
	width: 800px;
	margin-left: -340px;
}
.reveal-modal.xlarge {
	width: 800px;
	margin-left: -440px;
}
.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: -12px;
	right: -12px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
	font-weight: bold;
	cursor: pointer;
} 
.modal_holder h2 {
	color:#666;
	font-family:'Fauna One','serif';
	font-size:28px;
	font-weight:100;
	margin-bottom:15px;
	border-bottom:5px solid #F99D1C;
	padding-bottom:10px;
}
.modal_holder ul {
	width:490px;
	float:left;
}
.modal_holder ul li {
	line-height:24px;
	font-family:Calibri;
	color:#666;
	font-size:18px;
	list-style:circle;
	list-style-position:inside;
}
.modal_holder img {
/*	float:right;
*/	border:2px solid #F7F7F7;
	border-radius:50%;
	box-shadow:0 0 7px #999999;
}
.video_area {
    width: 100%;
}
.modal-video{
margin-left: -250px;
width: 404px;
}

.video{
width:50%;
}


.video img {
    width: auto !important;
    height: 580px !important;
    border: 1px solid #847c7c !important;
    border-radius: 9px;

}
.video_area img{
width: 20%;
height: auto;
border: 1px solid #847c7c !important;
border-radius: 9px;
padding: 0px;
float: left;

}
.reveal-modal-video {
    margin-left: -238px;
    width: 382px;
    text-align: center;
    margin-top: 45px;
}
.video_area h3 {
padding: 12px;
font-size: 24px;
color: #ec0909;
margin-bottom: 2%;
}
.reveal-modal-map {
    width: 80%;
}
#name{
width: 95%;
margin-bottom: 14px;
padding: 8px;
}
#mobile{
width: 95%;
margin-bottom: 14px;
padding: 8px;
}
#submit_form
{
    background-color: #ec0909;
color: #ffff;
padding: 5px 15px 5px 15px;
margin-top: 3px;
}
.reveal-modal2 {
    visibility: hidden;
    top: 75px;
    left: 9%;
    width: 80% !important;
    position: absolute;
    background: #FFF none no-repeat scroll 0% 0%;
    z-index: 999999999;
    padding: 10px !important;
    border-radius: 5px;
    margin: 0;
}
	/*
		
	NOTES
	
	Close button entity is ×
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/