/* Variables */
:root {
    --font-xxsmall: clamp(14px, 0.8vw + 0.2rem, 16px);
    --font-xsmall: clamp(16px, 0.9vw + 0.3rem, 18px);
    --font-small: clamp(18px, 1.2vw + 0.3rem, 22px);
    --font-medium: clamp(22px, 1.5vw + 0.3rem, 28px);
    --font-large: clamp(26px, 2vw + 0.3rem, 34px);
    --font-xlarge: clamp(34px, 2.5vw + 0.5rem, 42px);

    --color-white: #FCFCFC;
    --color-yellow: #fff51a;
    --color-blue: #01a2e8;
    --color-darkBlue: #21366b;
    --color-bgBody: #030913;
    --color-error: #c33535;
    --background-color: #161616;

    /* Rebrand colors */
    --color-base-dark: #1A1A1A;
    /* preto */
    --color-complement-dark: #4D4D4D;
    /* cinza escuro */
    --color-complement-light: #D1D1D1;
    /* cinza claro */
    --color-secondary: #00AAFF;
    /* azul claro */
    --color-primary: #0939D1;
    /* azul escuro */
    --color-dark-grey: #4D4D4D;
}

@font-face {
    font-family: 'Causten';
    src: url('../fonts/FuturaLT-Light.ttf');
    font-weight: 300;
}

@font-face {
    font-family: 'Causten';
    src: url('../fonts/futuralt.ttf');
    font-weight: 400;
}

@font-face {
    font-family: 'Causten';
    src: url('../fonts/FuturaLT-Bold.ttf');
    font-weight: 500;
}

@font-face {
    font-family: 'Causten';
    src: url('../fonts/futuralt-heavy.ttf');
    font-weight: 600;
}

@font-face {
    font-family: 'Causten';
    src: url('../fonts/futuralt-extrabold.ttf');
    font-weight: 700;
}

@font-face {
    font-family: 'Causten';
    src: url('../fonts/futura-extra-black.otf');
    font-weight: 800;
}

@font-face {
    font-family: 'Causten';
    src: url('../fonts/Causten-Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Causten';
    src: url('../fonts/Causten-ThinOblique.otf') format('opentype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Causten';
    src: url('../fonts/Causten-ExtraLight.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Causten';
    src: url('../fonts/Causten-ExtraLightOblique.otf') format('opentype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Causten';
    src: url('../fonts/Causten-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Causten';
    src: url('../fonts/Causten-LightOblique.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Causten';
    src: url('../fonts/Causten-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Causten';
    src: url('../fonts/Causten-RegularOblique.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Causten';
    src: url('../fonts/Causten-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Causten';
    src: url('../fonts/Causten-MediumOblique.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Causten';
    src: url('../fonts/Causten-SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Causten';
    src: url('../fonts/Causten-SemiBoldOblique.otf') format('opentype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Causten';
    src: url('../fonts/Causten-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Causten';
    src: url('../fonts/Causten-BoldOblique.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Causten';
    src: url('../fonts/Causten-ExtraBold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Causten';
    src: url('../fonts/Causten-ExtraBoldOblique.otf') format('opentype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Causten';
    src: url('../fonts/Causten-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Causten';
    src: url('../fonts/Causten-BlackOblique.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
}

/********************/
/*      HEADER      */
/********************/
body {
    height: 100%;
    margin: 0;
    background-color: #030913;
    font-family: 'segoe ui', Tahoma, Geneva, Verdana, sans-serif;
}

html {
    height: 100%;
    background: var(--background-color);
}

script,
script,
script,
style {
    display: none !important;
}

/* Scrollbar customizada */

/* width */
.headerMenuItens::-webkit-scrollbar {
    width: 10px;

    height: 150px;
    display: flex;
    /* padding-top: 10px; */
    overflow: scroll;
    background: #ff8d00;
    scrollbar-width: none;
    align-items: center;
}

.boxCanais {
    width: 200px;
    margin: 0 5px;
    height: 91px;
    display: inline;
    background: white;
    border-radius: 15px;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    box-shadow: 3px 3px 6px #0000008f;
    border-radius: 20px;
}

.googleLogin {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

/* Track */
.headerMenuItens::-webkit-scrollbar-track {
    background: #030913;
}

/* Handle */
.headerMenuItens::-webkit-scrollbar-thumb {
    background: #555;
}

/* Handle on hover */
.headerMenuItens::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.displayInline {
    display: inline-block;
}

.displayTable {
    display: Table;
}

.displayTableCell {
    display: Table-Cell;
}

.opacity5 {
    opacity: 0.5;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input::-ms-clear {
    display: none;
}

.share-copy {
    margin-right: 10px;
    position: relative;
}

.share-copy .copy-result {
    background: #06c;
    bottom: 0px;
    color: #fff;
    font-size: 12px;
    height: 0;
    padding: 0;
    position: absolute;
    -webkit-transition: all 0.2s;
    /* Safari */
    transition: all 0.2s;
    text-align: center;
    overflow: hidden;
    width: 0;
    z-index: 3;
}

.share-copy .copy-result.show {
    height: 28px;
    padding: 5px;
    width: 140px;
}

@media only screen and (max-width: 320px) {
    .share-buttons .btn-share {
        border-radius: 3px;
        overflow: hidden;
    }

    .share-buttons .btn-share.bt-twitter {
        border-radius: 3px;
        width: 23px;
    }

    .share-buttons .btn-share.bt-facebook {
        width: 22px;
    }
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
}

/*.wrapper-landingPage .carousel_title_panel {
    display: none;
}*/

.wrapper-landingPage .frame-container::before {
    border-top: none;
}

.wrapper-landingPage .mediaCarousel .frame {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 0px;
    top: 1px;
}

.wrapper-landingPage .mediaCarousel.sectionStyle_3 .frame {
    padding-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 0px;
    top: 1px;
}

.wrapper-landingPage .frame-holder {
    margin-bottom: -1px;
    margin-top: -1px;
}

.wrapper-landingPage .owl-carousel {
    margin-bottom: -1px !important;
}

.wrapper-landingPage .bannerSubscription .item {
    width: 31.3%;
    background: linear-gradient(90deg, black 60%, transparent);
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: unset !important;

}



.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    z-index: 1;
    width: 40px;
    height: 40px;
    background-color: #ccc;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
}

.owl-nav button span {
    font-size: 30px;
    height: 100%;
    display: block;
    width: 100%;
}

.owl-carousel .owl-nav button.owl-prev {
    left: 25px;
}

.owl-carousel .owl-nav button.owl-next {
    right: 40px;
}

.owl-carousel .owl-nav button.owl-prev img,
.owl-carousel .owl-nav button.owl-next img {
    transform: scale(0.5);
    opacity: 0;
    display: none;
    animation: fadeIn 0.5s ease;
}

.banner-section:hover button.owl-prev img,
.banner-section:hover button.owl-next img {
    display: block;
    opacity: 1;
}

.page-home .banner-section {
    margin: 5px 0;
}


.owl-carousel .owl-nav {
    margin: 0;
}


.SearchMenu {
    display: none;
}

.parallaxHome {
    position: relative;
}

.listsBackground {
    position: relative;
    z-index: 10;
    margin-top: 30px;
}

.login-link-center {
    justify-content: center !important;
    padding-top: 14px;
}

.Personal {
    text-align: left !important;
}

.footer {
    margin-top: 0px;
    width: 100%;
    position: relative;
    background-color: var(--background-color);
    /*    padding: 50px 15px 0 15px;*/
    z-index: 10;
}

.footerSpace {
    position: static;
    height: 200px;
}

.wrapper-sectionlist {
    margin-top: 0px;
}

.headerSpace {
    height: 60px;
}

.headerSpace2 {
    margin-top: 60px;
}

.bannerSpace {
    margin-top: 30px;
}

.footer_logo {
    display: block;
    height: 140px;
    text-align: center;
    width: 220px;
}

.footerImageItem {
    display: inline-block;
    margin-left: 5px;
    margin-top: 10px;
}

.footerItem {
    display: inline-block;
}

.footerLeft,
.footerMiddle,
.footerMiddle a:link,
.footerMiddle a:visited,
.footerMiddle a:hover {
    display: inline-block;
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
    color: #555;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    vertical-align: top;
}

.footerRight {
    display: inline-block;
    margin-top: 10px;
    float: right;
    padding-right: 9px;
    margin-right: 20px;
    position: relative;
}

.footerLeft {
    width: 200px;
    margin-left: 20px;
}

.footerMiddle {
    text-align: center;
    display: block;
    vertical-align: top;
    color: #bbb;
    margin-bottom: 10px;
    position: relative;
}

.footer_logo_img {
    background-image: url("images/looke_footer.png");
    display: block;
    background-repeat: no-repeat;
    float: left;
    margin-top: 5px;
    margin-left: 35px;
    width: 200px;
    height: 120px;
}

.footer-copyright {
    float: left;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: white;
    width: 240px;
    height: 20px;
}

.devices-icon {
    max-width: 100px;
    max-height: 50px;
}

.footer-right {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    font-family: Helvetica, Arial, sans-serif;
    color: white;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    min-width: 200px;
    height: 140px;
    position: relative;
}

.footer-genres {
    font-family: Helvetica, Arial, sans-serif;
    vertical-align: top;
    text-align: center;
    width: 70%;
    height: 140px;
    font-size: 11pt;
    text-decoration: none;
    color: #ffffff;
    display: table-cell;
}

.footer-genres ul {
    list-style-type: none;
}

.footer-genres li {
    float: left;
    margin-right: 20px;
    margin-left: 0;
}

.footer-genres a {
    margin-top: 10px;
    text-decoration: none;
    color: #ffffff;
    float: left;
}


.whatsApp {
    background-image: url('/content/images/footerItens/Whatsapp_color.png');
    width: 25px;
}

.tel-icon {
    width: 31px;
    height: 31px;
}

/*.whatsApp:hover {
        background-image: url('/content/images/footerItens/Whats_Hover.png');
    }*/

.facebook {
    background-image: url('/content/images/footerItens/Facebook_color.png');
    width: 15px;
}

.elike {
    background-image: url('/content/images/footerItens/elike_color.png');
    width: 15px;
}

.mercadolivre {
    background-image: url('/content/images/footerItens/mercadolivre_color.png');
    width: 15px;
}

/*.facebook:hover {
        background-image: url('/content/images/footerItens/Facebook_Hover.png');
    }*/

.gplus {
    background-image: url('/content/images/footerItens/Googleplus_color.png');
    width: 25px;
}

/*.gplus:hover {
        background-image: url('/content/images/footerItens/Gplus_Hover.png');
    }*/

.instagram {
    background-image: url('/content/images/footerItens/Instagram_color.png');
    width: 25px;
}

/*.instagram:hover {
        background-image: url('/content/images/footerItens/Instagram_Hover.png');
    }*/

.tumblr {
    background-image: url('/content/images/footerItens/Tumblr.png');
    width: 15px;
}

/*.tumblr:hover {
        background-image: url('/content/images/footerItens/Tumblr_Hover.png');
    }*/

.twitter {
    background-image: url('/content/images/footerItens/Twitter_color.png');
    width: 34px;
}

/*.twitter:hover {
        background-image: url('/content/images/footerItens/Twitter_Hover.png');
    }*/

.WhatsNumero {
    position: absolute;
    top: -38px;
    margin: auto !important;
    left: -332px;
    right: 0;
}

.socialBackGroundImage {
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    display: inline-block;
    background-position-y: bottom;
    cursor: pointer;
    margin: 0px 5px;
}

.container-canais {
    height: fit-content;
    display: flex;
    /* padding-top: 10px; */
    scrollbar-width: none;
    align-items: center;
}

.container-canais::-webkit-scrollbar {
    display: none;
}

.cover-canais {
    margin-right: 15px;
    transition-duration: 0.1s;
    cursor: pointer;
    max-width: 300px;
    border-radius: 15px;
}

.cover-canais:hover {
    transform: scale(1.1)
}

.boxCanais {
    width: 220px;
    margin: 0 20px;
    height: 95px;
    display: inline;
    background: white;
    border-radius: 15px;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    box-shadow: 3px 3px 6px #0000008f;
    border-radius: 20px;
}

.boxCanais a {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.headerMenuItenDescription-channels {
    background-color: white !important;
    color: black !important;
    width: auto !important;
    padding-left: 0 !important;
    margin-left: 20px;
    opacity: 21 !important;
    padding: 0px 4px 0px 5px !important;
    font-weight: 600;
    border-radius: 1px;
}

.channel-space {
    padding-top: 10px;
}

.channel-label {
    margin: 0 20px 0 35px;
}

.channel-label img {
    align-self: center;
    width: 200px;
}

.headerMenuItenDescription-channels:hover {
    text-decoration: none !important;
}

/*
.cover-canais {
    height: 100%;
    margin: 0 auto;
    transition-duration: 0.1s;
}

.cover-canais:hover {
    transform: scale(1.1)
}*/

.spacingFooterItem {
    width: 180px;
    display: inline-block;
}

.genres {
    font-family: Helvetica, Arial, sans-serif;
    margin-top: 0;
    width: 80%;
    max-width: 1300px;
    vertical-align: top;
    text-align: center;
    font-size: 11pt;
    text-decoration: none;
    color: #ffffff;
    display: table-cell;
}

.genres ul {
    margin-top: 0;
    list-style-type: none;
}

.genres li {
    background-color: #0369b5;
    float: left;
    margin: 0 1px 2px 4px;
}

.genres a {
    margin-top: 20px;
    text-decoration: none;
    color: #ffffff;
    float: left;
}

.account-table {
    display: table;
    border-collapse: collapse;
    width: 100%;
    margin: 0 auto;
    margin-top: 80px;
}

.account-row {
    margin: 0 auto;
    width: 70%;
    height: 100px;
    min-width: 750px;
}

.account-nav {
    display: table-cell;
    width: 100%;
    float: left;
    padding: 1% 0 1% 0;
    background-color: #d3d3d3;
}

.space-account-nav {
    padding-left: 2%;
}

.account-content {
    float: left;
    width: 100%;
    margin: 0 auto;
}



.account-menu ul {
    list-style-type: none;
    margin: 0 auto;
}

.account-menu li a {
    font-family: Helvetica, Arial, sans-serif;
    text-align: center;
    width: 19%;
    background-color: #1598ED;
    color: white;
    text-decoration: none;
    font-size: 18px;
    line-height: 35px;
    float: left;
    margin-left: 2px;
}

.account-menu-on a {
    background-color: #E8A500 !important;
    cursor: pointer;
}

.header_logo_img {
    float: left;
    display: block;
    width: 125px;
    background-image: url("images/looke_txt.png");
    background-repeat: no-repeat;
    margin-top: 10px;
    margin-left: 10px;
    height: 55px;
    cursor: pointer;
}

.header_bar {
    width: 100%;
    height: 30px;
    display: none;
}

.headerArrow {
    margin-top: 5px;
    vertical-align: top;
}

.menuArrow {
    width: 15px;
    height: 15px;
    background-color: #05101d;
    opacity: 0.85;
    position: absolute;
    top: -7px;
    left: 17px;
    transform: rotate(45deg);
}

.movieDetailPrice {
    width: 740px;
}


#signupform {
    margin-top: 80px;
}

.body {
    background-color: #555555;
}

.header,
.headerBackground {
    width: 100%;
    height: 60px;
    position: fixed;
    z-index: 8900000;
    top: 0;
    text-align: center;
}

.headerBackground {
    z-index: 8800000;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0);
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}


.headerBackgroundCinema {
    background: linear-gradient(to right, #0066cc, #009084 50%);
}

.headerCinema .header_logo img {
    height: 36px;
    width: auto;
    margin-right: 10px;
}

.headerCinema .centerContainer {
    width: 290px !important;
}

.headerCinema a {
    display: flex;
}

@media (max-width: 510px) {
    .headerCinema a {
        display: block;
    }

    .headerSpaceCinema,
    .headerBackgroundCinema {
        height: 110px;
    }
}

.headerMenuItens {
    background-color: #05101d;
    /*padding-top: 20px;*/
    padding-bottom: 20px;
    padding-top: 10px;
    /*background-color: red;*/
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    overflow-y: scroll;
    max-height: calc(100vh - 60px);
}

.headerMenuItensTitle {
    border-bottom: dotted 1px white;
    border-color: white;
    font-size: 16px;
    padding-bottom: 3px;
    /*font-weight: bold;*/
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 5px;
}

.headerMenuItens,
.headerMenuItensBackground {
    width: 1000px;
    /*height: 210px;*/
    z-index: 12;
    position: absolute;
    top: 60px;
    margin-left: -10px;
    opacity: 0.85;
    text-align: left;
}

.genero {
    width: 306px;
    vertical-align: top;
}

.genero .headerMenuItenDescription {
    width: 140px;
}

.settings {
    width: 100px;
    vertical-align: top;
}

.settings .headerMenuItenDescription {
    width: 115px;
    margin-left: 10px;
    padding-left: 25px;
}

.divisionMenu {
    width: 5px;
    border-left: 1px solid #fff;
}

.sections {
    width: 558px;
    vertical-align: top;
}

.sections .headerMenuItenDescription {
    width: 235px;
}

.menuHome {
    background-image: url(/content/images/headermenu/icones_2.png);
    background-repeat: no-repeat;
    background-size: 20px;
}

.menuAccount {
    background-image: url(/content/images/headermenu/icones_3.png);
    background-repeat: no-repeat;
    background-size: 18px;
}

.menuPlus {
    background-image: url(/content/images/headermenu/icones_12.png);
    background-repeat: no-repeat;
    background-size: 18px;
}

.menuMedia {
    background-image: url(/content/images/headermenu/icones_10.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 2px 0px;
}

.menuViewed {
    background-image: url(/content/images/headermenu/icones_7.png);
    background-repeat: no-repeat;
    background-size: 20px;
}

.menuExit {
    background-image: url(/content/images/headermenu/icones_4.png);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 4px 0px;
}

.menuContact {
    background-image: url(/content/images/headermenu/icones_13.png);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 4px 4px;
}

.headerUserMenuItens,
.headerUserMenuItensBackground {
    width: 143px;
    z-index: 12;
    position: absolute;
    top: 0;
    margin-top: 60px;
    right: 0;
    opacity: 0.95;
    padding: 12px 20px 15px 20px;
}

.headerUserMenuItens {
    background-color: #252626;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

.headerUserMenuItensKids {
    margin-left: -90px !important;
}

.accountItem {
    width: 100%;
    text-align: center;
    color: white;
    text-decoration: none;
    font-size: 15px;
    margin-top: 5px;
}

.accountItem:hover {
    text-decoration: underline;
}

.triangle-down {
    width: 0;
    height: 0;
    border-top: 15px solid white;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
}

.triangle {
    border-bottom: 12px solid rgba(37, 38, 38, 0.85);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    width: 0;
    height: 0;
    margin-left: 0px;
    background-color: transparent !important;
    margin-top: 8px;
}

.headerMenuItensBackground {
    background-color: #0066cc;
    opacity: 0.9;
    z-index: 11;
}

.headerMenuUserItens,
.headerMenuUserItensBackground {
    width: 52%;
    height: 210px;
    z-index: 12;
    position: absolute;
    top: 0;
    margin-top: 80px;
    border-bottom-left-radius: 2em;
    border-bottom-right-radius: 2em;
    margin-left: 0;
}

.headerMenuUserItensBackground {
    background-color: #0066cc;
    opacity: 0.9;
    z-index: 11;
}

.headerMenuMask {
    width: 45px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
}

.headerSpanItem {
    margin: 0 15px;
}

.menuItem {
    display: inline-block;
    vertical-align: top;
}

.headerMenuItenUser {
    width: 145px;
    display: inline-block;
    padding-bottom: 5px;
    color: white;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    padding-left: 25px;
    text-decoration: none;
}

.headerMenuItenDescription {
    width: 145px;
    display: inline-block;
    padding-bottom: 0px;
    color: white;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    padding-left: 20px;
    text-decoration: none;
}

.headerMenuItenDescription:hover,
.headerMenuItenUser:hover {
    color: #fff;
    text-decoration: underline;
}

.headerSm {
    min-width: 724px;
}

.headerAssine {
    background-color: #3eaee6;
    display: inline-block;
    padding-top: 20px;
    font-size: 16px;
    font-family: Helvetica, Arial, sans-serif;
    color: #ffffff;
    cursor: pointer;
    height: 40px;
    margin-left: -6px;
    vertical-align: top;
}

.headerAssine:hover {
    background-color: #1e5ea6;
}

.header_logo {
    height: 50px;
}

.header_logo_kids {
    margin-left: 8px !important;
}

.header_logo a img {
    width: 80px;
    margin-top: 14px;
}


.header_logo.img {
    margin-top: 10px;
}

.headerKids {
    background-image: url(images/headermenu/icones_6.png);
    background-repeat: no-repeat;
    background-size: 76%;
    background-position: center 56%;
    width: 74px;
    height: 38px;
    padding: 0px 10px;
    margin-top: 2px;
}

.headerOnlySVOD {
    background-image: url(images/headermenu/icones_1.png);
    background-repeat: no-repeat;
    background-size: 76%;
    background-position: center 46%;
    width: 74px;
    height: 38px;
    padding: 0px 10px;
}

.headerAllVOD {
    background-image: url(images/headermenu/icones_[icone loja online].png);
    background-repeat: no-repeat;
    background-size: 76%;
    background-position: center 46%;
    width: 74px;
    height: 38px;
    padding: 0px 10px;
}

.headerAllVOD p {
    margin: 0;
}

.headerDescriptionItem,
.headerMenuItem {
    display: inline-block;
    padding-top: 12px;
    font-size: 16px;
    font-family: Helvetica, Arial, sans-serif;
    color: white;
    cursor: pointer;
    height: 49px;
    margin-left: 5px;
    vertical-align: top;
}

.headerMenuItem img {
    height: 100%;
    margin-left: 5px;
}

.headerLogoText {
    height: 29px;
    margin-top: 15px;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    margin-left: 15px;
    padding: 5px 0 0 17px;
}

.headerDescriptionItemKids {
    padding-top: 18px;
}

.headerDescriptionItemHeaderButton {
    display: inline-block;
    padding-top: 20px;
    font-size: 17px;
    font-family: Helvetica, Arial, sans-serif;
    color: white;
    cursor: pointer;
    height: 40px;
    margin-left: 0;
    /*background-color: GrayText;*/
}


.headerUserDescriptionItem {
    display: inline-block;
    padding-top: 20px;
    font-size: 16px;
    font-family: Helvetica, Arial, sans-serif;
    color: white;
    cursor: pointer;
    height: 60px;
    text-align: left;
    margin-left: 15px;
    /*background-color: red;*/
}

.headerDescriptionItem>div {
    display: none;
}

.headerDescriptionItem:hover>div {
    display: table;
}

.headerDescriptionItemKids:hover {
    color: #999 !important;
}

.headerUserDescriptionItem>div {
    display: none;
}

.headerUserDescriptionItem:hover>div {
    display: block;
}

.UserMenu .headerDescriptionItem {
    margin-top: 1px;
    width: 100% !important;
    background-color: rgba(140, 140, 150, 0.9) !important;
    padding-left: 20px !important;
}

.UserMenu .MenuShow {
    background-color: rgb(10, 75, 120) !important;
}

.searchImage {
    float: right;
    z-index: 12;
}


.header_buttons {
    margin-right: 0px;
    float: right;
    margin-top: 0;
    /*width: 160px;*/
    /*position: fixed;*/
}

.header_buttons_signed_float {
    z-index: 10;
    position: fixed;
    right: 50px;
    height: 55px;
    border: solid 1px #0369b5;
    /*background-color: rgb(203, 203, 203);*/
    background-image: linear-gradient(#0369b5, #004993);
    border-radius: 0 0 11px 11px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    /*opacity: 0.9;*/
}

.header_buttons_float {
    /*width: 233px;*/
    z-index: 10;
    position: fixed;
    right: 50px;
    height: 65px;
    /*border: solid 1px #074783;*/
    /*background-color: #0d5287;*/
    /*background-image: linear-gradient(#0369b5, #004993);*/
    background-color: #035db7;
    border-radius: 0 0 11px 11px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    opacity: 1;
}

.header-welcome {
    position: absolute;
    margin-top: 4px;
    margin-left: 5px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #ffffff;
    text-align: right;
}

.header-button a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    cursor: pointer;
    font-family: helvetica;
}

.header-button-highlight-1 a {
    color: #deedf8;
    text-decoration: none;
}

.header-button-highlight-1 {
    margin-top: 23px;
    margin-left: 4px;
    margin-right: 4px;
    width: 100px;
    /*background-color: rgb(250, 167, 50);*/
    /*background-image: linear-gradient(rgb(163, 31, 173), rgb(120, 15, 79));*/
    /*background-image: linear-gradient(rgb(22, 114, 182), #000000);*/
    background-image: linear-gradient(rgb(6, 132, 226), #0369b5);
    background-repeat: repeat-x;
    border-style: solid;
    border-radius: 6px;
    border-width: 1px;
    border-color: #0369b5;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    text-transform: uppercase;
    font-weight: normal;
    cursor: pointer;
    float: left;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    padding: 4px 3px 4px 3px;
}

.header-button-highlight-3 a {
    /*color: #fdff43;*/
    color: #fff;
    text-decoration: none;
}

.header-button-highlight-3 {
    margin-top: 23px;
    margin-left: 4px;
    margin-right: 4px;
    width: 100px;
    background-image: linear-gradient(rgb(255, 84, 84), rgb(148, 22, 44));
    /*background-color: rgb(250, 167, 50);*/
    background-repeat: repeat-x;
    border-style: solid;
    border-radius: 6px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(226, 171, 40, 0.10) rgba(233, 186, 58, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    text-transform: uppercase;
    font-weight: normal;
    cursor: pointer;
    float: left;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    padding: 4px 3px 4px 3px;
}

.header-button-highlight-2 a {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.header-button-highlight-2 {
    margin-top: 23px;
    margin-left: 4px;
    margin-right: 4px;
    background-image: linear-gradient(rgb(176, 176, 176), rgb(144, 144, 144));
    background-repeat: repeat-x;
    border-style: solid;
    border-radius: 6px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(226, 171, 40, 0.10) rgba(233, 186, 58, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    text-transform: uppercase;
    cursor: pointer;
    float: left;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    padding: 4px 8px 4px 8px;
    border: 1px solid white;
}

.header-button {
    width: 73px;
    margin: 14px 15px 13px 0px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    font-family: Tahoma;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    padding: 4px 0px 4px 0px;
}

.header-button-subscription {
    background-color: darkred;
    border: 1px solid white;
}

.header-button-login {
    color: rgb(255, 255, 255);
    cursor: pointer;
    border: 1px solid #55d;
    border-radius: 4px;
}

.header-button-subscribeNow {
    font-family: 'Roboto', sans-serif;
    background-color: var(--color-secondary);
    color: var(--color-white);
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
    padding: 8px 40px 8px 40px;
    line-height: 19px;
    position: relative;
    top: 5px;
    font-size: 22px;
    margin-right: 14px;
    border-radius: 8px;
    transition: all 0.2s ease-in-out;
}

.header-button-subscribeNow:hover {
    background-color: var(--color-primary);
}

.header-button-subscribeNow a {
    color: var(--color-white);
    text-decoration: none;
}

.headerButtons {
    margin: 10px 5px;
    width: 100px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    font-family: Tahoma;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    padding: 4px 3px 4px 3px;
    border: 1px solid;
}





/********************/
/*      FORM        */
/********************/

.arrowOpen {
    width: 14px;
    height: 14px;
    float: left;
    margin: 18px 0 0 10px;
    background-image: url(/content/images/arrow_down.png);
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
    padding-left: 10px;
}

.arrowClose {
    width: 14px;
    height: 14px;
    float: left;
    margin: 18px 0 0 10px;
    background-image: url(/content/images/arrow_left.png);
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
    padding-left: 10px;
}

#btnAccordRent {
    padding-top: 10px;
    cursor: pointer;
}

#btnAccordBuy {
    padding-top: 10px;
    cursor: pointer;
}

.register-area {
    width: 60%;
    margin: 0 auto;
}

.form-container {
    /*margin: 20px 0 0 20px;*/
    padding: 0px 0px 20px 0px;
    background-color: #fff;
}

.form-bar {
    /*margin-left: 10px;*/
    height: 40px;
    color: #fff;
    font-size: 24px;
    padding-top: 8px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 650;
    margin-right: 20px;
    text-transform: uppercase;
    background-color: #0460D9;
    margin: 2px auto;
    width: 100%;
}

.form-bar-popup {
    height: 40px;
    color: #fff;
    font-size: 24px;
    padding-top: 8px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 650;
    padding-left: 20px;
    text-transform: uppercase;
    background-color: #0460D9;
}


.form-bar-arrow {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTQ1QjgyNjFFNUM0MTFFM0I0RUJCRDlBNThGNjcxRDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTQ1QjgyNjJFNUM0MTFFM0I0RUJCRDlBNThGNjcxRDEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNDVCODI1RkU1QzQxMUUzQjRFQkJEOUE1OEY2NzFEMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNDVCODI2MEU1QzQxMUUzQjRFQkJEOUE1OEY2NzFEMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsB0gTIAAACBSURBVHjalNPBDcAgCAVQStzCq4M4U+frwUF67R7tT6CpCqR6MKI+E1A32o9MRBettcxP1zBYQTCAZQFn2VtYJv7gFyHgz0KEOzRCD09I4RlgE8EA1gCbCIblDj1sIhjN0cMmGosT4Q5ZVbXwhNCScbriJnG13nJy8lFM3ge4BRgAZSUpMbyPNAQAAAAASUVORK5CYII=')
        /*images/arrow_down.png*/
    ;
    width: 14px;
    height: 14px;
    float: left;
    margin: 10px 10px 0 10px;
}

.form-fields {
    font-family: Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
}

.input-validation-error {
    border-color: red !important;
    background-image: linear-gradient(rgb(247, 226, 226), rgb(250, 221, 221)) !important;
}

.field-validation-error {
    margin-left: 20px;
    font-size: 12px;
    color: red;
}

.form-fields-textbox {
    display: block;
    font-family: Helvetica, Arial, sans-serif;
    color: #555555;
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid #979797;
    padding: 0px 10px 0px 5px;
    height: 30px;
    width: 290px;
    margin-left: 20px;
    font-size: 12pt;
}

.form-fields-phone {
    display: block;
    font-family: Helvetica, Arial, sans-serif;
    color: #555555;
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid #979797;
    padding: 0px 10px 0px 5px;
    height: 30px;
    width: 120px;
    margin-left: 20px;
}

.form-fields-phone-ddd {
    display: block;
    font-family: Helvetica, Arial, sans-serif;
    color: #555555;
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid #979797;
    padding: 0px 10px 0px 5px;
    height: 30px;
    width: 40px;
    margin-left: 20px;
    margin-right: 5px;
    float: left;
}

.form-fields-label-radio {
    font-family: Helvetica, Arial, sans-serif;
    display: block;
    font-size: 14px;
    margin-top: 5px;
    margin-left: 20px;
    margin-bottom: 0;
    color: #555555;
}

.form-fields-label {
    font-family: Helvetica, Arial, sans-serif;
    display: block;
    font-size: 14px;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 0;
    color: #555555;
}

.form-fields-label-small {
    font-family: Helvetica, Arial, sans-serif;
    display: inline-block;
    font-size: 12px;
    margin-left: 20px;
    margin-bottom: 0;
    color: #555555;
    text-align: left;
}



.form-fields-label-small-center {
    font-family: Helvetica, Arial, sans-serif;
    display: block;
    font-size: 12px;
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 0;
    color: #555555;
    text-align: center;
}

.form-fields-phone-label {
    font-family: Helvetica, Arial, sans-serif;
    display: block;
    font-size: 14px;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 0;
    color: #555555;
}

.form-fields-right {
    float: left;
    width: 333px;
    margin-bottom: 10px;
}

.formcontainerDiv {
    display: inline-block;
    text-align: left;
    width: 330px;
}

.form-fields-left {
    float: left;
    width: 321px;
    margin-bottom: 20px;
}

.form-fields-separator {
    float: left;
    width: 50px;
    height: 220px;
    background-image: url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMpaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MCA2MS4xMzQ3NzcsIDIwMTAvMDIvMTItMTc6MzI6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNDY0MTUxNEZDQTMxMUUzOTUzREUwNzQwRTlEQ0RDOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNDY0MTUxNUZDQTMxMUUzOTUzREUwNzQwRTlEQ0RDOSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY0NjQxNTEyRkNBMzExRTM5NTNERTA3NDBFOURDREM5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY0NjQxNTEzRkNBMzExRTM5NTNERTA3NDBFOURDREM5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgBQAAyAwERAAIRAQMRAf/EAGoAAQEBAQEBAQAAAAAAAAAAAAAGBQMHBAgBAQAAAAAAAAAAAAAAAAAAAAAQAAECBQQCAQIFBQAAAAAAAAACBAEDBQYHEXW1NhITISIUMUFRYhVxM3O0NxEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A/VIAABi2hW3VZpM946RLRNlVKqMkwlQjBPrYVFwzlRj5RV9UZchMVfu10hCHwBtAAAAAAAlcaddeb5cHOPQKoAAAAAAErjTrrzfLg5x6BVAAAAAAAlcaddeb5cHOPQKoAAAAAAErjTrrzfLg5x6BVAAAAAAAlcaddeb5cHOPQKoAAAAAAErjTrrzfLg5x6BVAAAAAAAlcaddeb5cHOPQKoAAAAAAErjTrrzfLg5x6BVAAAAAAAlcaddeb5cHOPQKoAAAAAAErjTrrzfLg5x6BVAAAAAAAlcaddeb5cHOPQKoAAAAAAErjTrrzfLg5x6BVAAAAAAAlcaddeb5cHOPQKoAAAAAAErjTrrzfLg5x6BVAAAAAAAlcaddeb5cHOPQKoAAAAAAErjTrrzfLg5x6BVAAAAAAA5NmjVrLjKayZciUqZMnKRKTBCYzJy1TZq4wTCH1LmLUtUfzVGMY/IHUAAAAAAAAAAAAMq7K0qhWrWa2mX7VUpi5ewlR10XFvJVN8fj9fHQDy+1MPUC57Cp1wVya4dXrXGUqpquaDicl03cupcJ0v7dSFJTKlyfJKUoRCCdIfgBP2vdVSuqt4IrlTV51Bwm4ZTubDSHsmNma26pnxpD64yvL4/UC2v3/uOK/wDHcP8ApSQPTwAADg/YtX7Fwxdy4TWjuUuQ4lR/BUuYmKVpj/VMQPLqdZGYqJbsbNo1ZpKqDJlxaU6uOkOP5Ns0V8JR6EQ9EyZKRHxQv2Jh8Q1SB99ZxGtpQrSk2Y6lsKvZC4ro8x6lS5E9E2VGU5lOfXoqH3EFRipSIfEfwgB3odmXpUb3ZXfezinJn0ZrPa0al0mM+ZJlqdxTCe4mTnCZa1LUhEEeMEQhoB6EAAAAAAAAAAAAADFtCtuqzSZ7x0iWibKqVUZJhKhGCfWwqLhnKjHyir6oy5CYq/drpCEPgDaAAAAAABK406683y4OcegVQAAAAAAJXGnXXm+XBzj0CqAAAAAABK406683y4OcegVQAAAAAAJXGnXXm+XBzj0CqAAAAAABK406683y4OcegVQAAAAAAJXGnXXm+XBzj0CqAAAAAABK406683y4OcegVQAAAAAAJXGnXXm+XBzj0CqAAAAAABK406683y4OcegVQAAAAAAJXGnXXm+XBzj0CqAAAAAABK406683y4OcegVQAAAAAAJXGnXXm+XBzj0CqAAAAAABK406683y4OcegVQAAAAAAJXGnXXm+XBzj0CqAAAAAABK406683y4OcegVQAAAAAAJXGnXXm+XBzj0CqAAAAAABlW1Qv4SnTmXv8AuPa+qD72ePhp/IPpz3w01V/b+48Nfz010hroBqgAAH//2Q==')
        /*/content/images/card-or.jpg*/
    ;
    background-position-y: -55px;
    margin-top: 90px;
}



.form-small-button {
    width: 100px;
    background-image: linear-gradient(rgb(6, 132, 226), #0369b5);
    background-repeat: repeat-x;
    border-style: solid;
    border-radius: 6px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    padding: 4px 3px 4px 3px;
}

.form-fields-register {
    margin-top: 30px;
    margin-left: 20px;
}

.form-medium-button {
    width: 150px;
    background-image: linear-gradient(rgb(6, 132, 226), #0369b5);
    background-repeat: repeat-x;
    border-style: solid;
    border-radius: 6px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    padding: 4px 3px 4px 3px;
}

.form-fields-title {
    color: #026ab5;
    font-size: 15px;
    margin-left: 20px;
    font-family: Helvetica, Arial, sans-serif;
    margin-top: 42px;
}

.form-fields-textbox-cep {
    display: block;
    font-family: Helvetica, Arial, sans-serif;
    color: #555555;
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid #979797;
    padding: 0px 10px 0px 5px;
    height: 30px;
    width: 90px;
    margin-left: 20px;
    float: left;
    margin-right: 10px;
}


.form-fields-uf {
    display: block;
    font-family: Helvetica, Arial, sans-serif;
    color: #555555;
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid #979797;
    padding: 0px 10px 0px 5px;
    height: 30px;
    width: 210px;
    margin-left: 20px;
}

.form-summary-msg {
    margin-top: 15px;
    padding-top: 4px;
    font-size: 14px;
    height: 30px;
    margin-bottom: 15px;
    padding-left: 40px;
    color: red;
    background-image: url(images/form_alert.jpg);
    background-repeat: no-repeat;
    background-size: 30px;
}


/********************/
/*      LOGIN       */
/********************/
.login-container-01 {
    position: fixed;
    margin: 0;
    background-color: var(--color-primary);
    padding: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10000000;
    overflow-y: auto;
}

.login-container-02 {
    /* box-shadow: -2px -2px 6px #00000069; */
    /* background-color: rgb(255, 255, 255); */
    height: auto;
    left: 50%;
    margin: auto;
    position: absolute;
    transform: translate(-50%, -50%);
    text-align: center;
    top: 50%;
    max-width: 520px;
    width: 95%;
    z-index: 9999;
    background: url(/content/images/flow/bg-form.png);
    background-size: cover;
    background-color: var(--color-primary);
    color: var(--color-white);
    padding: 60px 52px 40px;
    border-radius: 16px;
}


/**
 Input fields
**/

.inputWrapper input {
    width: 100%;
    background-color: transparent;
    border: none;
    border: 1px solid var(--color-dark-grey);
    padding: 12px 18px;
    color: var(--color-dark-grey);
    font-size: var(--font-small);
    box-sizing: border-box;
    margin: 0;
    height: auto;
    font-weight: 400;
    border-radius: 8px;
    width: 100%;
}

.login-container-02 .popupClose {
    position: absolute;
    right: 10px;
    top: 10px;
    color: var(--color-white);
    font-weight: bold;
    background: none;
}

.login-container-02 .field-validation-error {
    margin: 0 !important;
    padding: 0;
    text-align: left;
}

.login-tim-error {
    height: 340px;
    padding: 15px;
}

.login-vivo-error {
    height: 340px;
    padding: 15px;
}

.login-claro-error {
    height: 340px;
    padding: 15px;
}

.login-tim-error h3 {
    color: #0066cc;
    font-size: 30px;
}

.login-vivo-error h3 {
    color: #0066cc;
    font-size: 30px;
}

.login-vivo-error p {
    font-size: 16px;
}

.login-vivo-error p span {
    display: block;
    font-size: 24px;
}

.login-vivo-error .text-featured {
    color: #0066cc;
}

.login-vivo-error .bt-close {
    background: #0066cc;
    cursor: pointer;
    color: #fff;
    padding: 15px 20px;
    text-align: center;
    margin: 0 auto;
    width: 180px;
}

.login-tim-error p {
    font-size: 16px;
}

.login-tim-error p span {
    display: block;
    font-size: 24px;
}

.login-tim-error .text-featured {
    color: #0066cc;
}

.login-tim-error .bt-close {
    background: #0066cc;
    cursor: pointer;
    color: #fff;
    padding: 15px 20px;
    text-align: center;
    margin: 0 auto;
    width: 180px;
}




/*login now*/
.result-login-now {
    text-align: center;
}

.result-login-now h3 {
    color: #0066cc;
    font-size: 28px;
    margin-bottom: 15px;
}

.result-login-now i {
    color: #06c;
    display: block;
    font-size: 150px;
    margin: 0 auto 15px auto;
    text-align: center;
}

.result-login-now .msg {
    font-size: 16px;
    margin-bottom: 15px;
}

.result-login-now .alert {
    font-size: 14px;
}

.tim-register {}

.tim-register .logo-looke {
    margin-bottom: 5px;
}

.tim-register .title {
    margin-bottom: 10px;
}

.tim-register label {
    text-align: left;
    width: 100%;
}

.tim-register input {
    border: none;
    border: 1px solid #ccc;
    background: #fff;
    height: 25px;
    padding: 5px;
    width: 100%;
}

.tim-register .bt-register {
    border: 1px solid #0066cc;
    background: #0066cc;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    height: 40px;
    margin-bottom: 20px;
    padding: 10px 15px;
    width: 180px;
}

.tim-register .bt-close {
    border: 1px solid #0066cc;
    background: #fff;
    color: #0066cc;
    cursor: pointer;
    margin: 0 auto;
    padding: 8px 12px;
    width: 150px;
}

.login-title {
    display: block;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
    padding: 0;
    color: var(--color-white);
    text-align: center;
}

.login-subtitle {
    display: block;
    font-size: 15px;
    margin-top: 2px;
    margin-bottom: 5px;
    color: #555555;
}

.login-bar {
    height: 27px;
    color: #555555;
    font-size: 15px;
}

.login-area {
    margin-top: -1px;
    text-align: center;
}

.input-material {
    width: 100%;
    position: relative;
}

.input-material input:focus~label,
.input-material textarea:focus~label,
.input-material input:valid~label,
.input-material textarea:valid~label {
    top: -4px;
    font-size: 12px;
    color: var(--color-blue);
}

.input-material input:focus {
    border-bottom: 2px solid var(--color-blue);
}

.input-material label {
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 17px;
    transition: 300ms ease all;
}



#modal-looke,
.modal-partner {
    font-family: 'Causten', sans-serif;
}

#modal-looke .input-material {
    margin-bottom: 20px;
}

.input-material input {
    width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--color-white);
    padding: 10px 5px;
    color: var(--color-white);
    font-size: var(--font-small);
    box-sizing: border-box;
    margin: 0;
    height: auto;
    font-weight: 400;
    outline: none;
}

.input-material input::-moz-selection {
    /* Code for Firefox */
    color: var(--color-blue);
    background: var(--color-white);
}

.input-material input::selection {
    color: var(--color-blue);
    background: var(--color-white);
}

.input-material input::placeholder,
.genderWrapper label,
.input-material label {
    color: var(--color-white);
    font-size: var(--font-xsmall);
    font-weight: 400;
}

.input-material input:focus {
    outline: none;
}


/*.login-input {
    background-color: #ffffff !important;
    border: none;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    color: #555;
    height: 35px;
    margin: 0 0 10px -2px;
    padding: 3px 11px;
    width: 100%;
    box-shadow: 3px 3px 3px whitesmoke;
}*/

.login-register-text {
    display: block;
    font-size: 12px;
    padding-top: 0px;
    margin: 5px 0 10px 0;
    color: #555555;
}

.login-password-label {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #555;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 4px;
    margin-left: -205px;
    pointer-events: none;
}

.login-error {
    font-size: 11px;
    display: block;
    margin-left: 58px !important;
}

.login-label {
    font-size: 14px;
    padding-top: 10px;
    margin-top: 0;
    margin-left: 50px;
    margin-bottom: 0;
    color: #555555;
}

.login-invalid {
    font-size: 14px;
    padding-top: 0;
    /* visibility: hidden; */
    /* background-color: red; */
    /* margin-bottom: -8px; */
    color: var(--color-error);
}

.login-footer {
    padding: 0;
    width: 100%;
    margin: auto;
    text-align: justify;
}

.login-forgot {
    margin: -5px 0 0 0;
    text-align: left;
    font-size: 12px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.login-forgot a {
    text-decoration: none;
    color: var(--color-secondary);
    font-size: 14px;
}

.step2 form .buttonSubmit button,
.buttonBlueSimple,
.step2 form .buttonSubmit input[type=submit],
.modalNewFlow button {
    background: url(/content/images/flow/bg-button-form.png);
    background-size: cover;
    border: none;
    border-radius: 28px;
    padding: 0px 25px 2px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--color-white);
    font-size: var(--font-medium);
    align-self: center;
    letter-spacing: 1.3px;
    cursor: pointer;
}

.buttonBlueSimple {
    background: #03add7;
}

.buttonBlueSimple.buttonBlueLogin {
    background: url(/content/images/flow/bg-button-login.png);
    font-size: var(--font-xsmall);
    padding: 3px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 20px;
    width: 320px;
    display: inline-block;
    background-size: cover;
    font-family: 'futura LT', sans-serif;
}

.blueLink,
.blueLink:hover {
    color: var(--color-secondary);
    cursor: pointer;
}

.text-partner {
    font-family: 'Futura Lt', sans-serif;
    font-size: var(--font-large);
    color: var(--color-white);
    font-weight: 500;
    margin: 20px 0 30px;
}

.login-register {
    color: var(--color-white);
    text-align: center;
    font-size: var(--font-xxsmall);

}

.buttonBlueSimple.buttonBlueLogin:hover {
    color: var(--color-white);
    text-decoration: none;
    filter: brightness(1.1);
}

.flowSocialButton {
    display: flex;
    justify-content: space-between;
    gap: 7px;
    padding: 5px 20px;
    border-radius: 25px;
    background: transparent;
    border: 1px var(--color-white) solid;
    font-family: 'Futura LT', sans-serif;
}

.flowSocialButton:hover, 
.flowSocialButton:focus {
    color: inherit !important;          
    text-decoration: none !important;        
}

.loginSocialButton {
    width: 100%;
    justify-content: center;

    font-size: var(--font-xsmall);
    margin-bottom: 20px;
    cursor: pointer;
    width: 320px;
    margin: 0 auto 20px auto;
    color: var(--color-white);
}


.loginSocialButton:hover{

    color: var(--color-white);
    text-decoration: none;
}

.flowSocialButton img {
    width: 25px;

}



/* input validation */
.input-material .input-validation-error {
    border-color: var(--color-darkBlue) !important;
    background-image: var(--color-darkBlue) !important;
    border-bottom: 2px solid var(--color-error) !important;
}

.input-material .field-validation-error {
    color: var(--color-error);
    position: absolute;
    bottom: -16px;
    font-size: 11px;
    left: 0;
    margin-left: 0;
}

#Gender-error {
    color: var(--color-error);
}

.login-button {
    border: none;
    color: #eee;
    background-color: #1a72c2;
    border-radius: 3px;
    padding: 6px 25px;
    cursor: pointer;
    margin: 0 0 10px 0;
    width: 100%;
    height: 35px;
}

.login-btn-action {
    display: inline-block;
    margin-bottom: 10px;
    cursor: pointer;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    width: 100%;
    height: 35px;
    text-align: center;
    color: #1a72c2;
    -moz-border-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border: 1px solid #81c3ff;
    border-radius: 5px;
    text-decoration: none;
    /* line-height: 28px; */
    padding-top: 6px;
    border-radius: 3px;
}

.logo-outrosparceiros img {
    padding: 3px 0;
}

.logo-outrosparceiros {
    padding: 0 !important;
}

.logo-outrosparceiros h2 {
    color: white;
}

.login-label label {
    display: block;
    float: left;
}

.login-back {
    color: var(--color-white);
    cursor: pointer;
}

.login-back:hover {
    text-decoration: underline;
}

#modal-looke.hidden {
    display: none;
}

#modal-select-partener {
    display: none;
}

#modal-select-partener.show {
    display: block;
}

#modal-select-partener ul {
    padding: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

#modal-select-partener ul li {
    border: 2px solid var(--color-white);
    cursor: pointer;
    display: flex;
    list-style: none;
    margin: 0 3px 6px 3px;
    padding: 20px;
    text-align: center;
    width: 45%;
    height: 120px;
    border-radius: 38px;
}

.buttonRebrand {
    border: none;
    background-color: var(--color-secondary);
    border-radius: 8px;
    padding: 5px 18px;
    /* text-transform: uppercase; */
    font-weight: 500;
    color: var(--color-white);
    font-size: var(--font-medium);
    align-self: center;
    cursor: pointer;
    white-space: nowrap;
    width: 100%;
    height: 60px;
    transition: background-color 0.2s ease;
}

.buttonRebrand:hover {
    background-color: var(--color-primary);
}




#modal-select-partener ul li img {
    align-self: center;
    width: 90%;
}



/*ROKU*/

#roku-modal-select-partener {
    display: block;
}

#roku-modal-select-partener.hidden {
    display: none;
}

#roku-modal-select-partener ul {
    padding: 0;
    text-align: center;
}

#roku-modal-select-partener ul li {
    border: 1px solid #1a72c2;
    cursor: pointer;
    display: inline-block;
    list-style: none;
    margin: 0 3px 6px 3px;
    padding: 5px 0;
    text-align: center;
    width: 45%;
}

#roku-modal-select-partener ul li.logo-nextel {
    padding: 9px 0;
}

#roku-modal-select-partener ul li.logo-tim {
    padding: 9px 0;
}


#roku-modal-select-partener ul li.logo-timlive {
    padding: 9.5px 0;
}

#roku-modal-select-partener ul li.logo-claro-hdtv {
    padding: 8px 0;
}

#roku-modal-select-partener ul li.logo-net {
    padding: 9px 0;
}


#roku-modal-select-partener ul li img {
    height: 30px;
}

#roku-modal-select-partener ul li.logo-nextel img {
    height: 20px;
}

#roku-modal-select-partener ul li.logo-tim img {
    height: 20px;
}

#roku-modal-select-partener ul li.logo-timlive img {
    height: 20px;
}

#roku-modal-select-partener ul li.logo-claro-hdtv img {
    height: 26px;
}

#roku-modal-select-partener ul li.logo-net img {
    height: 22px;
}

/*ROKU*/

.logo-netclaro .double-partner {
    /*  height: 16px!important;*/
}

.logo-netclaro .double-partner:last-child {
    /*    margin: 0 0 6px 3px;*/
}


#modal-outrosparceiros {
    display: none;
}

#modal-vero {
    display: none;
}

/*******************************/
/*      alert padrão    */
/*****************************/
.alert-container-01 {
    position: fixed;
    display: none;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1000;
    overflow-y: auto;
}

.alert-container-01.show {
    display: block;
}

.alert-container-02 {
    width: 470px;
    box-shadow: 2px 2px 2px #000000;
    text-align: center;
    z-index: 9999;
    background-color: rgb(251, 247, 247);
    margin: auto;
    padding: 10px 30px 30px 30px;
    position: absolute;
    max-width: 470px;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 8px;
    color: #333;
}

.alert-container-02 .popup-title {
    font-family: Helvetica, Arial, sans-serif;
    display: block;
    font-size: 20px;
    font-weight: 600;
    padding: 19px;
    color: #0066cc;
    text-align: center;
    margin-bottom: 20px;
}

.alert-container-02 p {
    font-size: 18px;
    margin-bottom: 10px;
}

.alert-container-02 p span {
    font-weight: bold;
}

/*******************************/
/*      CADASTRO SUCESSO      */
/******************************/
.register-sucess {
    font-family: Helvetica, Arial, sans-serif;
    margin-left: 20px;
    padding-top: 20px;
}

.register-sucess-title {
    font-size: 32px;
    height: 80px;
    display: block;
    margin: 0 20px 0 0;
    padding-left: 85px;
    color: #0369b5;
    background-image: url(images/form_success.jpg);
    background-repeat: no-repeat;
    background-size: 70px;
}

.area-subscription-information {
    margin-left: 20px;
}

.subscription-information {
    text-align: left;
}

.generic-text-small {
    font-family: Helvetica, Arial, sans-serif;
    color: #555555;
    line-height: 25px;
    font-size: 14px;
}

.generic-text {
    font-family: Helvetica, Arial, sans-serif;
    color: #555555;
    font-size: 14pt;
    margin: 10px 20px 0 0;
}

.free-text {
    font-family: Helvetica, Arial, sans-serif;
    color: #E50914;
    font-size: 18pt;
}

.price-text {
    font-family: Helvetica, Arial, sans-serif;
    color: #0066cc;
    font-size: 18pt;
}

.register-sucess-text {
    display: block;
    margin-top: 20px;
}

.card-flags {
    margin-left: 18px;
    margin-bottom: -10px;
    text-align: center;
}

.card-title {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin-top: 10px;
}

.giftcode-explained {
    text-align: left;
    width: 330px;
    margin-left: 20px;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: -10px;
}

.subscribe-ok-button {
    margin-left: 40px;
    margin-top: 10px;
    width: 150px;
    background-image: linear-gradient(rgb(113, 168, 3), rgb(113, 168, 3));
    background-color: #71a803;
    background-repeat: repeat-x;
    border-style: solid;
    border-radius: 6px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    padding: 4px 3px 4px 3px;
}

.subscribe-error-button {
    margin-left: 20px;
    margin-top: 10px;
    width: 150px;
    background-image: linear-gradient(rgb(176, 176, 176), rgb(144, 144, 144));
    background-repeat: repeat-x;
    border-style: solid;
    border-radius: 6px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    padding: 4px 3px 4px 3px;
}

.subscribe-cancel-button {
    margin-left: 20px;
    margin-top: 10px;
    width: 150px;
    background-image: linear-gradient(rgb(176, 176, 176), rgb(144, 144, 144));
    background-repeat: repeat-x;
    border-style: solid;
    border-radius: 6px;
    border-width: 1px;
    /*border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*/
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    padding: 4px 3px 4px 3px;
}

.full_loader_img {
    background: url(images/ajax-loader-2.gif) no-repeat 50%;
    background-color: transparent;
    width: auto;
    height: 100%;
    z-index: 50001;
    opacity: 0.5;
    filter: blur(1px);
    background-size: 50px;
}

.full_loader {
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    /*opacity: 0.4;*/
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 19990000;
    top: 0;
    left: 0;
}

.full_loader.black {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.5);
}

.full_loader.black>.full_loader_img {
    background-image: url('/content/images/ajax-loader-preto.gif');
}

/*************************/
/*      ASSINATURA       */
/*************************/
.subscription-title {
    font-family: Helvetica, Arial, sans-serif;
    display: block;
    font-size: 30px;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #555555;
    text-align: center;
}

.subscription-container-01 {
    position: fixed;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    /*opacity: 0.6;*/
    background-color: rgba(0, 0, 0, 0.6);
    overflow-y: scroll;
    z-index: 9999000;
}

.subscription-container-02 {
    width: 700px;
    margin: 0;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    margin-top: 3%;
    padding-bottom: 20px;
    position: absolute;
    background-color: #ffffff;
    -moz-box-shadow: 2px 2px 2px #000000;
    -webkit-box-shadow: 2px 2px 2px #000000;
    box-shadow: 0px 0px 8px #0000005e;
    z-index: 501;
    border-radius: 3px;
}

.subscription-container-01::-webkit-scrollbar {
    display: none;
}

.subscription-container-02::-webkit-scrollbar {
    display: none;
}

.subscription-result-container-01 {
    position: fixed;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    /*opacity: 0.6;*/
    background-color: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    z-index: 600;
}

.subscription-failed {
    font-family: Helvetica, Arial, sans-serif;
    margin-left: 20px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.subscription-failed-title {
    font-size: 32px;
    height: 65px;
    display: block;
    padding-top: 15px;
    margin-left: 10px;
    margin-bottom: -20px;
    padding-left: 85px;
    color: #c04f4f;
    background-image: url(images/form_error.jpg);
    background-repeat: no-repeat;
    background-size: 70px;
}

.subscription-success {
    font-family: Helvetica, Arial, sans-serif;
    margin-left: 20px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.subscription-success-title {
    font-size: 32px;
    height: 65px;
    display: block;
    padding-top: 15px;
    margin-left: 10px;
    margin-bottom: -20px;
    padding-left: 85px;
    color: #026ab5;
    background-image: url(images/form_success.jpg);
    background-repeat: no-repeat;
    background-size: 70px;
}

.subscribe-success-button {
    margin-left: 20px;
    margin-top: 10px;
    width: 150px;
    background-image: linear-gradient(rgb(176, 176, 176), rgb(144, 144, 144));
    background-repeat: repeat-x;
    border-style: solid;
    border-radius: 6px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    padding: 4px 3px 4px 3px;
}

.subscribe-page {
    font-family: Helvetica, Arial, sans-serif;
    margin-left: 20px;
    margin-top: 30px;
}

.subscribe-ok-button-2 {
    margin-top: 30px;
    width: 150px;
    background-color: #71a803;
    /*background-image: linear-gradient(#1b6f07, rgb(24, 124, 28));*/
    background-repeat: repeat-x;
    border-style: solid;
    border-radius: 6px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    padding: 4px 3px 4px 3px;
}


.register-container-01 {
    position: fixed;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    overflow-y: auto;
    z-index: 500;
}

.register-container-02 {
    max-width: 810px;
    margin: 0;
    padding: 0;
    left: 0;
    top: 50%;
    right: 0;
    margin: auto;
    position: absolute;
    background-color: #fff;
    -moz-box-shadow: 2px 2px 2px #000000;
    -webkit-box-shadow: 2px 2px 2px #000000;
    box-shadow: 2px 2px 2px #000000;
    z-index: 501;
    transform: translateY(-50%);
    width: 34em;
    height: 14em;
    border-radius: 8px;
    color: #333;
}

@media (max-width: 840px) {
    .register-container-02 {
        top: 0;
        transform: none;
        margin-top: 22px;
        bottom: auto;
        height: auto;
    }

    #modal-select-partener ul li {
        height: 100px;
    }
}


.payment-container-01 {
    position: fixed;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    overflow-y: auto;
    z-index: 500;
}

.payment-container-02 {
    max-width: 810px;
    margin: 0;
    padding: 0;
    left: 0;
    top: 50%;
    right: 0;
    margin: auto;
    position: absolute;
    background-color: #fff;
    -moz-box-shadow: 2px 2px 2px #000000;
    -webkit-box-shadow: 2px 2px 2px #000000;
    box-shadow: 2px 2px 2px #000000;
    z-index: 501;
    transform: translateY(-50%);
}

@media (max-width: 840px) {
    .payment-container-02 {
        top: 0;
        transform: none;
        margin-top: 22px;
        bottom: auto;
        height: auto;
    }
}

.paymentMethod {
    color: #0066cc;
    font-size: 15px;
    font-weight: normal;
    margin-top: 14px;
    margin-right: 15px;
}

.paymentMethods {
    color: #505050;
    font-weight: normal;
    font-size: 16px;
    margin: 10px 0;
}

.paymentMediaTitle {
    display: table-cell;
    margin-top: 8px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #555;
    font-weight: bold;
}

.paymentTitlePrice {
    display: table-cell;
    font-size: 18px;
    font-weight: bold;
    color: #555;
    margin-left: 10px;
    width: 110px;
    text-align: right;
}

.payment-information {
    margin-left: 20px;
    margin-top: 10px;
    text-align: left;
}

.payment-title {
    font-family: Helvetica, Arial, sans-serif;
    display: block;
    font-size: 30px;
    margin-top: 10px;
    /* margin-bottom:10px;*/
    color: #555555;
    text-align: center;
}

.payment-media {
    font-family: Helvetica, Arial, sans-serif;
    display: block;
    font-size: 20px;
    /*margin-top: 10px;*/
    margin-bottom: 10px;
    color: #555555;
    margin-left: 20px;
    height: 50px;
    width: 100%;
}


.payment-transaction-type {
    font-weight: bold;
    display: inline-block;
    overflow: hidden;
}

.payment-media-title {
    font-size: 20px;
    overflow: hidden;
    width: 454px;
    color: #0369b5;
    display: inline-block;
    margin-left: 12px;
    padding-bottom: -2px;
    text-align: left;
}

.payment-price {
    margin-right: 10px;
    font-size: 35px;
    color: #0460D9;
    margin-top: 2px;
    padding: 4px;
    display: inline-block;
}



.giftcodeInfoContainer {
    margin: 0px 15px;
}

.giftcodeError {
    color: #777;
}

.giftcodeError span {
    font-weight: bold;
}

.giftcodeInfo {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
    margin: 15px 0px;
    flex-wrap: wrap;
    background-color: rgba(0, 0, 0, 0.1);
}

.descriptionGiftcode,
.priceGiftcode {
    margin: 5px 15px;
}

.descriptionGiftcode span,
.priceGiftcode span {
    font-weight: bold;
    font-size: 16px;
}




.device-check-container-01 {
    position: fixed;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    z-index: 9999000;
}

.device-check-container-02 {
    box-shadow: 2px 2px 2px #000000;
    text-align: center;
    border-radius: 10px;
    z-index: 1001;
    background-color: rgb(251, 247, 247);
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 500px;
    height: 500px;
}

.device-check-title {
    font-family: Helvetica, Arial, sans-serif;
    display: block;
    font-size: 30px;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #555555;
}

#silverlight-not-installed div {
    font-size: 15px;
    font-family: Helvetica, Arial, sans-serif;
    color: #555555;
    margin-bottom: 10px;
}

#silverlight-not-installed div a {
    font-size: 13px;
    font-family: Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
}

.device-silverlight-img {
    /*margin-top: -40px;*/
}

.device-check-loading {
    margin-top: 20px;
}

.device-check-register {
    margin-top: 45px;
    font-size: 14px;
    padding: 0px 15px 0px 15px;
    font-family: Helvetica, Arial, sans-serif;
    text-align: left;
}

.device-check-register div {
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
    color: #555555;
    margin-bottom: 10px;
}

.device-check-textbox {
    display: block;
    font-family: Helvetica, Arial, sans-serif;
    color: #555555;
    border-radius: 6px;
    /*border-style: outset;
    border-color: rgb(251, 247, 247);*/
    padding-left: 10px;
    font-size: 18px;
    width: 300px;
    height: 30px;
    /*margin-top: 30px;*/
    border-width: 1px;
    /*margin-bottom: 30px;*/
    /*background-image: linear-gradient(rgb(255, 255, 255), rgb(245, 242, 243));*/
    margin-left: 62px;
}



.area-buttons {
    text-align: center;
}

.form-device-check-error {
    margin-top: 15px;
    margin-left: 25px;
    padding-top: 8px;
    font-size: 16px;
    height: 30px;
    margin-bottom: -20px;
    padding-left: 40px;
    color: red !important;
    /*display: none;*/
    background-image: url(images/form_alert.jpg);
    background-repeat: no-repeat;
    text-align: left;
    background-size: 30px;
    /*display: none;*/
}


.payment-result-container-01 {
    position: fixed;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    /*opacity: 0.6;*/
    background-color: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    z-index: 600;
}

.payment-result-container-02 {
    width: 600px;
    padding-bottom: 30px;
    /*height: 410px;*/
    position: fixed;
    /*background-color: rgb(251, 247, 247);*/
    background-color: rgb(255, 255, 255);
    margin-left: -300px;
    margin-top: -10px;
    top: 80px;
    left: 50%;
    box-shadow: 2px 2px 2px #000000;
    z-index: 601;
}

.containerButtons {
    margin: 0 auto;
    text-align: right;
    margin-right: 20px;
}

.payment-success {
    font-family: Tahoma;
    margin-top: 30px;
    margin-bottom: 20px;
    margin-right: 10px;
    margin-left: 20px;
}

.payment-success-title {
    font-size: 32px;
    height: 65px;
    display: block;
    padding-top: 15px;
    margin-left: 10px;
    margin-bottom: -20px;
    padding-left: 85px;
    color: #017b03;
    background-image: url(images/form_success.jpg);
    background-repeat: no-repeat;
    background-size: 70px;
}

.payment-sucess-sucess {
    font-family: Helvetica, Arial, sans-serif;
    margin-left: 20px;
    margin-top: 20px;
}


.payment-success-button {
    margin-left: 20px;
    margin-top: 10px;
    width: 150px;
    background-image: linear-gradient(rgb(113, 168, 3), rgb(113, 168, 3));
    background-color: #71a803;
    border-style: solid;
    border-radius: 6px;
    border-width: 1px;
    border-color: #71a803;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    padding: 4px 3px 4px 3px;
}

.payment-error-button {
    margin-left: 20px;
    margin-top: 10px;
    width: 150px;
    background-image: linear-gradient(rgb(176, 176, 176), rgb(144, 144, 144));
    background-repeat: repeat-x;
    border-style: solid;
    border-radius: 6px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    padding: 4px 3px 4px 3px;
}


.payment-failed {
    font-family: Helvetica, Arial, sans-serif;
    margin-left: 20px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.payment-failed-title {
    font-size: 32px;
    height: 65px;
    display: block;
    padding-top: 15px;
    margin-left: 10px;
    margin-bottom: -20px;
    padding-left: 85px;
    color: #c04f4f;
    background-image: url(images/form_error.jpg);
    background-repeat: no-repeat;
    background-size: 70px;
}

.playerContainer {
    width: 100%;
    overflow: hidden;
}

.playerror-container-01 {
    position: fixed;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    /*opacity: 0.6;*/
    background-color: rgba(3, 105, 181, 0.5);
    overflow: hidden;
    z-index: 1000;
}

.playerror-container-02 {
    width: 600px;
    /*height: 420px;*/
    padding-bottom: 20px;
    position: fixed;
    background-color: rgb(251, 247, 247);
    margin-left: -300px;
    margin-top: -50px;
    top: 80px;
    left: 50%;
    z-index: 1001;
    border-radius: 10px;
    border: double 4px #0369b5;
    box-shadow: 2px 2px 2px #000000;
    text-align: center;
}

.playerror-title {
    font-family: Helvetica, Arial, sans-serif;
    display: block;
    font-size: 30px;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #555555;
}

.playerror-error-button {
    margin-left: 20px;
    margin-top: 10px;
    width: 150px;
    background-image: linear-gradient(#c85c5d, rgb(123, 2, 2));
    background-repeat: repeat-x;
    border-style: solid;
    border-radius: 15px 15px 15px 15px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    padding: 4px 3px 4px 3px;
}

.generic-error {
    color: red;
    margin-bottom: 20px;
}

.player {
    height: -moz-calc(100% - 60px);
    height: -webkit-calc(100% - 60px);
    height: -o-calc(100% - 60px);
    height: calc(100% - 60px);
    width: 100%;
    margin: 0 auto;
    position: relative;
    background-color: #f2f2f2;
}

.player object {
    width: 100%;
    height: 100%;
    margin: 0;
}

.player-title {
    color: #026ab5;
    font-size: 35px;
    display: none;
    font-family: Helvetica, Arial, sans-serif;
    /*margin-top: 15px;
    margin-bottom: 15px;*/
    text-shadow: 1px 1px 1px #123855;
}

.wrapper_player {
    height: calc(100% - 60px);
    height: -moz-calc(100% - 60px);
    height: -webkit-calc(100% - 60px);
    height: -o-calc(100% - 60px);
    margin-top: 60px;
}

.footer_player {
    display: table;
    margin-top: 0;
    height: 120px;
    width: 100%;
    min-width: 900px;
    background-color: #0066cc;
    text-align: center;
}

.header_logo_img_player {
    width: 141px;
    height: 80px;
}

.body-player {
    background-color: var(--background-color);
    width: 100%;
    overflow: hidden;
}

.searcharea {
    float: left;
    font-size: 10px;
    font-family: Helvetica, Arial, sans-serif;
    color: #e1dfdf;
    margin-right: 380px;
}

.searcharea div {
    margin-bottom: 4px;
}

.searcharea input[type=text] {
    height: 18px;
    width: 200px;
    padding-left: 10px;
    background-color: #1d6ea9;
    border-radius: 8px;
    border-color: rgb(245, 242, 243);
    border-style: solid;
    border-width: 1px;
    font-family: Helvetica, Arial, sans-serif;
    color: #e1dfdf;
}

.rightContainer {
    float: right;
    height: 60px;
    /*background-color: yellow;*/
}

.leftContainer {
    display: inline-block;
    position: absolute;
    left: 0;
    text-align: left;
}

.centerContainer {
    position: absolute;
    left: 0;
    right: 0;
    width: 80px;
    margin: auto;
}

.rightContaint {
    display: inline-block;
    position: relative;
    padding-top: 0;
    /*background-color: rebeccapurple;*/
    width: 190px;
    margin-right: 10px;
}




.imageSearch {
    position: absolute;
    z-index: 12;
    vertical-align: top;
    right: 6px;
    bottom: 5px;
}

.topmenu {
    /*width:100%;*/
    height: 45px;
    background-color: #d8d8d8;
    padding-left: 10px;
}

.topmenu-item {
    height: 15px;
    float: left;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    padding: 15px;
    /*padding:1%;*/
    text-align: center;
}

.searchtextbox {
    height: 30px;
    width: 180px;
    padding-left: 12px;
    font-family: Helvetica, Arial, sans-serif;
    color: #4f4f4f;
    font-size: 12px;
}

.topmenu-pos5 {
    /*background-color: red;*/
    /*margin-left: -20px;*/
    padding-left: 2px;
    padding-top: 10px;
    height: 20px;
    border-left: 1px solid #bfbfbf;
}

.topmenu-pos7 {
    border-left: 1px solid #bfbfbf;
}

.topmenu-pos-separator {
    /*background-color: red;*/
    width: 100px;
}

/* MENU */
/*.topmenu-pos1, .topmenu-pos2, .topmenu-pos7 {
   width:14%;
   text-align:center;
}*/

/*.topmenu-pos3, .topmenu-pos4{
    width:10%;
    text-align:center;
}*/

/*.topmenu-pos5 {    
    color: #313131;
    width:3%;
    text-align:center;
    /*background-color: #b1b1b1;*/
/*border-left: none;*/
/*padding-right: 9px;*/
/*}*/

/*.topmenu-pos6 {
    width:27%;
    border-left: none;
    background-image: none;
    padding-left: 0;
    color: #727272;*/
/*background-color: #b1b1b1;*/
/*}*/

.topmenu-pos-separator {
    width: 0.5%;
    background-image: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.toppmenu-unselected {
    cursor: pointer;
    color: #979797;
}

.toppmenu-selected {
    cursor: pointer;
    color: #535151;
    background-color: #bfbfbf;
}

.topmenu-label {
    float: right;
    text-align: center;
}

.topmenu-item1 {
    margin-right: 35%;
}

.toppmenu-selected .topmenu-arrow {
    float: right;
    width: 10px;
    height: 10px;
    border-radius: 8px;
    margin-right: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #088A00;
    background-color: #02B300;
    margin-top: 2px;
    text-align: center;
}

.toppmenu-unselected .topmenu-arrow {
    float: right;
    width: 10px;
    height: 10px;
    border-radius: 8px;
    margin-right: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(112, 112, 112);
    background-color: #898989;
    margin-top: 2px;
    text-align: center;
}

.movie-episode-check-row {
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    max-width: 100%;
}

.movie-episode-name {
    display: inline;
    position: relative;
}

.movie-episode-name .ep-name-full {
    background: #888;
    color: #fff;
    display: none;
    position: relative;
    padding: 2px 7px 5px 7px;
    margin: -27px 0 0 0;
    text-align: center;
    width: 100%;
    z-index: 5;
}

.movie-episode-name.cursor {
    cursor: pointer;
}

.movie-episode-name.cursor:hover .ep-name-full {
    display: block;
}

.movie-episode-price {
    display: inline;
}

.media-no-itens-found {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    width: 300px;
    margin-left: 10px;
    margin-top: 15px;
    font-style: italic;
    /*background-color: red;*/
    color: #026ab5;
}



.frame-holder {
    width: 100%;
    clear: left;
    padding-bottom: 10px;
    margin-top: 20px;
}

frame-container {}

/* antes era em 640px*/
@media (min-width: 830px) {
    .frame-holder-first-child {
        width: 100%;
        display: inline-block;
        clear: left;
        margin-top: -21px;
    }

    .frame-holder-first-child .carousel_title_panel:first-child {
        margin-left: 532px !important;
    }

    .frame-holder-first-child .frame-container {
        margin-left: 542px !important;
    }

}

.frame-primecine {
    display: none;
}

.frame-banner {
    display: none;
    width: 510px;
    height: 266px;
    background-color: #eee;
    margin-left: 15px;
    margin-top: 8px;
    margin-right: 15px;
    vertical-align: top;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    position: absolute;
    z-index: 11;
    box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}


.frame-left {
    margin-top: 70px;
    width: 65px;
    height: 35%;
    position: absolute;
    z-index: 400000;
    cursor: pointer;
    left: -18px;
    display: none;
}

.frame-left-arrow {
    width: 100%;
    height: 100%;
    background-image: url(images/arrow-left-carousel.png);
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-color: rgba(3, 9, 19, 0.5);
    left: 0;
    position: absolute;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.owl-dots {
    bottom: 5px;
    text-align: center;
    position: absolute;
    z-index: 1000;
    width: 100%;
}

.owl-dots .owl-dot span {
    width: 7px !important;
    height: 7px !important;
}


.page-home .linkBanner img {
    border-radius: 10px;

}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.frame-right {
    margin-top: 70px;
    width: 65px;
    height: 35%;
    position: absolute;
    z-index: 400000;
    cursor: pointer;
    right: -20px;
    display: none;
}

.frame-right,
.frame-left {
    opacity: 0;


}

.frame-right-arrow,
.frame-left-arrow {
    transition: all 0.2s ease-in-out;
    transform: scale(0.5)
}

.frame-right-arrow:hover,
.frame-left-arrow:hover {
    transform: scale(0.6)
}



.frame-container:hover .frame-right,
.frame-container:hover .frame-left {
    display: block;
    opacity: 1;
    -webkit-animation: fadeIn 0.3s;
    animation: fadeIn 0.3s;
    transform: scale(1)
}

.frame-channel {
    height: 100%;
    margin-top: 0;
}

a>img {
    border: none;
}

.frame-right-arrow {
    width: 100%;
    height: 100%;
    background-image: url(images/arrow-right-carousel.png);
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-color: rgba(3, 9, 19, 0.4);
    right: 0;
    position: absolute;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.devices-row {
    padding-top: 20px;
    height: 40px;
    width: 100%;
    /*background-color: red;*/
    font-size: 20px;
    border-bottom: 1px solid rgb(235, 235, 235);
}

.devices-nav-alias {
    float: left;
    /*width: 70%;*/
    font-size: 25x;
}

.devices-nav-date {
    float: left;
    width: 100px;
    font-size: 14px;
}

.devices-content-nav-button {
    float: right;
    width: 50px;
    font-size: 15px;
    margin-right: 20px;
}

.device-delete {
    float: right;
    margin-right: 20px;
    width: 24px;
    height: 24px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAABVAAAAVQFx6ibxAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAFpQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAsR9YqAAAAB10Uk5TAAMGCA4QFxgoPENPX2BvgJCUsLzAxcnKzs/g8Pzsax2GAAAAcUlEQVQoU93QNxKAMAxEURFsTDSYHPb+14ShMDJDqvnlvlEjope8dtprvRMEWOatBQFffSEkerXVQwrhW+jg1FkYXRgthEnGSkILVPKD8tifwOQDigJDbk6gySCKYEj/FCpVI45Rq+rrr24gbVgpg4tWxfsXpV7GSV0AAAAASUVORK5CYIIcd0deae638e9be550c8a9a7fd5c31108');
    display: block;
    cursor: pointer;
}

.movie-list-panel-container {
    margin: 30px auto 0 auto;
    padding: 0;
}

.text-sobretim {
    margin: 40px 0;
}

.img-tim-videos {
    display: block;
    width: 200px;
    margin: 40px auto 20px auto;
}

.detailMoreItem {
    font-size: 20px;
    color: white;
}

.headerLarge {
    display: block;
}

.menuButtonMobile {
    width: 30px;
    height: 61px;
    background-image: url(images/mobile/menuButtonMobile.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 15px;
    border-radius: 5px;
    margin-left: 10px;
    margin-top: 0px;
}

/*===========================
video entenda o looke INICIO
============================*/
.video-container {
    position: relative;
}

.video-container #bt-play-video {
    cursor: pointer;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 70px;
    z-index: 5;
}

.video-container #bt-play-video:hover {
    opacity: 0.6;
}

/*===========================
video entenda o looke FIM
============================*/

/*======================
Ativação smart tv INICIO
======================*/
.activate-smart {
    text-align: center;
}

.activate-smart h3 {
    color: #06c;
    font-size: 24px;
    margin-bottom: 30px;
    padding-top: 30px;
}

.activate-smart p {
    font-size: 18px;
    margin-bottom: 30px;
    color: #FFFFFF;
}

.white-text {
    color: #ffffff;
}

.activate-smart .code-active {
    color: #06c;
    font-size: 40px;
    margin-bottom: 30px;
}

.activate-smart .btn-active {
    background: #0066cc;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    margin: 0 auto 50px auto;
    padding: 10px 20px;
    width: 150px;
}

.activate-smart .msg-error {
    font-size: 18px;
    margin-bottom: 30px;
}

/*======================
Ativação smart tv FIM
======================*/


.img-no-result {
    color: #ccc;
    font-size: 18px;
    left: 50%;
    position: absolute;
    text-align: center;
    transform: translate(-50%, -50%);
    top: 50%;
    z-index: 1;
    margin-top: 150px;
}


.searchContainer {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.SearchMenu {
    display: block;
    position: absolute;
    vertical-align: top;
    right: -3px;
    top: 5px;
    padding: 15px;
    cursor: pointer;
}

.rightContaint {
    display: none;
    margin-top: 15px;
    margin-right: 11px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: -4px;
    border-radius: 25px;
}



.showMenu {
    display: block !important;
}


.leftContainerSmall {
    width: 210px;
    display: inline-block;
    /*background-color: yellow;*/
}


#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}

.europaLogo {
    height: 44px;
    margin-top: 10px;
}

.distLogo {
    height: 44px;
    margin-top: 10px;
}

.a2Logo {
    height: 44px;
    margin-top: 10px;
}

.hotHeder {
    position: relative;
    margin-bottom: 2px;
    top: -60px;
    z-index: 10;
}

.hotFixed {
    position: fixed !important;
    top: 60px !important;
}

.hotHederGrad {
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 1));
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 1));
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 1));
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 1));
    /* Standard syntax (must be last) */
    height: 60px;
    width: 100%;
    cursor: pointer;
    position: absolute;
    background-repeat: repeat-x;
    background-position-y: center;
    z-index: 5;
    top: 0;
}

.hotHederNoGrad {
    background-color: black !important;
    opacity: 1 !important;
}

.hotContainer {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-top: 0;
}

.subscribe-history {
    width: 100%;
}

.subscribe-history tr {
    background-color: inherit;
    border-bottom: 5px solid #fff;
}

.subscribe-history thead tr td {
    background-color: #d6d5d6;
    padding: 10px;
}

.subscribe-history tbody tr td {
    padding: 10px;
    padding: 10px;
    font-size: 14px;
}


.prime-info-register {
    text-align: center;
    color: #555555;
    margin-left: 140px;
    height: 60px;
    margin-top: 10px;
}


.prime-info {
    text-align: center;
    color: #555555;
    /*margin-left: 30px;*/
    margin-bottom: 30px;
}

.prime-holder {
    /*background-color: rebeccapurple;*/
    width: 540px;
    height: 130px;
}

.prime-logo {
    width: 200px;
    float: left;
    margin-top: 40px;
    text-align: center;
}

.prime-holder-giftcode {
    /*background-color: rebeccapurple;*/
    width: 540px;
    height: 80px;
}

.prime-logo-giftcode {
    width: 200px;
    float: left;
    margin-top: 10px;
    text-align: center;
}

.prime-form {
    width: 340px;
    float: left;
    text-align: left;
}

.prime-input {
    margin-top: 2px;
    font-size: 14px;
    border: 1px solid #979797;
    font-family: Helvetica, Arial, sans-serif;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    color: #555555;
    height: 25px;
    width: 300px;
}

.prime-form-label {
    color: #555555;
    margin-top: 10px;
    font-size: 14px;
}

.prime-separator {
    border-top: solid 1px rgb(212, 207, 207);
    height: 1px;
}

.prime-ok {
    padding-top: 15px;
    height: 120px;
}

.prime-error {
    text-align: left;
    color: #ff0000;
    font-weight: bold;
    margin-left: 200px;
    /*margin-left: 30px;*/
    margin-bottom: 5px;
}


.prime-ok-button {
    width: 150px;
    background-image: linear-gradient(rgb(6, 132, 226), #0369b5);
    border-style: solid;
    border-radius: 6px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    padding: 4px 3px 4px 3px;
}

.searchPersonContainer {
    width: auto;
    margin: 20px 0 10px 16px;
    font-family: Helvetica, Arial, sans-serif;
    color: #eee;
}

.searchPersonTitle {
    font-size: 18pt;
    font-weight: 600;
    display: inline-block;
    min-width: 110px;
}

.seachPerson {
    margin: 0 5px;
    display: inline;
}

.seachPerson a {
    cursor: pointer;
    text-decoration: none;
    color: #eee;
}


.userName {
    margin-left: -10px;
    padding-left: 25px;
    background-size: 22px;
}

.logo-partner {
    border-radius: 3px;
    margin: 0 5px;
    padding: 10px;
}

.logo-partner .logo-tim-live {
    width: 55px;
}

.logo-partner .logo-claromobile {
    width: 55px;
}

.logo-partner .logo-now {
    width: 43px;
}

.logo-partner .logo-netclaro {
    width: 150px;
}

.logo-partner .logo-tim {
    width: 43px;
}

.logo-partner .logo-nextel {
    width: 45px;
}

.logo-partner .logo-vivomobile {
    width: 45px;
}

.logo-partner .logo-preventsenior {
    width: 45px;
}

.containerNotifications {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.border {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.notifications {
    position: absolute;
    top: 60px;
    width: 360px;
    right: 11px;
    background-color: rgba(37, 38, 38, 0.85);
    color: #aaa;
    display: none;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

.notificationButtom {
    background-image: url("images/notification.png");
    background-repeat: no-repeat;
    background-position: 0 8px;
    width: 17px;
    height: 28px;
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 13px;
    cursor: pointer;
    display: none;
}

.notification {
    cursor: pointer;
    padding: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.notificationThumb {
    display: inline-block;
    vertical-align: top;
    padding: 4px;
    width: 130px;
    height: 75px;
    opacity: 0.6;
}

.notificationThumb img {
    width: 120px;
    height: 65px;
}

.notificationText {
    display: inline-block;
    width: 214px;
    text-align: left;
}

.notificationTitle {
    font-weight: bold;
    font-size: 13px !important;
}

.notificationMessage {
    font-size: 12px;
}

.containerNotifications .triangle {
    margin-left: -1pxs;
    position: absolute;
    top: -20px;
    right: 2px;
}

.notificationAlert {
    background-color: #d00;
    width: 17px;
    height: 17px;
    font-size: 12px;
    margin-left: 7px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 9px;
    padding-right: 1px;
}

.newNotification {
    background-color: rgba(100, 100, 120, 0.5);
    color: #eee;
}

.newNotification .notificationThumb {
    opacity: 1;
}

.containerMenuFilter {
    width: auto;
}

.containerMenuFilter .headerMenuItenDescription {
    display: block;
    margin-bottom: 15px;
}

.helpMenu {
    width: 150px;
    background-color: #ddd;
    color: #555;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px 8px 20px;
    margin: 0px 0px;
}

.kids {
    background-image: url("images/kids.png");
    background-repeat: no-repeat;
    background-position: 19px 3px;
    height: 20px;
}

.testFree {
    color: black;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
    text-decoration: none;
    font-family: Helvetica, Arial, sans-serif;
    padding: 7px 25px 10px 25px;
    font-size: 14px;
    margin-top: 0px;
    background-color: #f7cd2b;
    cursor: pointer;
}



.wrapper-footer {
    color: white;
    font-size: 20px;
    height: 250px;
    display: flex;
    margin: 20px;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    text-align: center;
}

.wrapper-footer a {
    color: white;
    text-decoration: none;
}

.wrapper-footer a:hover {
    color: white;
    text-decoration: none;
}

.social-group img {
    width: 50px;
}


.centerAlign {
    text-align: center !important;
}

.rightAlign {
    text-align: right !important;
}

.rightMargin {
    margin-right: 30px !important;
}

.displayBlock {
    display: block !important;
}

.verticalAlignBaseline {
    vertical-align: baseline !important;
}

.verticalAlignMiddle {
    vertical-align: middle !important;
}


.preorder {
    font-size: 20px;
    color: #009688;
    font-weight: bold;
    padding-bottom: 10px;
    margin-top: 15px;
    min-height: 35px;
}

.profile-wrapper {
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 80px 0 0;
    text-align: center;
}

.profile-form-group {
    text-align: center;
    margin-top: 5%;
}

.profile-name {
    display: flex;
    justify-content: center;
}

.profile-name img {
    width: 20px;
    align-self: center;
    margin-left: 5px;
}

.profile-card-title {
    font-weight: 500;
    font-size: 17px;
    margin-top: 10px;
}

.prfile-card-wrapper {
    display: flex;
    margin-top: 50px;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.shimmer-animate {
    opacity: 0.7;
    transition: opacity 0.2s
}

.shimmer-animate:hover {
    opacity: 1;
}

.profile-choose-title {
    font-size: 30px;
}

.profile-card {
    text-align: center;
    cursor: pointer;
    margin: 0 1.3vw;

}

.profile-card .profile-title {
    font-size: 18px;
    margin: 10px 0;
    font-weight: 500;
}

.add-profile-wrapper .add-profile-icon {
    width: 45px;
}

.add-profile-wrapper {
    margin-top: 60px;
    font-size: 16px;
    cursor: pointer;
}

.add-profile-wrapper p {
    margin-top: 8px;
}

.avatar-form {
    margin: 0 auto;
    display: block;
}

.form-input-kids {
    width: 75%;
    margin: auto;
}

#modal-profile {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

.modal-content {
    background-color: #fefefe;
    margin: 30vh auto 0;
    padding: 23px;
    border: 1px solid #888;
    width: 90%;
    max-width: 500px;
}

.close-modal-profile {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.close-modal-profile:hover {
    color: #707070;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.banner-cookies-wrapper {
    background-color: rgba(68, 68, 68, .84);
    border-radius: 8px;
    position: fixed;
    z-index: 1000;
    bottom: 0;
    width: 1100px;
    animation-iteration-count: 1;
    left: 0;
    right: 0;
    margin: auto;
    animation-name: transitionDown;
    box-sizing: border-box;
    box-shadow: 0 3px 9px 0 rgb(0 0 0 / 41%);
    display: none;
    margin-bottom: 10px;
    padding: 7px 10px;
    z-index: 5000000;
}

.banner-cookies-content {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.banner-cookies-content a {
    color: #ffffff;
    text-decoration: underline;
}

.banner-cookies-content p {
    line-height: 1.5;
    font-size: 13px;
    margin: 0;
    color: #fafafa;
}

.banner-cookies-content button {
    display: inline-block;
    text-decoration: none;
    border-radius: 4px;
    border: 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    background: #fdc20f;
    padding: 0px 30px;
    cursor: pointer;
    height: 30px;
    color: #000;
}

@media (max-width: 830px) {

    .social-group img {
        width: 40px;
    }

    .wrapper-footer {
        height: auto;
        margin: 20px 0;
        padding: 0 20px;
    }

    .headerUserDescriptionItem {
        display: none;
    }

    .frame-left,
    .frame-right {
        display: none !important;
    }

    .frame {
        overflow-x: auto !important;
        -ms-overflow-style: none;
    }

    .frame::-webkit-scrollbar {
        display: none;
    }

    .logo-partner {
        display: none;
    }

    .modal-partner .login-partner .logo-partner {
        display: block;
    }

    .frame-holder {
        margin-bottom: 10px;
        margin-top: 10px;
    }
}

.share-buttons {
    clear: left;
    padding-top: 30px;
}

.share-buttons .btn-share {
    display: block;
    float: left;
    margin: 0 15px 30px 0;
}

.share-buttons .break {
    clear: left;
}

/*Login*/

#modal-looke {
    display: block;
}

#back-looke {
    cursor: pointer;
}

#back-looke:hover {
    text-decoration: underline;
}

#modal-looke.hide {
    display: none;
}

#modal-netclaro {
    display: none;
}

#modal-netclaro.show {
    display: block;
}

#modal-netclaro #btn-back {
    background: #0066cc;
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999999;
    cursor: pointer;
}

#div_internal-modal-netclaro {
    height: 465px;
}

/*nextel*/
#modal-nextel {
    display: none;
}

#modal-nextel.show {
    display: block;
}

#modal-nextel .back-partner {
    color: #e05206;
}

#modal-nextel .login-button {
    background: #e05206;
    color: #fff;
}

#modal-nextel .login-button:hover {
    background: #b14105;
}

/*vivo*/
#modal-vivo {
    display: none;
}

#modal-vivo.show {
    display: block;
}

#modal-vivo .back-partner {
    color: #6f06a3;
}

#modal-vivo .login-button {
    background: #6f06a3;
    color: #fff;
}

#modal-vivo .login-button:hover {
    background: #7d05b8;
}




/*tim*/
#modal-tim {
    display: none;
}

#modal-claro-mov {
    display: none;
}

#modal-tim.show {
    display: block;
}

#modal-tim .back-partner {
    color: var(--color-white);
}

#modal-tim .login-button {
    background: #1a72c2;
    color: #fff;
}




/*timlive*/
#modal-timlive {
    display: none;
}

#modal-timlive.show {
    display: block;
}

#modal-timlive .back-partner {
    color: var(--color-white)
}



.modal-partner .login-partner {
    padding: 0 0 15px 0;
}

.modal-partner .login-partner .logo-partner {
    margin: 0 auto 15px auto;
    width: 130px;
}

/*modal de resultados*/
.modal-result {
    display: none;
}

.modal-result.show {
    display: block;
}

.modal-result .bt-popupClose {
    background: #1a72c2;
    border-radius: 3px;
    color: #fff;
    float: none;
    height: 35px;
    margin: 0 auto;
    padding: 7px 0 0 0;
    position: relative;
    width: 70px;
}

.modal-result .message {
    color: #1a72c2;
    font-size: 18px;
    text-align: center;
}

.modal-result .message span {
    display: block;
    text-transform: uppercase;
}

.modal-result .message i {
    display: block;
    font-size: 80px;
    margin: 30px auto;
}

/*//////////////////////
    regras parceiros cadastro
/////////////////////*/
.partner-rules h3 {
    color: #6f6f6f;
    font-size: 12px;
}

.partner-rules .box-rules {
    background: #efefef;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    padding: 10px;
}

.partner-rules .box-rules img {
    display: block;
    margin: 0 auto;
}

.partner-rules .box-rules .rules-text {
    background: #fff;
    font-size: 12px;
    min-height: 300px;
    padding: 10px;
}

.partner-rules .box-rules.net-claro img {
    width: 130px;
}

.partner-rules .box-rules.tim img {
    margin: 12px auto;
    width: 70px;
}


.partner-rules .box-rules.tim-live img {
    margin: 13px auto;
    width: 80px;
}


.partner-rules .box-rules.nextel img {
    margin: 10px auto;
    width: 70px;
}

.partner-rules .box-rules ul {
    padding: 0;
}

.partner-rules .box-rules ul li {
    list-style: none;
    margin-bottom: 5px;
}

/*//////////////////////
    Media Query
/////////////////////*/

@media (max-width: 1300px) {
    .hideLarge {
        display: none !important;
    }

    .cover-canais {
        margin: 0 5px;
        width: 200px;
    }

    .channel-label img {
        width: 180px;
    }

    .banner-cookies-wrapper {
        width: 90%;
    }

    .banner-cookies-content p {
        text-align: center;
    }

    .banner-cookies-content {
        flex-direction: column;
    }
}

@media (max-width: 1020px) {
    .inlineMedium {
        /*display: inline !important;*/
    }
}

/*
@media (max-width: 980px) {
    .footerSmall {
        position: static !important;
    }
    .footerLeft, .footerMiddle, .footerRight {
        width: 100%;
        text-align: center;
        margin: 0px;
        padding: 0px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .footerItem {
        display: block;
        background-color: #fafafa;
        margin-bottom: 6px;
    }

    .footerItem a {
        margin: 3px auto !important;
    }

    .footerItem span {
        display: none;
    }

    .wrapper {
        min-height: 0 !important;
        height: auto !important;
    }
}*/



@media (max-width: 980px) {
    .header {
        min-width: 748px;
    }

    .hideMSmall {
        display: none !important;
    }

    .menuSmall {
        width: min-content !important;
        left: 0px;
        top: 60px;
        bottom: 0px;
        position: fixed;
        border-bottom-left-radius: 0em;
        border-bottom-right-radius: 0em;
        overflow-y: auto;
        padding-right: 10px;
    }

    .divisionMenu {
        height: 1px;
        border-bottom: 1px solid #fff;
        margin: 5px 5px 10px 5px;
        border-left: none;
    }

    .headerMenuItens {
        display: block;
        position: fixed;
        top: 0px;
        z-index: 1000000;
        top: 60px;
    }

    .genero,
    .sections,
    .divisionMenu {
        display: block;
        width: auto;
    }

    .headerDescriptionItem:hover>div {
        display: block;
    }

    .headerMenuItenDescription {
        padding-bottom: 11px;
        font-size: 14px;
        margin-left: 15px;
    }

    .settings .headerMenuItenDescription {
        margin-left: 30px;
    }

    .menuButtonMobile {
        display: inline-block;
    }

    .hideSmall {
        display: none !important;
    }

    .inlineSmall {
        display: inline !important;
    }

    .header {
        min-width: 320px;
    }

    .scroolYSmall {
        overflow-y: scroll;
    }

    .marginSmall {
        width: 95% !important;
    }

    .img-no-result {
        font-size: 16px;
    }

    .img-no-result img {
        width: 150px;
    }

    .icone-video-club-mobile {
        width: 46px;
        margin-left: -15px;
        margin-top: 1px;
    }

    icone-loja-online-mobile {
        margin-left: 0;
    }

    .headerMenuItenDescription-channels {
        background-color: white !important;
        color: black !important;
        width: auto !important;
        padding-left: 0 !important;
        margin-left: 35px !important;
        opacity: 21 !important;
        padding: 0px 4px 0px 5px !important;
        font-weight: 600;
        border-radius: 1px;
        margin-bottom: 5px;
    }
}

@media (max-width: 830px) {

    .SearchMenu .imageSearchMobile {}

    .rightContaint {}

    .boxCanais {
        margin: 0 10px;
    }

    .channel-label {
        margin: 0 10px 0 15px;
    }

    .channel-label img {
        width: 150px;
    }

    .cover-canais {
        width: 150px;
    }
}

@media (max-width: 500px) {
    .testFree {
        display: none;
    }

    .header-button-subscribeNow {
        display: none !important;
    }

    .testFreeSmall {
        display: inline-block;
        padding: 12px 25px 13px 25px !important;
        font-size: 10px !important;
        vertical-align: top;
        margin-top: 12px !important;
    }

    .img-no-result {
        font-size: 14px;
    }


    .img-no-result img {
        width: 100px;
    }

    .channel-label {
        margin: 10px 10px 0 5px;
        position: absolute;
        top: 0px;
    }

    .channel-label img {
        width: 100px;
    }

    .boxCanais {
        height: 78px;
    }

    .container-canais {
        height: 100px;
    }

    .cover-canais {
        width: 110px;
        margin: 0 5px;
    }

    .profile-card-title {
        font-size: 3.5vw;
    }

    .profile-avatar {
        width: 30vw;
    }

    .profile-choose-title {
        font-size: 6vw;
    }

    .prfile-card-wrapper {
        flex-direction: column;
    }

    .shimmer-animate {
        opacity: 1;
    }

    .add-profile-wrapper {
        margin-top: 25px;
    }

    .profile-wrapper {
        padding: 0 0 0;
    }

    .prfile-card-wrapper {
        margin-top: 20px;
    }
}

@media (max-width: 425px) {
    .hideXSmall {
        display: none !important;
    }

    .scroolYXSmall {
        overflow-y: scroll;
    }

    .marginXSmall {
        width: 95% !important;
    }

    #modal-select-partener ul li.logo-timlive img {
        height: 16px;
    }

    #modal-select-partener ul li.logo-claro-hdtv img {
        height: 20px;
    }

    .boxCanais {
        width: 46%;
        margin: 0 4px;
    }
}


.testFreeSmall {
    display: none;
}


/* PAYMENT AREA */
.payment-box {
    background: #fff;
    width: 825px;
    text-align: left;
}

.payment-box .container-payment {
    padding: 0 30px;
    width: 100%;
}

.payment-box .header-payment {
    background: #f3f3f3;
    margin-bottom: 30px;
    padding: 39px 15px 16px 15px;
    border-bottom: 1px solid #f3f3f3;
}

.payment-box .header-payment h3 {
    color: #06c;
    font-size: 21px;
    margin: 0 0 10px 0;
    padding: 0;
    text-align: center;
    font-weight: 600;
}

.payment-box .header-payment .title {
    font-size: 18px;
    font-weight: bold;
}

.payment-box .header-payment .price span {
    font-weight: bold;
    float: right;
    font-size: 18px;
}

.payment-box .header-payment .popupClose {}

.payment-box .tab-payments-nav {
    padding: 0;
}

.payment-box .tab-payments-nav li {
    display: block;
    list-style: none;
    margin-bottom: 5px;
}

.payment-box .tab-payments-nav li a {
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    color: #8c8c8c;
    font-size: 13px;
    font-weight: bold;
    height: 40px;
    display: block;
    padding: 10px 5px 0 5px;
    text-decoration: none;
    width: 100%;
}

.payment-box .tab-payments-nav li a:hover,
.payment-box .tab-payments-nav li a.active {
    background: #eee;
    color: #06c;
}

.payment-box .tab-payments-nav li a span img {
    margin-right: 5px;
    width: 25px;
}

.payment-box .tab-content .tab-content-box {
    display: none;
}

.payment-box .tab-content .tab-content-box.active {
    display: block;
}

.payment-box .tab-content-box h3 {
    color: #06c;
    font-size: 14px;
}


.payment-box .credit-card .icon-cards li {
    display: inline-block;
    list-style: none;
}

.payment-box .credit-card .icon-cards li img {
    width: 40px;
}

.payment-box .credit-card label {
    color: #444444;
    display: block;
    font-weight: normal;
}

.payment-box .credit-card input {
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    height: 40px;
    margin-bottom: 10px;
    padding: 5px;
}

.payment-box .credit-card input[type="checkbox"] {
    float: left;
    width: 15px;
    height: 15px;
}

.payment-box .bt-payment {
    padding-top: 20px;
}

.payment-box .bt-payment input {
    background: #06c;
    border: none;
    border-radius: 5px;
    color: #fff;
    float: right;
    font-weight: bold;
    margin-top: 10px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    width: 200px;
}

.payment-box .maskCardSaved {
    border-radius: 3px;
    padding: 8px 5px;
}

.payment-box .gifts-img .img-epay {
    width: 50px;
}

.payment-box .gifts-img .img-gift-code {
    width: 60px;
}

.payment-box .one-click {
    background: #06c;
    border-radius: 5px;
    color: #fff;
    float: left;
    margin: 0 10px 10px 0;
    padding: 10px;
    width: 200px;
}

.payment-box .one-click img {
    float: left;
    margin-right: 10px;
    width: 30px;
}

.payment-box .credit-card h3 i {
    display: none;
}

.paymentMethodMenu {
    border-bottom: 1px solid #c5c5c5;
}

.paymentMethodMenu span {
    margin-right: 20px;
    cursor: pointer;
    display: inline-block;
    padding: 8px 10px 8px 10px;
    border-radius: 10px 10px 0 0;
}


.paymentMethodMenu .picpay {
    color: #21c25f;
}

.paymentMethodMenuSelected {
    background: #f1f1f1;
}

.termsConditions {
    border: 1px solid #c7c7c7;
    height: 150px;
    overflow-y: scroll;
    padding: 10px 20px;
    border-radius: 5px;
    margin-top: 20px;
    border: 1px solid #4367a3;
    padding: 10px;
    border-radius: 6px;
    margin-top: 10px;
    color: var(--color-dark-grey);
    font-size: var(--font-xsmall);
    font-weight: 300;
}

.acceptTermsConditions {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px;
}

.acceptLabel {
    display: flex;
    margin: 0;
    align-items: center;
}

.acceptLabel input {
    margin: 0
}

.acceptLabel span {
    margin-left: 5px;
    font-weight: 400;
}

.settingsButton[disabled] {
    background-color: #89a6c1;
}


#PicPayPaymentContent {
    display: none;
}

#PixPaymentContent {
    margin-top: 20px;

}

.info-important {
    margin-top: 7px;
    background-color: #e30505;
    text-align: center;
    color: white;
}

.buttonPaymentoPicPay {
    background: #21C25F;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    width: 100%;
    cursor: pointer;
}

.buttonPaymentoPix {
    background: #21C25F;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    width: 100%;
    cursor: pointer;
}

.buttonPaymentoPicPay[disabled] {
    background: #85c59e;
}

.cardFlag {
    height: 33px !important;
}

/*payment media query*/
@media (max-width: 991px) {
    .payment-box {
        width: 90%;
        margin-top: 10px;
    }

    .payment-box .header-payment .title {
        font-size: 10px;
    }

    .payment-box .header-payment .price span {
        font-size: 12px;
    }

    .payment-box p {
        font-size: 10px;
    }

    .payment-box .gifts-img {
        display: none;
    }

    .payment-box .header-payment h3 {
        font-size: 12px;
    }

    .payment-box .tab-payments-nav {
        display: flex;
    }

    .payment-box .tab-payments-nav li {
        flex: 1;
        margin: 0 3px 3px 3px;
    }

    .payment-box .tab-payments-nav li .text-nav {
        display: none;
    }

    .payment-box .tab-payments-nav li a {
        text-align: center;
    }

    .payment-box .tab-payments-nav li span img {
        display: block;
        margin-right: auto !important;
        margin-left: auto;
        width: 20px;
    }

    .payment-box .one-click {
        font-size: 14px;
        float: none;
        padding: 5px;
        width: 200px;
    }

    .payment-box .one-click img {
        width: 20px;
    }
}


@media (max-width: 769px) {
    .payment-box .header-payment {
        padding: 5px;
        margin-bottom: 10px;
    }

    .payment-box .tab-payments-nav li a {
        padding: 3px;
        height: 30px;
    }

    .payment-box .tab-payments-nav li a .img-card {
        width: 25px;
    }

    .payment-box .tab-payments-nav li a .img-credits {
        width: 20px;
    }

    .payment-box .tab-payments-nav li a .img-gift {
        width: 35px;
    }

    .payment-box .tab-payments-nav li a .img-paypal {
        width: 20px;
    }

    .payment-box .credit-card input {
        height: 30px;
    }

    .payment-box .bt-payment input {
        margin-top: 0;
        font-size: 12px;
        height: 35px;
    }

    .payment-box .maskCardSaved {
        padding: 3px 5px;
    }

    .payment-box .one-click {
        margin-bottom: 20px;
    }

    .payment-box .useYourCard {
        display: none !important;
    }

    .payment-box .useYourCard.show {
        display: block !important;
    }

    .payment-box .new-credit-card {
        display: none !important;
    }

    .payment-box .new-credit-card.show {
        display: block !important;
    }

    .payment-box .credit-card h3 {
        margin: 0 0 5px 0;
    }

    .payment-box .credit-card .icon-cards {
        margin-bottom: 5px;
    }

    .payment-box .credit-card .icon-cards li {
        margin-bottom: 0px;
    }

    .payment-box .credit-card h3 {
        background: #06c;
        border-radius: 3px;
        font-size: 10px;
        color: #fff;
        cursor: pointer;
        padding: 5px;
    }

    .payment-box .credit-card h3 .icon-arrow-down {
        display: inline-block;
        margin-right: 10px;
    }

    .payment-box .credit-card h3 .icon-arrow-right {
        display: none;
        margin-right: 10px;
    }

    .payment-box .credit-card h3.active .icon-arrow-right {
        display: inline-block;
        margin-right: 10px;
    }

    .payment-box .credit-card h3.active .icon-arrow-down {
        display: none;
        margin-right: 10px;
    }

    .payment-box .credit-card .icon-cards li img {
        width: 20px;
    }
}

@media (max-width: 520px) {
    .payment-box .credit-card #CardSavedSecurityCode {
        width: 170px;
    }

    .payment-box .maskCardSaved {
        margin-bottom: 10px;
    }

    .payment-box .credit-card label {
        font-size: 10px;
    }

    .acceptTermsConditions {
        justify-content: left;
    }

    .planTitleContainer {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
}

@media (max-width: 478px) {
    .payment-box .one-click {
        margin-bottom: 5px;
    }

    .payment-box .credit-card label {
        font-size: 10px;
    }
}


.forgetten-password .field-validation-error {}

.forgetten-password .description {
    margin-bottom: 20px;
}

.partner-sub-header {
    background-color: #151515;
    padding: 20px;
    margin-bottom: 15px;
}


.login-partner-span {
    font-size: 12px;
    margin-bottom: 10px;
    display: block;
    text-align: left;
}

.login-partner-span.center {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 15px;
}


.mediaPrice_svod.price_2,
.movie-button-videoclub.price_2 {
    background-image: url(subscription-styles/selo-belas-artes.png);
}

.partners-plan-box {
    display: inline-block !important;
    margin: 0 20px !important;
}


/*ACCOUNT/CHOOSEPROFILE*/
.profile-form-choose-profile {
    margin-top: 0px;
}

.avatar-choose-profile {
    border-radius: 100px;
    width: 150px;
    height: 150px;
    background-color: rgba(255, 255, 255, 0.1);
    display: block;
}

#profileImageFile {
    display: none;
}

#profileImage {
    border-radius: 100px;
}

.error-span-choose-profile {
    text-align: center;
    color: red;
    margin: auto;
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
}

.div-error-choose-profile {
    max-height: 45px;
    min-height: 45px;
}

.edit-profile-inside-choose-profile {
    background: black;
    border-radius: 38px;
    border: 5px solid black;
    height: 30px;
    position: absolute;
    left: 55%;
    top: 30%;
    cursor: pointer;
}

/*header kids*/
.exit-kids {
    margin-left: -15px !important;
}


.activationCodeContainer {
    margin: auto;
    margin-top: 120px;
    color: #eee;
    font-size: 20px;
    text-align: center;
    width: 650px;
}

.codeText {
    font-size: 30px;
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
    border-radius: 11px;
    padding: 30px;
    text-transform: uppercase;
    text-align: center;
}

.codeTextInput {
    font-size: 30px;
    width: 100%;
    margin: auto;
    text-transform: uppercase;
}

.codeSuccess {
    border: 2px solid rgba(20, 40, 150);
    background-color: rgba(0, 5, 40);
}

.codeError {
    border: 2px solid rgb(150, 20, 20);
    background-color: rgb(40, 0, 0);
}

.codeButtom {
    background-color: rgb(185, 155, 15);
    padding: 0px 8px 1px 8px;
    border-radius: 4px;
    cursor: pointer;
    min-width: 178px;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    margin-top: 30px;
}

.codeInput {
    display: flex;
    margin: auto;
    width: fit-content;
    margin-top: 20px;
}

.codeInput input {
    width: 60px;
    height: 90px;
    margin-right: 15px;
    border: 2px solid rgba(20, 40, 150);
    background-color: rgba(0, 5, 40);
    border-radius: 10px;
    text-align: center;
    font-size: 45px;
}

.codeInputDash {
    width: 20px;
    border: 3px solid;
    height: 1px;
    margin-right: 15px;
    margin-top: 40px;
}

.pointer {
    cursor: pointer;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-10 {
    margin-bottom: 10px;
}

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


.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}