@import "tab.css";
@import "carousel.css";
@import "faq.css";
@import "form.css";

body, html { width:100%; box-sizing: border-box;
  font-family: 'Poppins', sans-serif; font-weight:400;
  font-size:14px; color:#252525; margin:0px; padding:0px; border:0 !important;
  background: url('../img/wave.png') repeat-x center top;
  background-color:#fff; }
  img { height:auto; display:block; margin:0px; padding:0px; border:0 !important; }
  a, a:hover { text-decoration:none; border:none; cursor:pointer; color:#c80443; }
  *, *:before, *:after { box-sizing:border-box; -ms-box-sizing: border-box; }
  p { font-weight:400; }
  span { color:#c80443; }

  .hidden { display:none; }

/* Top */
header { position:relative; max-width:1275px; padding:15px; width:100%; margin:0 auto; left:0; right:0; top:0; }
.logo { position:relative; float:left; left:0; width:198px; height:auto; }

/* Nav */
nav { padding:0; float:right; }
  nav ul { list-style-type:none; margin:0; padding:0; float:left; }
  nav li { float:left; margin-right:14px; }
  nav li a { display:block; color:#fff; padding:10px 0 10px 14px; transition:0.7s; }
  nav li a:hover { color:#2efe9d; }


/* Log-in */
a.log { width:110px; height:40px; padding-top:7px; margin:0 0 0 10px !important; font-size:15px; font-weight:600; color:#fff; background-color:#a00033; text-align:center;
    float:left; border-radius:5px; transition: 0.7s; }
  a.start { background-color:#fff; color:#c80443; padding-top:8px; }
  a.log:hover { background-color:#2efe9d; color:#c80443; padding-top:8px;  }

.access { position:relative; float:right; }

/* MODAL */
.modal { background-color:rgba(1,18,35,.6); position:fixed; top:0; right:0; bottom:0; left:0;
  opacity:0; pointer-events:none; transition: all 1s; padding:0 20px;
  display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
.modal-contenido { background-color:#fff; width:100%; max-width:880px; padding:0; margin:0 auto;
  position:relative; border-radius:25px; text-align:center; overflow:hidden; }
.modal-contenido .col-container { padding:10px 0 }
.modal-contenido a.close { position:absolute; display: block; width:28px; height:28px; right:30px; top:30px; padding:1px; font-weight:700;
  font-size:15px; border-radius:25px; border:2px solid #c80443; }
.modal-contenido .graphic { max-width:380px; width:100%; width:42%; background-color:#c80443; }
.modal-contenido form {  width:100%; }
.modal-contenido h2 { color:#fff; }
.margen { padding:40px; width:58%; }

/* MODAL backgrounds */
.gp1 { background: url('../img/casino-guy.jpg') no-repeat center bottom / cover; }
.gp2 { background: url('../img/casino-things.jpg') no-repeat center bottom / cover; }
.gp3 { background: url('../img/girl.jpg') no-repeat center bottom / cover; }

#miModal1:target, #miModal2:target, #miModal3:target, #miModal4:target { opacity:1; pointer-events:auto; z-index:999; }

/* hamburger */
#hamnav label, #hamburger { display:none; position:absolute; right:0; top:0;  }

h1 { color:#ffffff; font-size:48px; line-height:66px; font-weight:700; }
h2 { color:#c80443; font-size:34px; text-align:center; }
h3 { font-size:27px; text-align:center; }
h4 { color:#c80443; font-size:16px; font-weight:600; text-align:center;}

p.subtitle { font-size:18px; line-height:24px; color:#fff; padding-bottom:25px; }
img.winner { position:relative; width:100%; max-width:528px; height:auto; margin:0 auto; }

/* DIv table */
.tabl {  display:table; width:100%; }
.row { display:table-row; }
.cel { display:table-cell; vertical-align:top; }

/* Intro */
.intro { clear:both; position:relative; }
.cel-1 { width:45%; padding-top:70px; padding-bottom:15px; }
.cel-2 { width:55%; background: url('../img/city.png') no-repeat center center / contain; }

/* CTAs */
.main-cta { display:block; font-size:20px; font-weight:600; color:#c80443; width:200px; height:55px; padding:12px 10px 10px 10px;
  text-align:center; background-color:#fff; border-radius:5px; transition: 0.7s; }
.main-cta:hover { background-color:#2efe9d; }
.cta { display:block; font-size:18px; font-weight:400; color:#fff; width:180px; height:50px; padding:10px 10px 10px 10px;
  text-align:center; background-color:#c80443; border-radius:5px; transition: 0.7s; }
.cta:hover { background-color:#2efe9d; }

/* SECTIONS */
section { max-width:1110px; margin:0 auto; left:0; right:0; }
section img { margin:0 auto; }

/* GRID */
.grid { display:grid; width:100%; margin:0 auto; line-height:30px;
  grid-template-columns: repeat(auto-fill, minmax(12em, 1fr)); grid-gap:20px; }
.grid div { padding:30px 0px; border:1px solid #d6d6d6; margin:0; text-align:center; }
.grid a { padding:4px 10px; color:#c80443; background-color:#f2f2f2; border-radius:30px; }
.grid span { display:block; line-height:20px; }

img.construction { margin-top:85px; width:100%; }

/* Casino specs */

.casino { clear:both; position:relative; margin-top:30px; }
.cel-3, .cel-4 { width:50%;  }
.cel-4 { padding:25px 15px 0; background:url('../img/land.png') no-repeat center center / contain; }
.screen-1 { max-width:368px; width:100%; }

img.club { max-width:585px; width:100%; }

/* Benefits */
.benefits { padding-top:15px; }
.benefits .cel { width:25%; text-align:center; padding:0 20px; }
.benefits .cel img { max-width:122px; }

/* Testimonials */
.slider .comment { max-width:600px; border:1px solid #d6d6d6; display:inline-block; margin:0 20px; padding:20px 10px 14px 10px;min-height:200px; }
.testimonial-logo{}
.testimonial-logo img{max-height:58px; max-width: 174px;}
.slider .comment p{max-height:91px; overflow: auto;margin-bottom: 0;}
/* Refering */
.refering .cel { width:33.3%; vertical-align:middle; }
.slider .comment p::-webkit-scrollbar {width: 10px;}
.slider .comment p::-webkit-scrollbar-track {background: #f1f1f1;}
.slider .comment p::-webkit-scrollbar-thumb {background: #c80443;}
.slider .comment p::-webkit-scrollbar-thumb:hover {background: #c80443;}

/* Strocture Commission */

.fog { background:url('../img/fog.jpg') repeat-x center top; display:block;  }
.commission { background:url('../img/happiness.png') no-repeat center center / contain; min-height:300px; }
.commission .plans { max-width:600px; margin:0 auto; padding:56px 15px 0; text-align:center; }
.happy-mbl { margin:0 auto; height:1px; width:1px; opacity:0; max-width:428px; }
#commission .cta { margin:0 auto; }

/* FAQs */

.sea { background:url('../img/sea.jpg') repeat-x center bottom / contain; }
.faqs { position:relative; }
.draw { width:33%; }
.list { width:66%; padding:0 15px; }
.island { position:absolute; bottom:-50px; left:-10%; margin: inherit; }

/* Contact */
.blue { background-color: #abe5fd; }
.contact { max-width:286px; margin:0 auto; }
.info { display:table-cell; vertical-align:top; }
.contact img { max-width:72px; }
#contact p { max-width:410px; margin:0 auto; padding:0 20px; text-align: center; }

/* SPACER */
.spacer { height:50px; }

/* FOOTER */
footer { min-height:78px; background-color:#c80443; padding:20px 20px; }
footer .area { max-width:900px; margin:0 auto; }

footer .menu { width:83%; padding-top:5px; text-align:center }
footer .social { width:17%; text-align:center }

footer .menu a { color:#fff; display:inline-block; margin-right:14px;}
footer .menu a:hover { color:#2efe9d; }
footer .social img { width:32px; height:32px; display:inline-block; }

/* Responsive */
@media screen and (max-width:1275px){
  body, html { background-image:none}
  header { background: url('../img/wave-mbl.jpg') no-repeat center top / cover;}
  .cel-1 { padding-top:35px; }
}
@media screen and (max-width:1160px){
  nav li { float:left; margin-right:0; }
}
@media screen and (max-width:1070px){
  .access { right:40px; }
  #hamitems li { display:block; width:100%; }
  #hamitems li a:hover { background-color: #c80443; }
  #hamnav label { top:12px; max-width:300px; max-height:45px; display:inline-block; color:white; font-style:normal;
  font-size:2em; padding:0 13px 0 8px; }
  #hamitems { display:none; position:absolute; right:10px; top:60px; max-width:200px; z-index:900;  background: rgba(160,0,51,0.9); }
  #hamnav input:checked ~ #hamitems { display: block; }
  h3 { font-size:20px; }
}
@media screen and (max-width:900px){
  h1 { font-size:40px; line-height:48px; }
  .cel-1 { width:45%; padding-top:15px; }
  .main-cta {width:110px; height:40px; font-size:15px; padding-top:8px; }
  .refering .cel:last-child  { display:none; }
  .commission { background:none; }
  .commission .plans { padding-top:0; }
  .happy-mbl { height: auto; width:100%; opacity:1;  }
  .menu, .social { width:100% !important; display: block; }
}
@media screen and (max-width:800px){
  .island { position:relative; left:inherit; margin:inherit; }
  .faqs .spacer { display:none; }
  footer .menu a { display:block; margin:0 auto 10px auto; }
}
@media screen and (max-width:760px){
  h1 { font-size:30px; line-height:38px; }
  p.subtitle { font-size:inherit; line-height:18px; padding-bottom:25px; }
}
@media screen and (max-width:600px){
  .cel { display:block; width:100%; max-width:400px; margin:0 auto; }
  .cel-1, .cel-2 { padding-top:0; }
  .benefits .cel, .refering .cel, .draw, .list { width:100%; }

  img.winner { max-width:250px; }
  a.start { display:none; }
  .slider { height: 230px !important; }

  .gp1, .gp2, .gp3  { background-image: none; }
  .modal-contenido .graphic {  width:100%; background-color:#fff; padding:40px 15px 0; }
  .modal-contenido h2 { color:#c80443; }
  .cta-mobile{margin:0 auto;}    
}

@media screen and (max-width:425px){
  .access { right:30px; }
  #hamnav label { top:9px; }
  .logo { width:150px;  }
  a.log { width:90px; height:36px; padding-top:6px; font-size:14px; }
  a.log:hover { padding-top:8px; }
  h2 { font-size:28px; }
  .slider { height: 250px !important; }
  .margen { padding:0px; }
}
/* 18-May-2022 */
.msg-success {
  color: #369506;
  position: absolute;
  margin-left: 5px;
  margin-top: 5px;
  font-size: 19px;
}
.fieldset {
  position: relative;
}


.container-checkbox{display:block;position:relative;padding-left: 24px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right: 15px;line-height: 18px;font-weight: normal !important;text-align: left;}
.container-checkbox input{position:absolute;opacity:0;cursor:pointer;}
.container-checkbox .checkmark{position:absolute;top:3px;left:0;height: 18px;width: 18px;background-color: #fff;border: 1px solid #b9bbc7;border-radius: 4px;}
.container-checkbox:hover input ~ .checkmark{/* background-color:#ccc; */}
.container-checkbox input:checked ~ .checkmark{background-color:#c80443;border-color: #c80443;}
.container-checkbox .checkmark:after{content:"";position:absolute;display:none;}
.container-checkbox input:checked ~ .checkmark:after{display:block;}
.container-checkbox .checkmark:after{left: 6px;top: 1px;width: 6px;height: 10px;border:solid white;border-width: 0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.gpwa_certify {
    width: 120px;
    height: 68px;
    position: absolute;
    right: 0;
    bottom: 37px;
}

section#contact {
    position: relative;
}
.gpwa_certify img {
    width: 100%;
}

@media screen and (max-width: 1200px) {
.gpwa_certify {right: 40px;}
}

@media screen and (max-width: 767px) {
.gpwa_certify {right: 40px;}
.gpwa_certify {position: relative;right: initial;bottom: inherit;text-align: center;margin: 30px auto 0;}    
}