@charset "utf-8";
/*
    Mobile base.css
    TABLE OF CONTENT
    ===========================================
	Main
    1. Header
    2. Body
    3. Icons
    4. Footer
    5. Loading Progress
	
	Additional
	1. Header Add
	2. Body Add
	3. Success error
	4. Payment 
	5. Loading
	6. SquaresWaveG
	7. Modal
*/


/* ========= Header START ========== */
#brand-link
{
display: block;
}
#brand-nolink
{
display: none;
}

.ui-slider-pip-first {
    pointer-events: none !important;
}

#logo {
    background-image: url('../img/logo.png');
    background-size: 168px;
    height: 60px;
    width: 169px;
    background-repeat: no-repeat;
}

/* ========= Card Logos START ========== */
.logo-credit-cards {
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
}

.logo-credit-cards p {
    float: left;
    margin-top: 5px;
}

.logo-credit-cards ul {
    float: left;
    margin: 0px 5px 0px 5px;
}

.logo-credit-cards ul li {
    float: left;
    width: 53px;
    height: 35px;
    list-style: none;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    text-indent: -9999px;
    background-image: url(../../../images/bg/bg_card.png);
    background-position: 0 0;
}

.loyaltyProvider {
    cursor: pointer;
}

.logo-credit-cards .visa {
    background-position: 0 0;
}

.logo-credit-cards .visa.off {
    background-position: 0 -35px;
}

.logo-credit-cards .mastercard {
    background-position: -53px 0;
}

.logo-credit-cards .mastercard.off {
    background-position: -53px -35px;
}

.logo-credit-cards .jcb {
    background-position: -106px 0;
}

.logo-credit-cards .jcb.off {
    background-position: -106px -35px;
}

.logo-credit-cards .amex {
    background-position: -159px 0;
}

.logo-credit-cards .amex.off {
    background-position: -159px -35px;
}

.logo-credit-cards .unionpay {
    background-position: -212px 0;
}

.logo-credit-cards .unionpay.off {
    background-position: -212px -35px;
}

.logo-credit-cards .diners_club_international {
    background-position: -265px 0;
}

.logo-credit-cards .diners_club_international.off {
    background-position: -265px -35px;
}

.logo-credit-cards .rupay {
    background-position: -265px 0;
}

.logo-credit-cards .rupay.off {
    background-position: -265px -35px;
}

/* ========= Card Logos END ========== */

.headerAlignment{
	padding: 13px 0 0 13px;
}

        #aboutModal {
            width: 750px;
        }

        #aboutModal .modal-body {
                max-height: 420px;
        }

.switch-language {
	float: right;
    margin-right: 13px;
    margin-top: -60px;
}
.header .switch-language a {
	color: #555;
	font-size:28px;
	vertical-align:top;
}
.header .switch-language a.active {
	color: #0f98ca;
	font-weight: bold;
}

/* ========= Header END ========== */
/* ========= Tab Details [START] ========= */
.head-name h3 span {
font-size:30px;
}

.head-name1 h3 span {
font-size:30px;
}
/* =========Tab Details [END]========= */

/* ========= Body START ========== */
* {padding: 0; margin: 0;}
img {border: none;}

a { text-decoration: none; color: #0f98cb; text-decoration: underline}
body {
	 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #575757;
	background: #eff0f0;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	/*-ms-text-size-adjust: 100%;
	line-height: 180%; */
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#container {
    position: relative;
    margin: 0 auto;
    /*background-color: #fff;*/
    min-height: 100vh;
}

.wrapper-content {
	background: #fff;
	border-top: 1px solid #e8e9e9;
	padding: 0px 0 0;
}

.help {
	display: inline-block;
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	text-align: center;
	font-size: 28px;
	border-radius: 30px;
	margin: 8px 0 0;
	cursor: pointer;
    background: url(../img/whatiscvv.png) no-repeat;
}

.hide{/* hide help text  */
    display: none;
}
/* ========= Body END ========== */


/* ========= Icons START ========== */
.disablefpxterm {
display:none;
}
.enablefpxterms {
display:block;
}
.main-menu ul li.card a {background: url(../img/bg/card.png) 13px 50%  no-repeat; padding-left: 112px}
.main-menu ul li googlepay {background: url(../img/bg/googlepay.png) 13px 50%  no-repeat; padding-left: 112px}
.main-menu ul li.barcode a{background: url(../img/bg/barcode.png) 13px 50% no-repeat; padding-left: 112px}
.main-menu ul li.mpu a{background: url(../img/bg/mpu.png) 13px 50% no-repeat; padding-left: 112px}
.main-menu ul li.upop a{background: url(../img/bg/upi.png) 13px 50% no-repeat; padding-left: 112px}
.main-menu ul li.alipay a{background: url(../img/bg/alipay.png) 13px 50% no-repeat; padding-left: 112px}
.main-menu ul li.qwik a{background: url(../img/bg/qwik.png) 13px 50% no-repeat; padding-left: 112px}
.main-menu ul li.gcash a{background: url(../img/bg/gcash.png) 13px 50% no-repeat; padding-left: 112px}
.main-menu ul li.mps a{background: url(../img/bg/mps.png) 13px 50% no-repeat; padding-left: 112px}
.main-menu ul li.kpy a{background: url(../img/bg/kpy.png) 13px 50% no-repeat; padding-left: 112px;background-size: 70px;}
.main-menu ul li.cby a{background: url(../img/bg/cby.png) 13px 50% no-repeat; padding-left: 112px;background-size: 70px;}
.main-menu ul li.mtpay a {background: url(../../../images/psp/mtpay.png) 13px 50% no-repeat;padding-left: 112px;background-size: 70px;}


.main-menu ul li.masterpass a{background: url(https://www.mastercard.com/mc_us/wallet/img/en/SG/mp_mc_acc_038px_gif.gif) 13px 50% no-repeat; padding-left: 112px}
.main-menu ul li.paypal a{background: url(https://www.paypalobjects.com/webstatic/en_US/logo/pp_cc_mark_74x46.png) 13px 50% no-repeat; padding-left: 112px}
.main-menu ul li.wechat a{background: url(../img/bg/wechat.png) 13px 50% no-repeat; padding-left: 112px;background-size: 70px;}
.main-menu ul li.linkaja a { background: url(../img/bg/linkaja.png) 13px 50% no-repeat; background-size: 70px; }

.main-menu ul li.kcp a{background: url(../img/bg/kcp.png) 13px 50% no-repeat; padding-left: 112px;background-size: 70px;}
.main-menu ul li.kakao a{background: url(../img/bg/kakao.png) 13px 50% no-repeat; padding-left: 112px;background-size: 70px;}
.main-menu ul li.samsungpay a{background: url(../img/bg/samsungpay.png) 13px 50% no-repeat; padding-left: 112px}
.main-menu ul li.octopus a{background: url(../img/bg/octopus.png) 13px 50% no-repeat; padding-left: 112px}
.main-menu ul li.line a{background: url(../img/bg/line.png) 5px 50% no-repeat; padding-left: 112px}
.main-menu ul li.truemoney a{background: url(../img/bg/trueMoney.png) 13px 50% no-repeat; padding-left: 112px}
.main-menu ul li.airpay a{background: url(../img/bg/airpay.png) 13px 50% no-repeat; padding-left: 112px}
.main-menu ul li.catest a{background: url(../img/bg/catest.png) 13px 50% no-repeat; padding-left: 112px}
.main-menu ul li.caabpb a{background: url(../img/bg/caabpb.png) 1px 50% no-repeat; padding-left: 112px}
.main-menu ul li.cafc a{background: url(../img/bg/cafc.png) 1px 50% no-repeat; padding-left: 112px}
.main-menu ul li.caic a{background: url(../img/bg/caic.png) 1px 50% no-repeat; padding-left: 112px}
.main-menu ul li.caicici a{background: url(../img/bg/caicici.png) 1px 50% no-repeat; padding-left: 112px}
.main-menu ul li.caicc a{background: url(../img/bg/caicc.png) 13px 50% no-repeat; padding-left: 112px}
.main-menu ul li.cajio a{background: url(../img/bg/cajio.png) 1px 50% no-repeat; padding-left: 112px}
.main-menu ul li.camk a{background: url(../img/bg/camk.png) 1px 50% no-repeat; padding-left: 112px}
.main-menu ul li.camom a{background: url(../img/bg/camom.png) 1px 50% no-repeat; padding-left: 112px}
.main-menu ul li.caox a{background: url(../img/bg/caox.png) 1px 50% no-repeat; padding-left: 112px}
.main-menu ul li.capc a{background: url(../img/bg/capc.png) 13px 50% no-repeat; padding-left: 112px}
.main-menu ul li.capt a{background: url(../img/bg/capt.png) 1px 50% no-repeat; padding-left: 112px}
.main-menu ul li.capz a{background: url(../img/bg/capz.png) 1px 50% no-repeat; padding-left: 112px}
.main-menu ul li.casbi a{background: url(../img/bg/casbi.png) 1px 50% no-repeat; padding-left: 112px}
.main-menu ul li.camw a{background: url(../img/bg/camw.png) 1px 50% no-repeat; padding-left: 112px}
.main-menu ul li.cavmp a{background: url(../img/bg/cavmp.png) 1px 50% no-repeat; padding-left: 112px}
.main-menu ul li.cayb a{background: url(../img/bg/cayb.png) 1px 50% no-repeat; padding-left: 112px}
.main-menu ul li.cagp a {background: url(../img/bg/cagp.png) 1px 50% no-repeat;padding-left: 112px}
.main-menu ul li.caupi a {background: url(../img/bg/caupi.png) 1px 50% no-repeat;padding-left: 112px}
.main-menu ul li.caupiqr a {background: url(../img/bg/caupiqr.png) 1px 50% no-repeat;padding-left: 112px}
.main-menu ul li.ovo a {background: url(../img/bg/ovo.png) 13px 50% no-repeat;padding-left: 112px}
.main-menu ul li.paynow a {background: url(../img/bg/paynow.png) 13px 50% no-repeat;padding-left: 112px}
.main-menu ul li.paymaya a {background: url(../img/bg/paymaya.png) 13px 50% no-repeat;padding-left: 112px}
.main-menu ul li.momo a {background: url(../img/bg/momo.png) 13px 50% no-repeat;padding-left: 112px}
.main-menu ul li.grabpay a {background: url(../img/bg/grab.png) 13px 50% no-repeat;padding-left: 112px}
.main-menu ul li.boost a { background: url(../img/bg/boost.jpg) 13px 50% no-repeat; padding-left: 112px }
.main-menu ul li.touchngo a {background: url(../img/bg/tng.png) 13px 50% no-repeat;padding-left: 112px}
.main-menu ul li.wave a { background: url(../img/bg/wave.png) 13px 50% no-repeat; padding-left: 112px }
.main-menu ul li.dash a { background: url(../img/bg/dash.png) 13px 50% no-repeat; padding-left: 112px }
.main-menu ul li.applepay-wrapper a { display: inline-block;padding-left: 0px}
.main-menu ul li.paytm_billdesk a { background: url(../img/bg/paytm.png) 13px 50% no-repeat; padding-left: 112px }
.main-menu ul li.mobiqwik_billdesk a { background: url(../img/bg/mobiqwik.png) 13px 50% no-repeat; padding-left: 112px }
.main-menu ul li.visaQR a { background: url(../img/bg/visa.png) 13px 50% no-repeat; padding-left: 112px }
.main-menu ul li.mastercardQR a { background: url(../img/bg/mastercard.png) 13px 50% no-repeat; padding-left: 112px }
.main-menu ul li.thaiQR a {background: url(../img/bg/thaiqr.png) 13px 50% no-repeat; padding-left: 112px}
.main-menu ul li.grabQR a {background: url(../img/bg/grabthqr.png) no-repeat; padding-left: 112px; background-size:90px 70px;} 
.main-menu ul li.gipQR a { background: url(../img/bg/empty.png) 13px 50% no-repeat; padding-left: 112px }
.main-menu ul li.payNowQR a { background: url(../img/bg/paynow.png) 13px 50% no-repeat; padding-left: 112px }
.main-menu ul li.GrabPayQR a { background: url(../img/bg/grab.png) 13px 50% no-repeat; padding-left: 112px }
.main-menu ul li.OkDollar a { background: url(../img/bg/okdollarmobile.png) 13px 50% no-repeat; padding-left: 92px;background-size: 63px; }
.main-menu ul li.HUMM a { background: url(../img/bg/hummmobile.png) 13px 50% no-repeat; padding-left: 110px;background-size: 63px; }
.main-menu ul li.ShopeePay a { background: url(../img/bg/shopeepaymobile.png) 13px 50% no-repeat; padding-left: 112px;background-size: 92px; }
.main-menu ul li.ShopeePayQR a { background: url(../img/bg/shopeepaymobile.png) 13px 50% no-repeat; padding-left: 112px;background-size: 92px; }
.main-menu ul li.CBPayQR a { background: url(../img/bg/cbpayqr.png) 0px 50% no-repeat; padding-left: 110px;background-size: 107px; }
.main-menu ul li.KBZPayQR a { background: url(../img/bg/kbzqr.png) 10px 50% no-repeat; padding-left: 110px;background-size: 70px; }

.main-menu ul li a span {
    display: block;
    width: 17px;
    height: 31px;
    background: url(../img/bg/bg_menu.png) no-repeat;
    position: absolute;
    right: 15px;
    top: 25px;
}
/* ========= Icons END ========== */


/* ========= Footer START ========== */
.footer {
	background: #eff0f0;
	text-align: center;
	font-size: 18px;
	color: #6b6b6b;
    padding-top:15px;
    display:block;
}
.footer .copyright {padding: 0px 0 10px 0;}
    .footer .copyright a {
        text-decoration:none;
    }

    .footer1 {
	background: #eff0f0;
	height: 90px;
	text-align: center;
	font-size: 18px;
	color: #6b6b6b;
	box-shadow: inset 0 5px 8px -5px rgba(0, 0, 0, 0.4);
    padding-top:15px;
    display:none;
}
    .footer1 .copyright1 {padding: 0px 0 10px 0;}
    .footer1 .copyright1 a {
        text-decoration:none;
    }
/* ========= Footer END ========== */

/* ========= Loading Progress START ========== */

.Progress
{  
    background-color:#f0f0f0;
    opacity: 1;
    filter: alpha(opacity=100);	
    cursor: wait;   
    position: absolute ;top:10%;left:20%;
    border-radius:4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #000;
    font-size:20px;
    text-align: center;
    z-index:9999;
    color:#000000;
    width:200px;
    height:80px;
}

.mloading {
    opacity: 1;
    top: 20%;
    left: 15%;
    -webkit-border-radius:5px;
    padding:10px 0px 0px 10px;
    z-index:9999;
    position:fixed;
    width:150px;
    height:44px;
    border:none;
    background:transparent;
    display:none
}
.modalpopup {
    font-size:x-large;
    height:auto;
	display: none;
}

.overlay {
    background-color: #000;
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity = 50); /* IE7 & 8 */
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1001;
}
.hide{
	display: none;
}
/* ========= Loading Progress END ========== */

/* ========= Header Add START ========== */
.font24 {
    font-size: 20px;
}
.font16{
font-size: 20px !important;
line-height: auto;
}

.font22 {
    font-size: 22px !important;
}
.header {
	background: #fff;
	position: relative;
	/*z-index:999;*/
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	border-bottom: 1px solid #c3c4c4;
}
			.headerAlignment{
				padding: 13px 0 0 13px;
			}
.hide{
 display: none;
}
.header h1 a {
	display: block;
	width: 167px;
	height: 59px;
	background: url(../img/logo.png) no-repeat;
}
.header h1 a span { display: none;}
			.switch-language {
				float: right;
				margin-right: 13px;
			}

.langbar {
    margin: 0;
    padding: 0;
}
.langbar > li
{ 
    list-style: none;
    float: right;
     margin: 0 3px;
}

.langbar > li > a 
{ 
    
}

.langbar > li > a.selected img {
      border: solid 1px #c6c6c6;
      height: 48px;
}

.langbar > li > a:not(.selected) img{
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%); 

        border: solid 1px #c6c6c6;
        height: 48px;
}
/* ========= Header Add END ========== */

/* ========= Body Add START ========== */
.payment-detail .detail .title {
	padding-top: 0px;
	min-height: 100px;
	padding-right: 170px;
	padding-bottom: 15px;
}
.main-menu ul li a {
	display: block;
	height: 80px;
	line-height: 80px;
	padding-left: 120px;
	color: #555;
	text-decoration: none;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
/*bfb5b5*/
.form-control:-moz-placeholder { color: #bfb5b5;}
.form-control::-moz-placeholder { color: #bfb5b5; opacity: 1;}
.form-control:-ms-input-placeholder { color: #bfb5b5;}
.form-control::-webkit-input-placeholder { color: #bfb5b5;}

label.select-style select {
    
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	padding-right: 55px;
}
.checkbox { padding: 25px 0 10px; position: relative;}
.checkbox label {
	font-size: 24px;
	line-height: normal;
	margin: 0 0 5px;
	position: relative;
	padding-left: 80px;
	color: #6b6b6b;
	padding-top: 15px;
}
.checkbox input[type="checkbox"] {  
    display: none;  
}
.checkbox label:before {
	content: "";
	display: inline-block;
	width: 60px;
	height: 60px;
	border: 2px solid #71cd50;
	padding: 1px;
	margin-right: 5px;
	position: absolute;
	left: 0;
	top: 0;
	background: -moz-linear-gradient(top, #ececeb 0%, #fefefe 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #ececeb 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom, #ececeb 0%,#fefefe 100%);
	padding: 15px 0 0;
} 
.checkbox input[type=checkbox]:checked + label:before {  
    content: "\2713"; 
    font-size: 45px;
    color: #fff;  
    text-align: center;  
    line-height: 15px;
	background: #71cd50;
}
/* ========= Body Add END ========== */

/* ========= Success error START ========== */
.has-success {position: relative;}
.has-success .form-control {
	border-color: #4ca7e4;
	border-width: 2px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	padding-right: 60px;
}
.has-success:after {
    content:url('../img/bg/has-success.png');
    right:10px;
	top: 12px;
    position:absolute;
    pointer-events:none;
}
.has-error {position: relative;}
.has-error .form-control {
	border-color: #d32424;
	border-width: 2px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	padding-right: 60px;
}
.has-error:after {
    content:url('../img/bg/has-error.png');
    right:14px;
	top: 15px;
    position:absolute;
    pointer-events:none;
}
.has-error .form-control-feedback {
	font-size: 20px;
	color: #c92718;
	padding: 10px 25px 0;
	display: block;
}
/* ========= Success error END ========== */

/* ========= Payment START ========== */
.checkbox .help {
	position: absolute;
	right: 0;
	top: 10px;
}
.box-payment {
	padding: 10px 20px;
}


.box-payment .title {margin-bottom: 20px;}
.box-payment .title h2 {font-size: 26px; margin-bottom: 10px;}
.box-payment .title h2.success {color: #7cbc1e;font-size: 35px;}
.box-payment .title h2.error {color: #c92718;font-size: 35px;}
.box-payment .title p {font-size: 20px; font-weight: bold; color: #252525;}
.box-payment .detail p { font-size: 20px; margin-bottom: 10px;}
.box-payment .detail ul {margin-bottom: 20px;}
.box-payment .detail ul li {
	list-style: none;
	padding: 0 0 10px 240px;
	position: relative;
	font-size: 20px;
}
.box-payment .detail ul li label {
	position: absolute;
	left: 0;
	top: 0;
}
.box-payment .detail ul li b { font-size: 24px;}
.box-payment .error-detail {
    padding: 33px 10px 10px 100px;
    border-top: 1px #ccc solid;
    background: url(../../../images/bg/bg_fail.png) 0px 15px no-repeat;
}
.box-payment .error-detail h3 { font-size: 22px; color: #c92718;}
.box-payment .error-detail p { font-size: 20px;}



.set-margin-top90 {margin-top: 90px;}
.set-margin-top175 {margin-top: 175px;}
.set-margin-topbottom20 {margin-top: 20px; margin-bottom: 20px;}
.set-margin-bottom350 {margin-bottom: 350px;}
.text-center { text-align: center;}

.divider {
    border-top: 1px solid #c3c4c4;
	height:7px; display:block;
    background-color:rgba(0, 0, 0, 0.1);
}

.box-payment-result {
	padding: 10px 25px;
   
}
box-payment-result p {
    font-size:  28px;
}
.box-payment-result .title {margin-bottom: 20px;}
.box-payment-result .title h2 {font-size:28px; margin-bottom: 10px;}
.box-payment-result .title h2.success {color: #7cbc1e;font-size: 35px;}
.box-payment-result .title h2.error {color: #c92718;font-size: 35px;}
.box-payment-result .title p {font-size: 20px; font-weight: bold; color: #252525;}
.box-payment-result .detail p { font-size: 20px; margin-bottom: 10px;}
.box-payment-result .detail ul {margin-bottom: 40px;}
.box-payment-result .detail ul li {
	list-style: none;
	padding: 0 0 10px 240px;
	position: relative;
	font-size: 20px;
}
.box-payment-result .detail ul li label {
	position: absolute;
	left: 0;
	top: 0;
}
.box-payment-result .detail ul li b { font-size: 24px;}
.box-payment-result .error-detail {
	padding: 0 0 0 80px;
	background: url(../img/bg/error-box.png) 0 0 no-repeat;
}
.box-payment-result .error-detail h3 { font-size: 22px; color: #c92718;}
.box-payment-result .error-detail p { font-size: 20px;}

.btn-timer {
  height: 30px !important;
   line-height: 30px;
  *zoom: 1;
  padding: 5px 12px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight:700;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
 
  color: #000;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  margin-left:0px;
  border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

.note {
    color:#003399;
	font-size: 14px;
	text-align: justify;
	padding-left: 13px;
    padding-right: 13px;
}
/* ========= Payment END ========== */

/* ========= Loading START ========== */
/*.mloading {
    background-color:#f0f0f0;
    opacity: 1;
    filter: alpha(opacity=100);
    position: absolute;
    top: 20%;
    left: 15%;
    width: 260px;
    height: 55px;  
    border:1px solid #661a94;
    border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
    padding:10px 0px 0px 10px;
    z-index:9999;

    position:fixed !important;
    width:150px !important;
    height:44px !important;
    border:none !important;
    background:transparent !important;
    display:none !important;
}*/
/*.mloading {
    background-color:#f0f0f0;
    opacity: 1;
    filter: alpha(opacity=100);
    position: fixed;
    top: 20%;
    left: 15%;
    width:150px;
    height:44px;  
    border:none;
    border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
    padding:10px 0px 0px 10px;
    background:transparent;
    display:none;
    z-index:9999;
}
.mloading {
    opacity: 1;
    top: 20%;
    left: 15%;
    -webkit-border-radius:5px;
    padding:10px 0px 0px 10px;
    z-index:9999;
    position:fixed;
    width:150px;
    height:44px;
    border:none;
    background:transparent;
    display:none
}*/
/* ========= Loading END ========== */

/* ========= SquaresWaveG START ========== */
#squaresWaveG{
position:relative;
width:240px;
height:29px; }

.squaresWaveG{
position:absolute;
top:0;
background-color:#661a94;
width:29px;
height:29px;
-moz-animation-name:bounce_squaresWaveG;
-moz-animation-duration:1.3s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-animation-name:bounce_squaresWaveG;
-webkit-animation-duration:1.3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-animation-name:bounce_squaresWaveG;
-ms-animation-duration:1.3s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-animation-name:bounce_squaresWaveG;
-o-animation-duration:1.3s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
animation-name:bounce_squaresWaveG;
animation-duration:1.3s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#squaresWaveG_1{
left:0;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}

#squaresWaveG_2{
left:30px;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}

#squaresWaveG_3{
left:60px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}

#squaresWaveG_4{
left:90px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}

#squaresWaveG_5{
left:120px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}

#squaresWaveG_6{
left:150px;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}

#squaresWaveG_7{
left:180px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}

#squaresWaveG_8{
left:210px;
-moz-animation-delay:1.43s;
-webkit-animation-delay:1.43s;
-ms-animation-delay:1.43s;
-o-animation-delay:1.43s;
animation-delay:1.43s;
}
@-moz-keyframes bounce_squaresWaveG{
0%{
background-color:#661a94;
}

100%{
background-color:#FFFFFF;
}

}

@-webkit-keyframes bounce_squaresWaveG{
0%{
background-color:#661a94;
}

100%{
background-color:#FFFFFF;
}

}

@-ms-keyframes bounce_squaresWaveG{
0%{
background-color:#661a94;
}

100%{
background-color:#FFFFFF;
}

}

@-o-keyframes bounce_squaresWaveG{
0%{
background-color:#661a94;
}

100%{
background-color:#FFFFFF;
}

}

@keyframes bounce_squaresWaveG{
0%{
background-color:#661a94;
}

100%{
background-color:#FFFFFF;
}

}
/* ========= SquaresWaveG END ========== */

/* ========= Modal START ========== */
.hide { display: none; }
[id="modal-cvv"], [id="modal-store"] {
	top: 0;
	bottom: 0;
	position: fixed;
	padding: 45px 15px 15px;
	box-sizing: border-box;
	z-index: 1;
    height:500px;
}
[id="modal-cvv"]:before, [id="modal-cvv"]:after,
[id="modal-store"]:before, [id="modal-store"]:after {
	content: ' ';
	display: block;
}
[id="modal-cvv"]:before,
[id="modal-store"]:before  {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.8);
	z-index: -1;
}
[id="modal-cvv"]:after,
[id="modal-store"]:after {
	position: absolute;
	background-color: #fff;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.hide-modal {
	float: right;
	width: 30px;
	height: 30px;
	margin: -35px -5px 0 0;
	text-align: center;
	cursor: pointer;
	background: url(../img/bg/has-error.png) 50% 50% no-repeat;
}
@media screen and (min-width: 720px) {
	[id="modal-cvv"],
	[id="modal-store"] {
		top: 40px;
		bottom: auto;
		width: 600px;
		left: 50%;
		margin-left: -300px;
		z-index: 1500;
	}
}
/* ========= Modal END ========== */