#cardform {
    display: block;
    width: 100%;
}
 
.wppf-text-center{
    text-align: center;
    margin: 0 auto;
}

.terms-title.wppf-text-center {
    margin: 10px auto 20px auto;
}
   /*
   .form-container {
     display: flex;
     background-color: #EEE;
     justify-content: center;
     align-items: center;
     height: 100%;
     flex-direction: column;
     border: 1em solid #fff;
     box-sizing: border-box;
     position: relative;
   }*/
   @media (max-width: 476px) {
     .form-container {
       border: none;
     }
   }
   
   .cardinfo-wrapper {
     display: flex;
     justify-content: space-around;
   }
   
   
   .card-shape, #my-card-form.visa, #my-card-form.master-card, #my-card-form.maestro, #my-card-form.american-express, #my-card-form.discover, #my-card-form.unionpay, #my-card-form.jcb, #my-card-form.diners-club {
     border-radius: 6px;
     padding: 2em 2em 1em;
   }
   @media (max-width: 476px) {
     
     .card-shape, #my-card-form.visa, #my-card-form.master-card, #my-card-form.maestro, #my-card-form.american-express, #my-card-form.discover, #my-card-form.unionpay, #my-card-form.jcb, #my-card-form.diners-club {
       padding: 2em 1.5em 1em;
     }
   }
   
   
   #pp-container {
       padding: 0em 0em 0em;
       margin-bottom: 0em;
     z-index: 1;
   }
   
   
   
   
   #my-card-form {
       background-color:#886aae;
       padding: 2em 2em 1em;
      border:.5px solid gray;
     margin-bottom: 0em;
     transition: all 600ms cubic-bezier(0.2, 1.3, 0.7, 1);
     -webkit-animation: cardIntro 500ms cubic-bezier(0.2, 1.3, 0.7, 1);
             animation: cardIntro 500ms cubic-bezier(0.2, 1.3, 0.7, 1);
     z-index: 1;
   }
   
   
   

   #card-waiting-form, #card-ok-form, #card-error-form{
    padding: 1em 1em 1em;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-weight: bold;
    margin-bottom: 1em;
    transition: all 600ms cubic-bezier(0.2, 1.3, 0.7, 1);
    -webkit-animation: cardIntro 500ms cubic-bezier(0.2, 1.3, 0.7, 1);
            animation: cardIntro 500ms cubic-bezier(0.2, 1.3, 0.7, 1);
    z-index: 1;
   }

   #card-waiting-form {
    background-color: #b9cadd;
    border: 1px solid #0070ba;
   
}


#card-ok-form {
    background-color: #f1f2f2;
    border:1px solid #cacaca;
 
  
}
   
   #card-error-form {
       background-color: #f78888;
       border:1px solid rgb(255, 0, 0);
   }
   
   
   @media (max-width: 476px) {
     #my-card-form {
       box-sizing: border-box;
       padding: 2em 2em 2em;
       width: 100%;
     }
   }
   #my-card-form.visa {
     color: #fff;
     background-color: #363636;
     background: linear-gradient( 195deg , #ffab23, #d8d21a 12%, #0D4AA2 14%, #0D4AA2);
   }
   #my-card-form.master-card {
     color: #fff;
     background-color: #363636;
     background: linear-gradient(115deg, #d82332, #d82332 50%, #f1ad3d 50%, #f1ad3d);
   }
   #my-card-form.maestro {
     color: #fff;
     background-color: #363636;
     background: linear-gradient(115deg, #009ddd, #009ddd 50%, #ed1c2e 50%, #ed1c2e);
   }
   #my-card-form.american-express {
     color: #fff;
     background-color: #007CC3;
   }
   #my-card-form.discover {
     color: #fff;
     background-color: #ff6000;
     background: linear-gradient(#d14310, #f7961e);
   }
   #my-card-form.unionpay, #my-card-form.jcb, #my-card-form.diners-club {
     color: #fff;
     background-color: #363636;
   }
   
   .ppoff{
       width:100%;
       height: 45px;
       vertical-align: top;
      min-height: 30px;
       max-height: 55px;
       border: 2px solid #ffc107;
       background: #d9d9d9;
       border-radius: 4px;
       text-align: center;
       margin-top: 10px;
       padding: 4px;
   }
   
   .item {
       margin-bottom: 10px;
   }
   .mindetails{
       color:#fb0b0b;
   }
   
   .gifttxt{
       display: block;
       padding:4px;
       width: 100%;
       max-width: 90%;
       margin: 5px auto;
   }
   
   .pp-infotext{
       color:red;
   }
   
   .promofriend {
     margin-bottom: 0.5em;
     margin-top: 0.5em;
     color: white;
   }
   
   .cardinfo-label {
     display: block;
     font-size: 11px;
     margin-bottom: 0.5em;
     text-transform: uppercase;
     color: #0070ba;
     font-weight: bold;
   }
   
   .cardinfo-exp-date {
     margin-right: 1em;
     width: 100%;
   }
   
   .cardinfo-cvv {
     width: 100%;
   }
   
   #button-pay {
     display: block;
     cursor: pointer;
     width: 100%!important;
     max-width: 100%!important;
     font-size: 15px;
     border: 0;
     padding: 1.2em 1em;
     color: #fff;
     background: #0070ba;
     margin: 1em auto !important;
     border-radius: 4px;
     z-index: 0;
     -webkit-transform: translateY(-100px);
             transform: translateY(-100px);
     transition: all 500ms cubic-bezier(0.2, 1.3, 0.7, 1);
     opacity: 0;
     -webkit-appearance: none;
     position: relative;
     left:0;
     right:0;
     
   }
   #button-pay:hover {
     background: #535b72;
   }
   #button-pay:active {
     -webkit-animation: cardIntro 200ms cubic-bezier(0.2, 1.3, 0.7, 1);
             animation: cardIntro 200ms cubic-bezier(0.2, 1.3, 0.7, 1);
   }
   #button-pay.show-button {
     -webkit-transform: translateY(0);
             transform: translateY(0);
     opacity: 1;
   }
   
   .cardinfo-card-number {
     position: relative;
   }
   
   #card-image {
     position: absolute;
      top: 22px;
     right: 1em;
     width: 44px;
     height: 38px;
     border-radius: 4px;
     background-repeat: no-repeat;
     margin-bottom: 1em;
   }


   .accepted-cards2,
   .accepted-cards {
    
margin: 12px auto;
display: block;
    
}

.accepted-cards{
  width: 20%;
}

.accepted-cards2{
  width: 49%;
}

@media(min-width:768px){
  .accepted-cards2,
  .accepted-cards{
    margin:12px;
  }
}
img.pypverified {
  max-width: 100px;
  position: relative;
  left: 90px;
}

/*NEW STYLE FORM "RIEPILOGO"*/
.paypal-payment-form{
  max-width: 600px;
  margin:10px auto;
  padding: 1.5em 2.5em;
  border: 1px solid rgba(211, 211, 211, 0.397);
  line-height: 1.4;
  font-family: Arial, Helvetica, sans-serif;
}

@media(min-width:768px){
  .paypal-payment-form{
    margin:0 auto 20px auto;
  }
}

/*.ctahalf-form,*/
.finalhalf-form,
.centerhalf-form,
.firshalf-form{
  display: block;

  
}

@media(min-width:768px){
  .finalhalf-form,
.centerhalf-form,
.firshalf-form{
  display: flex;
  
}
}

.finalhalf-form, .centerhalf-form, .firshalf-form{
  justify-content: space-between;
  padding: 10px 0 0 0;
}

.ctahalf-form{
  justify-content: center;
}

.firshalf-form, .centerhalf-form{
  border-bottom: 1px solid lightgray;
}

.firshalf-form img{
  max-width: 150px;
}

.firshalf-form p{
  font-weight: bold;
}

.centerhalf-form p:nth-child(1){
  font-weight: bold;
}
.finalhalf-form a{
  font-weight: bold;
  text-decoration: none;
  color:#0070badc;
}



   
   /*--------------------
   Inputs 
   --------------------*/
   .input-wrapper {
     border-radius: 6px;
     background: rgba(255, 255, 255, 0.86);
     height: 2.75em;
     border: 1px solid #adadad;
     padding: 5px 10px;
     margin-bottom: 1em;
     box-sizing: border-box;
   }
   
   .cardinfo-card-number,
   .cardinfo-exp-date,
   .cardinfo-cvv {
     transition: -webkit-transform 0.3s;
     transition: transform 0.3s;
     transition: transform 0.3s, -webkit-transform 0.3s;
   }
   
   
    
   #form-container
   {
       display:block;
       margin: 8px 0 0 0;
   }
   
   
   .termsconditions{
       margin-top: 18px;
   }
   
   .checklabel {
       color: #656565;
       display: inline;
       font-size: 14px;
   }
   
   .termslink {
       color: #656565;
       display: inline;
       font-size: 14px;
       cursor: pointer;
       text-decoration: underline;
   }
   
   .card {
       margin: auto;
       max-width: 100%;
       /*width: 100%;*/
       padding: 2rem 1rem;
       box-shadow:0 8px 24px 8px rgba(0, 0, 0, 0.60);
       background-color: rgba(255,255,255,0.7);
   }

   @media (min-width:900px) {
     .card{
      padding: 2rem 2rem;

     }
   }
   

   .wp-block-columns{
     flex-direction: column;
   }

   .mt-50 {
    margin-top: 50px
}

@media(min-width:768px){
  .wp-block-columns{
    flex-direction:initial;
  }
  .mt-50 {
    margin-top:0px
}
}

   /*.mt-50 {
       margin-top: 50px
   }*/
   
   
   
   @media(max-width:767px) {
       .card {
           width: unset;
           padding: 1.5rem
       }
       
       
   
       
   .checklabel {
       font-size: 0.7em; 
   }
   
   .termslink {
       font-size: 0.7em; 
   }
   
   }
   
   @media(height:1366px) {
       .card {
           width: 90%;
           padding: 8vh
       }
   }
   
   .card-title {
       font-weight: 700;
       font-size: 2.2em
   }
   
   .nav {
       display: flex
   }
   
   .nav ul {
       list-style-type: none;
       display: flex;
       padding-inline-start: unset;
       margin-bottom: 4vh
   }
   
   .nav li {
       padding: 1rem
   }
   
   .nav li a {
       color: black;
       text-decoration: none
   }
   
   .active {
       border-bottom: 2px solid black;
       font-weight: bold
   }
   
   
   
   input {
       border: none;
       outline: none;
       font-size: 1rem;
       font-weight: 600;
       color: #000;
       width: 100%;
       min-width: unset;
       background-color: transparent;
       border-color: transparent;
       margin: 0
   }
   
   /* Chrome, Safari, Edge, Opera */
   input::-webkit-outer-spin-button,
   input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
   }
   
   /* Firefox */
   input[type=number] {
     -moz-appearance: textfield;
     margin: 3px 0 0 3px;
     border: none;
   }
   
   
   .vendorlogo{
    width: 100%;
    border-style: none;
    border-width: 0px;
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
   }
   
   .imglogo{
       transition: 0.9s;
       width: 100%;
   }
   
   .row {
       margin: 0;
       overflow: hidden
   }
   
   
   .mypromo {
       width: 117%;
       position: relative;
       left: calc(-60% + 50%);
       margin-top: 10px;
       margin-bottom: 10px;
       color: white;
       padding: 10px;
       border-radius: 8px;
       box-shadow: 3px 3px 9px 2px #888888;
       text-align: center;
   }
   
   
   .regala {
       background: #d15ab8;
       width: 120%;
       position: relative;
       left: calc(-60% + 50%);
       margin-top: 10px;
       margin-bottom: 10px;
       color: white;
       padding: 10px;
       border-radius: 8px;
       box-shadow: 3px 3px 9px 2px #888888;
   }
   
   .row-1 {
       border: 1px solid rgba(0, 0, 0, 0.137);
       padding: 0.5rem;
       outline: none;
       min-width: unset;
       border-radius: 5px;
       background-color: #f8f9fa;
       border-color: #979797;
       margin: 1vh 0;
       overflow: hidden
   }
   
   .row-regala {
       border: 1px solid rgba(0, 0, 0, 0.137);
       padding: 0.5rem;
       outline: none;
       width: 100%;
       min-width: unset;
       border-radius: 5px;
       border-color: #979797;
       margin: 1vh 0px 10px 0px;
       overflow: hidden;
   }
   
   .row-2 {
       border: none;
       outline: none;
       background-color: transparent;
       margin: 0;
       padding: 0 0.8rem;
       display: flex;
       align-items: center;
   }
   
   .row .row-2 {
       border: none;
       outline: none;
       background-color: transparent;
       margin: 0;
       padding: 0 0.8rem
   }

   
   
   .row .col-2,
   .col-7 {
       display: flex;
       align-items: center;
       text-align: center;
       padding: 0 1vh
   }
   
   .row .col-2 {
       padding-right: 0
   }
   
   .row .col-3 {
       padding-right: 0;
       align-items: center;
       text-align: center;
       width:40px;
   }
   
   ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
     color: #cacacb75;
     opacity: 1; /* Firefox */
   }
   
   :-ms-input-placeholder { /* Internet Explorer 10-11 */
     color: #cacacb75;
   }
   
   ::-ms-input-placeholder { /* Microsoft Edge */
     color: #cacacb75;
   }
   
   #card-header {
       font-weight: bold;
       font-size: 0.9rem
   }
   
   .option{
       background: #f5f7f9;
       outline: none;
       border: 1px solid #979797;
       border-radius: 5px;
       padding: 12px;
       margin-bottom: 4px;
   }
   
   .optionlarge{
       background: #f5f7f9;
       outline: none;
       border: 1px solid #979797;
       border-radius: 5px;
       padding: 12px;
       margin-bottom: 4px;
       width: 100%;
   }
   
   #card-inner {
       font-size: 0.7rem;
       color: gray
   }
   
   .three .col-7 {
       padding-left: 0
   }
   
   
   
   .three {
       overflow: hidden;
       justify-content: space-between
   }
   
   .three .col-2 {
       border: 1px solid rgba(0, 0, 0, 0.137);
       padding: 0.5rem;
       outline: none;
       width: 100%;
       min-width: unset;
       border-radius: 5px;
       background-color: rgba(221, 228, 236, 0.301);
       border-color: rgba(221, 228, 236, 0.459);
       margin: 2vh 0;
       width: fit-content;
       overflow: hidden
   }
   
   
   
   
   .three .col-5 {
       margin-right: -15px;
   }
   
   .btn {
       width: 100%;
       background-color: rgb(65, 202, 127);
       border-color: rgb(65, 202, 127);
       color: white;
       justify-content: center;
       padding: 2vh 0;
       margin-top: 3vh
   }
   
   .btn:focus {
       box-shadow: none;
       outline: none;
       box-shadow: none;
       color: white;
       -webkit-box-shadow: none;
       -webkit-user-select: none;
       user-select: none;
       transition: none
   }
   
   .btn:hover {
       color: white
   }
   
   input:focus::-webkit-input-placeholder {
       color: transparent
   }
   
   input:focus:-moz-placeholder {
       color: transparent
   }
   
   input:focus::-moz-placeholder {
       color: transparent
   }
   
   input:focus:-ms-input-placeholder {
       color: transparent
   }

   .powered-by {
    display: block;
    max-width: 200px;
    margin: 0 auto;
}

.poweredlink{
    display: flex;
    align-items: center;
    justify-content: center;
}

.poweredlink p{
    margin: 0px 7px;
    font-weight: bold;
}

/*CSS for cart resume*/

/*.order-details {
  display: flex;
  padding: 1rem;
  max-width: 600px;
  justify-content: space-between;
  border-radius: 8px;
  border: 2px solid #886aae;
  margin: 2rem auto;
}
.order-details a{
  cursor: pointer;
}
.text-order,
.interaction-order{
display: flex;
max-width: 80px;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
}

.text-order{
align-items: flex-start;
max-width:unset;
}

.interaction-order a{
margin:0 0 10px 0;
}

.interaction-order a:last-of-type{
color:red;
}


.text-order h5{
margin:10px 0;

}
.text-order p{
margin:0;
}
.text-order h5,
#card-header h5{
  font-family: 'Helvetica Neue','Arial',sans-serif;
}*/

/*buttons payment form switcher*/

.container-buttonpyp {
  display: block;
  padding: 10px 0 0 0;
}



#showcardform,
#showpaypalform {
  padding: 10px 0;
  color: #0070ba;
  cursor: pointer;
}

/*
#showcardform,
#showpaypalform {
  padding: 10px;
  background: #ffef37;
  max-width: 280px;
  border-radius: 7px;
  cursor: pointer;
  border: .5px solid lightgray;
  box-shadow: 0px 2px 10px rgba(0,0,0,0.1);
}

*/

.flex-containerpyp {
  display: block;
  text-align: center;
}

@media(min-width:768px){
  .flex-containerpyp {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}