.mod-content{
    width: 95%;
    margin: 2em auto;
}
.mod-content a{
    color: #0c9947;
}
.mod-content table td{
	border: 1px solid #777777;
}
.modal-opened{
	overflow:hidden;
}
.modal-overlay{
	overflow: auto;
	overflow-y: scroll;
	overflow-y: auto;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	background-color:rgba(0,0,0,0.4);
	animation:fadeIn 0.4s linear;
	-webkit-animation:fadeIn 0.2s linear;
	-ms-animation:fadeIn 0.2s linear;
	-o-animation:fadeIn 0.2s linear;
	-moz-animation:fadeIn 0.2s linear;
}
.modal-box{
	/*background-color:#fff;*/
	border-radius:3px;
	width:100%;
	position:relative;
	margin: 15px auto;
	animation:fromTop 0.8s cubic-bezier(0.175,0.885,0.320, 1.112);
	-webkit-animation:fromTop 0.8s cubic-bezier(0.175,0.885,0.320, 1.112);
	-ms-animation:fromTop 0.8s cubic-bezier(0.175,0.885,0.320, 1.112);
	-o-animation:fromTop 0.8s cubic-bezier(0.175,0.885,0.320, 1.112);
	-moz-animation:fromTop 0.8s cubic-bezier(0.175,0.885,0.320, 1.112);
}
.modal-box .modal-head{
	padding:15px;
	color: #373e4a;
	font-size:15px;
	text-align:left;
	border-bottom:1px solid #e5e5e5;
}
.modal-text{
	/*padding:15px;*/
	color: #949494;
	font-size:14px;
	text-align:left;
    line-height: 1.6em;
	/*border-bottom:1px solid #e5e5e5;*/
}
.modal-buttons{
	padding:15px;
	text-align:right;
}
.modal-buttons button{
	display: inline-block;
	margin-bottom: 0;
	margin-right:15px;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 12px;
	line-height: 1.42857143;
	border-radius: 3px;
	outline:none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.modal-buttons button{
	color: #303641;
	background-color: #f0f0f1;
	border-color: #f0f0f1;
}
.modal-buttons button:hover{
	color: #303641;
	background-color: #dbdbdd;
	border-color: #d0d0d3;
}
.modal-buttons .modal-confirm-button{
	color: #fff;
	background-color: #21a9e1;
	border-color: #21a9e1;
}
.modal-buttons .modal-confirm-button:hover{
	color: #fff;
	background-color: #1a8fbf;
	border-color: #1782ad;
}

@keyframes fromTop {
    0% { margin-top: -500px;opacity:0}
    30% { margin-top: -500px;opacity:0}
    100%   { margin-top:130px;opacity:1}
}

/* Firefox */
@-moz-keyframes fromTop {
   0% { margin-top: -500px;opacity:0}
    30% { margin-top: -500px;opacity:0}
    100%   { margin-top:130px;opacity:1}
}

/* Safari and Chrome */
@-webkit-keyframes fromTop {
    0% { margin-top: -500px;opacity:0}
    30% { margin-top: -500px;opacity:0}
    100%   { margin-top:130px;opacity:1}
}

/* Internet Explorer */
@-ms-keyframes fromTop {
    0% { margin-top: -500px;opacity:0}
    30% { margin-top: -500px;opacity:0}
    100%   { margin-top:130px;opacity:1}
}

/* Opera */
@-o-keyframes fromTop {
    0% { margin-top: -500px;opacity:0}
    30% { margin-top: -500px;opacity:0}
    100%   { margin-top:130px;opacity:1}
}

/*****************
	Styling popup
******************/

.modal-box{
	display: block;
	position: relative;
	width: 90%;
	max-width:465px;
}
.modal-text{
	text-align: center;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 5px;
	/*padding: 15px 15px 65px 15px;*/
}
.modal-text img{
        margin: 0 auto;
	width: 100%;
}
a.modal-text--exit {
    display: block;
    position: absolute;
    cursor:pointer;
    top: 5px;
    right: 5px;
    width: 35px;
    height: 35px;
    line-height: 30px;
    font-size: 27px;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    z-index: 10;
    -webkit-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    transform: rotate(44deg);
}
a.modal-text--more {
    position: absolute;
    cursor:pointer;
    bottom: 11px;
    right: 15px;
    display: inline-block;
    margin: 20px 0 0px auto;
    color: #ffffff;
    padding: 7px 25px;
    border-radius: 10px;
    background: #141e8c;
}
@media screen and (min-width: 1024px) {
	.modal-box {
		margin: 130px auto 0 auto;
	}
}
@media screen and (min-width: 480px) {
    .modal-box {
       width: 60%;
    }
}

/*DRH UNIQE STYLE*/
.modal-box .modal-text .pageWrapper.modalPage{background: url(../images/popup-top-bg.svg) top center repeat-x, url(../images/popup-bottom-bg.svg) bottom center repeat-x;background-size: contain;}
.modal-box .modal-text .pageWrapper.modalPage .contentWrapper{width: 100%; background: url(../images/popup-left-bg.svg) left center repeat-y, url(../images/popup-right-bg.svg) right center repeat-y; background-size: contain; padding: 30px;}
.modal-box .modal-text .pageWrapper.modalPage .contentWrapper .pageTitle--Wrapp{padding: 0;}
.modal-box .modal-text .pageWrapper.modalPage .contentWrapper .btn.endReturnBTN{margin: 20px auto 20px 0;}