.CheckoutCCForm fieldset {



    border: 1px solid #d1d1d1;



    margin: 0 0 1.75em;



    min-width: inherit;



    padding: 0.875em;



}



.CheckoutCCForm legend {



    border: 0;



    padding: 0;



    display: block;



    -webkit-padding-start: 2px;



    -webkit-padding-end: 2px;



}



.CheckoutCCForm input[type="date"], .CheckoutCCForm input[type="time"], .CheckoutCCForm input[type="datetime-local"], .CheckoutCCForm input[type="week"], .CheckoutCCForm input[type="month"], .CheckoutCCForm input[type="text"], .CheckoutCCForm input[type="email"], .CheckoutCCForm input[type="url"], .CheckoutCCForm input[type="password"], .CheckoutCCForm input[type="search"], .CheckoutCCForm input[type="tel"], .CheckoutCCForm input[type="number"], .CheckoutCCForm textarea {



    background: #f7f7f7;



    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));



    border: 1px solid #d1d1d1;



    border-radius: 2px;



    color: #686868;



    padding: 0.625em 0.4375em;



    width: 100%;



}



#CalltoCcFormDiv button, #CalltoCcFormDiv button[disabled]:hover, #CalltoCcFormDiv button[disabled]:focus, #CalltoCcFormDiv input[type="button"], #CalltoCcFormDiv input[type="button"][disabled]:hover, #CalltoCcFormDiv input[type="button"][disabled]:focus, #CalltoCcFormDiv input[type="reset"], #CalltoCcFormDiv input[type="reset"][disabled]:hover, #CalltoCcFormDiv input[type="reset"][disabled]:focus, #CalltoCcFormDiv input[type="submit"], #CalltoCcFormDiv input[type="submit"][disabled]:hover, #CalltoCcFormDiv input[type="submit"][disabled]:focus {



    background: #1a1a1a;



    border: 0;



    border-radius: 2px;



    color: #fff;



    font-family: Montserrat, "Helvetica Neue", sans-serif;



    font-weight: 700;



    letter-spacing: 0.046875em;



    line-height: 1;



    padding: 0.84375em 0.875em 0.78125em;



    text-transform: uppercase;



	cursor:pointer;



}



#CalltoCcFormDiv button:hover, #CalltoCcFormDiv button:focus, #CalltoCcFormDiv input[type="button"]:hover, #CalltoCcFormDiv input[type="button"]:focus, #CalltoCcFormDiv input[type="reset"]:hover, #CalltoCcFormDiv input[type="reset"]:focus, #CalltoCcFormDiv input[type="submit"]:hover, #CalltoCcFormDiv input[type="submit"]:focus {



    background: #007acc;



	cursor:pointer;



}



.CheckoutCCForm .expiry-date-group {



  float: left;



  width: 50%



}







.CheckoutCCForm .expiry-date-group input {



  width: calc(100% + 1px);



  border-top-right-radius: 0;



  border-bottom-right-radius: 0;



}







.CheckoutCCForm .expiry-date-group input:focus {



  position: relative;



  z-index: 10;



}







.CheckoutCCForm .security-code-group {



  float: right;



  width: 50%



}







.CheckoutCCForm .security-code-group input {



  border-top-left-radius: 0;



  border-bottom-left-radius: 0;



}







.CheckoutCCForm .zip-code-group {



  clear: both;



}







.CheckoutCCForm #PayButton {



  outline: 0!important;



  height: 42px;



  font-size: 16px;



  background-color: #54C7C3!important;



  border: none;



  width:100%; cursor: pointer;



}







.CheckoutCCForm #PayButton:hover {



  background-color: #6DCECB!important;



}







.CheckoutCCForm #PayButton:active {



  background-color: #4FBCB9!important;



}







.CheckoutCCForm #PayButton:disabled {



  background: rgba(84, 199, 195, .5)!important;



  color: #FFF!important;



}







.CheckoutCCForm label {



  color: #46545C;



  margin-bottom: 2px;



}







.CheckoutCCForm .input-container {



  position: relative;



}







.CheckoutCCForm .input-container input {



  padding-right: 25px;




}







.CheckoutCCForm .input-container>i, a[role="button"] {



  color: #d3d3d3;



  width: 25px;



  height: 30px;



  line-height: 30px;



  font-size: 16px;



  position: absolute;



  top: 2px;



  right: 2px;



  cursor: pointer;



  text-align: center;



}



.CheckoutCCForm .form-group { margin-bottom:15px;}



.CheckoutCCForm .input-container>i:hover, a[role="button"]:hover {



  color: #777;



}



.CheckoutCCForm .amount-placeholder {



  font-size: 20px;



  height: 34px;



}







.CheckoutCCForm .amount-placeholder>button {



  float: right;



  width: 60px;



}







.CheckoutCCForm .amount-placeholder>span {



  line-height: 34px;



}







.CheckoutCCForm .card-row {



  text-align: center;



  margin: 20px 25px 10px;



}







.CheckoutCCForm .card-row span {



  width: 48px;



  height: 30px;



  margin-right: 3px;



  background-repeat: no-repeat;



  display: inline-block;



  background-size: contain;



}







.CheckoutCCForm .card-image {



  background-repeat: no-repeat;



  padding-right: 50px;



  background-position: right 2px center;



  background-size: auto 90%



}







.CheckoutCCForm .cvc-preview-container {



  overflow: hidden;



}







.CheckoutCCForm .cvc-preview-container.two-card div {



  width: 48%;



  height: 80px;



}







.CheckoutCCForm .cvc-preview-container.two-card div.amex-cvc-preview {



  float: right;



}







.CheckoutCCForm .cvc-preview-container.two-card div.visa-mc-dis-cvc-preview {



  float: left;



}







.CheckoutCCForm .cvc-preview-container div {



  height: 160px;



}







.form_message_return { margin:10px; text-align:center; }



.form_message_return #realex_error { color:#FF0000;}

.realex_total_paid {
    color: #3290bf;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #c3c3c3;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.realex_success_msg_main {



    letter-spacing: 1px;



    border: 1px solid #c3c3c3;



    border-radius: 5px;



    padding: 10px;



    float: left;



    width: 100%;



}



.realex_success_msg {



    color: #0c5250;



    width: 100%;



    font-size: 22px;



    font-weight: bold;



    border-bottom: 1px solid #c3c3c3;



    padding-bottom: 10px;



    margin-bottom: 10px;



}



.realex_success_paymentref {



    color: #666666;



    width: 50%;



    font-size: 16px;



    display: inline-block;



}







.required:after{ content:" *" ; color:red; font-size: 24px; }