.btn-primary {background-color: #c7211e;color: #ffffff;font-size: 18px !important; font-weight: bold;padding: 15px 50px;border: none;border-radius: 5px;text-align: center;display: inline-block;cursor: pointer;text-transform: uppercase}
.btn-primary:hover {background-color: #a61a1a;text-decoration: none}

.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}
.modal-dialog{position:relative;width:auto;margin:0.5rem;pointer-events:none}
.modal.fade .modal-dialog{transition:transform 0.3s ease-out}
.modal.show .modal-dialog{transform:translate(0,0)}
.modal-dialog-centered{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}
.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:100%;content:""}
.modal-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,0.2);border-radius:0.3rem;outline:0}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.show{opacity:0.5}
.modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:calc(0.3rem - 1px);border-top-right-radius:calc(0.3rem - 1px)}
.close{position: absolute;top: 10px;right: 10px;width: 30px;height: 30px;background-color: transparent;border: none;cursor: pointer;z-index: 1000}
.close::before, .close::after {content: '';position: absolute;top: 50%;left: 50%;width: 20px;height: 2px;background-color: red;transform: translate(-50%, -50%) rotate(45deg)}
.close::after {transform: translate(-50%, -50%) rotate(-45deg)}
.modal-title{margin-bottom:0;line-height:1.5}
.modal-body{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}
.modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:0.75rem;border-top:1px solid #e9ecef;border-bottom-right-radius:calc(0.3rem - 1px);border-bottom-left-radius:calc(0.3rem - 1px)}
.modal-footer>*{margin:0 0.25rem}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
.modal-sm{max-width:300px}
.modal-lg{max-width:800px}
.modal-xl{max-width:1140px}
.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}
.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}
.modal-fullscreen .modal-header{border-radius:0}
.modal-fullscreen .modal-footer{border-radius:0}
@media (min-width:576px){
	.modal-dialog{max-width:500px;margin:1.75rem auto}
	.modal-sm{max-width:300px}
}
@media (min-width:768px){
	.modal-dialog{max-width:600px}
	.modal-lg{max-width:800px}
	.modal-xl{max-width:1140px}
}
@media (min-width:992px){
	.modal-dialog{max-width:800px}
}
@media (min-width:1200px){
	.modal-dialog{max-width:1040px}
	.modal-lg{max-width:800px}
	.modal-xl{max-width:1140px}
}
#payment-form{font-family: 'Proxima Nova', sans-serif; font-size: 0.9vw;}
#payment-form .hangout img{rotate: -5deg;margin:10% 0 0 -20%;max-width: 120%}
#payment-form h2 {font-size: 1.9vw; font-weight: 900;}
#payment-form h4 {font-size: 1.3vw; font-weight: 700;}
#payment-form p{line-height:1.3em}
#payment-form a {color: #83160e;}
#payment-form a:hover {text-decoration: underline;}
#payment-form input[type='text'], #payment-form input[type='email'], #payment-form input[type='phone'] {border: 1px solid #00000033; font-size: 0.8vw; padding: 12px 18px; display: inline-block; width: 100%; margin: 10px 0; border-radius: 5px; box-shadow: inset 0 1px 2px rgb(130 137 150 / 23%), 0 1px 0 rgb(255 255 255 / 95%);}
#payment-form input[type='text']:focus {border-color: #42B0E2;}
#payment-form label {font-size: 0.8vw;}
#payment-form input[type='checkbox'] {vertical-align: middle;}
#payment-form fieldset {border: 1px solid #00000033; padding: 12px 18px; border-radius: 5px; margin: 10px 0; box-shadow: 0px 1px 2px 0px rgba(255 255 255 / 95%);}
#payment-form button {font-family: 'Proxima Nova', Sans-serif; background: #a92218; color: #fff; font-size: 1.4vw; font-weight: 800; border: 1px solid rgba(0,0,0,0.2); border-radius: 5px; padding: 15px 0; width: 100%; cursor: pointer; margin: 20px 0;}
#payment-form button:hover, #payment-form button:focus {background: #83160e;}
#payment-form button span {display: block; font-family: 'Proxima Nova', sans-serif; font-size: 1vw; font-weight: 400; opacity: 0.7; font-size: 1vw; line-height: 1.6em; border-radius: 5px;}
#payment-form .response {opacity: 0; transition: all 0.3s ease-out 0s; text-align: center; font-size: 1.4vw; color: #fff; padding: 10px 0; text-align: center;border-radius: 3px}
#payment-form .response.success {opacity: 1; transition: all 0.3s ease-out 0s; background: #4ca311; color: #fff;}
#payment-form .response.error {opacity: 1; transition: all 0.3s ease-out 0s; background: #cc3300;} 
@media (max-width: 767px) {
	#payment-form h2 {font-size:5vw;}
	#payment-form h4 {font-size:3.5vw;}
	#payment-form .hangout img{rotate: 0deg;margin:0}
	#payment-form {font-size: 4.5vw;}
	#payment-form input[type='text'], #payment-form input[type='email'], #payment-form input[type='phone'] {font-size: 3.56vw;}
	#payment-form label {font-size: 3.5vw;}
	#payment-form button {font-size: 4.9vw;}
	#payment-form button span {font-size: 3.5vw; line-height: 1.6em;}
	#payment-form .response {font-size: 3.5vw;}
}

#test-payment-form{font-family: 'Proxima Nova', sans-serif; font-size: 0.9vw;}
#test-payment-form .hangout img{rotate: -5deg;margin:10% 0 0 -20%;max-width: 120%}
#test-payment-form h2 {font-size: 1.9vw; font-weight: 900;}
#test-payment-form h4 {font-size: 1.3vw; font-weight: 700;}
#test-payment-form p{line-height:1.3em}
#test-payment-form a {color: #83160e;}
#test-payment-form a:hover {text-decoration: underline;}
#test-payment-form input[type='text'], #test-payment-form input[type='email'], #test-payment-form input[type='phone'] {border: 1px solid #00000033; font-size: 0.8vw; padding: 12px 18px; display: inline-block; width: 100%; margin: 10px 0; border-radius: 5px; box-shadow: inset 0 1px 2px rgb(130 137 150 / 23%), 0 1px 0 rgb(255 255 255 / 95%);}
#test-payment-form input[type='text']:focus {border-color: #42B0E2;}
#test-payment-form label {font-size: 0.8vw;}
#test-payment-form input[type='checkbox'] {vertical-align: middle;}
#test-payment-form fieldset {border: 1px solid #00000033; padding: 12px 18px; border-radius: 5px; margin: 10px 0; box-shadow: 0px 1px 2px 0px rgba(255 255 255 / 95%);}
#test-payment-form button {font-family: 'Proxima Nova', Sans-serif; background: #a92218; color: #fff; font-size: 1.4vw; font-weight: 800; border: 1px solid rgba(0,0,0,0.2); border-radius: 5px; padding: 15px 0; width: 100%; cursor: pointer; margin: 20px 0;}
#test-payment-form button:hover, #test-payment-form button:focus {background: #83160e;}
#test-payment-form button span {display: block; font-family: 'Proxima Nova', sans-serif; font-size: 1vw; font-weight: 400; opacity: 0.7; font-size: 1vw; line-height: 1.6em; border-radius: 5px;}
#test-payment-form .response {opacity: 0; transition: all 0.3s ease-out 0s; text-align: center; font-size: 1.4vw; color: #fff; padding: 10px 0; text-align: center;border-radius: 3px}
#test-payment-form .response.success {opacity: 1; transition: all 0.3s ease-out 0s; background: #4ca311; color: #fff;}
#test-payment-form .response.error {opacity: 1; transition: all 0.3s ease-out 0s; background: #cc3300;} 
@media (max-width: 767px) {
	#test-payment-form h2 {font-size:5vw;}
	#test-payment-form h4 {font-size:3.5vw;}
	#test-payment-form .hangout img{rotate: 0deg;margin:0}
	#test-payment-form {font-size: 4.5vw;}
	#test-payment-form input[type='text'], #test-payment-form input[type='email'], #test-payment-form input[type='phone'] {font-size: 3.56vw;}
	#test-payment-form label {font-size: 3.5vw;}
	#test-payment-form button {font-size: 4.9vw;}
	#test-payment-form button span {font-size: 3.5vw; line-height: 1.6em;}
	#test-payment-form .response {font-size: 3.5vw;}
}