body, html {
	padding: 0;
	margin: 0;
}
.ratones {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: none;
	background-color:#FFF;
	-webkit-transition: background-image 1.2s ease;
	transition: background-image 1.2s ease;
}
.ratones.z {
	background-image: url(../images/fondo.jpg);
}
.ratones .unsel {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.ratones img {
	max-width: 100%; 
}
.ratones .r-disfruta-desktop {
	background-color:#ef7c00;
	border-radius: 20px;
	text-transform: uppercase;
	color:#FFF;
	font-family: 'Gotham Rounded';
	font-weight: 400;
}
.ratones .r-centrar {
	position: absolute;
	top: calc(50% - 114px);
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	text-align:center;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}
.ratones .r-centrar-middle {
	color:#FFF;
	font-family: 'Gotham Rounded';
	font-weight: 400;
	padding-bottom: 30px;
	padding-top: 20px;
}
.ratones .r-centrar-logo img {
	max-width: 220px;
}
.ratones .r-centrar-logo {
	margin-bottom: 20px;
}

.ratones .r-disfruta-mobile {
	display:none;
}
.ratones .r-disfruta-desktop {
	display: inline-block;
    max-width: 300px;
}
.ratones .r-disfruta-desktop, .ratones .r-disfruta-mobile {
    background-color: #ef7c00;
    border-radius: 40px;
    text-transform: uppercase;
    color: #FFF;
    font-family: 'Gotham Rounded';
    font-weight: 600;
    padding: 10px 24px;
    font-size: 13px;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}
.ratones .click_8d:hover {
	background-color:#db2739;
}
.ratones .r-centrar a {
	text-decoration: none;
}
.ratones .r-start {
	margin: auto;
	width: 100%; 
	min-height: calc(100vh - 114px);
	position: relative;
	background-image: url(../images/fondohome.png);
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
}
.ratones .r-block {
	margin: auto;
	width: 100%; 
	min-height: 50vw;
	position: relative;
	overflow: hidden;
	transition: all 1.5s ease;
}
.ratones .fixy img {
	transform: translateY(-50%);
}
.ratones .r-home {
	margin: auto;
    width: 100%;
    min-height: calc(100vh - 114px);
    display: inline-table;
    position: relative;
    transition: all 1.5s ease;
    background-image: url(../images/fondohome.png);
    background-position: top center;
    align-content: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.ratones .r-welcome {
	margin: auto;
    width: 100%;
    min-height: calc(100vh - 114px);
    display: inline-table;
    position: relative;
    transition: all 1.1s ease;
    background-image: url(../happy.jpg);
    background-position: top center;
    align-content: center;
    background-repeat: no-repeat;
	background-size: cover;
	opacity: 1;
	visibility: visible;
	transition: all 1.5s ease;
	position: relative;
	z-index: 99;
	height: calc(100vh - 20px);
}
.ratones .r-welcome.out-pantalla {
	opacity: 0;
	visibility: hidden;
	position: absolute
}
.ratones .rhide {
	opacity: 0;
}
.ratones .rshow {
	opacity: 1;
}
.ratones .splash {
	position: absolute;
	transition: all 1.5s ease;
	z-index: 1;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.ratones .splash img {
	width: 100%;
}
.ratones .splashm {
	width: 100%;
}
.ratones .splashm img {
	width: 100%; 
}
.ratones .r-start-home {
	width: 100%;
	max-width: 80vw;
	margin: auto;
	padding-top: 4vw;
	text-align:center;
	position: relative;
}
.ratones .r-start-home .lg {
	max-width: 20vw;
	margin:auto;
}
.ratones .r-start-home .radio {
	position: absolute;
	transform: translate(-50%);
	left: 50%;
    margin-top: -5vw;
    z-index: 3;
    width: 80%;
}
.ratones .anim_radio {
    max-width: 23vw;
    max-height: 30vh;
}
.ratones .r-start-home .radio-triangle-1 {
    position: absolute;
    display: none;
    transform: translate(-50%) rotate(0deg);
    left: 50%;
    margin-top: -42%;
    margin-left: 3.2vw;
    z-index: 4;
    max-width: 30px;
    transform-origin: center;
    -webkit-animation: 4s slidr infinite;
    animation: 4s slidr infinite;
    transition: .7s;
}
.ratones .r-start-home .radio-triangle-2 {
    position: absolute;
    transform: translate(-50%) rotate(180deg);
    left: 50%;
    margin-top: -42%;
    margin-left: 3.2vw;
    z-index: 4;
    max-width: 4vw;
    transform-origin: center;
    /*
    -webkit-animation: 4s slidr2 infinite;
    animation: 4s slidr2 infinite;
    */
    transition: .7s;
}
.ratones .r-start-home .moon {
	position: relative;
	margin: auto;
	transition: all 0.5s ease;
	margin-left: -6vw;
}
.ratones .r-start-home .moon1 {
	margin: auto;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	max-width: 50vw;
	max-height: 30vh;
}
.ratones .r-start-home .moon2 {
	max-width: 50vw;
	margin: auto;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	transform: scale(0) translateX(-50%);
	transform-origin: left;
	max-height: 30vh;
}

.ratones .encuentra {
	font-family: 'Gotham Rounded';
	text-align:center;
	width: 100%;
	font-weight:bold;
	color:#ef7c00;
	font-size: 15px;
	margin-top: 10px;
	margin-bottom: 10px; 
}
.ratones .encuentra img {
	max-width: 65%;
}
.ratones .discover {
	margin-left: -1vw;
}
.ratones .discover, .ratones .discover a {
	color: #95b0d9; 
	font-family: 'Gotham Rounded';
	text-align: center;
	font-size: 1.3vw;
	text-decoration: none;
}
.ratones .r-home .rat {
    transition: all 1.2s ease;
    top: 50%;
    position: absolute;
    z-index: 2;
    transform: translateY(-50%);
    zoom: 0.85;
}
.ratones .r-home .r1 {
	max-width: 20vw;
    left: 6vw;
    margin-top: -5vw;
}
.ratones .r-home .r2 {
	max-width: 11vw;
    left: 29vw;
    margin-top: -16vw;
}
.ratones .r-home .r3 {
	max-width: 22vw;
	right: 13vw;
    margin-top: -15vw;
}
.ratones .r-home .r4 {
    max-width: 18vw;
    right: 0;
    margin-top: -1vw;
}
.ratones .r-home .r5 {
    max-width: 13vw;
    left: 9vw;
    margin-top: 12vw;
}
.ratones .r-home .r6 {
	max-width: 14vw;
    left: 21vw;
    margin-top: 10vw;
}
.ratones .r-home .r7 {
    max-width: 15vw;
    right: 19vw;
    margin-top: 14vw;
}
.ratones .r-home .star1 {
	max-width: 10vw;
    left: 20vw;
    margin-top: -19vw;
}
.ratones .r-home .star2 {
    max-width: 8vw;
    left: 51vw;
    margin-top: 18vw;
}

.ratones .r-home .top-logos {
    position: absolute;
    z-index: 2;
    max-width: 20vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 1.5s ease;
    margin-top: -16vw;
}
.ratones .r-home .raton-desktop {
	position: relative;
	width: 100%;
	min-height: calc(100vh - 114px);
}
.ratones .r-home .raton-desktop .logo {
	position: absolute;
    z-index: 2;
    max-width: 50vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 1.5s ease;
}
.ratones .r-home .bajada {
    transition: all 1.5s ease;    
}
.ratones .r-home .bajada h2 {
	padding: 0;
	margin: 0;
	font-family: 'Gotham Rounded';
	font-size: 1.5vw;
	font-weight: bold;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 25px;
	color:#000;
}
.ratones .r-home h3 {
	padding: 0;
	margin: 0;
	font-family: 'Gotham Rounded Book';
	font-size: 1.1vw;
	text-align: center;
	font-weight: normal;
	margin-bottom: 15px;
	color:#000;
} 
.ratones .world {
	position: absolute;
	z-index: 3;
	top: -5%;
	left: 0;
	pointer-events: none;
}
.ratones .fi {
	width: 100vw;
	pointer-events: none;
}
.ratones .r-video {
	-webkit-box-shadow: 0px 0px 83px 29px rgba(20,47,154,0.2);
	-moz-box-shadow: 0px 0px 83px 29px rgba(20,47,154,0.2);
	box-shadow: 0px 0px 83px 29px rgba(20,47,154,0.2);
	padding: 10px;
	border-radius: 20px;
}
.ratones .r-video-fix {
	-webkit-box-shadow: 0px 0px 20px 29px rgba(20,47,154,0.2) !important;
	-moz-box-shadow: 0px 0px 20px 29px rgba(20,47,154,0.2) !important;
	box-shadow: 0px 0px 20px 29px rgba(20,47,154,0.2) !important;
}
.ratones .video-2 {
	position: absolute;
	z-index: 2;
	left: calc(18vh);
    top: calc(21vh);
	width: 32vw;
    height: 21vw;
	overflow: hidden;
	border-radius: 20px;
}
.ratones .video-8 {
    position: absolute;
    z-index: 2;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    overflow: hidden;
    border-radius: 20px;
	width: 32vw;
    height: 21vw;
}
.ratones .video-8 iframe {
    border-radius: 20px;
}
.ratones .plsfix {
	margin-left: 7vw !important;
}
.ratones .lo-que-no-falta {
	font-family: 'Gotham Rounded';
	font-size: 20px;
	margin-top: 20px;
	text-align: center;
	margin-bottom: 15px;
}
.ratones .video-2 iframe {
	border-radius: 20px;
}
.ratones .logo-3 {
	text-align: center;
	width: 100%;
	max-width: 25vw;
	z-index: 2;
	left: 50%;
	margin: auto;
	padding-top: 18px;
	margin-bottom: 20px;
}
.ratones .mn3 {
	position: absolute;
    z-index: 2;
    left: 10%;
    top: 15%;
    width: 15vw;
    max-height: 200px;
}
.ratones .video-3 {
	position: absolute;
	z-index: 2;
	right: 18%;
	top: 20%;
	width: 32vw;
    height: 21vw;
	overflow: hidden;
	border-radius: 20px;
}
.ratones .video-3 iframe {
	border-radius: 20px;
}
.ratones .menu-item {
    display: block;
    margin: auto;
    margin-top: 3vw;
    margin-bottom: 2vw;
    font-size: 3vw;
    font-family: 'Paper';
    text-decoration: none;
    color: #000;
    font-weight: 100;
}
.ratones .menu-item-last {
	margin-bottom: 60px;
}

.ratones .menu-item img {
	max-width: 35vw;
}
.ratones .video-4 {
	position: absolute;
	z-index: 2;
	right: 14%;
	top: 20%;
	width: 32vw;
	height: 21vw;
	overflow: hidden;
	border-radius: 20px;
}
.ratones .left_01 {
    z-index: 2;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: -4vw;
    max-width: 28vw;
}
.ratones .right_01 {
    z-index: 2;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: -4vw;
    max-width: 28vw;
}
.ratones .left_02 {
    z-index: 3;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 19vw;
    max-width: 32vw;
    margin-top: 0vw;
}
.ratones .left_02b {
	z-index: 3;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    max-width: 53vw;
    margin-top: -10vw;
}
.ratones .right_02 {
    z-index: 2;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 0vw;
    max-width: 35vw;
}


.ratones .left_03 {
    z-index: 3;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 1vw;
    max-width: 50vw;
    margin-top: 2.5vw;
} 

.ratones .left_04 {
    z-index: 3;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 10vw;
    max-width: 17vw;
    margin-top: 3vw;
} 

.ratones .right_04 {
	z-index: 2;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 0vw;
    max-width: 26vw;
    margin-top: 4vw;
}
.ratones .bug_01a {
	z-index: 2;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 4vw;
    max-width: 11vw;
    margin-top: -6vw;
}
.ratones .bug_01b {
	z-index: 2;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 27vw;
    max-width: 5vw;
    margin-top: -9vw;
}
.ratones .bug_01c {
    z-index: 2;
    position: absolute;
    transform: translateY(-50%) rotate(-27deg);
    top: 50%;
    left: 26vw;
    max-width: 3vw;
    margin-top: 0vw;
}
.ratones .left_06 {
	z-index: 3;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 3vw;
    max-width: 31vw;
    margin-top: 9vw;
} 

.ratones .right_06 {
    z-index: 3;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 0vw;
    max-width: 39vw;
    margin-top: 4vw;
}

.ratones .in-arrow {
	position: relative;
}
.ratones .cart-arrows {
	width: 28vw;
    position: absolute;
    z-index: 2;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    left: 50%;
    height: 600px;
    pointer-events: none;
}
.ratones .cart-arrows .cart-arrows-back {
	top: 50%;
	width: 50%;
	z-index: 3;
	position: absolute;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.ratones .cart-arrows .cart-arrows-next {
	top: 50%;
	text-align: right;
	right: 0;
	position: absolute;
	width: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.ratones .cart-a-back {
	pointer-events: all !important;
}
.ratones .cart-a-next {
	pointer-events: all !important;
}
.ratones .video-4 iframe {
	border-radius: 20px;
}
.ratones .r-newspaper {
	pointer-events: none;
	position: absolute;
	z-index: 3;
	right: 4%;
    top: 38%;
    max-width: 22vw;
}

.ratones .video-5 {
    position: absolute;
    z-index: 2;
    /* right: 14%; */
    width: 32vw;
    height: 21vw;
    overflow: hidden;
    border-radius: 20px;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
}
.ratones .video-5 iframe {
	border-radius: 20px;
}
.ratones .flores {
	position: absolute;
    z-index: 3;
    left: 27vw;
    top: 8vw;
    pointer-events: none;
    max-width: 14vw;
}
.ratones .flores img {
	pointer-events: none;	
}


.ratones .r-4 {
	margin-top: 0%;
    background-image: url(../images/m_azul.jpg);
    background-size: cover;
    background-position: 0vw 5vw;
}
.ratones .in-down {
	width: 100%;
	z-index:2;
	/*
	background-image: url(../images/m_azul.jpg);
    background-size: contain;
    */
}
.ratones .carr {

}
.ratones .carr .slick-slide img {
	max-height: 500px;
	margin:auto;
}
.ratones .carr .slick-slide {
	height: 60vw;
	max-height: 700px;
}
.ratones .carr .slick-slide  {
	text-align: center;
	transition: all .6s ease;
}
.ratones .slick-slide .uno {
	opacity: 1;
}
.ratones .slick-slide .dos {
	opacity: 0;
}
.ratones .slick-slide.slick-active {
	transform: scale(0.7);
	opacity: 0.5;
}
.ratones .slick-active.slick-current {
	transform: scale(1);
	opacity: 1;
}
.ratones .slick-slide.slick-current .dos {
	opacity: 1;
}
.ratones .rtt {
	position: relative;
	height: 600px;
} 
.ratones .rtt > img {
	position: absolute;
    transform: translate(-50%,-50%);
    margin: auto;
    left: 50%;
    top: 50%;
}
.ratones .slick-slide > div {
	height: 600px;
}
.ratones .slick-slide .masinfo {
	display:none;
	position: absolute;
	top: 450px;
	width: 100%;
	text-align: center;
}
.ratones .slick-slide.slick-current .masinfo {
	display:block;
}
.ratones .slick-slide.slick-current .titulo {
    display: block;
    border-radius: 30px;
    width: 48%;
    font-size: 27px;
    color: #000;
    padding: 5px 20px;
    font-size: 24px;
    text-align: center;
    border-radius: 30px;
    background-color: #FFF;
    font-family: 'Gotham Rounded';
    margin: auto;
}

.ratones .slick-slider {
	margin-bottom: 0 !important;
}
.ratones .slick-slide.slick-current .subtitulo {
	font-family: 'Gotham Rounded';
	display:block;
	width: 100%;
	color: #000;
	padding: 15px;
	margin-top: 15px;
	font-size: 1.1vw;
	text-align: center;
	border-radius: 30px;
}
.ratones .slick-slide.slick-current .subtitulo.rt1 { color: #000000;}
.ratones .slick-slide.slick-current .subtitulo.rt2 { color: #211915;}
.ratones .slick-slide.slick-current .subtitulo.rt3 { color: #d26eb7;}
.ratones .slick-slide.slick-current .subtitulo.rt4 { color: #992C32;}
.ratones .slick-slide.slick-current .subtitulo.rt5 { color: #73b69f;}
.ratones .slick-slide.slick-current .subtitulo.rt6 { color: #0283be;}
.ratones .slick-slide.slick-current .subtitulo.rt7 { color: #17212f;}

.ratones .juntos {
    max-width: 20vw;
    text-align: center;
    margin: auto;
}
.ratones .radio-group {
	position:relative;
}
.ratones .mancha {
	/*padding-top: 50px;*/
	/*background-image: url(../images/mancha.png);
	background-size: cover;*/
	font-family: 'Gotham Rounded';
	font-size: 20px;
	margin-bottom: 15px;
	color: #000;
	width: 37vw; 
	margin: auto;
	position: relative;
	text-align: center;
	max-width: 600px;
	min-width: 500px;
}
.ratones .jpm {

}
.ratones .estrella {
	background-image: url(../images/estrella.png);
    background-size: 100%;
    width: 50vw;
    height: 50vw;
    position: absolute;
    z-index: 1;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translateX(-50%);
    left: 50%;
}
.ratones .coleccionalos {
	font-family: 'Gotham Rounded';
	font-size: 27px;
	font-weight: bold;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
	text-align: center;
	margin: 0px;
	padding: 50px;
	position: absolute;
	color: #EF7C00;
	width: 100%;
}
.ratones .ya-viste-nuestro-comercial {
	font-family: 'Gotham Rounded';
	font-size: 27px;
	font-weight: bold;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
	text-align: center;
	margin-bottom: 15px;
	padding: 50px;
	position: absolute;
	width: 100%;
}
.ratones .video_destello {
    background-image: url(../images/video_destello.png);
    background-size: cover;
	width: 35vw;
    height: 24vw;
    margin: auto;
    border-radius: 30px;
    overflow: hidden;
    text-align: center;
    padding: 5vw;
}
.ratones .video_destello iframe {
	border-radius: 20px;
	overflow:hidden;
}


.ratones .tarjetas {
	text-align:center;
}
.ratones .tarjetas .whiteshake {
	position: relative;
	max-width: 35vw;
	margin: auto;
	margin-top: 150px;
	padding-bottom: 140px;
}
.ratones .tarjetas .whiteshake .tarjetas3 {
    position: absolute;
    top: -8vw;
    max-width: 100%;
    transform: translateX(-50%);
    left: 50%;
    width: 100%;
}
.ratones .tarjetas .tarjetas_title {
	color: #ef7c00;
	font-size: 20px;
	font-weight:bold;
	font-family: 'Gotham Rounded';
	text-align: center;
	margin-top: 10px;
	vertical-align: middle;
}
.ratones .tarjetas .tarjetas_title span {
	display:block;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 15px;
}
.ratones .tarjetas .tarjetas_title2 {
	color: #ef7c00;
	font-size: 22px;
	font-weight:bold;
	font-family: 'Gotham Rounded';
	text-align: center;
	vertical-align: middle;
}
.ratones .tarjetas .whiteshake .tarjetas3_title {
	color: #ef7c00;
	margin-top: -1vw;
	font-size: 18px;
	font-weight:bold;
	font-family: 'Gotham Rounded';
	text-align: center;
	vertical-align: middle;
}
.ratones .tarjetas .tarjetas_textos_paris {
	color:#24A5DA;
	font-weight:bold;
	border: 2px solid #24A5DA;
	font-family: 'Gotham Rounded';
}
.ratones .tarjetas .tarjetas_textos_easy {
	color:#E3162B;
	font-weight:bold;
	border: 2px solid #E3162B;
	font-family: 'Gotham Rounded';
}
.ratones .tarjetas .tarjetas_textos_jumbo {
	color:#009A52;
	font-weight:bold;
	border: 2px solid #009A52;
	font-family: 'Gotham Rounded';
}
.ratones .tarjetas_textos {
	margin-top: 10px;
}
.ratones .tarjetas_textos > div {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    padding: 7px 20px;
    border-radius: 14px;
    border: 2px solid #FFF;
    background-color: #FFF;
    min-width: 20%;
    text-align: center !important;
}
.ratones .tarjetas .whiteshake .tarjetas3 img.cards {
	transform: scale(1.1);
}
.ratones .tarjetas .whiteshake .tarjetas3_title h1 {
	display:inline-block;
	font-size: 5vw;
	vertical-align: middle;
    margin: 0;
    padding: 0;
}
.ratones .tarjetas .whiteshake .tarjetas3_title h2 {
	display:inline-block;
	font-size: 20px;
	vertical-align: middle;
    margin: 0;
    padding: 0;
}
.ratones .tarjetas .whiteshake .tarjetas3_title h3 {
	display:block;
	font-size: 1.4vw;
	color: #999;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}
.ratones .tarjetas .tarjetas3_logos {
	margin-top: 10px;
	margin-bottom: 20px;
}
.ratones ul.empresas {
	list-style: none;
	margin:0;
	padding: 0;
	text-align: center;
	margin-bottom: 10px;
}
.ratones ul.empresas li {
	display: inline-block;
	max-width: 30%;
	margin-left: 3px;
	margin-right: 3px;
}
.ratones ul.empresas li img {
	width: 6vw;
	max-width: 80px;
}
.ratones ul.empresas li a {
	display:inline-block;
	padding: 4px 6px;
	background-color:#FFF;
	border: 1px solid #ef7c00;
	border-radius: 12px;
	margin-top: 12px;
	color:#ef7c00;
	font-size: 14px;
	font-weight:bold;
	font-family: 'Gotham Rounded';
	text-align: center;
	text-decoration: none;
	transition: all 0.5s ease;
}
.ratones ul.empresas li a:hover {
	background-color: #ef7c00;
	color: #FFF;
}
.ratones ul.empresas2 {
	list-style: none;
	margin:0;
	padding: 0;
	text-align: center;
	margin-bottom: 40px;
	margin-top: 40px;
}
.ratones ul.empresas2 li {
	display: inline-block;
	max-width: 23%;
	margin-left: 8px;
	margin-right: 8px;
}
.ratones ul.empresas2 li img {
	max-width: 6vw;
}
.ratones ul.empresas2 li a {
	display:inline-block;
	padding: 4px 22px;
	background-color:#FFF;
	border: 1px solid #ef7c00;
	border-radius: 12px;
	margin-top: 12px;
	color:#ef7c00;
	font-size: 14px;
	font-weight:bold;
	font-family: 'Gotham Rounded';
	text-align: center;
	text-decoration: none;
	transition: all 0.5s ease;
}
.ratones ul.empresas2 li a:hover {
	background-color: #ef7c00;
	color: #FFF;
}

.ratones .audiobook {
	margin: auto;
	max-width: 21vw;
	padding-top: 50px;
	margin-bottom: 50px;
}
.ratones .audiobook .spotify {
	max-width: 16vw;
	margin: auto;
	margin-bottom: 30px;
}
.ratones .clickmenu i {
	color:#000;
	font-size: 40px;
}
.ratones .closemenu i {
	color:#000;
	font-size: 40px;
}

.ratones .left-logos {
	/*
	position: fixed;
	z-index: 3;
	max-width: 14vw;
	left: 2%;
	top: calc(1% + 114px);
	*/
	text-align: center;
    margin-top: -4px;
    position: absolute;
    z-index: 3;
    max-width: 11vw;
    left: 50%;
    transform: translateX(-50%);
}
.ratones .presentan {
    color: black;
    font-weight: 400;
    font-family: 'Gotham Rounded';
    font-size: 1vw;
}
.ratones .right-menu {
	position: fixed;
	z-index: 3;
	right: 15px;
	top: calc(1% + 114px);
}

.ratones .left-logos.sticky {
	top: 25px;
}
.ratones .right-menu.sticky {
	top: 25px;
}

.ratones .fixed-menu {
	background-image: url(../images/menu_2020.jpg);
	width: 100%;
	height: 100%;
	z-index: 10;
	top: 0;
	position: fixed;
	background-size: cover;
	background-position: center center;
}
.ratones .middle-screen {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
	text-align: center;
	max-width: 50vw;
}
.ratones .middle-screen .mdl-logos {
	max-width: 240px;
	width: 240px;
}
.ratones .middle-screen .mdl-empresas {
	padding:0;
	margin:0;
}
.ratones .middle-screen .mdl-empresas {
	text-align: center;
	list-style: none;
}
.ratones .middle-screen .mdl-empresas li {
	max-width: 75px;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}
.ratones .titulo-caluga {
	max-width: 100% !important;
    height: auto !important;
    display: block !important;
    position: relative !important;
} 
.ratones .discover_mobile {
	display: block;
	position: absolute;
	width: 100%;
	bottom: 20px;
	margin: 0;
	color: #95b0d9; 
	font-family: 'Gotham Rounded';
	text-align: center;
	font-size: 20px;
	text-decoration: none;
}
.ratones .discover_mobile a { 
	color: #95b0d9; 
	text-decoration: none;
}
.ratones .discover_mobile img {
	margin-top: 10px;
}
.ratones .bm {
	display: none;
}
.ratones .raton_naranja {
    background-color: #ef7c00;
    color: #FFF;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 10px;
}
.ratones .fcenter {
	text-align:center;
}
@media (min-width: 1600px) {
	.ratones .tarjetas .whiteshake .tarjetas3_title h1 {
		font-size: 4.5vw;
		margin-top: 0.6vw;
	}
	.ratones .tarjetas .whiteshake .tarjetas3_title h3 {
		font-size: 1.2vw;
	}
	.ratones .tarjetas .whiteshake {
		margin-top: 190px;
	}
}
@media (max-width: 600px) and (min-height: 700px) {
	.ratones .discover_mobile {
		bottom:100px;
	}
	.ratones .r-start {
		padding-top: 50px;
		background-position: -100vw 80px;
	}
	.ratones .left-logos {
		padding-top: 40px;
	}
}
@media (max-width: 600px) {
	/*
	.ratones .r-home .rat {
		transform: initial;
		-webkit-transform: initial;
		zoom: 1;
		top: 0;
	}
	*/ 
	.ratones .discover_mobile {
		bottom: 30px !important;
	}
	.ratones .r-centrar {
		position: absolute;
		top: calc(50% - 66px);
	}
	.ratones .r-disfruta-desktop {
		display:none;
	}
	.ratones .r-disfruta-mobile {
		display: inline-block;
		width: 320px;
		padding: 15px 24px;
    	font-size: 15px;
	}
	.ratones .presentan {
		font-size: 3vw;
	}
	.ratones .left_01 {
	    transform: rotate(-15deg) !important;
	    top: 60%;
	    left: -5vw;
	    max-width: 35vw;
	}
	.ratones .right_01 {
		transform: rotate(24deg) !important;
		top: -3%;
		right: -4vw;
		max-width: 41vw;
	}
	.ratones .r-video.videox iframe {
		border-radius: 3vw;
	}	
	.ratones .logo-3 {
		max-width: 75vw;
		margin-bottom: 120px;
	}
	.ratones .in-down {
	    background-position: center center;
	    background-size: cover;
	}
	.ratones .slick-slider {
		top: -200px;
		margin-bottom: -200px !important;
	}
	.ratones .r-home {
		background-position: -90vw 0px;
	}	
	.ratones .bm3 {
		padding-bottom: 80px;
	}
	.ratones .r-newspaper {
		right: -3%;
		top: 36%;
		max-width: 30vw;
	}
	.ratones .l03a {
		position: absolute;
		bottom: 30px;
		left: 0;
	}
	.ratones .l03b {
		position: absolute;
		bottom: 48px;
		right: 0;
	}
	.ratones .mn33 {
		max-width: 25vw;
		position: absolute;
		z-index: 3;
		left: 1vw;
		bottom: 5vw;
	}
	.ratones .r-home .raton-desktop .logo {
		max-width: 75vw;
		width: 75vw;
		margin-top: 5vw;
	}
	.ratones .r-home .bajada h2 {
		font-size: 3vw;
	}
	.ratones .r-home h3 {
		font-size: 3.1vw;
		max-width: 100vw;
		text-align: center;
		width: 50vw;
		transform: translateX(-50%);
		left: 50%;
		/* width: 100%; */
		position: absolute;
	}
	.ratones .r-home .r1 {
	    max-width: 38vw;
	    left: -5vw;
	    margin-top: -24vw;
	}
	.ratones .r-home .r2 {
	    max-width: 22vw;
	    left: 33vw;
	    margin-top: -38vw;
	}
	.ratones .r-home .r3 {
	    max-width: 40vw;
	    right: 13vw;
	    margin-top: -38vw;
	}
	.ratones .r-home .r4 {
	    max-width: 35vw;
	    right: -12vw;
	    margin-top: -19vw;
	}
	.ratones .r-home .r5 {
		max-width: 29vw;
	    left: 30vw;
	    margin-top: 0vw;
	    bottom: 0;
	    top: initial;
	}
	.ratones .r-home .r6 {
	    max-width: 28vw;
	    left: -4vw;
	    margin-top: 37vw;
	}
	.ratones .r-home .r7 {	
		max-width: 35vw;
		right: 2vw;
		margin-top: 66vw;
	}
	.ratones .r-home .raton-desktop {
		min-height: calc(100vh - 60px);
	}
	.ratones .r-home .top-logos {
	    max-width: 40vw;
	    margin-top: -16vw;
	    top: 100px;
	}
	.ratones .r-home .star1 {
	    max-width: 28vw;
	    left: 2vw;
	    margin-top: -50vw;
	}
	.ratones .r-home .star2 {
	    max-width: 18vw;
	    right: 6vw;
	    margin-top: 60vw;
	    left: initial;
	}

	.ratones .anim_radio {
		max-height: initial;
		max-width: 70vw;
		width: 70vw;
	}
	.ratones .r-start-home .lg {
		max-width: 55vw;
	}
	.ratones .r-start {
		min-height: calc(100vh - 61px);
		background-size: initial;
		background-position: -101vw -15vw;
		background-repeat: no-repeat;
	}
	.ratones ul.empresas li img {
	    width: 6vw;
	    max-width: 30vw;
	    width: 70px;
	}
	.ratones ul.empresas li a {
		font-size: 11px;
	}
	.ratones .r-start-home .moon {
		/*margin-left: 0vw;*/
	}
	.ratones .r-start-home .moon1 {
	    max-width: initial;
	    width: 150vw;
		margin-left: -5vw;
    	top: 0vw;
    	max-height: initial;
	}
	.ratones .r-start-home .moon2 {
	    max-width: initial;
	    width: 150vw;
	    margin-left: -5vw;
	    top: 0vw;
	    max-height: initial;
	}
	.ratones .encuentra img {
		max-width: 100%;
	}
	.ratones .discover {
		display: none;
	}

	.ratones .right-menu {
	    top: calc(1% + 60px);
	    left: 15px;
	    right: initial;
	}
	.ratones .left-logos {
		max-width: 44vw;
	}
	.ratones .r-start-home {
		padding-top: 18vw;
	}
	.ratones .r-start-home .radio {
		margin-top: -14vw;
		width: 100%;
	}
	.ratones .bb {
		display:none !important;
	}
	.ratones .bm {
		height: auto;
		width: 100%;
		background-repeat: no-repeat;
		background-size: contain;
		max-width: 100vw;
		display:block;
		margin-top: 20px;
    	margin-bottom: 20px;
	}

	.ratones .lo-que-no-falta {
		color:black;
	}
	.ratones .cart-arrows {
		width: 80vw;
		top: -200px;
	}
	.ratones .carr .slick-slider {
		margin-top: -20vw;
	}
	.ratones .carr .slick-slide {
		height: 120vh;
	}
	.ratones .slick-slide.slick-current .titulo {
		display: block;
		width: 75%;
	}
	.ratones .slick-slide.slick-current .subtitulo {
		font-size: 14px;
	}
	.ratones .carr .slick-slide img {
		max-height: 55vh;
	}
	.ratones .mancha {
		width: 90vw;
		max-width: 90vw;
		min-width: auto;
	}
	.ratones .left_02 {
	    transform: rotate(-5deg) !important;
	    top: 20%;
	    left: 0;
	    max-width: 120vw;
	    margin-top: 0vw;
	    pointer-events: none;
	}
	.ratones .left_02b {
	    transform: initial;
	    top: 0;
	    left: 0;
	    width: 150vw;
	    margin-top: -10vw;
	    pointer-events: none;
	}
	.ratones .ya-viste-nuestro-comercial {
		font-size: 18px;
		padding: 35px;
	}
	.ratones .tarjetas .tarjetas_title {
		font-size: 15px;
	}
	.ratones .tarjetas .tarjetas_title span {
		font-size: 11px;
	}
	.ratones ul.empresas2 li img {
		max-width: 65px;
	}
	.ratones ul.empresas2 li {
		max-width: 20%;
		margin-left: 4px;
		margin-right: 4px;
	}
	.ratones ul.empresas2 li a {
	    padding: 2px 12px;
    	font-size: 10px;
	}
	.ratones .juntos {
		max-width: 30vw;
	}
	.ratones .video_destello {
	    background-image: none;
	    width: 85vw;
	    height: 65vw;
	    margin-bottom: 80px;
	}
	.ratones .tarjetas .whiteshake {
	    position: relative;
	    max-width: 92vw;
	    margin: auto;
	    margin-top: 75px;
	    padding-bottom: 60px;
	}
	.ratones .tarjetas .whiteshake .tarjetas3 {
		top: -14vw;
	}
	.ratones .tarjetas .whiteshake .tarjetas3_title h1 {
		font-size: 12vw;
	}
	.ratones .tarjetas .whiteshake .tarjetas3_title h3 {
		font-size: 4vw;
	}
	.ratones .audiobook {
	    margin: auto;
	    max-width: 76vw;
	    padding-top: 90px;
	    margin-bottom: 50px;
	}
	.ratones .audiobook .spotify {
	    max-width: 52vw;
	    margin: auto;
	    padding-bottom: 50px;
	}
	.ratones .videox {
		display: block !important;
	    position: absolute;
	    top: 50vw;
	    left: 50%;
	    transform: translate(-50%,-50%);
	    width: 90vw;
	    height: 50vw;
	    z-index: 2;
	}
	.ratones .floresm {
	    position: absolute;
	    z-index: 3;
	    left: -11vw;
	    top: 10vw;
	    pointer-events: none;
	    max-width: 33vw;
	}
	.ratones .floresm img {
		pointer-events: none;	
	}
	.ratones .tarjetas3 img {
		max-width: 85vw;
	}
	.ratones .b06a {
		position: absolute;
		top: 6vw;
		right: 6vw;
		max-width: 45vw;
		z-index: 1;
	}
	.ratones .b06b {
	    position: absolute;
    	bottom: 9vw;
	    right: -12vw;
	    max-width: 40vw;
	    z-index: 2;
	}
	.ratones .b06c {
		position: absolute;
		bottom: -2vw;
		max-width: 53vw;
		z-index: 2;
		left: -8vw;
	}
	.ratones .fixed-menu {
		top: 0;

	}
	.ratones .middle-screen {
		max-width: 100vw;
	}
	.ratones .middle-screen .mdl-empresas li {
		max-width: 45px;
	}
	.ratones .menu-item {
		font-size: 12vw;
		line-height: 12vw;
		margin-bottom: 15px;
		margin-top: 15px;
	}
	.ratones .menu-item-last {
		margin-bottom: 35px;
	}
	.ratones .middle-screen .mdl-logos {
		max-width: 140px;
	}

	.ratones .left_04 {
		z-index: 2;
		position: absolute;
		transform: none;
		top: initial;
		left: -27vw;
		max-width: 56vw;
		margin-top: 0vw;
		bottom: 0;
	}
	.ratones .right_04 {
	    z-index: 2;
	    position: absolute;
	    transform: translateY(-50%);
	    top: initial;
	    right: -17vw;
	    max-width: 45vw;
	    bottom: 12vw;
	}
	.ratones .bug_01a {
		z-index: 2;
		position: absolute;
		transform: initial;
		top: 2vw;
		left: 2vw;
		max-width: 22vw;
		margin-top: 0;
	}
	.ratones .bug_01b {
		z-index: 3;
		position: absolute;
		transform: initial;
		top: 5vw;
		left: initial;
		max-width: 9vw;
		margin-top: 0;
		right: 10vw;
	}
	.ratones .bug_01c {
		z-index: 3;
		position: absolute;
		transform: rotate(-27deg);
		top: 20vw;
		left: initial;
		max-width: 6vw;
		margin-top: 0vw;
		right: 24vw;
	}
	.ratones .discover_mobile {
		bottom: 5px;
		font-size: 16px;
	}
	.ratones .discover_mobile img {
		margin-top: 0px;
		max-height: 30px;
	}
}

@media (max-width: 450px){

	.ratones .discover_mobile {
		font-size: 18px;
		bottom: 5px;
		position: relative;
		bottom: auto !important;
		top: 20px;
	}
	.ratones .r-start {
		min-height: calc(100vh - 71px);
	}
	.ratones .r-start-home{
		height: 487px;
	}
}


@media (max-width: 1430px) {
	.ratones ul.empresas li img{
		max-width: 66px;
	}
	.ratones .discover_mobile{
		font-size: 18px;
		bottom: 5px
	}
	.ratones .discover_mobile img{
		max-width: 28px;
	}
}
/* @media (max-height: 700px) {
	.ratones .r-start{
		background-position: center calc(100% - 56px);
    	background-size: cover;
	}
	.ratones .r-start-home .lg {
		max-width: 15vw;
		margin: auto;
	}
} */

@media (max-height: 580px) {
	.ratones .r-start {
		background-size: 300%;
		background-position: top;
	}
}
@media (max-height: 580px) {
	.ratones .discover_mobile {

	}
}

.ratones .videox {
	display:none;
}