﻿﻿@charset "utf-8";
/* CSS Document */


/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

/* Global > Fontes
//////////////////////////////////////*/
@font-face{
	font-family:'Exo';
	src:url('fonts/Exo-Regular.eot');
	src:url('fonts/Exo-Regular.eot?#iefix') format('embedded-opentype');
	src:url('fonts/Exo-Regular.woff2') format('woff2');
	src:url('fonts/Exo-Regular.woff') format('woff');
	src:url('fonts/Exo-Regular.ttf') format('truetype');
	src:url('fonts/Exo-Regular.svg#Exo-Regular') format('svg');
	font-weight:normal;
	font-style:normal;
}

/* Global > Seletor universal
//////////////////////////////////////*/
*{margin:0;padding:0;list-style:none;border:0}

/* --------------------------------------*/
/* ---------->>> ESTRUTURA <<<-----------*/
/* --------------------------------------*/

/* Estrutura > Seletores Tipo Tag
/////////////////////////////////////////*/
html,
body{overflow-x:hidden;}
body{font-family:'Arial', sans-serif;color:#fff;background-color:#333;}
a{text-decoration:none;}
.gallery,
menu+h4,
.teaser,
header,
main{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:all .25s linear;-moz-transition:all .25s linear;-ms-transition:all .25s linear;transition:all .25s linear;}
header,
main{padding:0 20px}
menu+h4{font-size:20px;margin-bottom:20px;text-align:center;font-weight:normal}
footer{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:all .25s linear;-moz-transition:all .25s linear;-ms-transition:all .25s linear;transition:all .25s linear;}
footer{height:111px;background:#222222;text-align:center}
footer img{margin:24px auto 20px}
footer p{font-size:11px}

.download{margin-top:18px;}
.download a{height:40px;line-height:40px;background:url('../img/btfit/ico-app_down.png') 0 0 no-repeat transparent;font-weight:bold;color:#00BAC1;font-size:16px;padding-left:50px;display:block;width:130px;margin:20px auto 0}
.download::before{content:'';display:block;border-top:solid 1px #383838}

#logo {
    margin-top: 50px;
    text-align: center;
}

/* Estrutura > Header
/////////////////////////////////////////*/
header{height:63px;border-bottom:solid 1px #3A3A3A;margin-bottom:19px;position:relative}

/* Estrutura > Menu
/////////////////////////////////////////*/
menu{overflow-y:auto;position:fixed;top:0;left:0;z-index:1;width:100%;height:100%;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all .25s linear;-moz-transition:all .25s linear;-ms-transition:all .25s linear;transition:all .25s linear; background:#333;}

menu:after{content:'';display:block;width:100px;height:49px;position:relative;bottom:50px;left:43%;margin:80px 0 0 -23px;z-index:-1}
menu:before{content:'';display:block;border-bottom:solid 1px #3A3A3A;position:absolute;width:100%;top:63px;}
menu ul{font-size:18px;}
menu ul > li{margin:22px 0}
menu ul > li > a{color:#fff;padding-left:7%}
menu ul > div > a{color:#fff}
menu ul > li li > a{padding-left:10%}
menu li ul,
menu li div{font-size:14px;display:none;background:#000;padding:20px 0;margin-top:11px}
menu li div{padding-left:10%}
menu li li{margin-bottom:20px}
menu li li:first-of-type{margin-top:0}
menu li li:last-of-type{margin-bottom:0}
menu .activeDown{background:url('../img/btfit/ico-arrowDown_white.png') center right no-repeat transparent;padding-right:20px;}
menu .activeUp{background:url('../img/btfit/ico-arrowUp_white.png') center right no-repeat transparent;padding-right:20px;}
menu .menu-anchor{right:20px;left:initial}
menu .confirm{display:block;padding-right:10%;}
menu .confirm p{font-size:13px;margin-bottom:15px;}
menu .confirm small{display:block;font-weight:bold;}
menu .confirm .loadMore{margin-bottom:5px}
menu .confirm .cancel{text-decoration:underline}

/* Menu Hamburguer*/
.menu-anchor{background:none;display:block;position:absolute;left:20px;overflow:hidden;margin:18px 4px 0;padding:0;width:20px;height:28px;font-size:0;text-indent:-9999px;appearance:none;box-shadow:none;border-radius:none;border:none;cursor:pointer;}
.menu-anchor:focus{outline:none;}
.menu-anchor span{display:block;position:absolute;top:12px;left:0px;right:0px;height:4px;background:white;}
.menu-anchor span::before,
.menu-anchor span::after{position:absolute;display:block;left:0;width:100%;height:4px;background-color:#fff;content:"";}
.menu-anchor span::before{top:-8px;}
.menu-anchor span::after{bottom:-8px;}
.menu-anchor--htx span{transition:background 0s 0.25s;}
.menu-anchor--htx span::before,
.menu-anchor--htx span::after{transition-duration:0.25s, 0.25s;transition-delay:0.25s, 0s;}
.menu-anchor--htx span::before{transition-property:top, transform;}
.menu-anchor--htx span::after{transition-property:bottom, transform;}
.menu-anchor--htx.is-active span{background:none;}
.menu-anchor--htx.is-active span::before{top:0;transform:rotate(45deg);}
.menu-anchor--htx.is-active span::after{bottom:0;transform:rotate(-45deg);}
.menu-anchor--htx.is-active span::before,
.menu-anchor--htx.is-active span::after{transition-delay:0s, 0.25s;}


/* Estrutura > Seletores Tipo Classe
/////////////////////////////////////////*/
.logo{background:url('../img/btfit/logo-btfit.png') 0 0 no-repeat transparent;width:80px;height:29px;position:absolute;left:50%;margin:17px auto 0 -40px; }
.logo span{display:none}
.welcome{border-bottom:solid 1px #3A3A3A;margin:89px 0 30px 7%;width:80%;padding-bottom:26px;font-size:16px}
.welcome p:first-of-type{margin-bottom:5px;font-size:18px}
.exit{color:#00BAC1;display:block;border:solid 1px #00BAC1;text-align:center;margin:0 auto 11px;width:80%;font-size:16px;padding:11px 0px;}
.exit:active{background:#33677B}
.assinar{color:#00BAC1;display:block;border:solid 1px #00BAC1;text-align:center;margin:0 auto 11px;width:80%;font-size:16px;padding:11px 0px;}
.assinar:active{background:#33677B}
.cancel{color:#999;display:block;text-align:center;font-size:12px;padding:5px 0;width:80%;margin:0 auto;font-weight:bold}
.ico-lupa{background:url('../img/btfit/ico-lupa.png') 0 0 no-repeat transparent;width:15px;height:15px;margin:5px;display:block;position:absolute;right:20px;top:19px}
.generalMsg div{    content: '';
                    display: block;
                    background: rgba(00, 00, 00, .75);
                    font-size: 13px;
                    text-align: center;
                    position: fixed;
                    width: 150px;
                    left: 50%;
                    bottom: 20px;
                    margin: 0 0 0 -75px;
                    border: solid 2px #5A5D5A;
                    border-radius: 3px;
                    padding: 5px;
                    box-shadow: 2px 2px 2px #000;}
.loadMore{background:#01BCC4;color:#fff;text-align:center;text-transform:uppercase;padding:15px 0;display:block;font-size:14px;font-weight:bold}
.goBack{background:#01BCC4;color:#fff;text-align:center;text-transform:uppercase;padding:15px 0;display:block;font-size:14px;font-weight:bold}

.exit.loadMore + .exit{font-size:12px}
/* ----------------------------------------*/
/* ---------->>> FORMULÁRIOS <<<-----------*/
/* ----------------------------------------*/

/* Fomulários > Geral
/////////////////////////////////////////*/
input,
button{-webkit-appearance:normal;-moz-appearance:normal;appearance:normal}
input[type~=text],
input[type~=number]{color:#fff}
input[type~=submit]{cursor:pointer;color:#00BAC1;}
input[type~=submit]:after{content:'';display:block;clear:both}

/* Formulários > Placeholder's
///////////////////////////////////////////*/
::-webkit-input-placeholder{color:#494949}
::-moz-placeholder{color:#494949}
:-moz-placeholder{color:#494949}
:-ms-input-placeholder{color:#494949}

/* Fomulários > Busca
/////////////////////////////////////////*/
.search{height:63px;background:#f00;width:100%;position:absolute;right:-100%;background:#333;}
.search form{height:100%}
.search input[type~=text]{height:100%;padding:0 3%;background:#333;font-size:18px;width:68%;padding-right:22%;outline:none;}
.search .ico-lupa.close{background:url('../img/btfit/ico-close_search.png') center center no-repeat transparent;}
.search .ico-lupa.back{background:url('../img/btfit/ico-arrowRight_white.png') center center no-repeat transparent;}
.search{}

/* Fomulários > MSISDN
/////////////////////////////////////////*/
.msisdn{font-size:14px;font-family:'Exo';overflow:hidden}
.msisdn input[type~=text],
.msisdn input[type~=number],
.msisdn input[type~=submit]{border:solid 1px #00BAC1;background:#000;padding:14px 2%;float:left;width:160px}
.msisdn input[type~=text]{width:30px;float:left;margin-right:3%},
.msisdn input[type~=number]{width:55%}
.msisdn input[type~=submit]{width:50px;width:50px;margin-left:10px}
.msisdn p{margin-bottom:10px;padding-right:10%}

/* Fomulários > PIN
/////////////////////////////////////////*/
.pin{font-size:14px;font-family:'Exo';overflow:hidden}
.pin input[type~=text],
.pin input[type~=number],
.pin input[type~=submit]{border:solid 1px #00BAC1;background:#000;padding:14px 3%;float:left}
.pin input[type~=text],
.pin input[type~=number]{width:55%}
.pin input[type~=submit]{width:75px;float:right;margin-right:10%}
.pin p{margin-bottom:10px;padding-right:10%}
#pin_invalido{font-size:14px;font-family:'Exo';overflow:hidden;color:#f00}
#msisdn_invalido{font-size:13px;font-family:'Exo';overflow:hidden;color:#f00}

/* Fomulários > Erros+
/////////////////////////////////////////*/
.error input[type~=text],
.error input[type~=number]{background:#464646;color:#fff}
.error input[type~=submit] + p{clear:both;margin:0;padding-top:10px;color:#00BAC1;font-weight:bold;font-size:12px;}







/* Componentes > Banner de App
/////////////////////////////////////////*/
.app{background:#00BAC6;height:80px;width:100%;z-index:2;position:absolute}
.app .close{background:url('../img/btfit/ico-close.png') 0 0 no-repeat transparent;display:block;position:absolute;left:20px;top:33px;width:13px;height:13px;}
.app img{position:absolute;left:48px;top:13px}
.app .goTo{background:#333;text-align:center;display:block;color:#00BAC6;border-radius:3px;text-transform:uppercase;font-size:13px;padding:11px 26px;max-width:180px;position:absolute;top:20px;right:20px;}

.gallery{margin-bottom:21px}

.teaser{margin-bottom:21px;position:relative;}
.teaser.image{max-height:130px}
.teaser.image:after{content:'';display:block;background:url('../img/btfit/bg-videoBar.png') center center repeat-x transparent;height:2px;width:100%;position:absolute;margin-top:-7px}
.teaser.image a{color:#fff}
.teaser.video + main{padding:0}
.teaser img{width:100%;max-height:130px}
.teaser .content{position:absolute;top:50%;left:0;margin-top:-43px;width:100%}
.teaser .content h6{display:block;font-size:30px;text-transform:uppercase;text-align:center;}
.teaser .content p{display:block;font-size:11px;text-align:center;}
.teaser .content small{display:block;font-size:14px;text-align:center;}
video::-internal-media-controls-download-button { display:none;}
video::-webkit-media-controls {overflow: hidden !important}
video::-webkit-media-controls-enclosure {
    width: calc(100% + 32px);
    margin-left: auto;
}









.info{padding:0 20px 19px;font-size:12px;border-bottom:solid 1px #3A3A3A;position:relative}
.info p{}
.info .favorite{background:url('../img/btfit/ico-star_big-empty.png') 0 0 no-repeat transparent;width:24px;height:24px;display:block;position:absolute;top:0;right:19px}
.info .favorite.active{background:url('../img/btfit/ico-star_big-colorful.png') 0 0 no-repeat transparent;}

.detais{padding:19px 20px;background:#2B2B2B;overflow:hidden;width:auto;border-bottom:solid 1px #3A3A3A;margin-bottom:5px}
.detais li{float:left;width:33.333%;height:auto;overflow: hidden;margin-bottom:auto;text-align:center}
.detais p{display:block;margin:0 auto;text-align:center;}
.detais p:before{content:'';display:inline-block;width:20px;height:21px;margin-bottom:-5px;}
.detais .time p{}
.detais .time p:before{background:url('../img/btfit/ico-clock.png') 0 0 no-repeat transparent;}
.detais .spent p{}
.detais .spent p:before{background:url('../img/btfit/ico-fire.png') 0 0 no-repeat transparent;}
.detais .views p{}
.detais .views p:before{background:url('../img/btfit/ico-eye.png') 0 4px no-repeat transparent;margin-right:5px}

.detais small{}

.navegation{clear:both;background:#2B2B2B;overflow:hidden;width:auto}
.navegation li{width:50%;text-align:center;position:relative;height:auto;margin-bottom:0}
.navegation li:nth-child(1){float:left}
.navegation li:nth-child(1):after{content:'';border-left:solid 1px #3A3A3A;height:100%;position:absolute;top:0;right:0}
.navegation li:nth-child(2){float:right}
.navegation a{display:block;color:#fff;font-size:14px;text-transform:uppercase;padding:15px 0;}
overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical

.decision{clear:both;background:#2B2B2B;overflow:hidden;width:auto;position:absolute;bottom:0;left:0;width:100%}
.decision li{width:100%;text-align:center;position:relative;height:auto;margin-bottom:0;border-radius:3px;}
.decision li:nth-child(1){float:left;background:#00B9C1}
.decision li:nth-child(1) a:before{content:'';display:block;padding-top:8px;}
.decision li:nth-child(2){float:right;background:#F1F1F1;line-height:50px}
.decision li:nth-child(2) a{color:#000}
.decision a{display:block;color:#fff;font-size:15px;text-transform:uppercase;height:50px;font-weight:bold}
.decision a span{display:block;color:#000;font-size:9px;text-transform:none;}

#mask{position:absolute;left:0;top:0;z-index:9000;background-color:#000;display:none;}
#boxes{}
#boxes .window{position:absolute;left:40px;top:50px;width:280px;height:370px;display:none;z-index:9999;text-align:center;}
#boxes #dialog{width:280px;height:338px;background-color:#333;background:url('../img/btfit/bg-freemium.png') 0 0 transparent;}
#boxes p{font-size:12px;padding:0 26px}
#boxes p span{color:#00B9C1;font-weight:bold;text-transform:uppercase;}
#boxes .content{margin-top:225px;}
#boxes .content h4{margin-top:5px;}
#boxes .close{background:url('../img/btfit/ico-close_black.png') 0 0 transparent;width:10px;height:10px;margin:10px;position:absolute;top:0;right:0}




/*
   Com a classe menu-active na tag HTML
*/
.menu-active menu {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.menu-active header,
.menu-active main,
.menu-active .teaser,
.menu-active .gallery,
.menu-active menu+h4
{
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}



section{overflow:hidden;margin:0 auto;padding:21px 0 19px}
section:first-of-type{padding-top:0}

section > h2{font-size:20px;float:left;margin:0 0 13px}
section > h4{font-size:20px;margin-bottom:20px;text-align:center}
section > h4 span{font-size:14px;}
section > h5{font-size:18px;margin-bottom:20px;font-weight:normal}
section > ul{clear:both;width:98%;}
section > ul li{overflow:hidden;position:relative;height:85px;margin-bottom:19px;}
section > ul li:last-of-type{margin-bottom:0}
section .media{position:relative;float:left;margin-right:12px;}
section .media img{}
section .media span{background:#000;font-size:9px;color:#fff;position:absolute;padding:1px 3px;border-radius:3px;text-align:right;bottom:11px;right:6px;}
section .content{color:#fff;}
section .content h3{font-size:14px;margin-bottom:4px}
section .content p{font-size:11px;line-height:18px;overflow: hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow: ellipsis;}
section .goTo{}
section .more{color:#00BAC1;text-decoration:underline;text-transform:uppercase;font-size:10px;float:right;line-height:27px}
section .favorite{background:url('../img/btfit/ico-star_small-empty.png') 0 0 no-repeat transparent;width:15px;height:15px;display:block;position:absolute;top:0;right:0}
section .favorite.active{background:url('../img/btfit/ico-star_small-colorful.png') 0 0 no-repeat transparent;}

section .favoriteHome{background:url('../img/btfit/ico-star_small-empty.png') 0 0 no-repeat transparent;width:15px;height:15px;display:block;position:absolute;top:0;right:0}
section .favoriteHome.active{background:url('../img/btfit/ico-star_small-colorful.png') 0 0 no-repeat transparent;}

.faq-content{
    display: block !important;
}

article{}
article a{display:block;color:#fff;background:url('../img/btfit/ico-arrowDown_green.png') center right no-repeat transparent;padding-right:20px;}
article a.active{background:url('../img/btfit/ico-arrowUp_green.png') center right no-repeat transparent;}
article h4{margin-bottom:20px;font-size:15px;color:#00B9C1;font-weight:normal}
article h6{font-size:14px;font-weight:normal;margin-bottom:10px}
article ul{margin-bottom:50px}
article li{margin-bottom:15px}
article li:last-of-type{margin-bottom:0}
article p{font-size:12px;margin-bottom:5px}
article p:last-of-type{margin-bottom:0}
article .content{display:none}



section i + .loadMore{margin-top:30px;text-transform:none}
section > i,
article > i{font-style:normal;font-size:14px;display:block;text-align:center}
section > i + .exit,
article > i + .exit{margin-top:20px}

.ilustration{display:block;margin:-10px auto 10px}
i + .ilustration{display:block;margin:10px auto}


.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}


/******** BANNER BTFIT ********/

.notificationBar {
    background: #ebebeb;
}

.notificationBar {
    background: #ebebeb;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 64px;
    box-shadow: 0 -5px 12px #ccc inset;
}

.notificationBar .fechar {
    border-color: #0c4890;
    color: #0c4890;
}

.notificationBar .fechar {
    border: solid 1px;
    border-radius: 50%;
    padding: 2px 6px;
    text-decoration: none;
    position: absolute;
    left: 10px;
    top: 21px;
}

.notificationBar div {
    color: #4d4d4d;
    position: absolute;
    top: 12px;
    left: 10px;
    width: 190px;
}

.notificationBar img {
    float: left;
    margin-right: 5px;
}

.notificationBar p {
    font-family: tim_sansregular;
    position: relative;
}

p {
    line-height: 18px;
}

.notificationBar p span {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
}

.notificationBar .install {
    font-size: 12px;
    font-family: tim_sansregular;
    border-color: #0c4890;
    color: #0c4890;
}

.notificationBar .install {
    border: solid 1px;
    border-radius: 2px;
    padding: 3px 12px;
    text-decoration: none;
    position: absolute;
    right: 10px;
    top: 21px;
}

.protect{
    position: fixed;
    z-index: 200;
    width: 100%;
    height: 100%;
    background-color: transparent;
    display: block;
}

/*******SUPER BANNER********/
.super-banner{
    height: 507.13px;
    background: url('../img/btfit/super-banner.png') 0 0 transparent no-repeat;
    z-index:9999;
    position: fixed;
    width: 296px;
    margin-top: -90px;
}

.box-center{
width:100%;
display:flex;
justify-content:center;
}

.logo-header{
    width: 30px;
    height: 30px;
    margin: 25px 0px 0px 15px;
}

.banner-close{
    float: right;
    margin: 18px 0px 0px 15px;
}

.texto-banner{
    margin:95px 0px 0px 40px;
}

.text{
     margin: 33px 35px 0px 40px;
     font-style: normal;
     font-size: 16px;
     line-height: 20px;
     letter-spacing: 0.1px;
     color: #FFFFFF;
}

.btn-banner{
   width: 142.62px;
   height: 33.12px;
   background: #13C2C2;
   border-radius: 4px;
   margin: 10px 0px 0px 40px;
   font-style: normal;
   font-weight: bold;
   font-size: 16px;
   line-height: 19px;
   display: flex;
   align-items: center;
   text-align: center;
   justify-content: center;
   letter-spacing: 0.75px;
   color: #FFFFFF;

}

.footer{
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 70px;
  align-items: center;
}

.logo-operadora{
    width: 40px;
    height: auto;
    margin-top: 18px;
    filter: contrast(1.6) brightness(6);

}

.text-so{
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #C9CED1;
    margin-top: 13px;
}

#overlay{
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#000;
    display:block;
    width:100%;
    opacity: 0.6;
    height: 1250px;
    display:none;
}

#super-banner{
display:none;
}

/*****Banner Footer *****/

.banner-footer{
    width: 100%;
    height: 101px;
    position: relative;
    margin-top: -105px;
    border-radius: 4px;
    display:flex;
    flex-direction:row;
    z-index:999;
}

.banner-footer-overlay{
    z-index:900;
    opacity: 0.7;
    background: linear-gradient(180deg, rgba(17, 18, 19, 0.8) 0%, #111213 58.85%);
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);
    width: 100%;
    height: 105px;
    position: relative;
    margin-top: -105px;
    border-radius: 4px;
}

.text-banner-footer{
    width: 188.47px;
    height: 36.06px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 16px;
    letter-spacing: 0.1px;
    color: #FFFFFF;
    font-weight: bold;
    margin: 17px 0px 0px 12px;

}

.btn-banner-footer{
   width: 87px;
   height: 30px;
   background: #13C2C2;
   border-radius: 4px;
   margin: 17px 13px 0px 0px;
   font-style: normal;
   font-weight: bold;
   font-size: 16px;
   line-height: 19px;
   display: flex;
   align-items: center;
   text-align: center;
   justify-content: center;
   letter-spacing: 0.75px;
   color: #FFFFFF;

}