.av_overlay{position:fixed;top:0;left:0;background:rgba(0, 0, 0, 0.65);display:none;overflow:auto;width:100%;height:100%;z-index:1000;}
.av_modal_active{display:block;-webkit-animation:fade .6s;-moz-animation:fade .6s;animation:fade .6s;}
.av_table{display:table;width:100%;height:100%;}
.av_cell{display:table-cell;padding:0 1em;vertical-align:middle;text-align:center;}
.av_modal {
	background: #ffffff;
	border: 3px dashed #00969e;
	box-shadow: 0 15px 20px rgba(0, 0, 0, 0.22), 0 19px 60px rgba(0, 0, 0, 0.3);
	color: #242525;
	display: inline-block;
	max-width: 50em;
	padding: 30px 20px;
	text-align: center;
	border-radius: 30px 0 30px 0;
	height: 390px;
}

.av_modal img{width:100%;height:auto;}

.av_modal h3 {
    font-size: 22px;
    text-align: center;
}
.av_left,
.av_right{width:25%;height:auto;}
.av_right{float:right;margin:5px 0 5px 15px;}
.av_left{float:left;margin:5px 15px 5px 0;}
.video{position:relative;overflow:hidden;padding-bottom:56.25%;height:0;}
.video iframe,
.video object,
.video embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.close{z-index:9999;float:right;width:30px;height:30px;color:#242525;text-align:center;text-decoration:none;line-height:23px;cursor:pointer;}
.close::after{content:"×";display:block;transition:all 0.6s ease 0s;}
.close:hover:after{border-color:#cccccc;color:#cccccc;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.green{background:#388e3c!important;}
.cyan{background:#0097a7!important;}
.teal{background:#00796b!important;}
@-moz-keyframes fade{from{opacity:0;}
to{opacity:1}
}
@-webkit-keyframes fade{from{opacity:0;}
to{opacity:1}
}
@keyframes fade{from{opacity:0;}
to{opacity:1}
}

.hat_btn_otpr {
	color: #ffffff;
	background-color: #f08429;
	border: 3px solid #ffffff;
	border-radius: 50px;
	padding: 5px 15px;
	height: 40px;
	cursor: pointer;
	width: 240px;
	margin-top: 10px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
}

.hat_btn_otpr:hover {
	color: #f08429;
	background-color: #ffffff;
	border-color: #f08429;
}