/* Code tidied up by ScrapBook */
.spin-wrapper { box-shadow: 0px 0px 10px; border: 3px solid red; padding: 20px 10px; border-radius: 10px; text-align: center; box-sizing: border-box; max-width: 700px; margin: 0px auto; }
.spin-wrapper { font-size: 18px; }
.wheel-cursor { position: absolute; width: 130px ! important; height: 130px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.wheel-wrarpper .wheel { width: 100%; max-width: 380px; margin: 0px auto; position: relative; }
.wheel img { max-width: 100%; }
.cursor-text { position: absolute; z-index: 2; display: inline-block; width: 45% ! important; height: 45%; font-size: 15px; line-height: 57px; cursor: pointer; border-radius: 50%; vertical-align: middle; text-align: center; border: 1px solid rgb(204, 204, 204); top: 49%; left: 50%; -moz-user-select: none; transform: translate(-50%, -50%); box-shadow: 0px -2px 0px rgb(255, 255, 255) inset, 0px 2px 0px rgb(255, 255, 255) inset, 0px 0px 5px rgba(0, 0, 0, 0.4); background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.spin-result-wrapper { display: none; padding: 0px 10px; box-sizing: border-box; width: 100%; top: 0px; z-index: 999; left: 0px; height: 100%; position: fixed; background-color: rgba(0, 0, 0, 0.6); text-align: center; }
.pop-up-window { position: relative; max-width: 400px; right: 0px; left: 0px; top: 30%; margin: 0px auto; background: rgb(255, 255, 255) none repeat scroll 0% 0%; text-align: center; padding: 70px 10px 20px; border-radius: 10px; animation: 0.7s ease 0s normal none 1 running pop-up-appear; }
.pop-up-window::before { content: ""; position: absolute; width: 110px; height: 110px; top: -55px; left: 0px; right: 0px; margin: 0px auto; background-color: rgb(113, 195, 65); border-radius: 50%; animation: 0.5s ease 0.6s normal backwards 1 running pop-up-appear-before; }
.pop-up-window::after { content: ""; position: absolute; width: 50px; height: 20px; top: -20px; left: 0px; right: 0px; margin: 0px auto; border-width: medium medium 4px 4px; border-style: none none solid solid; border-color: currentcolor currentcolor rgb(255, 255, 255) rgb(255, 255, 255); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; transform: rotate(-45deg); transition: opacity 1s ease 0s; animation: 0.5s ease 0.6s normal backwards 1 running pop-up-appear-after; }
.close-popup { position: absolute; width: 30px; height: 30px; background-image: url("cross.svg"); background-size: 100% auto; top: -40px; border-radius: 50%; box-shadow: 0px 0px 10px rgb(255, 255, 255); right: 0px; cursor: pointer; }
.pop-up-heading { font-size: 40px; margin-bottom: 20px; }
.pop-up-text { margin-bottom: 5px; font-size: 24px; line-height: 30px; text-align: center ! important; }
.pop-up-button { text-transform: uppercase; text-decoration: none ! important; padding: 10px 20%; font-size: 20px; border-radius: 5px; background-color: rgb(113, 195, 65); color: rgb(255, 255, 255); border: medium none; cursor: pointer; outline: medium none; }
.super-rotation { animation-name: super-rotation; animation-duration: 7s; animation-fill-mode: forwards; transition-timing-function: ease-in-out; }
@keyframes super-rotation {
70% { transform: rotate(1660deg); }
100% { transform: rotate(1655deg); }
}
@keyframes super-rotation {
70% { transform: rotate(1783deg); }
100% { transform: rotate(1780deg); }
}
.section_form { display: none; }
.section_form { border: 3px solid rgb(112, 174, 210); border-radius: 20px; width: 90%; min-width: 300px; height: auto; margin: 25px auto; text-align: center; max-width: 600px; }
.form { background: rgb(250, 250, 250) none repeat scroll 0% 0%; border-radius: 20px; }
.img_form { width: 80%; margin: 25px 0px 0px; }
.h4_form { background-color: rgb(112, 174, 210); margin: 0px; padding: 15px; border-radius: 14px 14px 0px 0px; color: rgb(0, 0, 0); font-weight: 700; font-size: 18px; }
.h4_form1 { padding: 0px 10px; margin: 10px 0px 20px; font-weight: 700; font-size: 18px; }
.input_form { margin: 5px; width: 55%; min-width: 250px; font-size: 16px; padding: 7px 10px; border: 2px solid rgb(112, 174, 210); border-radius: 20px; background: rgba(254, 254, 255, 0.31) none repeat scroll 0% 0%; outline: medium none; text-align: center; }
.input_form:focus { background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(22, 119, 9); }
.button_form { background: rgb(217, 83, 79) none repeat scroll 0% 0%; color: rgb(255, 255, 255); padding: 10px 80px; border-radius: 20px; border: 1px solid rgb(212, 63, 58); box-shadow: 0px 3px 7px 0px rgb(212, 63, 58); font-size: 16px; font-weight: 700; margin: 20px auto; outline: medium none; cursor: pointer; }
.button_form:hover { background: rgb(201, 48, 44) none repeat scroll 0% 0%; }
@media (max-width: 450px) {
  .button_form { padding: 10px 20px; }
  .h4_form1 { font-size: 5px; }
  .img_form { width: 90%; }
}
@keyframes pop-up-appear {
0% { transform: translateY(-2000px); }
30% { transform: translateY(100px); }
100% { transform: translateY(0px); }
}
@keyframes pop-up-appear-before {
0% { transform: scale(0); }
100% { transform: scale(1); }
}
@keyframes pop-up-appear-after {
0% { opacity: 0; }
100% { opacity: 1; }
}