.SS_Popups {
	visibility: hidden;
	display: none;
	opacity: 0;
	transform: translateX(-50%) translateY(-50%) scale(0.8) !important;
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.8) !important;
	-o-transform: translateX(-50%) translateY(-50%) scale(0.8) !important;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8) !important;
}
.SS_Popups .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 51px;
    height: 51px;
    font-size: 0;
    cursor: pointer;
}	
.SS_Popups .close:before, .SS_Popups .close:after {
  content: '';
    position: absolute;
    background: #767676;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
    left: 14px;
    right: 14px;
    top: 30px;
    height: 3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    -webkit-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
}
.SS_Popups .close:after {
     -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.SS_Popups.popup {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background: #FAFDFF;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 600px;
	box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.09), 0px 11px 12px 7px rgba(0, 0, 0, 0.02);
	-moz-transition: all 120ms;
	-webkit-transition: all 120ms;
	-o-transition: all 120ms;
	transition: all 120ms;
	z-index: 99;
	padding: 25px;
	color: #5E5E5E;
}
@media screen and (max-width: 1000px) {
	.SS_Popups.popup {
    	width: 80%;
  	}
}
.SS_Popups .popup-header {
	text-transform: uppercase;
	font-size: 18px;
}
.SS_Popups .popup-body {
  	padding: 25px 0;
}
.SS_Popups .button {
	padding: 10px 15px;
	border: 1px solid #F5F5F5;
	text-transform: uppercase;
	box-shadow: 1px 2px 3px #F5F5F5;
	color: #5E5E5E;
	cursor: pointer;
	transition: all 120ms ease-in;
	outline:none;
}
.SS_Popups .button:hover {
  	box-shadow: 1px 3px 5px #E9E9E9;
  	transform: translateY(-1px);
}
.SS_Popups .button:active, .SS_Popups .button:visited {
	transform: translateY(1px);
	outline:none;
	box-shadow: 1px 2px 3px #F5F5F5;
}






.payment-m-box{margin: 20px 0 0 0; width: 100%; background: #fff; border: #ecf1f7 10px solid; border-radius: 20px;}
.card-box-sec{width: 100%; margin: 0;}
.inp-fld small{display: block; font-size: 14px; font-weight: 500; color: #000000;	margin-bottom: 4px;}
.card-box-sec small{display: block; font-size: 14px; font-weight: 500; color: #000000;	margin-bottom: 4px;}
.card-box-in{border: #dfe0e5 1px solid;  border-radius: 5px; background: #fff; display: block; box-shadow: 0px 1px 2.88px 0.12px rgba(0, 0, 0, 0.1); margin-bottom: 10px;}
.card-box-in label{display: none;}
.card-box-in .form-group {border-radius: 0; outline: 0;}
.card-box-in .card-no {margin: 0;}
.card-box-in .card-no input{border: 0; border-bottom: #dfe0e5 1px solid; background: #fff url(https://staging.skysystemz.com/assets/paymentpage/images/card-ico01.jpg); background-repeat: no-repeat; background-position: right 10px center; width: 96%; padding: 8px;} 
#skysystemz_card_holder {
	padding: 8px; 
}
#skysystemz_card_holder:focus {
	outline: 0!important; box-shadow: none!important; 
}

.card-logo{padding:10px 0;}
.card-box-in .card-no input:focus{border-bottom: #dfe0e5 1px solid; outline: 0!important; box-shadow: none!important;}
.card-box-in .month{border-right: #dfe0e5 1px solid; width: 32.5%!important; display: inline-block; margin: 0;  }
.card-box-in .month select{border: 0; border-right: #dfe0e5 1px solid; padding: 8px; background: #fff; width: 100%;}
.card-box-in .year{border-right: #dfe0e5 1px solid; width: 32.5%!important; display: inline-block; margin: 0; }
.card-box-in .year select{border: 0; border-right: #dfe0e5 1px solid; padding: 8px; background: #fff; width: 100%;}
.card-box-in .cvv{width: 32%!important; display: inline-block; margin: 0; padding-left: 0;}
.card-box-in .cvv input{border: 0; border-bottom: #dfe0e5 1px solid; padding: 8px;  background: #fff url(https://staging.skysystemz.com/assets/paymentpage/images/cvv.jpg); background-repeat: no-repeat; background-position: right 10px center; width: 87%;}
.card-box-in .cvv input:focus {
	outline: 0!important; box-shadow: none!important;
}
.card-box-in input{padding:.375rem .75rem;}
.card-box-in input:focus{box-shadow: none;}
.mytitl{text-align: center;}
.payment-m-box .card-wrapper{display: none;}
.payment-m-box .separtor{display: none;}
.p-dt{position: relative;}
.p-dt:before{width: 100%; height: 1px; background: #ddd; top: 56%; transform: translateY(-56%); position: absolute; content: ''; left: 0;}
.p-dt span{background: #fff; padding: 0 12px; font-size: 16px; position: relative; z-index: 5;}
.payment-m-box .mybtnp{width: 100%!important; display: block; text-align: center; background: #000; border: #000 1px solid; padding: 8px 28px !important;}
.payment-m-box .mybtnp:hover{background:#212223; border: #212223 1px solid; }
.mytitl{text-transform: inherit!important;}
.inp-fld input {
    border: #dfe0e5 1px solid;
    padding: 0.375rem 0.75rem;
    border-radius: 5px;
    background: #fff;
    display: block;
    box-shadow: 0px 1px 2.88px 0.12px rgb(0 0 0 / 10%);
	margin-bottom: 10px;
	width: 100%;
}
#payment button, .woocommerce-input-wrapper button{
background: #2979ff !important; border: 0 !important;
    border-radius: 4px !important;
}


#payment button:hover, .woocommerce-input-wrapper button:hover{
    opacity: 0.8; text-decoration:  none !important;
}

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message{border-top-color: #2979ff !important;}