@font-face {
    font-family:'Roboto, Regular';
    src: url('/css/fonts/Roboto-Regular.ttf');
}
@font-face {
    font-family:'Roboto, Bold';
    src: url('/css/fonts/Roboto-Bold.ttf');
}
@font-face {
    font-family:'Roboto, Condensed';
    src: url('/css/fonts/Roboto-Condensed.ttf');
}

@font-face {
    font-family:'Roboto, Bold Condensed';
    src: url('/css/fonts/RobotoCondensed-Bold.ttf');
}

body{
    background: linear-gradient(to bottom, #000000, #E60881 57%);
}
main{
    margin: 0px;
}

.landing_promocional{
    position: relative;
    /*min-height: 706px;*/
    min-height: 872px;
    overflow: hidden;
}

@media (max-width: 1280px) {
    .landing_promocional {
        overflow: scroll;
    }
}

/*Esta clase sirve para las landing que contengan texto seo, ya que se maquetan de diferente manera*/
.landing_promocional_txt_seo{ 
    position: relative;
    min-height: 750px;
    overflow: visible;
    z-index: 1;
    overflow-x: hidden;
}
.imagen_landing_mobtab{
    position: absolute;
    bottom: 83%;
    width: 100%;
    max-width: 415px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transform: scale(1.5);
}

.imagen_landing_desk{
    display: none;
}
.imagen_landing_desk2{ /*Imagen esquina*/
    display: none;
}

.container_landing{
    position: absolute;
    width: 86%;
    text-align: center;
    top: 278px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.texto-bienvenida{
    top: 673px;
    left: 25px;
    width: 100%;
    height: 118px;
}

.container_landing .texto-bienvenida p{
    font-size: 12px;
    text-align: center;
    color: #FFFFFF;
    opacity: 1;
    line-height: 16px;
    margin-top: 20px;
}

.texto-bold{
    font-family: 'Roboto, Bold';
}

.landing_promocional .logo_gp_mobtab{
    width: 143px;
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
}

.landing_promocional_txt_seo .logo_gp_mobtab{
    width: 143px;
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
}



.landing_promocional .logo_gp_desk {
    display: none;
}

.landing_promocional_txt_seo .logo_gp_desk {
    display: none;
}

.logo_golden{
    width: 100%
}

.container_landing h1{
    font-family: 'Roboto, Bold Condensed';
    font-size: 28px;
    margin-bottom: 0;
    line-height: 28px;
}
.container_landing .h1-ruleta{
    font-size: 25px;
    line-height: 25px;
}
.container_landing h1 span{
    color: #E60881;
}
.container_landing h2{
    font-family: 'Roboto, Bold Condensed';
    font-weight: normal;
    font-size: 20px;
    color: #FFFFFF;
    background-color: initial;
    margin:  0 auto;
    /*line-height: 0rem;*/
}
.container_landing p{
    font-family: 'Roboto, Regular';
    font-size: 15px;
    color: #FFFFFF;
    margin-top: -3px;
}

.registrate{
    font-family: 'Roboto, Bold Condensed';
    font-size: 16px;
    background-color: #E60881;
    width: 136px;
    height: 40px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 23px auto;
}
.txt_att_retiros{
    margin-top: 22px;
}
.home_apuestas{
    font-family: 'Roboto, Bold Condensed';
    font-size: 16px;
    background-color: #E60881;
    width: 136px;
    height: 40px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 23px auto;
}

/*Contenido SEO*/
.txt-seo {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 20px;
}
.txt-seo-home {
    padding-top: 0.67em;
}
.seo_pink_inside {
    background: #C10069 0% 0% no-repeat padding-box;
    min-height: 0;
    margin-bottom: 30px;
}
.seo_pink_inside h3:after {
    background: url(/img/layout/flecha_der.svg) no-repeat center;
    background-size: contain;
    display: block;
    width: 10px;
    height: 20px;
    content: "";
    position: absolute;
    right: -25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%) rotate(90deg);
    transition: transform 200ms;
    cursor: pointer;
}

.seo_pink_inside h3.active:after {
    transform: translateY(-50%) rotate(270deg);
    transition: transform 200ms;
}

.seo_pink_inside h3 ~ p, .seo_pink_inside h3 ~ ul, .seo_pink_inside h3 ~ ol {
    display: none;
}

@media (min-width: 394px){

.container_landing {
    bottom: 119px;
}    
}

@media (min-width: 593px){
    
.container_landing {
    bottom: 85px;
}    
}

@media (min-width: 768px){
body{
    background: linear-gradient(to bottom, #000000, #E60881 57%);
}
    
.landing_promocional .logo_gp_mobtab {
    margin-bottom: 30px;
}

.landing_promocional_txt_seo .logo_gp_desk {
    display: none;
}
.container_landing {
    bottom: 87px;
}

.container_landing h2{
    padding: 0;
    line-height: 1.2rem;
}

.texto-bienvenida {
    margin-left: auto;
    margin-right: auto;
    width: 61%;
}
}

@media(min-width: 1020px){
body{
    background: linear-gradient(to bottom, #000000, #E60881 65%);
}
.landing_promocional_txt_seo{
    overflow: visible;
    z-index: 1;
}

/*Contenido SEO*/

/*La clase txt cortos es para textos SEO que sean mas cortos*/
.txt_cortos{
    padding-bottom: 160px;
    padding-top: 19px;
}
.seo_pink_inside {
    position: relative;
    z-index: 1;
}
}

@media(min-width: 1280px){

body{
    background: linear-gradient(to bottom, #000000 5%, #E60881 92%);
}
.landing_promocional{
    min-height: 716px;
}

.landing_promocional_txt_seo{
    min-height: 716px;
}

.imagen_landing_mobtab{
    display: none;
}

.imagen_landing_desk{
    display: block;
    position: absolute;
    margin-top: 159px;
    right: 46%;
    width: 58%;
}
.imagen_landing_desk2{
    display: block;
    position: absolute;
    left: 81%;
    bottom: 79%;
}
.landing_promocional .logo_gp_mobtab {
    display: none;
}
.landing_promocional_txt_seo .logo_gp_mobtab {
    display: none;
}
.landing_promocional .logo_gp_desk{
    display: inline-flex;
    margin: 0 auto;
    margin-top: 72px;
    margin-left: 43px;
    width: 166px;
    height: 30px;
}
.landing_promocional_txt_seo .logo_gp_desk{
    display: inline-flex;
    margin: 0 auto;
    margin-top: 72px;
    margin-left: 43px;
    width: 166px;
    height: 30px;
}
.container_landing {
    top: 16%;
    width: 56%;
    right: 0;
    left: auto;
}

.container_landing .texto-bienvenida p {
    margin-top: 0px;
}

.container_landing h1{
    font-size: 50px;
    margin-bottom: 0;
    line-height: 3.2rem;
    margin: 0;
    font-weight: normal;
}
.container_landing .h1-ruleta{
    font-size: 50px;
    line-height: 43px;
}
.container_landing p{
    font-size: 16px;
    margin: 0;
    margin-bottom: 38px;
}

.registrate {
    font-size: 28px;
    width: 202px;
    height: 60px;
    margin-top: 41px;
    margin-bottom: 50px;
}
.txt_att_retiros{
    margin: 0;
}

.container_landing h2{
    line-height: 1.6rem;
    font-size: 25px;
    margin: 0;
}
.home_apuestas{
    font-size: 28px;
    width: 202px;
    height: 60px;
    margin-top: 41px;
    margin-bottom: 50px;
}
}

@media(min-width: 1400px){
.landing_promocional{
    min-height: 850px;
}
.landing_promocional_txt_seo{
    min-height: 850px;
}

.imagen_landing_desk{
    top: 13%;
    right: 48%;
    width: 55%;
}

.container_landing {
    top: 22%;
    width: 53%;
    right: 2%;
}

.container_landing .texto-bienvenida p{
    margin-top: 50px;
}

}
@media(min-width: 1800px){

body{
    background: linear-gradient(to bottom, #000000 5%, #E60881 92%);
}
.landing_promocional{
    min-height: 850px;
}
.landing_promocional_txt_seo{
    min-height: 850px;
}
.imagen_landing_desk{
    margin-top: 5%;
    right: 51%;
    width: 950px;
}

.imagen_landing_desk2{
    left: 83%;
    bottom: 80%;
}

.container_landing {
    top: 16%;
    width: 56%;
    right: 4%;
}
.landing_promocional .logo_gp_desk{
    width: 232px;
    height: auto;
}
.landing_promocional_txt_seo .logo_gp_desk{
    width: 232px;
    height: auto;
}
.container_landing h1{
    font-size: 68px;
    margin-bottom: 0;
    line-height: 4.5rem;
    margin: 0;
    font-weight: normal;
}
.container_landing p{
    font-size: 20px;
    margin: 0;
    margin-bottom: 41px;
}
.registrate {
    font-size: 28px;
    width: 202px;
    height: 60px;
    margin-top: 41px;
    margin-bottom: 50px;
}
.txt_att_retiros{
    margin: 0;
}

.container_landing h2{
    line-height: 2.6rem;
    font-size: 30px;
    margin: 0;
}

.home_apuestas{
    font-size: 28px;
    width: 202px;
    height: 60px;
    margin-top: 41px;
    margin-bottom: 50px;
}
}

/*GP*/