@font-face {
    font-family: 'LHFEncoreRegular';
    src: url('/fonts/LHFEncoreRegular.eot');
    src: url('/fonts/LHFEncoreRegular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/LHFEncoreRegular.woff2') format('woff2'),
        url('/fonts/LHFEncoreRegular.woff') format('woff'),
        url('/fonts/LHFEncoreRegular.ttf') format('truetype'),
        url('/fonts/LHFEncoreRegular.svg#LHFEncoreRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {background-color: #000;}
/* Maint page phrase */
.nfnm { font-family: 'LHFEncoreRegular'; display: inline-block; font-size: 3em; position: absolute; left: 50%; top: 30%; transform: translate(-50%, -50%); text-align: center;}

h2 { line-height: .9em; }

/* Block backgrounds */
.row#change, .row#news { background-color: #e5e5e5; }
.row#intro, .row#footer { background-color: #000; }
.row#calltoaction, .row#roba { background-color: #fff; }

#save { background-color: #000; text-align: center; }
#save img {width: 200px; margin: 5px 0;}

#roba { background-image: url("/img/header_bg.jpg"); background-position: center center; background-size: cover; min-height: 600px; max-width: 2000px;}
#roba #savetext {font-size: 2.5em; color: #fff; font-weight: 900;}
#roba div {text-align: center;}
#roba div img {position: relative; top: 50%; width: 460px;}
#roba .container { padding-top: 100px; }

h2 { margin-bottom: 35px; }

.row#change h2 { font-family: 'LHFEncoreRegular'; font-size: 4em; text-align: center; display: block; width: 100%; color: #e01a2b; }
.row#change img { width: 100%;}
.row#change #progressbar { position: relative; width: 100%; height: 6px; border: 1px solid #842b8f;}
.row#change #progressbar #progress { position: absolute; height: 100%; background-color: #842b8f; }
.row#change .widget { border-radius: 8px 8px 0 0; color: #842b8f}
.row#change .changedata { font-size: .75em; line-height: .8em; }
.row#change .changedata strong { font-size: 1.8em; }
.row#change .gris {color: #215a6c;}
.row#intro { color: #fff; }
.row#intro h2 { font-family: 'LHFEncoreRegular'; font-size: 4em; text-align: center; display: block; width: 100%; }
.row#intro .inej img.center {width: 100%;}
.row#intro .inej img.sep {position: absolute; top: 50%; width: 100%;}
.row#intro .inej img.sep.left {right: 0;}
.row#intro .inej img.sep.right {left: 0;}

.row#linktree { color: #fff; }
.row#linktree a { color: #e01a2b; font-weight: 700; }

.row#calltoaction { color: #000; }
.row#calltoaction h2 { font-family: 'LHFEncoreRegular'; font-size: 4em; text-align: center; display: block; width: 100%; }
.row#calltoaction .netflixpetition { width: 100%;}
.row#calltoaction .netflixpetition:hover { cursor: pointer;}
.row#calltoaction .platbutton {display: block; background-color: #e5e5e5; border-radius: 8px; text-align: center; padding: 10px 0; margin: 8px 0;}
.row#calltoaction .platbutton.netflix {background-color: #e01a2b;}
.row#calltoaction .platbutton:hover {cursor: pointer;}
.row#calltoaction .kaz img.center {width: 100%;}
.row#calltoaction .kaz img.sep {position: absolute; top: 50%; width: 100%;}
.row#calltoaction .kaz img.sep.left {right: 0;}
.row#calltoaction .kaz img.sep.right {left: 0;}

a.enlacepdf:hover {text-decoration: none;}
.row .col.botonpdf { background-color: #e5e5e5; border-radius: 4px; padding: 5px 0; color: #e01a2b; font-weight: 700; }
#dearnetflix_cover:hover { cursor: pointer;}
#pdfoverlay div#pdfmodal { max-width: none; width: 90%; height: 90%;}

.row#news h2 { font-family: 'LHFEncoreRegular'; font-size: 4em; text-align: center; display: block; width: 100%; color: #746800; }
.row#news .item { position: relative; display: block; height: 150px; background-position: center center; background-size: cover; overflow: hidden; }
.row#news .item strong { position: absolute; bottom: 0; background-color: #746800; color: #fff; box-sizing: content-box; padding: .3em; font-size: .82em; opacity: 0;}
.row#news .item:hover strong { opacity: 1; transition: .5s;}
.row#news .sun img.center {width: 100%;}
.row#news .sun img.sep {position: absolute; top: 50%; width: 100%;}
.row#news .sun img.sep.left {right: 0;}
.row#news .sun img.sep.right {left: 0;}

.row#footer {font-size: .9em; color: #fff;}
.row#footer .email {color: #e01a2b;}
.row#footer .email b {display: none;}
.row#footer a, .row#footer a:active, .row#footer a:visited {color: #dfb458;}

/* Modal window */
#overlay, #pdfoverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); display: none; opacity: 0;}
#overlay.visible, #pdfoverlay.visible {opacity: 1; transition: .7s;}
#overlay #modal, #pdfoverlay #pdfmodal { position: absolute; max-width: 700px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; padding: 1em 2.4em;}
#overlay #modal #networktext { padding: 25px 15px; background-origin: content-box; background: url(/img/popup_frame_top.png) no-repeat center top, url(/img/popup_frame_bottom.png) no-repeat center bottom; background-size: contain; }
#overlay #modal #networktextarea {width: 100%; height: 400px; border: none; background-color: #F1F1F1; border-radius: 8px; padding: 10px;}
#overlay #modal #closemodal, #pdfoverlay #pdfmodal #closepdfmodal { display: block; position: absolute; top: 15px; right: 15px; background-color: #000; color: #FFF; border-radius: 100%; width: 22px; height: 22px; line-height: 22px; font-weight: bold; text-align: center;}
#overlay #modal #closemodal:hover { cursor: pointer; background-color: #999; transition: .5s;}
#overlay #modal .modalbutton {background-color: #e01a2b; display: block; width: 100%; text-align: center; padding: 6px 0; color: #fff; font-weight: 700;}
#overlay #modal .modalbutton:hover {text-decoration: none; cursor: pointer;}
#overlay #modal a.modalbutton {background-color: #215a6c;}
#overlay #modal #copiedwarning {font-size: .7em; color: #e01a2b; opacity: 0; transition: .5s;}
#overlay #modal #copiedwarning.visible { opacity: 1; }
#overlay #modal #instructions { font-size: .85em;}

/* Other */
.flipped { -webkit-transform: scaleX(-1); transform: scaleX(-1); }

/* Intl banners page */
#international h1 { font-family: 'LHFEncoreRegular'; font-size: 4em; text-align: center; display: block; width: 100%; margin-bottom: 35px; color: #074248;}
#international .banner img {width: 100%;}
#international .sturm {margin-top: 35px;}
#international .sturm img.center {width: 75%;}
#international .sturm img.sep {position: absolute; top: 50%; width: 100%;}
#international .sturm img.sep.left {right: 0;}
#international .sturm img.sep.right {left: 0;}
@media (max-width: 1200px) {
    
}

@media (max-width: 768px) {
    .widget { max-width: 100%; flex: auto; }
    #roba .container {padding-top: 0;}
    .col-8.mobexpand {flex: auto; max-width: none;}
    .row#intro .inej img.center {width: 200%; transform: translateX(-25%);}
    .row#news .sun img.center {width: 200%; transform: translateX(-25%);}
    .row#calltoaction .kaz img.center {width: 200%; transform: translateX(-25%);}
    .row#botoncicos .col-3 {flex: auto; max-width: 50%; margin: 4px auto;}
    #overlay #modal { width: 100%; }
}

@media (max-width: 500px) {
    #roba div img {width: 100%;}
}