/* Put your CSS code in the left column, instead of example, to put or remove unnecessary prefixes. */

.example {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
    background: -webkit-linear-gradient(top, white, black);
    background: -o-linear-gradient(top, white, black);
    background: linear-gradient(to bottom, white, black);
}html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
*, *:after, *:before{-webkit-box-sizing: border-box;box-sizing: border-box;}
@font-face{ 
    font-family: gruesa; src: url('../fonts/gotham-black.ttf'); 
}
@font-face{ 
    font-family: delgada; src: url('../fonts/gotham-bold.ttf'); 
}
@font-face{ 
    font-family: titulos; src: url('../fonts/American-captain.ttf'); 
}
/*estilos*/
strong{font-weight:bold;}
body{font-family: delgada , san-serif; background: -webkit-radial-gradient(#F7E300, #F7A600); background: -o-radial-gradient(#F7E300, #F7A600); background: radial-gradient(#F7E300, #F7A600);}
header {max-width: 960px;}
.volver-home {float: left; margin: 10px 0 0;}
.wrapper{max-width: 1366px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.wrapper > *{width: 100%;}
.container{width: 100%;}
.frase {text-align: center; line-height: 1.3em;}
.bnr.container {margin: 0 0 70px;}
.txt-intro {margin: 0 0 45px; max-width: 1000px;}
.txt-intro h3 {font-size: 42px; text-align: center; color: #29235C; width: auto; border-radius: 40px; margin: 0 0 40px;line-height: 1.2em;}
.txt-intro .red{color: #E50053}
.frase h2{color:#E50053; font-size: 84px; text-align: center; /*border-bottom: 5px dashed #30A9DF;*/ text-transform: uppercase; display: inline-block; font-family: titulos, san-serif; line-height: 1.5em;}
.frase::after { content: ""; display: block; width: 65%; height: 10px; background: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, #F7D700)), -webkit-gradient(linear, left top, right top, from(#00b9ff), to(#1755A8)); background: -webkit-linear-gradient(left, transparent 50%, #F7D700 50%), -webkit-linear-gradient(left, #00b9ff, #1755A8); background: -o-linear-gradient(left, transparent 50%, #F7D700 50%), -o-linear-gradient(left, #00b9ff, #1755A8); background: linear-gradient(to right, transparent 50%, #F7D700 50%), linear-gradient(to right, #00b9ff, #1755A8); background-size: 77px 2px, 100% 2px; margin: 0 auto;}
.terminos { color: #fff; text-decoration: none; font-size: 72px; background: #E50053; display: inline-block; padding: 40px 100px; text-align: center; font-family: titulos, san-serif; width: auto; border-radius: 40px; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all}
.white { text-align: center; color: #fff; font-size: 24px; margin: 30px 0 0; letter-spacing: 0.01em; text-transform: uppercase;}
.logos-bot { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-around; padding: 50px; margin: 60px 0; max-width: 900px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.bnr.container img { width: 80%; margin: 0 auto; display: block;}
.footer.container {background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 50px 50px 60px; margin: 30px 0 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 10px 10px 0 0;}
/*Terminos*/
.terminos-condiciones {padding: 20px; background: rgb(256,256,256); font-family: helvetica; line-height: 1.2em; max-width: 960px; border-radius: 10px; -webkit-box-shadow: 1px 1px 13px #a47e1a; box-shadow: 1px 1px 13px #a47e1a;}
.terminos-condiciones h2 { color: #E50053; font-weight: 600; text-align: center; font-size: 18px; margin: 50px 0;}
.terminos-condiciones h3 { margin: 20px 0; text-align: left; font-weight: 600;}
.terminos-condiciones p, .terminos-condiciones li {margin: 0 0 15px; color: #555; line-height: 1.8em; list-style: inside;}
.volver{color: #fff; text-decoration: none; font-size: 36px; background: #E50053; display: inline-block; padding: 40px 100px; text-align: center; font-family: titulos, san-serif; width: auto; border-radius: 40px; margin: 50px 0; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all}
.volver-cont { display: block; margin: 0 auto; text-align: center;}
.terminos:hover, .volver:hover {background: #BA1551;}
.volver-cont-min .volver { margin: 10px 0; padding: 10px 30px; border-radius: 10px; font-size: 21px;}
.volver-cont-min { text-align: right; max-width: 800px;}
.tabla-cines {width: 100%;clear: both;float: left;margin: 2% 0; border: 5px solid #ccc;}
.fila{width:100%; padding:1%; float:left;}
.columna1, .columna2{width:50%; float:left;}
.fila00 {background-color:#2B336C; color:#fff; font-size:20px; font-weight:bold;}
.fila-i {background-color:#f2f2f2;}
.columna1 .subfila {margin: 2% 0; font-weight:bold;}
.columna2 .subfila {margin: 2% 0;}
.video-cont {margin: 40px auto; text-align: center; max-width: 1000px}
.video{position: relative;/* padding-bottom: 53.25%; padding-top: 30px; height: 0;*/ overflow: hidden; max-width: 800px; margin: auto;}
.video img{width: 100%;}
.video iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 100%;}

.terminos-condiciones li {list-style: inside;}
.terminos-condiciones .tt {background: #f7c100; color: #fff;}
.terminos-condiciones .tt p{color: #000}
.terminos-condiciones td{padding: 5px; border: 1px solid #eee;}
.terminos-condiciones td p {font-size: 14px; font-weight: 400; color: #626262;}


@media screen and (max-width: 1400px){
	.bnr.container img {width: 60%;}
	.bnr.container {margin: 0 0 50px;}
	.txt-intro h3 {font-size: 36px;}
	.txt-intro {margin: 0 0 10px;}
	.frase h2 {font-size: 72px;}
	.frase::after {width: 50%;}
	.logos-bot {margin:0;}
	.terminos {font-size: 42px;padding: 30px 50px;}
}

@media screen and (max-width: 1024px){
	.wrapper {max-width: 95%;}
	.txt-intro {max-width: 80%;}
	.terminos {font-size: 36px;padding: 25px 50px;}
	.footer.container img { width: calc(100% / 8 - 6px); margin: 0 3px;}
}

@media screen and (max-width: 768px){
	.frase h2 {font-size: 54px;}
	.logos-bot img { width: calc(100% / 3 - 40px); margin: 0 20px;}
	.footer.container img { width: calc(100% / 8 - 6px); margin: 0 3px;}
	.footer.container {padding: 30px;}
	.bnr.container img {width: 80%;}
	.bnr.container {margin: 0 0 20px;}
	.volver {padding: 20px 25px; border-radius: 10px; font-size: 30px;}
}

@media screen and (max-width: 480px){
	.txt-intro h3 {font-size: 21px;}
	.frase h2 {font-size: 30px;}
	.frase::after {width: 90%;background-size: 56px 2px, 100% 2px;}
	.logos-bot {-ms-flex-wrap: wrap;flex-wrap: wrap; padding: 30px 40px;}
	.logos-bot img { width: 50%; margin: 0 20px; margin: 0 25% 20px;}
	.terminos { font-size: 24px; padding: 20px 23px; border-radius: 15px;}
	.white {font-size: 18px; margin: 20px 0 0;}
	.footer.container {margin: 20px 0 0; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.footer.container img {width: 23%; margin: 0;}
}