form{margin-bottom: 20px}
form h2{ margin: 0px; padding: 10px!important; font-size: 18px; background-color: #0753a1; color: #fff; border-radius: 4px 4px 0px 0px}
form .cont{ padding: 20px; border-top:none; border-radius: 0px 0px 4px 4px}
form .cont span{ padding-top: 20px; display: block}
form .fas.fa-eye{float:right; cursor: pointer;}
.logocamp{width: 100%;}
.logocio{width:50%;}
.box{overflow: auto; margin-bottom: 20px;}
.box .aa{margin-bottom: 10px;}
.box .ll{width: 45%; float: left;text-align: center; border-radius: 5px;}
.box .rr{width: 45%; float: right;text-align: center;border-radius: 5px;}
.box .ll, .box .rr{background-color: #f1f1f1; padding: 5px; cursor: pointer; transition: all .2s;}
.box .ll:hover, .box .rr:hover{ background-color: blue; color: white}
.box .ll:hover b, .box .rr:hover b{color: white;}
.box .ll.active, .box .rr.active{ background-color: green; color: white; }
.box .ll.active b, .box .rr.active b{color: white; }
.box b{font-size:40px; color: #666;}

.gracias{border: 2px solid #ccc; padding: 20px; border-radius: 4px;}
.gracias p{margin-bottom: 40px;}
.gracias a{padding: 10px; border-radius: 5px; background-color: #152D7C; color: #fff; display: inline-block;}
.st{width: 100%;}
.checkout{padding: 5px!important; border-color: red;}

/*FORM PAY*/
.hidden{display:none}
#payment-message{color:rgb(105, 115, 134);font-size:16px;line-height:20px;padding-top:12px;text-align:center}
button{background:#5469d4;font-family:Arial, sans-serif;color:#fff;border-radius:4px;border:0;padding:12px 16px;font-size:16px;font-weight:600;cursor:pointer;display:block;transition:all 0.2s ease;box-shadow:0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);width:100%}
button:hover{filter:contrast(115%)}
button:disabled{opacity:0.5;cursor:default}
.spinner,
.spinner:before,
.spinner:after{border-radius:50%}
.spinner{color:#fff;font-size:22px;text-indent:-99999px;margin:0px auto;position:relative;width:20px;height:20px;box-shadow:inset 0 0 0 2px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}
.spinner:before,
.spinner:after{position:absolute;content:""}
.spinner:before{width:10.4px;height:20.4px;background:#5469d4;border-radius:20.4px 0 0 20.4px;top:-0.2px;left:-0.2px;-webkit-transform-origin:10.4px 10.2px;transform-origin:10.4px 10.2px;-webkit-animation:loading 2s infinite ease 1.5s;animation:loading 2s infinite ease 1.5s}
.spinner:after{width:10.4px;height:10.2px;background:#5469d4;border-radius:0 10.2px 10.2px 0;top:-0.1px;left:10.2px;-webkit-transform-origin:0px 10.2px;transform-origin:0px 10.2px;-webkit-animation:loading 2s infinite ease;animation:loading 2s infinite ease}
@-webkit-keyframes loading{
  0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
  100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes loading{
  0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
  100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}  
#payment-element i{font-size:26px;-webkit-animation:spin 2s linear infinite;-moz-animation:spin 2s linear infinite;animation:spin 2s linear infinite}
.conta{ cursor: pointer; border-left: 4px solid #333; text-align: center; padding: 10px; border-radius: 5px; background-color: #eee; color:#666; margin-bottom: 20px;}
.conta .p1{ margin-bottom:15px; }
.conta h3{ font-size: 22px;letter-spacing:2px; }
.conta:hover, .conta.active{ background-color: #11519b; color: white; } 

button:disabled,
button[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

@media screen and (min-width:768px){
	.cuerpo .wrap{ width:50%; margin: 0px auto; overflow: auto }
}
@media screen and (min-width:1024px){
	.cuerpo .wrap{width: 60%}
	.logocamp{width:60%}
	.gracias{padding:60px;}
	.logocio{width:25%;}
	.conta h3{ font-size: 28px; }
}
@media screen and (min-width:1600px){
	.cuerpo .wrap{width:40%}
	.logocio{width:20%;}
}