﻿.paymentTopBox{padding:15px; position:relative; background-color:#f6f6f6; border-radius:15px; margin-bottom:30px;} 
.payStep{position:relative; border-radius:15px; overflow:hidden; margin-bottom:30px;}
.payStep > h3{background-color:#75ae1b; color:#FFFFFF !important; padding:15px; font-size:20px !important; margin:0px !important;}
.paymentForm{padding:30px; background-color:#f6f6f6;}
.booksArea{padding:30px 15px; background-color:#f6f6f6;  border-radius:15px; border:3px solid #75ae1b; margin-bottom:30px;}
.booksArea h3{font-size:20px !important; text-align:center;}
.offerChoice{padding:5px; background-color:#ffffff; border:3px solid #ffffff; margin-bottom:15px; border-radius:8px; position:relative; margin-top:0px; transition:all 0.2s linear;}
.offerChoice.chosen{ border:3px solid #75ae1b;}
.offerChoice label{position:relative;}
.offerChoice label > span{display:block; margin-bottom:4px;}
.offerChoice input[type=radio]{position:absolute; top:8px;}
span.ofrPrice{font-size:24px; color:#000000;}
span.ofrTitle{font-size:18px; font-weight:bold;}
 
.offerChoice.recommended{padding-top:40px;}
.offerChoice .reco-offer{display:inline-block; position:absolute; top:0px; left:0; padding:8px 20px; background-color:#75ae1b; color:#ffffff; font-weight:bold; border-top-left-radius:5px}

.paymentTypeChoice{padding:5px; background-color:#ffffff; border:3px solid #ffffff; margin-bottom:15px; border-radius:8px; position:relative; margin-top:0px;  transition:all 0.2s linear;}
.paymentTypeChoice.chosen{ border:3px solid #75ae1b;}
.paymentTypeChoice label{position:relative;}
.paymentTypeChoice input[type=radio]{position:absolute; top:3px;}

.alignLabel{display:block; text-align:right; padding-top:10px;}

.stamp{font-size:20px; line-height:70px; text-align:center; font-weight:400; width:76px; height:75px; border-radius:50%; color:#ffffff !important; position:absolute; top:-15px; right:-15px; border:3px solid #ffffff; box-shadow:0 0 10px rgba(0,0,0,0.2); transform: rotate(12deg);}
.stamp.red{background-color:#ee3131;}
.stamp.orange{background-color:#ee8f31;}


.bonus_list{margin:0 0 20px 20px; padding:0;}
.bonus_list li { list-style: none; padding: 10px 30px 10px 40px; position: relative; line-height: 20px; }
.check_mark { position: absolute; left: 0px; top: -3px; display: block; }

ul.slim{margin:0 0 0 20px; padding:0;}

.paymentIntroFlex{display:flex; align-items:center}
.paymentIntroFlex h5{font-size:15px; line-height:150%; margin-right:15px}
.paymentIntroFlex h2{font-size:2em !important; color:#75ae1b !important}
.mm-payment-dynamic-intro{padding:15px; background-color:#f4f4f4; margin:0 0 15px 0; border-radius:15px}

@media(max-width:767px){
    .alignLabel{text-align:left;}
    .payStep{border-radius:0; margin-left:-15px; margin-right:-15px;}
    .paymentForm{padding:15px;}
    #note{font-size:inherit !important;}
    .paymentTopBox{border-radius:0; margin-left:-15px; margin-right:-15px;}
    .paymentTopBox h3{font-size:18px !important;}
    .bonus_list{margin:0 0 20px 0; padding:0;}
    .bonus_list li{padding: 10px 0px 10px 40px;}
    span.ofrPrice{font-size:20px; color:#000000;}
    span.ofrTitle{font-size:15px; font-weight:bold;}
    .paymentIntroFlex{display:block; }
     .vsd{font-size:1.5em !important; margin-top:10px !important;  color:#75ae1b !important}
     .mm-payment-dynamic-intro{border-radius:0; margin-left:-15px; margin-right:-15px}
     .paymentIntroFlex h5{font-size:1.1em;}
}





