.mfp-bg {	
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1042;
   overflow: hidden;
   position: fixed;
   background: #0b0b0b;
   opacity: 0.9;
   filter: alpha(opacity=80); }

.mfp-wrap {
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1043;
   position: fixed;
   outline: none !important;
   -webkit-backface-visibility: hidden; 
 }
.mfp-hide {
  display: none !important;
}
button.mfp-close,
button.mfp-arrow {
   overflow: visible;
   cursor: pointer;
   border: 0;
   -webkit-appearance: none;
   display: block;
   padding: 0;
   z-index: 1046; }

button::-moz-focus-inner {
   padding: 0;
   border: 0; }

.mfp-close {
    background: url("../images/close_icon.png") no-repeat;
    font-size: 28px;
    font-style: normal;
    height: 30px;
    outline: medium none;
    position: absolute;
    right: -15px;
    text-align: center;
    text-decoration: none;
    top: -15px;
    width: 30px;
}
  .mfp-close:hover, .mfp-close:focus {
    opacity: 0.6; }
  .mfp-close:active {
    top: -11px; }

.mfp-close-btn-in .mfp-close {
  color: #fff; }
  

.wrap {
	width: 80%;
	margin: 0px auto;
}

.clear{clear:both;}
.pop_up{
	padding:12px 12px;
	color:#fff;
}
.pop_up h2{	
	text-transform: uppercase;
	font-family: 'Futura ICG';
}
.pop_up p{
	line-height: 1.8em;
	color: #999;
	font-size: 0.85em;
	margin-bottom:10px;
}
.payment-online-form-left{
	font-size:17px;
	background:#0185ca;
	padding:0px;
	margin:0px 0px 10px 0px;
	border-radius:0px 0px 4px 4px;
 -moz-border-radius:4px;
   -webkit-border-radius:4px;
   -khtml-border-radius:4px;
   -o-border-radius:4px; 
}
.payment-online-form-left h4{
	font-size: 1.8em;
	color: #222222;
	padding: 0.5em 0;	
}
.payment-online-form-left span{
	vertical-align: middle;
	margin-right: 5px;
}
.my_small-dialog1 {
	background: #fff;
	padding:0px;
	text-align: left;
	width: 100%;
	max-width: 600px;
	margin: 10% auto;
	position: relative;	
	border-radius: 2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
}

.my-mfp-zoom-in .my_small-dialog1{
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}
/* animate in */
.my-mfp-zoom-in.mfp-ready .my_small-dialog1 {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
/* animate out */
.my-mfp-zoom-in.mfp-removing .my_small-dialog1{
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
}
.my_small-dialog2 {
	background:url(../images/bg.png);
	padding:0px;
	text-align: left;
	width: 45%;
	margin: 10% auto;
	position: relative;
	border-radius: 2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
}

.my-mfp-zoom-in .my_small-dialog2{
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}
/* animate in */
.my-mfp-zoom-in.mfp-ready .my_small-dialog2 {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
/* animate out */
.my-mfp-zoom-in.mfp-removing .my_small-dialog2{
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
}

@media (max-width: 768px) {
	.my_small-dialog1 {
	width: 90%;
}
.my_small-dialog2 {
	width: 90%;
}
@media (max-width: 500px) {
	.head_button {
    width: 100%;
}
 .social_icon1 {
    margin: 10px 0px 0px 0px;
}
}