*,:before,:after{box-sizing:border-box;margin:0;padding:0;}#fortune-spin{background: #8992FC; height: 100%;}#spin_wrapper{position: relative; width: 340px; height: 340px; margin: 40px auto 50px auto; border-radius: 50%; background: #8976F5; border: 30px solid #8976F5; z-index: 100;}#spin_wrapper:after{content: ''; position: absolute; left: -4%; bottom: -4%; width: 300px; height: 300px; background: #DCDBDB; border-radius: 100%;}#spin_wrapper:before{content: ''; position: absolute; left: 0; bottom: 0; width: 280px; height: 280px; background: transparent;z-index: 120; border-radius: 100%;opacity: 0.5;box-shadow: inset 0 0 17px 10px #000000;}#spin{transform-origin: 50% 50%;position: relative;z-index: 100;}.spin-block{position: relative; top: 20%; background: url("../images/spinwheelbg.svg") no-repeat 0 0; width: 500px; margin: auto; text-align: center; border-radius: 10px; padding: 40px; margin-top: 110px;}#fortune-spin #start, #fortune-spin #stop{background: #FC6D13;color: #fff; padding: 20px 60px; border: 0; border-radius: 13px; font-size: 1.2em; font-weight: bold; font-weight: 600;outline: none;}#fortune-spin #stop{display: none;}#fortune-spin #start{margin-bottom: 10px;transition: .3s;}#fortune-spin #start:hover{cursor: pointer; background: #352afe; color: #fff;}.clickonce{position: absolute; width: 300px; height: 100px; background: transparent; left: 21%; bottom: 4%;display: none;}/*--------------quize question---------------------*/.spin-block-popup{position: absolute; top: 7%; padding: 60px; border-radius: 10px; margin: auto; left: 0; right: 0; width: 1000px;display: none;z-index: 110;}.choiceText{display: block; width: 100%; padding: 16px 22px; font-size: 14px; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: ease-in-out .2s}.choiceText:hover{cursor: pointer; opacity: 1; transition: 0.2s ease-in-out; background: #FFD800; color: #000 !important;}.selectedChoice{opacity: 1; transition: 0.2s ease-in-out; background: #FFD800; color: #000 !important;}.quizbuttonbox{margin:auto auto auto auto; vertical-align:middle; text-align:center;}#errormessage{color: #170000; transition: 0.3s ease-in-out; padding-top: 7px; font-weight: 600; font-size: 1.2em;}.correctanswer{color: #4cae4c;}.incorrectanswer{color: #d43f3a;}.hiddenPanel{opacity:0; transition:1s ease-in-out;}.panel-default{transition:1s ease-in-out;}.panel-danger{transition:1s ease-in-out; border-color: #ebccd1;}.panel-success{background-color: #beffbe !important; transition:1s ease-in-out;}.panel-title{margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit;}.panel-body{padding: 15px;}.panel-footer{padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}.panel{margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); margin-top: 28px;}.panel-danger>.panel-heading{color: #a94442; background-color: #f2dede; border-color: #ebccd1;}.panel-heading{padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px;}.glyphicon{position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased;}#answerfooter{font-style:italic;}.centertext{text-align:center; position:relative;}.jumbotron{margin-bottom: 20px; color: inherit;}.input-group{position: relative; display: inline-block; border-radius: 8px; border: 2px solid #FFD800; width: 48%; margin: 10px 5px; color: #fff;text-align: center;}.input-group-addon{width: 1%; white-space: nowrap; vertical-align: middle;display: table-cell;opacity: 0;display: none;}.input-group-addon:first-child{border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}.input-group-addon input[type=radio]{margin-top: 0;}.blacktext{color:black; font-weight:bold;}.errorFlash{opacity:1; transition:0.5s;}.transparentPanel{opacity:0; transition:1s; color:white;}.spin-row{margin-right: -15px; margin-left: -15px;}.col-spin-12, .col-spin-6{position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}.enterquize-popup{text-align: center;background: url(../images/fortunekquizebg.svg) no-repeat 0 0; background-size: 100%; width: 700px; margin: auto;}.enterquize{padding: 16px 60px; background: #94D505; border: 2px solid #94D505; color: #fff; margin: auto; text-align: center;transition: .3s; border-radius: 10px; font-size: 1.1em;}.enterquize:hover{background: #8ac5fd; border: 2px solid #8ac5fd;color: #000;cursor: pointer;}#fortune-spin .spin-questionsec, #fortune-spin .enterquize-popup{display: none;}.enterquize-popup p{color: #fff; font-size: 1.2em; text-align: center; padding: 10px 0px 50px;}#nextButton, #spinwheel-finalbut, #spinwheel-resetbut{padding: 15px 45px; background-color: #84b035; color: #fff; border-radius: 50px; border: none; font-size: 1em;outline: none;transition: .3s;margin: 0;}#spinwheel-resetbut{background-color: #d8544f;}#spinwheel-resetbut:hover{background-color: #d8544f;cursor: pointer;}#nextButton:hover, #spinwheel-finalbut:hover{background-color: #ffffff;cursor: pointer;color: #000;}#spinwheel-finalbut, #spinwheel-resetbut{display: none; text-align: center; margin: 40px 10px 0 10px;}.overlay{position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.36); z-index: 9999; top: 0; left: 0;display: none;}.spinwheel-popup-contentspan.close{position: absolute; z-index: 999; top: 14px; right: 12px; color: #fff; font-weight: bold; cursor: pointer; background: #050460; border-radius: 50%; width: 25px; height: 25px; text-align: center; line-height: 25px;}.spin-form span.close{display: none;}span.close:hover{background: #08d2a2;}/* form css */.form-control *{-webkit-appearance: none; -moz-appearance: none;}.btn-submits button:hover{background: #08d2a2; border-color: #08d2a2;}.uscountry.form-control{height: auto;}.uscountry select#spinwheel_country, .uscountry select#zc-country{height: 60px; border-bottom: 1px solid #f2f2f2;}.uscountry select#country_state{height: 60px;}.final-buts{text-align: center;margin: auto;}.center-point{position: absolute; top: 39%; left: 42%;transform: rotate(-28deg);-webkit-filter: drop-shadow(4px 2px 2px rgba(19, 19, 19, 0.5));filter: drop-shadow(4px 2px 2px rgba(19, 19, 19, 0.5));z-index: 100;}.border-arrow{position: absolute; left: 41%; bottom: 103%; width: 7px; height: 7px; border-style: solid; border-color: transparent; border-width: 13px; border-bottom: 0px; border-top: 14px solid #DCDBDB; transform: rotate(-185deg); z-index: 110;}.border-arrow-2{left: 91%; bottom: 78.5%; transform: rotate(-125deg);}.border-arrow-3{left: 98%; bottom: 29.5%; transform: rotate(-74deg);}.border-arrow-4{left: 62%; bottom: -6%; transform: rotate(-18deg);}.border-arrow-5{left: 3.2%; bottom: 10%; transform: rotate(48deg);}.border-arrow-6{left: -7.8%; bottom: 65%; transform: rotate(107deg);}.spinwheel-dots{position: absolute; top: 2%; left: 15%; width: 10px; height: 10px; z-index: 111; border-radius: 100%; background: #E1B141; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.67);}.spinwheel-dots-2{top: -1%; left: 76%;}.spinwheel-dots-3{top: 39%; left: 104%;}.spinwheel-dots-4{top: 89%; left: 88%;}.spinwheel-dots-5{top: 104%; left: 34%;}.spinwheel-dots-6{top: 58%; left: -8%;}.fortune-title{padding: 13px 0 40px; text-align: center; margin: -60px auto 0px; background: url(../images/fortune-title.svg) no-repeat 0 0; color: #fff; width: 320px; font-size: 1.4em;}.spin-questionsec{background: url(../images/fortunekquizebg.svg) no-repeat 0 0; background-size: 100%;width: 900px;margin: auto;}.enterquize-popup-inner{width: 600px; margin: auto; padding-bottom: 100px;}.enterquize-popup-inner h4{font-size: 1.5em; color: #fff; font-weight: 600;}.spin-questionsec-inner{width: 600px;height: 500px; margin: auto;position: relative;}#activeQuestion{text-align: center; color: #fff; font-weight: 600; font-size: 20px;}.answerchoice:hover{cursor: pointer;}.overlay-spin{width: 100%; height: 100%; background: rgba(141, 149, 252, 0.95); z-index: 100; top: 0; left: 0; padding-top: 7%; display: none;}.star-rating-quize{position: absolute; top: 8%; right: -95px; color: #000000d1; background: #fdfd1a; padding: 7px 20px; border-radius: 5px; font-size: 1.1em;}#jumboQuiz{padding-top: 20px;}.pop-cont .popup-close{z-index: 10000;}body::-webkit-scrollbar{width: 0px; background: transparent;}body::-webkit-scrollbar-thumb{background: transparent;}.spinwheel-popup{position: absolute; top: 0; left: 0; right: 0; z-index: 100;}/*---- Responsive -----*/@media only screen and (max-width:1000px){.spin-block-popup, .spin-questionsec{width: auto;}.spin-block-popup{padding: 10px;}.overlay-spin{padding-top: 11%;}}@media only screen and (max-width:900px){.enterquize-popup, .spin-questionsec{background: #fb7987; width: 100%; border-radius: 20px;border: 2px solid #fdfd1a;}.spin-block-popup .fortune-title{margin: -25px auto 0px;}.spin-questionsec-inner{height: auto;}.enterquize-popup-inner, .spin-questionsec-inner{width: 90%;}.input-group{width: 100%;}.spin-block-popup{padding: 90px 40px 40px;}.quizbuttonbox{padding-bottom: 40px;}.star-rating-quize{top: 12%; right: 0;left: 0;margin: auto;width: 190px;}.spin-block-popup #jumboQuiz{padding-top: 50px;}}@media only screen and (max-width:520px){.spin-block{background: #fdfd1c;width: 90%;}#fortune-spin{padding: 15% 0 2% 0 !important;}}@media only screen and (max-width:460px){.fortune-title{background: #3529fe; border-radius: 0px 0px 20px 20px; padding-bottom: 15px; margin-bottom: 25px;}.spin-block-popup{padding: 80px 20px;}.spin-block{padding: 40px 0px;}.spin-block-popup #jumboQuiz{padding-top: 70px;}.star-rating-quize{top: 11%;}.clickonce{left: 7%;}}@media only screen and (max-width:390px){#spin_wrapper{-ms-transform: scale(.8,.8);transform: scale(.8,.8);margin-left: -15px;}.fortune-title{width: auto;}#fortune-spin{padding: 20% 0 2% 0 !important;}.clickonce{width: 250px;left: 8%;}}@media only screen and (max-width:330px){#spin_wrapper{margin-left: -25px;}}