@font-face {
  font-family: 'Campton Book';
  src: url('../fonts/Campton-Book.eot');
  src: url('../fonts/Campton-Book.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Campton-Book.woff2') format('woff2'),
       url('../fonts/Campton-Book.woff') format('woff'),
       url('../fonts/Campton-Book.ttf') format('truetype'),
       url('../fonts/Campton-Book.svg#Campton-Book') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Pizza Press Fill';
  src: url('../fonts/PizzaPressFill.eot');
  src: url('../fonts/PizzaPressFill.eot?#iefix') format('embedded-opentype'),
      url('../fonts/PizzaPressFill.woff2') format('woff2'),
      url('../fonts/PizzaPressFill.woff') format('woff'),
      url('../fonts/PizzaPressFill.ttf') format('truetype'),
      url('../fonts/PizzaPressFill.svg#PizzaPressFill') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Pizza Press Inline';
  src: url('../fonts/PizzaPressInline.eot');
  src: url('../fonts/PizzaPressInline.eot?#iefix') format('embedded-opentype'),
      url('../fonts/PizzaPressInline.woff2') format('woff2'),
      url('../fonts/PizzaPressInline.woff') format('woff'),
      url('../fonts/PizzaPressInline.ttf') format('truetype'),
      url('../fonts/PizzaPressInline.svg#PizzaPressInline') format('svg');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Pizza Press';
  src: url('../fonts/PizzaPress.eot');
  src: url('../fonts/PizzaPress.eot?#iefix') format('embedded-opentype'),
      url('../fonts/PizzaPress.woff2') format('woff2'),
      url('../fonts/PizzaPress.woff') format('woff'),
      url('../fonts/PizzaPress.ttf') format('truetype'),
      url('../fonts/PizzaPress.svg#PizzaPress') format('svg');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Pizza Press Antique';
  src: url('../fonts/PizzaPressAntique.eot');
  src: url('../fonts/PizzaPressAntique.eot?#iefix') format('embedded-opentype'),
      url('../fonts/PizzaPressAntique.woff2') format('woff2'),
      url('../fonts/PizzaPressAntique.woff') format('woff'),
      url('../fonts/PizzaPressAntique.ttf') format('truetype'),
      url('../fonts/PizzaPressAntique.svg#PizzaPressAntique') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Pizza Press Ornaments';
  src: url('../fonts/PizzaPressOrnaments.eot');
  src: url('../fonts/PizzaPressOrnaments.eot?#iefix') format('embedded-opentype'),
      url('../fonts/PizzaPressOrnaments.woff2') format('woff2'),
      url('../fonts/PizzaPressOrnaments.woff') format('woff'),
      url('../fonts/PizzaPressOrnaments.ttf') format('truetype'),
      url('../fonts/PizzaPressOrnaments.svg#PizzaPressOrnaments') format('svg');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Pizza Press Outline';
  src: url('../fonts/PizzaPressOutline.eot');
  src: url('../fonts/PizzaPressOutline.eot?#iefix') format('embedded-opentype'),
      url('../fonts/PizzaPressOutline.woff2') format('woff2'),
      url('../fonts/PizzaPressOutline.woff') format('woff'),
      url('../fonts/PizzaPressOutline.ttf') format('truetype'),
      url('../fonts/PizzaPressOutline.svg#PizzaPressOutline') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Pizza Press Antique Display';
  src: url('../fonts/PizzaPressAntiqueDisplay.eot');
  src: url('../fonts/PizzaPressAntiqueDisplay.eot?#iefix') format('embedded-opentype'),
      url('../fonts/PizzaPressAntiqueDisplay.woff2') format('woff2'),
      url('../fonts/PizzaPressAntiqueDisplay.woff') format('woff'),
      url('../fonts/PizzaPressAntiqueDisplay.ttf') format('truetype'),
      url('../fonts/PizzaPressAntiqueDisplay.svg#PizzaPressAntiqueDisplay') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Pizza Press Inline-Fill-Seven';
  src: url('../fonts/PizzaPress-Inline-Fill-Seven.eot');
  src: url('../fonts/PizzaPress-Inline-Fill-Seven.eot?#iefix') format('embedded-opentype'),
      url('../fonts/PizzaPress-Inline-Fill-Seven.woff2') format('woff2'),
      url('../fonts/PizzaPress-Inline-Fill-Seven.woff') format('woff'),
      url('../fonts/PizzaPress-Inline-Fill-Seven.ttf') format('truetype'),
      url('../fonts/PizzaPress-Inline-Fill-Seven.svg#PizzaPress-Inline-Fill-Seven') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Pizza Press Inline-Fill';
  src: url('../fonts/PizzaPress-Inline-Fill.eot');
  src: url('../fonts/PizzaPress-Inline-Fill.eot?#iefix') format('embedded-opentype'),
      url('../fonts/PizzaPress-Inline-Fill.woff2') format('woff2'),
      url('../fonts/PizzaPress-Inline-Fill.woff') format('woff'),
      url('../fonts/PizzaPress-Inline-Fill.ttf') format('truetype'),
      url('../fonts/PizzaPress-Inline-Fill.svg#PizzaPress-Inline-Fill') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Pizza Press';
  src: url('../fonts/PizzaPress-Regular.eot');
  src: url('../fonts/PizzaPress-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/PizzaPress-Regular.woff2') format('woff2'),
      url('../fonts/PizzaPress-Regular.woff') format('woff'),
      url('../fonts/PizzaPress-Regular.ttf') format('truetype'),
      url('../fonts/PizzaPress-Regular.svg#PizzaPress-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Pizza Press Shadow';
  src: url('../fonts/PizzaPressShadow.eot');
  src: url('../fonts/PizzaPressShadow.eot?#iefix') format('embedded-opentype'),
      url('../fonts/PizzaPressShadow.woff2') format('woff2'),
      url('../fonts/PizzaPressShadow.woff') format('woff'),
      url('../fonts/PizzaPressShadow.ttf') format('truetype'),
      url('../fonts/PizzaPressShadow.svg#PizzaPressShadow') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}



@font-face {
  font-family: 'PT Sans';
  src: url('../fonts/PTSans-Bold.eot');
  src: url('../fonts/PTSans-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/PTSans-Bold.woff2') format('woff2'),
       url('../fonts/PTSans-Bold.woff') format('woff'),
       url('../fonts/PTSans-Bold.ttf') format('truetype'),
       url('../fonts/PTSans-Bold.svg#PTSans-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'PT Sans';
  src: url('../fonts/PTSans-Regular.eot');
  src: url('../fonts/PTSans-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/PTSans-Regular.woff2') format('woff2'),
       url('../fonts/PTSans-Regular.woff') format('woff'),
       url('../fonts/PTSans-Regular.ttf') format('truetype'),
       url('../fonts/PTSans-Regular.svg#PTSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {margin: 0;padding: 0;border: 0;font-size: 100%;font-weight: normal;vertical-align: top;background: transparent;}
article, aside, figure, footer, header, nav, section, details, summary {display: block;}
html {-webkit-box-sizing: border-box;box-sizing: border-box;scroll-behavior: smooth;}

*,*:before,*:after {-webkit-box-sizing: inherit;box-sizing: inherit;}
img {max-width: 100%;height: auto;}
ul {list-style: none;}
a {margin: 0;padding: 0;font-size: 100%;text-decoration: none;vertical-align: baseline;background: transparent;color: var(--prim);}
a:focus, a:hover {text-decoration: none;vertical-align: baseline;background: transparent;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #c7c7c7;margin: 0;padding: 0;}

/* width */
html::-webkit-scrollbar {width: 7px;}
  
/* Track */
html::-webkit-scrollbar-track {background-color: transparent;}

/* Handle */
html::-webkit-scrollbar-thumb {background: var(--scroll);}
html {scrollbar-color: var(--scroll) transparent;scrollbar-width: thin;}


body.modal-open{scrollbar-color: var(--scroll) transparent;scrollbar-width: thin;}
body.modal-open::-webkit-scrollbar-thumb {background: var(--scroll);}
body.modal-open::-webkit-scrollbar-track {background-color: transparent;}
body.modal-open::-webkit-scrollbar {width: 7px;}

/* Button */
.button_prim, .button_prim:focus, .button_prim:active {display: inline-block;font-family: 'Pizza Press Fill';font-weight: 400;font-size: 30px;background-color: var(--prim);color: var(--beta);line-height: 1;border: 0px;border-radius: 50px; text-transform: uppercase;cursor: pointer;outline: none;padding: 12px 20px 14px;min-width: 300px;text-align: center;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.button_prim:hover, .button_prim:focus{background-color: var(--btn-hover);color: var(--beta);outline: none;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}

.button_second, .button_second:focus, .button_second:active {display: inline-block;font-family: 'Pizza Press Fill';font-weight: 400;font-size: 30px;background-color: var(--second);color: var(--beta);line-height: 1;border: 0px;border-radius: 50px; text-transform: uppercase;cursor: pointer;outline: none;padding: 12px 20px 14px;min-width: 300px;text-align: center;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.button_second:hover, .button_second:focus{background-color: var(--btn-hover);color: var(--beta);outline: none;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}

/* big button */
.pad{padding: 10px;}
.pad .button_prim, .pad:focus .button_prim, .pad:active .button_prim {display: inline-block;font-family: 'Pizza Press Fill';font-weight: 400;font-size: 30px;background-color: var(--prim);color: var(--beta);line-height: 1;border: 0px;border-radius: 50px; text-transform: uppercase;cursor: pointer;outline: none;padding: 12px 20px 14px;min-width: 300px;text-align: center;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.pad:hover .button_prim, .pad:focus .button_prim{background-color: var(--btn-hover);color: var(--beta);outline: none;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.pad .button_second, .pad:focus .button_second, .pad:active .button_second {display: inline-block;font-family: 'Pizza Press Fill';font-weight: 400;font-size: 30px;background-color: var(--second);color: var(--beta);line-height: 1;border: 0px;border-radius: 50px; text-transform: uppercase;cursor: pointer;outline: none;padding: 12px 20px 14px;min-width: 300px;text-align: center;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.pad:hover .button_second, .pad:focus .button_second{background-color: var(--btn-hover);color: var(--beta);outline: none;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}

/* color */
:root {
  --prim: #ef103b;
  --second: #061c46;
  --terti: #ffdd00;
  --quater: #c0d3e6;
  --alpha: #000000;
  --beta: #FFFFFF;
  --scroll : #c60026;
  --font-alpha: #1f1f1f;
  --font-shadow: #4ec2f1;
  --scroll-bg: #e6ecf2;
  --btn-hover: #e8a52b;
  --btn-dis: #b48f96;
  --btn-dis-text: #cdb1b6;
  --skyblue: #087db4;
}

/* main home page css */
html {position: relative;height: 100%;}
body{height: 1080px;}
body.mainhome{background: url(../images/home_bg.png) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;position: relative;cursor: url('../images/hmscrollarrow.png'), auto;}
body.maingame{background: url(../images/game_bg.png) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;position: relative;overflow-x: hidden;min-height: 100%;}
body.maingame .table_botbox{position: fixed;left: 0;bottom: 0;width: 100%;height: auto;z-index: -2;}
body.maingame .table_botbox .table_wrap{display: block;width: 100%;position: relative;}
body.maingame .table_botbox .table_wrap .table_bg{position: absolute;left: 0;bottom: 0;background: url(../images/table_img.png);background-repeat: no-repeat;background-size: cover;background-position: center center;width: 100%;height: 251px;}

/* body.modal-open {width: 100% !important;padding-right: 0 !important;overflow-y: scroll !important;} */
.modal .close {text-align: right;opacity: 1;}
.modal .close:focus,.modal .close:hover {opacity: 1;outline: none;}
.modal .close span {display: inline-flex;width: 36px;height: 36px;line-height: 36px;justify-content: center;background-color: transparent;opacity: 1;outline: none;background-image: url(../images/close.png);
background-repeat: no-repeat;background-size: 100%;background-position: center center;}
.modal .close span.dark{background-image: url(../images/closeblack.png);}
.modal-backdrop.show{opacity: .8 !important;}

.cursor {position: fixed;left: 0;top: 0;pointer-events: none;}
.cursor--small {width: 416px;height: 639px;left: -2.5px;top: -2.5px;z-index: 11000;background-image: url("../images/hmscrollarrow.png");background-repeat: no-repeat;left: -20px;top: -20px;}
.cursor--game{width: 384px;height: 340px;left: -2.5px;top: -2.5px;z-index: 11000;background-image: url("../images/hand.png");background-repeat: no-repeat;left: -20px;top: -20px;}
.forCursor {cursor: none !important;}

/* home header */
.mainhome #header.gameheader{display: none;}
.mainhome #header{display: block;width: 100%;position: relative;z-index: 10;}
.mainhome #header .head{display: block;width: 100%;text-align: center;padding: 30px 0 0;}
.mainhome #header .head .head_menubg{display: flex;align-items: center; width: 100%;max-width: 1055px;height: 88px;background: url(../images/menubg.png) no-repeat center center;background-size: 100%;margin: 0 auto;}
.mainhome #header .head .head_menubg .navmenu{display: flex;align-items: center;justify-content: space-evenly;width: 100%;}
.mainhome #header .head .head_menubg .navmenu li{display: inline-flex;padding: 0;margin: 0;}
.mainhome #header .head .head_menubg .navmenu li a{display: inline-block;font-size: 22px;line-height: 1;padding: 40px 0;color: var(--quater);text-transform: uppercase;font-family: 'Pizza Press Fill';cursor: none;}
.mainhome #header .head .head_menubg .navmenu li a:hover{color: var(--btn-hover);}
.mainhome #header .head .head_menubg .navmenu li a img{max-width: 100%;height: auto;}

/* game header */
.maingame #header.homeheader{display: none;}
.maingame #header{display: block;width: 100%;position: relative;z-index: 10;}
.maingame #header .head{display: block;width: 100%;text-align: center;padding: 30px 30px 0;}
.maingame #header .head .head_menubg{display: flex;align-items: center; width: 100%;max-width: 159px;height: 70px;background: url(../images/back_bg.png) no-repeat center center;background-size: 100%;}
.maingame #header .head .head_menubg .navmenu{display: flex;align-items: center;justify-content: space-evenly;width: 100%;}
.maingame #header .head .head_menubg .navmenu li.back_link{display: inline-flex;padding: 0;margin: 0;}
.maingame #header .head .head_menubg .navmenu li.back_link a{position: absolute;left: 59px;top: 54px;display: inline-block;font-size: 22px;line-height: 1;margin-left: 30px;padding: 0 160px 100px 0;color: var(--quater);text-transform: uppercase;cursor: none;font-family: 'Pizza Press Fill';}
.maingame #header .head .head_menubg .navmenu li.back_link a:hover{color: var(--btn-hover);}
.maingame #header .head .head_menubg .navmenu li.back_link a::before{content: '';position: absolute;top: 3px;left: -35px;background-image: url(../images/back_arrow.png);background-repeat: no-repeat;background-size: 100%;width: 22px;height: 16px;}
.maingame #header .head .head_menubg .navmenu li.back_link a:hover::before{background-image: url(../images/back_arrow_hover.png);}

/* arrow */
#sd-container {position: absolute;right: 30px;top: 35%;display: block;}
.arrow {position: relative;width: 42px;height: 16px;opacity: 0;}
.arrow::before, .arrow::after {content: "";width: 21px;height: 2px;background-color: #fff;border-radius: 2px;display: inline-block;}
.arrow::before {transform: rotate(45deg) translateX(25%);}
.arrow::after {transform: rotate(-45deg) translateX(-25%);}
.arrow:nth-child(1) {top: -50px;opacity: 1;-webkit-animation: arrow2 1s ease 0s infinite;animation: arrow2 1s ease 0s infinite;}
.arrow:nth-child(2) {top: -25px;-webkit-animation: arrow1 1s ease 0.25s infinite;animation: arrow1 1s ease 0.25s infinite;}
@keyframes arrow1 {
  from {opacity: 0;top: -25px;}
  to {opacity: 0;top: 0px;}
  50% {opacity: 1;}
}
@keyframes arrow2 {
  from {opacity: 0;top: -35px;}
  to {opacity: 0;top: -10px;}
  50% {opacity: 1;}
}

/* main home section */
.hmsection{display: flex;justify-content: space-between;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.hmsection .leftbox{display: block;width: auto;position: relative;z-index: 2;}
.hmsection .leftbox .leftobject{display: block;position: absolute;top: 50%;left: 202px;transform: translate(-50%, -44%);width: 404px;height: 668px;}
.hmsection .leftbox .leftobject img{max-width: 100%;height: auto;}

.centerbox{display: block;width: 100%;position: absolute;overflow: hidden;z-index: 6;}
.centerbox .centertop{display: block;width: 100%;min-height: 1080px;}
.centerbox .centertop .backglow{text-align: center;}
.centerbox .centertop .backglow img{max-width: 100%;height: auto;}
.centerbox .centertop .prizesbox{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 60%;height: 650px;text-align: center;z-index: 4;}
.centerbox .centertop .prizesbox .pizzabox{display: block;width: 550px;height: 550px;text-align: center;position: relative;margin: 0 auto;}
.centerbox .centertop .prizesbox .pizzabox img{max-width: 100%;height: auto;}
.centerbox .centertop .prizesbox .pizzabox .backglow{position: absolute;top: 52%;left: 48%;transform: translate(-50%, -50%);width: 1162px;height: 1054px;z-index: -1;}
.centerbox .centertop .prizesbox .pizzabox .backglow img{max-width: 100%;width: 100%;height: auto;animation: rotation 30s infinite linear;}
@keyframes rotation {
  from {transform: rotate(0deg);}
  to {transform: rotate(359deg);}
}
.centerbox .centertop .prizesbox .pizzabox::after{content: "";position: absolute;bottom: 77px;left: 14px;width: 657px;height: 675px;background-image: url(../images/objects/box_inner_glow.png);background-repeat: no-repeat;background-size: 100%;background-position: center center;}
.centerbox .centertop .prizesbox .pizzabox::before{content: "";position: absolute;bottom: 30px;left: 46px;width: 497px;height: 181px;background-image: url(../images/objects/box_border_glow.png);background-repeat: no-repeat;background-size: 100%;background-position: center center;}
.centerbox .centertop .object_box{position: absolute;top: 42%;left: 50%;transform: translate(-50%, -50%);width: 60%;height: 650px;text-align: center;z-index: 3;}
.centerbox .centertop .object_box .papercuts{display: block;width: 100%;text-align: center;position: relative;}
.centerbox .centertop .object_box .papercuts .papercut_left{display: block;position: absolute;top: 130px;left: 190px;}
.centerbox .centertop .object_box .papercuts .papercut_left img{max-width: 100%;height: auto;}
.centerbox .centertop .object_box .papercuts .papercut_right{display: block;position: absolute;top: 10px;right: 283px;}
.centerbox .centertop .object_box .papercuts .papercut_right img{max-width: 100%;height: auto;}
.centerbox .centertop .boxfood{position: absolute;top: 44%;left: 50%;transform: translate(-50%, -50%);width: 562px;height: 522px;z-index: 5;}
.centerbox .centertop .boxfood .foodtop{position: absolute;bottom: 276px;left: 30px;width: 313px;height: 195px;animation: foodtop 4s linear infinite;transform-origin: bottom;}
@keyframes foodtop {
  0% {transform: translateY(0);}
  50% {transform: translateY(-30px);}
  100% {transform: translateY(0);}
}
.centerbox .centertop .boxfood .foodmid{position: absolute;bottom: 140px;left: 296px;width: 313px;height: 195px;animation: foodmid 4s linear infinite;transform-origin: bottom;}
@keyframes foodmid {
  0% {transform: translateY(0);}
  50% {transform: translateY(20px);}
  100% {transform: translateY(0);}
}
.centerbox .centertop .boxfood .foodbot{position: absolute;bottom: -44px;left: 117px;width: 365px;height: 267px;}
.centerbox .centertop .big_object{position: absolute;top: 44%;left: 50%;transform: translate(-50%, -50%);width: 842px;height: 466px;z-index: 6;}
.centerbox .centertop .big_object .bigobj_a{position: absolute;top: 0px;right: 40px;width: 137px;height: 135px;animation: bigobj_a 4s linear infinite;transform-origin: bottom;}
@keyframes bigobj_a {
  0% {transform: translateY(0);}
  50% {transform: translateY(-30px);}
  100% {transform: translateY(0);}
}
.centerbox .centertop .big_object .bigobj_b{position: absolute;bottom: 70px;left: 8px;width: 220px;height: 207px;animation: bigobj_b 4s linear infinite;transform-origin: bottom;}
@keyframes bigobj_b {
  0% {transform: translateY(0);}
  50% {transform: translateY(30px);}
  100% {transform: translateY(0);}
}
.centerbox .centertop .big_object .bigobj_c{position: absolute;bottom: 0px;right: 0px;width: 182px;height: 167px;animation: bigobj_c 6s linear infinite;transform-origin: bottom;}
@keyframes bigobj_c {
  0% {transform: translateY(0);}
  25% {transform: translateY(-20px);}
  50% {transform: translateY(0px);}
  75% {transform: translateY(30px);}
  100% {transform: translateY(0);}
}
.centerbox .centertop .emojibox{position: absolute;top: 40%;left: 52%;transform: translate(-50%, -50%);width: 648px;height: 441px;z-index: 7;}
.centerbox .centertop .emojibox .emoji_a{position: absolute;top: -10px;left: 90px;width: 67px;height: 67px;}
.centerbox .centertop .emojibox .emoji_b{position: absolute;bottom: 140px;right: 0px;width: 52px;height: 52px;}
.centerbox .centertop .emojibox .emoji_c{position: absolute;bottom: 5px;left: -5px;width: 54px;height: 54px;}
.centerbox .centertop .small_object{position: absolute;top: 40%;left: 52%;transform: translate(-50%, -50%);width: 676px;height: 241px;z-index: 8;}
.centerbox .centertop .small_object .smobj_a{position: absolute;top: 0px;left: 0px;width: 41px;height: 37px;}
.centerbox .centertop .small_object .smobj_b{position: absolute;bottom: 120px;right: 0px;width: 45px;height: 42px;}
.centerbox .centertop .small_object .smobj_c{position: absolute;top: 8px;right: 220px;width: 45px;height: 33px;}
.centerbox .centertop .small_object .smobj_d{position: absolute;bottom: -2px;left: 143px;width: 37px;height: 35px;}

.centerbox .centerbot{display: block;width: 100%;position: relative;}
.centerbox .centerbot .centerbot_wrap{display: block;width: 100%;text-align: center;position: absolute;bottom: 65px;left: 0;z-index: 30;}
.centerbox .centerbot .centerbot_wrap .cwimg_box{display: block;width: 100%;}
.centerbox .centerbot .centerbot_wrap .cwimg_box img{max-width: 100%;height: auto;}
.centerbox .centerbot .centerbot_wrap .content_bot{display: block;width: 100%;text-align: center;max-width: 750px;margin: 10px auto 10px;}
.centerbox .centerbot .centerbot_wrap .content_bot p{display: block;font-size: 20px;font-weight: 400;line-height: 30px;color: var(--beta);margin: 0;font-family: 'Campton Book';}
.centerbox .centerbot .centerbot_wrap .button_box{display: flex;align-items: center;justify-content: center;}
.centerbox .centerbot .centerbot_wrap .button_box .pad{cursor: none;}
.centerbox .centerbot .centerbot_wrap .button_box .pad .button_prim, .centerbox .centerbot .centerbot_wrap .button_box .pad .button_second{cursor: none;}

.hmsection .rightbox{display: block;width: auto;position: relative;z-index: 2;}
.hmsection .rightbox .rightboxtop{display: block;position: absolute;top: 23%;right: -103px;transform: translate(-50%, -50%);width: 207px;height: 284px;}
.hmsection .rightbox .rightboxtop .rightobject{display: initial;}
.hmsection .rightbox .rightboxtop .rightobject .animatin{display: initial;}
.hmsection .rightbox .rightboxtop .rightobject .animatin img{max-width: 100%;height: auto;}

.hmsection .rightbox .rightboxbot{display: block;position: absolute;top: 71%;right: -188px;transform: translate(-50%, -50%);width: 377px;height: 589px;}
.hmsection .rightbox .rightboxbot .rightobject{display: initial;}
.hmsection .rightbox .rightboxbot .rightobject img{max-width: 100%;height: auto;}

/* main Game section */
.gmsection{display: block;width: 100%;padding: 0;text-align: center;overflow: hidden;}
.gmsection .gm_top .toptitle{display: block;width: 100%;padding: 10px 0 67px;text-align: center;}
.gmsection .gm_top .toptitle h2{display: block;font-size: 57px;font-weight: 400;line-height: 1;color: var(--terti);font-family: 'Pizza Press Fill';position: relative;}
.gmsection .gm_top .toptitle h2::after{content: "Collect Your Lucky Pizza";position: absolute;left: 0;top: 0;width: 100%;font-size: 57px;font-weight: 400;line-height: 1;color: var(--font-shadow);text-align: center;z-index: -1;font-family: 'Pizza Press Antique';}
.gmsection .gm_top .toptitle p{display: block;font-size: 20px;font-weight: 400;line-height: 30px;color: var(--beta);margin-top: 20px;font-family: 'Campton Book';}

.gmsection .gm_mid .gm_midcontainer{max-width: 1258px;width: 100%;padding-right: 25px;padding-left: 25px;margin-right: auto;margin-left: auto;}
.gmsection .gm_mid .gm_midcontainer .gm_midrow{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -25px;margin-left: -25px;}
.gmsection .gm_mid .gm_midcontainer .gm_midrow .gm_mid_col{-webkit-box-flex: 0;-ms-flex: 0 0 33.33%;flex: 0 0 33.33%;max-width: 33.33%;position: relative;width: 33.33%;min-height: 1px;padding-right: 25px;padding-left: 25px;}
.mb-80{margin-bottom: 80px;}
.gmsection .gm_mid .pizza_wrap{display: block;width: 100%;position: relative;}
.gmsection .gm_mid .pizza_wrap.card-selected .boxglow{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -49%);width: 700px;height: 700px;z-index: -1;opacity: 1;}
.gmsection .gm_mid .pizza_wrap.card-selected .boxglow img{max-width: 100%;height: auto;opacity: 1;animation: rotation 30s infinite linear;}
.gmsection .gm_mid .pizza_wrap .boxglow{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -49%);width: 700px;height: 700px;z-index: -1;opacity: 0;}
.gmsection .gm_mid .pizza_wrap .boxglow img{max-width: 100%;height: auto;opacity: 0;}
.gmsection .gm_mid .pizza_wrap .pizza_box{display: block;width: 100%;}
.gmsection .gm_mid .pizza_wrap .pizza_box a{display: inline-block;width: 100%;cursor: none;}
.gmsection .gm_mid .pizza_wrap .pizza_box a .pizza_img{display: block;width: 100%;position: relative;}
.gmsection .gm_mid .pizza_wrap .pizza_box a:hover .pizza_img:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-image: url(../images/backglowbox.png);background-repeat: no-repeat;background-size: 100%;background-position: center center;width: 453px;height: 268px;z-index: 2;}
.gmsection .gm_mid .pizza_wrap.card-selected .pizza_box a .pizza_img:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-image: url(../images/backglowbox.png);background-repeat: no-repeat;background-size: 100%;background-position: center center;width: 453px;height: 268px;z-index: 2;}
.gmsection .gm_mid .pizza_wrap .pizza_box a .pizza_img img{max-width: 100%;height: auto;}
.gmsection .gm_mid .pizza_wrap .pizza_box a:hover .pizza_img img{max-width: 100%;height: auto;opacity: 0;}
 
.gmsection .gm_bot{display: block;width: 100%;padding: 30px 0 0;}
.gmsection .gm_bot .btnpad{display: inline-block;width: auto;background-color: transparent;border: none;text-align: center;padding: 20px 150px 80px 150px;position: relative;z-index: 10;outline: none;cursor: none;}
.gmsection .gm_bot .btnpad .button_game, .gmsection .gm_bot .btnpad:focus .button_game, .gmsection .gm_bot .btnpad:active .button_game {display: inline-block;font-family: 'Pizza Press Fill';font-weight: 400;font-size: 30px;background-color: var(--prim);color: var(--beta);line-height: 1;border: 0px;border-radius: 50px; text-transform: uppercase;cursor: none;outline: none;padding: 12px 20px 14px;min-width: 300px;text-align: center;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.gmsection .gm_bot .btnpad:hover .button_game, .gmsection .gm_bot .btnpad:focus .button_game{background-color: var(--btn-hover);color: var(--beta);outline: none;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.gmsection .gm_bot .btnpad:disabled .button_game{background-color: var(--btn-dis);color: var(--btn-dis-text);outline: none;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}

/* Modals */
.palymodal .modal-dialog {max-width: 1000px;}
.palymodal .modal-dialog .modal-content {border-radius: 20px;}
.palymodal .modal-dialog .modal-content .modal-body {padding: 62px 61px 23px;}
.palymodal .modal-dialog .modal-content .modal-body .cont_box {display: block;width: 100%;padding: 0 0 26px 0;}
.palymodal .modal-dialog .modal-content .modal-body .cont_box h2 {display: block;font-size: 28px;font-weight: 700;line-height: 1;color: var(--font-alpha);margin-bottom: 13px;font-family: 'PT Sans', sans-serif;}
.palymodal .modal-dialog .modal-content .modal-body .cont_box p {display: block;font-size: 16px;font-weight: 400;line-height: 24px;color: var(--font-alpha);font-family: 'PT Sans', sans-serif;}
.palymodal .modal-dialog .modal-content .modal-body .bodywrap{display: block;width: 100%;overflow-y: scroll;overflow-x: hidden; height: 424px;scrollbar-color: var(--scroll) var(--scroll-bg);scrollbar-width: thin;}
.palymodal .modal-dialog .modal-content .modal-body .bodywrap::-webkit-scrollbar {width: 7px;} 
.palymodal .modal-dialog .modal-content .modal-body .bodywrap::-webkit-scrollbar-track {background-color: var(--scroll-bg);} 
.palymodal .modal-dialog .modal-content .modal-body .bodywrap::-webkit-scrollbar-thumb {background: var(--scroll);}
.palymodal .modal-dialog .modal-content .modal-body .bodywrap .head{display: block;width: 100%;padding: 15px;background-color: var(--prim);text-align: center;}
.palymodal .modal-dialog .modal-content .modal-body .bodywrap .head h3{display: block;font-size: 20px;font-weight: 600;line-height: 1;text-transform: uppercase;color: var(--beta);font-family: 'PT Sans', sans-serif;}
.palymodal .modal-dialog .modal-content .modal-body .bodywrap .contbox{display: block;width: 100%;padding: 46px;background-color: var(--scroll-bg);}
.palymodal .modal-dialog .modal-content .modal-body .bodywrap .contbox .imgbox{display: block;width: 100%;}
.palymodal .modal-dialog .modal-content .modal-body .bodywrap .contbox .imgbox img{width: 100%;height: auto;margin-bottom: 20px;}
.palymodal .modal-dialog .modal-content .modal-body .bodywrap .contbox .imgbox strong{font-weight: 600;}
.palymodal .modal-dialog .modal-content .modal-body .bodywrap .contbox .imgbox p{display: block;font-size: 16px;font-weight: 400;line-height: 24px;margin-bottom: 10px;color: var(--font-alpha);font-family: 'PT Sans', sans-serif;}
.palymodal .modal-dialog .modal-content .modal-body .bodywrap .contbox .imgbox p a, .redtext{color: var(--prim);}
.palymodal .modal-dialog .modal-content .modal-footer {border: 0;padding-bottom: 62px;}
.palymodal .modal-dialog .modal-content .modal-footer .button_prim{font-size: 24px;padding: 12px 20px 9px;min-width: 260px;margin: 0 7.5px;}

.logmodal .modal-dialog {max-width: 1000px;}
.logmodal .modal-dialog .modal-content {border-radius: 20px;}
.logmodal .modal-dialog .modal-content .modal-body {padding: 62px 61px 23px;}
.logmodal .modal-dialog .modal-content .modal-body .cont_box {display: block;width: 100%;padding: 0 0 26px 0;}
.logmodal .modal-dialog .modal-content .modal-body .cont_box h2 {display: block;font-size: 28px;font-weight: 700;line-height: 1;color: var(--font-alpha);margin-bottom: 13px;font-family: 'PT Sans', sans-serif;}
.logmodal .modal-dialog .modal-content .modal-body .cont_box p {display: block;font-size: 16px;font-weight: 400;line-height: 24px;color: var(--font-alpha);font-family: 'PT Sans', sans-serif;}
.logmodal .modal-dialog .modal-content .modal-body .cont_box strong{font-weight: 600;}
.logmodal .modal-dialog .modal-content .modal-body .cont_box a{color: var(--prim);}
.logmodal .modal-dialog .modal-content .modal-body .bodywrap{display: block;width: 100%;overflow-y: scroll;overflow-x: hidden; height: 424px;scrollbar-color: var(--scroll) var(--scroll-bg);scrollbar-width: thin;}
.logmodal .modal-dialog .modal-content .modal-body .bodywrap::-webkit-scrollbar {width: 7px;} 
.logmodal .modal-dialog .modal-content .modal-body .bodywrap::-webkit-scrollbar-track {background-color: var(--scroll-bg);} 
.logmodal .modal-dialog .modal-content .modal-body .bodywrap::-webkit-scrollbar-thumb {background: var(--scroll);}
.logmodal .modal-dialog .modal-content .modal-body .bodywrap .head{display: block;width: 100%;padding: 15px;background-color: var(--prim);text-align: center;}
.logmodal .modal-dialog .modal-content .modal-body .bodywrap .head h3{display: block;font-size: 20px;font-weight: 600;line-height: 1;text-transform: uppercase;color: var(--beta);font-family: 'PT Sans', sans-serif;}
.logmodal .modal-dialog .modal-content .modal-body .bodywrap .contbox{display: block;width: 100%;padding: 46px;background-color: var(--scroll-bg);}
.logmodal .modal-dialog .modal-content .modal-body .bodywrap .contbox .imgbox{display: block;width: 100%;}
.logmodal .modal-dialog .modal-content .modal-body .bodywrap .contbox .imgbox img{width: 100%;height: auto;margin-bottom: 20px;}
.logmodal .modal-dialog .modal-content .modal-body .bodywrap .contbox .imgbox strong{font-weight: 600;}
.logmodal .modal-dialog .modal-content .modal-body .bodywrap .contbox .imgbox p{display: block;font-size: 16px;font-weight: 400;line-height: 24px;margin-bottom: 10px;color: var(--font-alpha);font-family: 'PT Sans', sans-serif;}
.logmodal .modal-dialog .modal-content .modal-body .bodywrap .contbox .imgbox p a, .redtext{color: var(--prim);}
.logmodal .modal-dialog .modal-content .modal-footer {border: 0;padding-bottom: 62px;}
.logmodal .modal-dialog .modal-content .modal-footer .button_prim{font-size: 24px;padding: 12px 20px 9px;min-width: 260px;margin: 0 7.5px;}
.logmodal .modal-dialog .modal-content .modal-footer .button_second{font-size: 24px;padding: 12px 20px 9px;min-width: 260px;margin: 0 7.5px;}

.prizesModal .modal-dialog {max-width: 1000px;}
.prizesModal .modal-dialog .modal-content {border-radius: 20px;}
.prizesModal .modal-dialog .modal-content .modal-body {padding: 62px 61px 23px;}
.prizesModal .modal-dialog .modal-content .modal-body .cont_box {display: block;width: 100%;padding: 0 0 26px 0;}
.prizesModal .modal-dialog .modal-content .modal-body .cont_box h2 {display: block;font-size: 28px;font-weight: 700;line-height: 1;color: var(--font-alpha);margin-bottom: 13px;font-family: 'PT Sans', sans-serif;}
.prizesModal .modal-dialog .modal-content .modal-body .cont_box p {display: block;font-size: 16px;font-weight: 400;line-height: 24px;color: var(--font-alpha);font-family: 'PT Sans', sans-serif;}
.prizesModal .modal-dialog .modal-content .modal-body .bodywrap{display: block;width: 100%;overflow-y: scroll;overflow-x: hidden; height: 424px;scrollbar-color: var(--scroll) var(--scroll-bg);scrollbar-width: thin;}
.prizesModal .modal-dialog .modal-content .modal-body .bodywrap::-webkit-scrollbar {width: 7px;} 
.prizesModal .modal-dialog .modal-content .modal-body .bodywrap::-webkit-scrollbar-track {background-color: var(--scroll-bg);} 
.prizesModal .modal-dialog .modal-content .modal-body .bodywrap::-webkit-scrollbar-thumb {background: var(--scroll);}
.prizesModal .modal-dialog .modal-content .modal-body .bodywrap .head{display: block;width: 100%;padding: 23px;background-color: var(--second);text-align: center;}
.prizesModal .modal-dialog .modal-content .modal-body .bodywrap .head.skyblue{background-color: var(--skyblue);}
.prizesModal .modal-dialog .modal-content .modal-body .bodywrap .head h3{display: block;font-size: 20px;font-weight: 600;line-height: 1;text-transform: uppercase;color: var(--beta);font-family: 'PT Sans', sans-serif;}
.prizesModal .modal-dialog .modal-content .modal-body .bodywrap .head span{display: block;font-size: 16px;font-weight: 400;line-height: 24px;margin-bottom: 0;color: var(--beta);font-family: 'PT Sans', sans-serif;}
.prizesModal .modal-dialog .modal-content .modal-body .bodywrap .contbox{display: block;width: 100%;padding: 46px;background-color: var(--scroll-bg);}
.prizesModal .modal-dialog .modal-content .modal-body .bodywrap .contbox .imgbox{display: block;width: 100%;}
.prizesModal .modal-dialog .modal-content .modal-body .bodywrap .contbox .imgbox img{width: 100%;height: auto;margin-bottom: 20px;}
.prizesModal .modal-dialog .modal-content .modal-body .bodywrap .contbox .imgbox strong{font-weight: 600;}
.prizesModal .modal-dialog .modal-content .modal-body .bodywrap .contbox .imgbox p{display: block;font-size: 22px;font-weight: 400;line-height: 24px;text-align: center; margin-bottom: 10px;color: var(--font-alpha);font-family: 'PT Sans', sans-serif;}
.prizesModal .modal-dialog .modal-content .modal-body .bodywrap .contbox .imgbox span{display: block;font-size: 16px;font-weight: 400;line-height: normal;text-align: center; margin-bottom: 10px;color: var(--font-alpha);font-family: 'PT Sans', sans-serif;}
.prizesModal .modal-dialog .modal-content .modal-body .bodywrap .contbox.sixbox .imgbox span{display: block;font-size: 16px;font-weight: 400;line-height: normal;text-align: center; margin-bottom: 20px;color: var(--font-alpha);font-family: 'PT Sans', sans-serif;}
.prizesModal .modal-dialog .modal-content .modal-body .bodywrap .contbox .imgbox p a, .redtext{color: var(--prim);}
.prizesModal .modal-dialog .modal-content .modal-footer {border: 0;padding-bottom: 62px;}
.prizesModal .modal-dialog .modal-content .modal-footer .button_prim{font-size: 24px;padding: 12px 20px 9px;min-width: 260px;margin: 0 7.5px;}

.termsmodal .modal-dialog {max-width: 1000px;}
.termsmodal .modal-dialog .modal-content {border-radius: 20px;}
.termsmodal .modal-dialog .modal-content .modal-body {padding: 62px 61px 23px;}
.termsmodal .modal-dialog .modal-content .modal-body .cont_box {display: block;width: 100%;padding: 0 30px 0 0;overflow-y: auto;overflow-x: hidden;height: 424px;}
.termsmodal .modal-dialog .modal-content .modal-body .cont_box::-webkit-scrollbar {width: 7px;}
.termsmodal .modal-dialog .modal-content .modal-body .cont_box::-webkit-scrollbar-track {background-color: transparent;}
.termsmodal .modal-dialog .modal-content .modal-body .cont_box::-webkit-scrollbar-thumb {background: var(--scroll);}
.termsmodal .modal-dialog .modal-content .modal-body .cont_box {scrollbar-color: var(--scroll) transparent;scrollbar-width: thin;}
.termsmodal .modal-dialog .modal-content .modal-body .cont_box h2 {display: block;font-size: 28px;font-weight: 700;line-height: 1;color: var(--font-alpha);margin-bottom: 13px;font-family: 'PT Sans', sans-serif;}
.termsmodal .modal-dialog .modal-content .modal-body .cont_box h3 {display: block;font-size: 20px;font-weight: 600;line-height: 1;color: var(--font-alpha);margin: 44px 0 13px;font-family: 'PT Sans', sans-serif;}
.termsmodal .modal-dialog .modal-content .modal-body .cont_box p,
.termsmodal .modal-dialog .modal-content .modal-body .cont_box strong {font-size: 16px;font-weight: 400;line-height: 1.3;color: var(--font-alpha);margin-bottom: 15px;font-family: 'PT Sans', sans-serif;}
.termsmodal .modal-dialog .modal-content .modal-body .cont_box p a{color: var(--prim);}
.termsmodal .modal-dialog .modal-content .modal-body .cont_box strong {font-weight: 800;}
.termsmodal .modal-dialog .modal-content .modal-body .cont_box p b {display: inline-block;font-size: 16px;font-weight: 600;line-height: 1;color: var(--font-alpha);font-family: 'PT Sans', sans-serif;margin-right: 10px;}
.termsmodal .modal-dialog .modal-content .modal-body .cont_box ul {margin-bottom: 20px;}
.termsmodal .modal-dialog .modal-content .modal-body .cont_box ul li {margin-bottom: 10px;margin-left: 20px;font-size: 16px;font-weight: 400;line-height: 1.2;color: var(--font-alpha);margin-bottom: 10px;font-family: 'PT Sans', sans-serif;}
.termsmodal .modal-dialog .modal-content .modal-body .cont_box ul li b {font-weight: 600;}
.termsmodal .modal-dialog .modal-content .modal-body .cont_box ul li a {color: var(--prim);}
.termsmodal .modal-dialog .modal-content .modal-footer {border: 0;padding-bottom: 62px;padding-top: 20px;}

.shareModal .modal-dialog{max-width: 760px;}
.shareModal .close{position: absolute;top: 40px;right: 40px;z-index: 5;}
.shareModal .modal-body{display: block;width: 100%;text-align: center;background-color: transparent;border-radius: 20px;padding: 30px;}
.shareModal .modal-body h3{display: block;font-size: 50px;font-weight: 600;line-height: 1;color: var(--beta);margin-bottom: 26px;font-family: 'Optima';}
.shareModal .modal-body p{display: block;font-size: 20px;font-weight: 400;line-height: 1;color: var(--beta);margin-bottom: 48px;font-family: 'Campton Book';}
.shareModal .modal-body .socialshare{display: flex;align-items: center;justify-content: center;}
.shareModal .modal-body .socialshare .copy_link{position: relative;}
.shareModal .modal-body .socialshare .copy_link a strong{position: absolute;border-radius: 4px;padding: 0px 4px;width: 90px;color: #000;background-color:#FFF;display: block;margin-top: 5px;font-size: 12px;font-weight: 700;left: -5px;}
.shareModal .modal-body .socialshare li{margin: 0 15px;}
.shareModal .modal-body .socialshare li a{display: inline-block;}
.shareModal .modal-body .socialshare li a img{max-width: 100%;height: auto;}
.shareModal .modal-content{background-color: transparent;border: 0;}

/* goodies modal */
.goodiesmodal .modal-dialog {max-width: 1000px;}
.goodiesmodal .modal-dialog .modal-content {border-radius: 20px;background-color: transparent;border: 0;}
.goodiesmodal .modal-dialog .modal-content .modal-body {padding: 0;}
.goodiesmodal .modal-dialog .modal-content .modal-body .cont_box {display: block;width: 100%;text-align: center;}
.goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .top_cont {display: block;width: 100%;max-width: 780px;margin: 0 auto;opacity: 0;animation: fade-in 1s linear forwards;animation-delay: 2s;position: relative;z-index: 12;}
.goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .top_cont h2 {display: block;font-size: 57px;font-weight: 400;line-height: 1;color: var(--terti);font-family: 'Pizza Press Fill';position: relative;
padding-bottom: 22px;}
.goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .top_cont h2::after {content: "Congratulations!";position: absolute;left: 0;top: 0;width: 100%;font-size: 57px;font-weight: 400;line-height: 1;color: var(--font-shadow);text-align: center;z-index: -1;font-family: 'Pizza Press Antique';}
.goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .top_cont p {display: block;font-size: 20px;font-weight: 400;line-height: 30px;color: var(--beta);margin-bottom: 0;font-family: 'Campton Book';}
.goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .top_cont small{display: block;font-size: 14px;font-weight: 400;line-height: 30px;color: #FFF;margin: 0;font-family: 'Campton Book';}
.goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .top_cont .couponcode {display: flex;align-items: center;width: 100%;max-width: 323px;height: 63px;background: url(../images/couponcode_bg.png) no-repeat center center;background-size: auto;background-size: 100%;margin: 12px auto;position: relative;}
.goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .top_cont .couponcode span {display: block;width: 100%;font-size: 30px;font-weight: 400;line-height: 1;text-align: center;color: var(--terti);font-family: 'Pizza Press Fill';}
.goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .top_cont .couponcode strong {position: absolute;left: 50%;top: 85%;transform: translate(-50%, -50%);font-size: 12px;font-weight: 400;line-height: 1;
  color: #fff;}
.goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .top_cont .couponcode .copy_btn {position: absolute;top: 20px;right: 30px;background-image: url(../images/copy_icon.png);background-repeat: no-repeat;
background-size: 100%;width: 19px;height: 23px;border: none;background-color: transparent;outline: none;cursor: pointer;padding: 0;}
.goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .top_cont .couponcode .copy_btn:hover {background-image: url(../images/copy_icon_hover.png);}
.goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .prize_bg {position: relative;max-width: 660px;min-height: 516px;margin: 0 auto;display: flex;align-items: center;justify-content: center;opacity: 0;animation: fade-in 1s linear forwards;animation-delay: 2s;}
.goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .prize_bg img {max-width: 100%;height: auto;opacity: 0;animation: fade-in 1s linear forwards;animation-delay: 2s;}
.goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .prize_bg::after {content: '';position: absolute;/* top: 50%;left: 50%; */transform: translate(-50%, -50%);background-image: url(../images/bg_shine.png);background-repeat: no-repeat;background-position: center center;background-size: 100%;width: 723px;height: 727px;z-index: -1;animation: rotation 30s infinite linear;transform-origin: center;}
.goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .bot_cont {display: block;width: 100%;opacity: 0;animation: fade-in 1s linear forwards;animation-delay: 2s;}
.goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .bot_cont .gapy {gap: 20px;}
.goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .bot_cont p {display: block;font-size: 20px;font-weight: 400;line-height: 30px;color: var(--beta);margin-top: 40px;margin-bottom: 0;font-family: 'Campton Book';}
.goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .bot_cont .button {margin: 0 10px 37px 10px;}
@keyframes fade-in {
  0% {opacity: 0;}
  100% {opacity: 1;}
}


/* game share modal */
.gameshareModal .modal-dialog{max-width: 760px;}
.gameshareModal .close{position: absolute;top: 40px;right: 40px;z-index: 5;}
.gameshareModal .modal-body{display: block;width: 100%;text-align: center;background-color: var(--beta) !important;border-radius: 20px;padding: 123px 30px;}
.gameshareModal .modal-body h3{display: block;font-size: 50px;font-weight: 600;line-height: 1;color: var(--font-alpha) !important;margin-bottom: 26px;font-family: 'Optima';}
.gameshareModal .modal-body p{display: block;font-size: 20px;font-weight: 400;line-height: 1;color: var(--font-alpha) !important;margin-bottom: 48px;font-family: 'Campton Book';}
.gameshareModal .modal-body .socialshare{display: flex;align-items: center;justify-content: center;}
.gameshareModal .modal-body .socialshare .copy_link{position: relative;}
.gameshareModal .modal-body .socialshare .copy_link a strong{position: absolute;border-radius: 4px;padding: 0px 4px;width: 90px;color: #fff;background-color:#000;display: block;margin-top: 5px;font-size: 12px;font-weight: 700;left: -5px;}
.gameshareModal .modal-body .socialshare li{margin: 0 15px;}
.gameshareModal .modal-body .socialshare li a{display: inline-block;}
.gameshareModal .modal-body .socialshare li a img{max-width: 100%;height: auto;}
.gameshareModal .modal-content{background-color: transparent;border: 0;}


.move-top-bottom{animation: move-top-bottom 1s linear forwards;transform: translateY(100%);}
  @keyframes move-top-bottom {
    0% {transform: translateY(100%);}
    100% {transform: translateY(0%);}
  }  

.gmsection .gm_mid .pizza_box.card-selected a .boxglow:after {content: '';position: absolute;/* top: 50%;left: 50%; */transform: translate(-50%, -50%);background-image: url(../images/box_glow_bg.png);background-repeat: no-repeat;background-position: center center;background-size: 100%;width: 700px;height: 700px;z-index: -1;animation: rotation 30s infinite linear;transform-origin: center;margin: -90%;}

.card-anim.right-move {animation: card-shake 2s linear forwards;transform: translate(80%, -50%);position: absolute;left: 50%;top: 50%;}
@keyframes card-shake {
    0% {transform: translate(80%, -50%);opacity: 0;}
    10% {transform: translate(20%, -50%);opacity: 0;}
    20% {transform: translate(0%, -50%);opacity: 1;}
    35% {transform: translate(-50%, -50%);}
    40% {transform: translate(-50%, -50%) rotate(-8deg);}
    45% {transform: translate(-50%, -50%) rotate(8deg);}
    50% {transform: translate(-50%, -50%) rotate(-8deg);}
    55% {transform: translate(-50%, -50%) rotate(8deg);}
    60% {transform: translate(-50%, -50%) rotate(-9deg);}
    65% {transform: translate(-50%, -50%) rotate(9deg);}
    70% {transform: translate(-50%, -50%) rotate(-9deg);}
    75% {transform: translate(-50%, -50%) rotate(9deg);}
    80% {transform: translate(-50%, -50%) rotate(0deg);}
    85% {transform: translate(-50%, -50%) rotate(0deg);}
    90% {transform: translate(-50%, -50%) rotate(0deg);}
    99% {display: block;opacity: 1;max-width: 100%;transform: translate(-50%, -50%) rotate(0deg);}
    100% {display: none;opacity: 0;max-width: 0;height: auto;transform: translate(-50%, -50%) rotate(0deg);}
}

.card-anim.left-move {animation: card-shake-two 2s linear forwards;transform: translate(-180%, -50%);position: absolute;left: 50%;top: 50%;}
@keyframes card-shake-two {
    0% {transform: translate(-180%, -50%);opacity: 0;}
    10% {transform: translate(-120%, -50%);opacity: 0;}
    20% {transform: translate(-100%, -50%);opacity: 1;}
    35% {transform: translate(-50%, -50%);}
    40% {transform: translate(-50%, -50%) rotate(-8deg);}
    45% {transform: translate(-50%, -50%) rotate(8deg);}
    50% {transform: translate(-50%, -50%) rotate(-8deg);}
    55% {transform: translate(-50%, -50%) rotate(8deg);}
    60% {transform: translate(-50%, -50%) rotate(-9deg);}
    65% {transform: translate(-50%, -50%) rotate(9deg);}
    70% {transform: translate(-50%, -50%) rotate(-9deg);}
    75% {transform: translate(-50%, -50%) rotate(9deg);}
    80% {transform: translate(-50%, -50%) rotate(0deg);}
    85% {transform: translate(-50%, -50%) rotate(0deg);}
    90% {transform: translate(-50%, -50%) rotate(0deg);}
    99% {display: block;opacity: 1;max-width: 100%;transform: translate(-50%, -50%) rotate(0deg);}
    100% {display: none;opacity: 0;max-width: 0;height: auto;transform: translate(-50%, -50%) rotate(0deg);}
}