body, html{
  margin: 0;padding: 0;font-family: 'Open Sans Condensed', sans-serif;overflow-x:hidden;overflow-y:auto;
}

.opensans{font-family: 'Open Sans Condensed', sans-serif;}

#main{
  width: 100%;height:100%;position: fixed;top:0;left: 0;margin: 0;padding: 0;overflow-x:hidden;overflow-y:auto;background-color: #000000;
}

#contenido{ background-color: #000000; padding:60px 30px; max-width:800px;width:90%;min-height:800px;height:auto;margin: auto;position:relative;}

#game{
  max-width:710px;width:90%;min-height:660px;height:auto;margin: auto;position:relative;padding:50px 40px 40px 40px;
  background-image: url(../../img/bg-game.jpg);background-size: cover;background-repeat: no-repeat;background-position: center center;
}

#premios img.premios{width:100%;height:auto;}

.arrow{width:50px;height:auto;position: absolute;left:50%;margin-left:-25px;top:-13%;z-index:999999999999999999999999;}
.arrow img{width:100%;height:auto;}

#boton{width:150px;height:auto;position: absolute;left:50%;margin-left:-75px;margin-top: -75px;top:50%;z-index:999999999999999999999999;}
#boton img{width:100%;height:auto;}

footer_{max-width:800px;width:90%;height:auto;margin: auto;margin-top: 50px;padding:5px;}

.logoGQ{text-align: left;}
.logoExp{text-align: center;}
.logoH{text-align: right;padding-top:20px;}
.logoGQ img{width:auto;height:70px;margin:auto;}
.logoH img{width:100%;height:auto;margin:auto;}
.logoExp img{width:auto;height:80px;margin:auto;}

#bg_main{
  background-image: url(../../img/bg_main_desktop.jpg);
  text-align: center;
  padding:250px 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.logo_black{
  width:500px;
  text-align: center;
  margin:auto;
}
.div_row{
  padding-top:60px;
}
.btn_forms{
  width:200px;
}


#bg_second{
  background-image: url(../../img/bg_hyundai_second.jpg);
  text-align: center;
  padding:30px 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.title_condiciones{
  width:500px;
}
.condiciones_img{
  width:500px;
}
@media only screen and (max-width: 1600px) and (min-width: 1024px) {
  .col_condiciones{
  display: block !important;
  padding:150px 0px;
}
#bg_main{

  padding:150px 20px;

}
}
@media only screen and (max-width: 2560px) and (min-width: 1601px) {
  .col_condiciones{
  display: block !important;
  padding:250px 0px;
}
}

.div_condiciones{
  margin-top:50px;
}
.img_entrega{
  width:200px;
  margin:auto auto 0px;
}

.d_flex{
  display: flex;
}

.bg_ruleta_section{
  background-image: url(../../img/bg_ruleta_section.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding:80px 0px 300px 0px;
}

@font-face {
  font-family: "HyundaiSansHeadOfficeRegular";
  src: url(../../assets/fonts/HyundaiSansHeadOffice-Regular.ttf);
}
@font-face {
  font-family: "HyundaiSansHeadOfficeBold";
  src: url(../../assets/fonts/HyundaiSansHeadOffice-Bold.ttf);
}
.light_blue{
  color:#00aad0;
}
.title_ruleta{
  font-family: "HyundaiSansHeadOfficeRegular";
  font-size: 4.5em;
}
.text-center{
  text-align: center;
}
.hyun_bold{
  font-family: "HyundaiSansHeadOfficeBold";
}
.img_reclama{
  padding:30px 0px !important;
  width:600px;
  text-align: center;
  margin:auto;
  
}
.white{
  color:#ffffff;
}
.paraf_cyber{
  font-size: 1.8em;
  font-family: "HyundaiSansHeadOfficeRegular";
}
.section_hyundai_cyber{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding:160px 80px 160px 80px;
}

.slide_1{
  background-image: url(../../img/slides/bg_accent_desktop.png);
}
.slide_2{
  background-image: url(../../img/slides/bg_creata_desktop.png);
}
.slide_3{
  background-image: url(../../img/slides/bg_i10_desktop.png);
}

.navbar{
  margin-bottom:0px !important; ;
}
.col-6{
  width:50%;
}
.col-12{
  width:100%;
}
.mobile_slide{
    display:none;
  }
  .desktop_slide{
    display:block;
  }
@media only screen and (max-width: 600px) {

  .mobile_slide img{
    width:100%;
  }

  .mobile_slide{
    display:block !important;
  }
  .desktop_slide{
    display:none !important;
  }
  .logo_black{
    width:100%;
  }
  .btn_forms{
    width:100%;
  }
  .div_row{
    display: flex !important;
  }
  #bg_main{
    background-image: url(../../img/bg_main_movile.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
  }
  #bg_second{
  background-image: url(../../img/bg_hyundai_second_movile.jpg);
  text-align: center;
  padding:30px 20px;
  background-repeat: no-repeat
  background-position: center center;
  background-size: cover;
  }
  .bg_ruleta_section{
  background-image: url(../../img/bg_ruleta_section_movile.jpg);
  
}
.title_ruleta{
  font-size: 2.5em;
}
.img_reclama{
width:100%;
}
.desktop{
  display: none !important;
}
.movile{
  display: block !important;
}
.title_condiciones, .condiciones_img{
  width:100%;
}
.d_flex{
  display: block;
}

.section_hyundai_cyber{
 
  padding:450px 15px 20px 15px;
}

.slide_1{
  background-image: url(../../img/slides/bg_accent_mobile.png);
}
.slide_2{
  background-image: url(../../img/slides/bg_create_mobile.png);
}
.slide_3{
  background-image: url(../../img/slides/bg_i10_mobile.png);
}
.paraf_cyber{
  font-size: 1.1em;
  font-family: "HyundaiSansHeadOfficeRegular";
}

.sec_title{
  text-align: center;
}

.col_condiciones{
 
 padding:20px 0px 320px;
}
}
.desktop{
  display: block;
}
.movile{
  display: none;
}



.main{
  height:100vh;
}

i{
  font-size: 17px;
}
html {
  scroll-behavior: smooth;
}

:root {
    --swiper-theme-color: #ffffff !important;
}