.rompe-title {
	font-size: 30px !Important;
	line-height: normal;
	margin-bottom: 0px;
}

.rompe-title-final {
	font-size: 24px !Important;
	line-height: normal;
	margin-bottom: 0px;
}

.rompe-title-2 {
	font-size: 27px !Important;
	line-height: normal;
	margin-bottom: 0px;
}

.rompe-text {
	font-size: 27px !Important;
	line-height: normal;
}

.rompe-text-final {
	font-size: 23px !Important;
	line-height: normal;
}

.rompe-text-2 {
	font-size: 26px !Important;
	line-height: normal;
}

.content-img-rompe1 {
	width: 100%;
	margin-top: 30px;
}

.margin-content {
	margin-bottom: 20px;
}

.content-table-rompe1 {
	max-height: 400px;
}

.content-completo-rompe2 {
	display: flex;
	flex-flow: row nowrap;
	padding: 30px 80px 0px 90px;
}

.margin-content-info-rompe2 {
	margin-right: 20px;
}

.contenedor-tiempo-final{
	height: 90%;
    display: flex;
}

.contenedor-texto-tiempo-final {
	display: flex;
	flex-flow: column;
	align-items: center;
	    align-self: center;
}

.contenedor-texto-tiempo-final .tiempo2 {
	width: 140px;
}

/* Banner Home Start */
.banner {
	max-width: 1169px;
	margin: 0 auto;
}

.bnner {
	/*background-image: url('https://storage.googleapis.com/movistar-public/movistar-formularios/image/juegorompecabezas/img/BANNER.png');*/
	background-repeat: no-repeat;
	background-position-x: center;
	width: 100%;
	/*height: 412px; */
	/* padding: 8% 9%; */
}

.bnner>h5 {
	color: black;
	font-family: 'TelefonicaLight';
	top: 40px;
	position: absolute;
	font-weight: 600;
	font-size: 20px;
	background-image: url('../img/corona.png');
	background-repeat: no-repeat;
	height: 30px;
	background-position-x: 12%;
	padding-left: 9%;
}

.bnner>h2 {
	color: black;
	font-family: 'TelefonicaExtraLight';
	font-size: 48px;
	margin-left: 4%;
	padding-top: 8%;
}

.bnner>p {
	color: black;
	font-family: 'TelefonicaRegular';
	margin-left: 4%;
	font-size: 21px;
}

.form {
	margin: 5% 8%;
}

.btn-center {
	text-align: center;
}

.btn-center>button {
	background-color: rgb(111, 163, 0);
	border-color: rgb(111, 163, 0);
}
/* Banner home End */
.ptext {
	color: white;
	font-family: TelefonicaLight;
	font-size: 21px;
}

.orderjuego {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.orderjuego-2 {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.orderjuego-3 {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.rompe2-table {
	width: 70%;
	min-width: 600px;
}

/* Banner 1 Star Rompecabezas1 */
.banner1 {
	/*background-image: url('https://storage.googleapis.com/movistar-public/movistar-formularios/image/juegorompecabezas/img/background-rompe-1.png');
    background-repeat: no-repeat;
	background-color: #0b2739;*/
	width: 100%;
	height: 752px;
	max-width: 1169px;
	margin: 0 auto;
	background-image: url(https://storage.googleapis.com/movistar-public/movistar-formularios/image/juegorompecabezas/img-rompe-v6/bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.tiempo {
	/*position: absolute;
    right: 20%;
    top: 1%;
    z-index: 9;*/
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 30px 40px 30px;
}

/*tiempo {
    color: black;
    font-size: 30px;
    padding: 2px 5px 2px 40px;
    border-radius: 10px;
    background: #ffff url('../img/reloj.png') no-repeat;
    background-size: 20px;
    background-position-y: center;
    background-position-x: 12px;
    font-family: 'TelefonicaLight';
  }*/
tiempo {
	color: black;
	font-size: 30px;
	/*padding: 2px 5px 2px 40px;*/
	border-radius: 10px;
	background: #ffff url('../img/reloj.png') no-repeat;
	background-size: 20px;
	background-position-y: center;
	background-position-x: 12px;
	font-family: 'TelefonicaLight';
	display: flex;
	padding: 2px 15px 2px 15px;
	align-items: center;
}

tiempo div {
	margin-right: 10px;
	display: flex;
}

tiempo div img {
	width: 21px;
}

.tiempo2 {
	position: absolute;
	right: 20%;
	top: 1%;
	z-index: 9;
}

.conten-img {
	margin-left: 30px;
	margin-right: 30px;
}

/*.juego-1 > div:nth-child(1) {
    padding-top: 60px;
  }*/
table {
	padding-top: 40px;
}

.rompe1-imgages, .rompe2-imgages, .rompe3-imgages {
	width: 100%;
}

.rompe2-imgages {
	height: 160px;
}

.rompe1-completo>* {
	width: 100%;
}

.rompe2-completo>* {
	width: 100%;
}

.rompe3-completo>* {
	width: 100%;
}

.juego-1>.conten-img>div:nth-child(2)>img {
	padding-top: 10px;
	/*padding-left: 17px;*/
}

.juego-2>.conten-img>div:nth-child(2)>img {
	padding-top: 10px;
	padding-left: 17px;
}

.juego-3>.conten-img>div:nth-child(2)>img {
	padding-top: 10px;
	padding-left: 17px;
}

.instruc {
	margin-top: 10px;
	margin-left: 30px;
	margin-right: 30px;
	text-align: center;
	color: white;
	font-family: 'TelefonicaRegular';
	font-size: 21px;
}

.banner3-tyc {
	max-width: 1169px;
	margin: 0 auto;
}

.tyc {
	background: #efefef;
	height: 44px;
	padding-top: 9px;
	padding-left: 13px;
}

a {
	color: black !important;
	text-decoration: none !important;
}

/* Banner 1 End */

/* Banner 2 Star */
.banner-image {
	background-image:
		url('https://storage.googleapis.com/movistar-public/movistar-formularios/image/juegorompecabezas/img-rompe-v7/fondo_final.png');
	background-repeat: no-repeat;
	width: 100%;
	height: 752px;
	max-width: 1169px;
	margin: 0 auto;
	background-position-x: center;
	background-size: cover;
	/*display: flex;
	flex-direction: column;
	justify-content: space-between;*/
}

.txt-final {
	color: white;
	font-weight: 100;
	width: 45%;
	font-family: 'TelefonicaLight';
	min-width: 480px;
	margin-bottom: 1rem;
	font-size: 2rem;
}

.tiempo2 {
	position: static;
	right: 44%;
	top: 97%;
	z-index: 9;
}

.txt-time {
	margin-top: 1rem;
}

.banner2>div:nth-child(2) {
	padding-top: 12%;
}

.banner2>div:nth-child(2)>p {
	text-align: center;
	margin: 0;
	color: white;
	font-family: 'TelefonicaBold';
	font-size: 20px;
}

.banner2>.conten-img {
	margin-top: 4%;
}

.banner2>.conten-img>img {
	height: 516px;
}

.textJuego2 {
	color: white;
	font-family: 'TelefonicaBold';
	font-size: 1.4rem;
	font-weight: 900;
	margin: 0 0 0 2rem;
}

.textGuiaJuego2 {
	color: white;
	font-family: 'TelefonicaLight';
	font-size: 1.2rem;
	margin: 0 0 0 2rem;
}

.inputOtro {
	border: none;
	outline: none;
	border-bottom: solid 1px;
}

.ocultar {
	display: none;
}

.txt-bold {
	font-weight: bold;
	font-family: 'TelefonicaBold';
}

.container-icon-final {
	padding: 45px 20px 25px 20px;
}

.container-title-final {
	color: white;
	font-family: 'TelefonicaRegular';
	padding: 0px 10em;
}

.container-title-final h3 {
	text-align: center;
	font-weight: bold;
	font-size: 3.5rem;
}

.banner-image-general{
	width: 100%;
}

.banner-image-mv{
	display: none;
}

.descriptor, .container-icon-final{
	DISPLAY: FLEX;
    JUSTIFY-CONTENT: CENTER;
    ALIGN-ITEMS: CENTER;
}

.descriptor img, .container-icon-final img{
	WIDTH: 30PX;
    HEIGHT: 30PX;
    MARGIN-RIGHT: 10PX;
}

.descriptor p, .container-icon-final p{
	MARGIN: unset;
    COLOR: WHITE;
    font-weight: bold;
    font-size: 1.5em;
}

.container-icon-final p{
	font-size: 2em;
}

/* Banner 2 End */

/* responsive */
@media ( min-width : 1170px) and (max-width: 1370px) {
	.bnner>h5 {
		padding-left: 7%;
		background-position-x: 17%;
	}
}

@media ( min-width : 1025px) and (max-width: 1169px) {
	.bnner>h5 {
		padding-left: 8%;
	}
}

@media ( min-width : 768px) and (max-width: 1024px) {
	.bnner>h5 {
		padding-left: 10%;
	}
}

@media
(
min-width
:
767px)
and
(max-width:
856px)
{
/*.juego-1 > .conten-img > div > img {
      width: 320px;
      height: 150px;
    }*/
.juego-2>.conten-img>div>img {
	/*width: 320px;
      height: 150px;*/
	
}

}
@media ( min-width : 501px) and (max-width: 767px) {
	.bnner>h5 {
		padding-left: 10%;
	}
	.bnner>h2 {
		padding-top: 11%;
	}

	/*.juego-1 > .conten-img > div > img {
      width: 320px;
      height: 150px;
    }
  
    .juego-2 > .conten-img > div > img {
      width: 320px;
      height: 150px;
    } */
}

@media ( min-width : 430px) and (max-width: 600px) {
	.bnner>h5 {
		padding-left: 14%;
	}
	.bnner>h2 {
		padding-top: 15%;
		font-size: 35px;
		padding-left: 2%;
	}
	.bnner>p {
		padding-left: 2%;
	}
	.banner2>div:nth-child(2) {
		padding-top: 20%;
	}
}

@media ( min-width : 297px) and (max-width: 429px) {
	.bnner>h5 {
		padding-left: 19%;
	}
	.bnner>h2 {
		padding-top: 22%;
		font-size: 29px;
		padding-left: 2%;
	}
	.bnner>p {
		padding-left: 2%;
		font-size: 17px;
	}
	.banner2>div:nth-child(2) {
		padding-top: 40%;
	}
}

@media ( min-width : 20px) and (max-width: 296px) {
	.bnner>h5 {
		padding-left: 25%;
	}
	.bnner>h2 {
		padding-top: 34%;
		font-size: 21px;
		padding-left: 6%;
	}
	.bnner>p {
		padding-left: 6%;
		font-size: 15px;
	}
	.banner2>div:nth-child(2) {
		padding-top: 40%;
	}
}

@media ( max-width : 883px) {
	.rompe-title-2, .rompe-text-2 {
		font-size: 20px !Important;
	}
}

@media ( max-width : 798px) {
	.container-title-final{
		padding: 0px 5em;
	}
}

@media ( max-width : 750px) {
	.tiempo {
		flex-direction: column;
		padding: 35px 0px 24px 0px;
	}
	.tiempo .descriptor {
		margin-bottom: 20px;
	}
	.banner1 {
		height: unset;
		/*background-image: url(https://storage.googleapis.com/movistar-public/movistar-formularios/image/juegorompecabezas/img/background-rompe-mobile.png);
    		*/
		background-size: cover;
	}
	.orderjuego {
		flex-direction: column-reverse;
	}
	.rompe1-completo .iconos{
		padding: 1em 2em 2em 2em;
	}
	
	.orderjuego-2 {
		flex-direction: column-reverse;
	}
	.orderjuego-3 {
		flex-direction: column-reverse;
	}
	.content-table-rompe1 {
		max-height: unset;
		/*padding-top: 80px;*/
	}
	.content-info-rompe1 {
		width: auto !Important;
		/*margin-top: 30px;*/
		padding-top: 0px !Important;
		align-items: center;
	}
	.rompe-title, .rompe-text, .rompe-title-2, .rompe-text-2,
		.rompe-text-final, .rompe-title-final {
		text-align: center;
	}
	.content-img-rompe1 {
		display: flex;
		margin: 20px 0px 20px 0px;
		justify-content: center;
	}
	.rompe1-table {
		max-width: 500px;
		margin-bottom: 1.5rem;
	}
	.rompe2-table {
		max-width: 500px;
	}
	.rompe3-table {
		max-width: 500px;
	}
	.banner-image {
		background-image:
			url(https://storage.googleapis.com/movistar-public/movistar-formularios/image/juegorompecabezas/img-rompe-v7/fondo_final_mv.png?id=1);
		min-height: 100vh;
		/*justify-content: unset;*/
		background-color: #019df4;
        /* background-size: contain; */
        display: flex;
        flex-direction: column;
	}
	.txt-final {
		font-size: 1.7rem;
		width: 100%;
		min-width: unset;
		margin-bottom: unset;
	}
	.txt-final p:first-child {
		margin-bottom: 0;
		font-size: 1.6rem;
	}
	.txt-time {
		margin-bottom: 1rem;
		margin-top: 0rem;
		font-size: 1.6rem;
	}
	.rompe2-table {
		min-width: 370px;
	}
	.content-rompe-2-img {
		display: flex;
		flex-flow: row wrap;
		width: 100%;
	}
	.content-rompe-2-img td {
		width: 48%;
	}
	.content-rompe-3-img {
		display: flex;
		flex-flow: row wrap;
		width: 100%;
	}
	.content-rompe-3-img td {
		width: 48%;
	}
	.content-completo-rompe2 {
		flex-flow: column;
		padding: 10px;
		margin-top: 20px !Important;
		align-items: center;
	}
	.margin-content-info-rompe2 {
		margin-bottom: 20px;
		margin-right: 0px;
	}
	.contenedor-texto-tiempo-final{
		align-self: end;
	}
	.contenedor-texto-tiempo-final .tiempo2 {
		margin: 10px 0px;
	}
	.container-icon-final {
		display: flex;
		justify-content: center;
		padding: 35px 10px 38px 10px;
		flex-shrink: 0;
	}
	.contenedor-tiempo-final{
		height: auto;
		flex-grow: 1;
	}
	.container-title-final {
		padding: 0px 1.1em;
	}
	.container-title-final h3 {
		margin-bottom: 30px;
		font-size: 2.3rem;
	}
	.tyc{
		text-align: center;
	}
	
}


@media (max-width:465px){
	.banner-image-mv{
		display: unset;
	}
	
	.banner-image-dk{
		display: none;
	}
}