
html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    
}

* {
    outline: none;
    box-sizing: border-box;
}
iframe {
    /* display: none; */
}  
img {
    border: 0;
    display: block;
}
p,
h1,
h2,
h3,
h4,
h5 {
    margin: 0;
    font-weight: normal;
}
ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.clearboth {
    clear: both;
}
.container {
    position: absolute;
    width: 100%;
    min-height: 100%;
    top: -2px;
    overflow-x: hidden;
}

.header {
    width: 1180px;
    height: 90px;
    margin: 0 auto;
}
.header_logo {
    float: left;
    margin: 12px 0 10px 20px;
    width: 90%;
}

.header_logo .right {
    float: right;
    margin-top: 20px;
}

.header_logo .right a {
    color: #6d6e71;
    text-decoration: none;
}

.header_logo img {
    float: left;
}

.header_logo img.last {
    margin-left: 10px;
    border-left: 1px solid #ebebeb;
    padding-left: 30px;
}
@font-face {
  font-family: 'Gotham-Light';
  src: url('../fonts/Gotham-Light.eot');
  src: url('../fonts/Gotham-Light.woff2') format('woff2'),
       url('../fonts/Gotham-Light.woff') format('woff'),
       url('../fonts/Gotham-Light.ttf') format('truetype'),
       url('../fonts/Gotham-Light.svg#Gotham-Light') format('svg'),
       url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Book';
  src: url('../fonts/Gotham-Book.eot');
  src: url('../fonts/Gotham-Book.woff2') format('woff2'),
       url('../fonts/Gotham-Book.woff') format('woff'),
       url('../fonts/Gotham-Book.ttf') format('truetype'),
       url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg'),
       url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Bold';
  src: url('../fonts/Gotham-Bold.eot');
  src: url('../fonts/Gotham-Bold.woff2') format('woff2'),
       url('../fonts/Gotham-Bold.woff') format('woff'),
       url('../fonts/Gotham-Bold.ttf') format('truetype'),
       url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg'),
       url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GothamRounded-Bold';
  src: url('../fonts/GothamRounded-Bold.eot');
  src: url('../fonts/GothamRounded-Bold.woff2') format('woff2'),
       url('../fonts/GothamRounded-Bold.woff') format('woff'),
       url('../fonts/GothamRounded-Bold.ttf') format('truetype'),
       url('../fonts/GothamRounded-Bold.svg#GothamRounded-Bold') format('svg'),
       url('../fonts/GothamRounded-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GothamRounded-Medium';
  src: url('../fonts/GothamRounded-Medium.eot');
  src: url('../fonts/GothamRounded-Medium.woff2') format('woff2'),
       url('../fonts/GothamRounded-Medium.woff') format('woff'),
       url('../fonts/GothamRounded-Medium.ttf') format('truetype'),
       url('../fonts/GothamRounded-Medium.svg#GothamRounded-Medium') format('svg'),
       url('../fonts/GothamRounded-Medium.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

.header_logo img[src='images/logo_multiplus_mob.jpg'] {
    display: none;
}
.header_logo_porto {
    float: left;
    margin: 23px 0 0 39px;
}
.header_logo_porto img[src='images/'] {
    display: none;
}
.header_bt {
    float: right;
    margin: 32px 20px 0 0;
}
.header_links {
    float: right;
    margin: 37px 36px 0 0;
}
.x-general {
    float: left;
    width: 100%;
}
.x-general .x-header {
    float: left;
    width: 100%;
    padding: 4px 0;
}
.x-general .x-center {
    max-width: 1175px;
    margin: 0 auto;
}
.x-general * {
    font-family: 'Trebuchet MS', Trebuchet-ms, Verdana, Arial, sans-serif;
}
.x-general .x-header .x-center h1 {
    text-indent: -999em;
    overflow: hidden;
    display: block;
    background: url(../images/logo_multiplus.jpg) center no-repeat;
    width: 178px;
    height: 46px;
}
.x-general .x-content {
    float: left;
    width: 100%;
}
.x-general .x-content .x-banner-main {
    background: url(../images/banner_mainV2.png) center top no-repeat;
    background-size: 147%;
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
}
.x-general .x-center {
    max-width: 1175px;
    margin: 0 auto;
}
.x-general .x-content .x-banner-main .x-left {
    float: left;
    width: 50%;
}
.x-general .x-content .x-banner-main .x-right {
    float: right;
    width: 50%;
    position: relative;
    max-height: 305px;
}.x-general .x-content .x-banner-main .x-left .x-top {
    float: left;
    width: 323px;
    background: rgba(0,0,0,0.6);
    padding: 40px 28px 22px;
}
.x-general .x-content .x-banner-main .x-left .x-top h2 {
    color: #fff;
    font-size: 33px;
    text-transform: uppercase;
    font-family: 'GothamRounded-Medium';
}
.x-general .x-content .x-banner-main .x-left .x-bottom {
    float: left;
    width: 234px;
    background: rgba(0,0,0,0.6);
    padding: 14px 18px;
    clear: both;
    margin-top: 110px;
}
.x-general .x-content .x-banner-main .x-left .x-bottom h3 {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'GothamRounded-Medium';
    line-height: 20px;
}
.x-general .x-content .x-banner-main .x-right .x-circle-blue {
    position: absolute;
    max-width: 137px;
    width: 100%;
    height: 137px;
    background: url(../images/infos_circleBlue.png) center #005dab no-repeat;
    -moz-box-shadow: 3px 3px 19px -4px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 19px -4px rgba(0,0,0,0.75);
    overflow: hidden;
    border-radius: 50%;
    top: 16px;
    display: none;
}
.x-general .x-content .x-banner-main .x-right .x-circle-white {
    background: #fefbf3;
    border: 0;
    border-radius: 50%;
    min-height: 486px;
    width: 486px;
    text-align: center;
    margin-top: -72px;
    float: right;
    box-sizing: border-box;
    padding: 111px 0px 0;
}
p.text-efetuar {
    color: #525252;
    font-size: 18px;
}
p.text-efetuar strong {
    font-weight:bold;
}
.x-general .x-content .x-banner-main .x-right .x-circle-white a:after {
    content: '';
    display: block;
    max-width: 367px;
    width: 100%;
    height: 2px;
    background: #a8a6a2;
    margin: 3px auto 0;
}
.x-general .x-content .x-banner-main .x-right .x-circle-white .x-icon_top {
    background: url(../images/circle_top.png) center no-repeat;
    width: 320px;
    height: 11px;
    display: block;
    margin: 0 auto 20px;
}
.x-general .x-content .x-banner-main .x-right .x-circle-white h3 {
    color: #525252;
    font-size: 28px;
    text-transform: uppercase;
    font-family: 'GothamRounded-Medium';
    /* margin-bottom: -11px; */
}
.x-general .x-content .x-banner-main .x-right .x-circle-white h4 {
    font-family: 'Gotham-Bold';
    color: #005dab;
    display: inline-block;
    margin-top: 0px;
}
.x-general .x-content .x-banner-main .x-right .x-circle-white p {
    display: inline-block;
    font-size: 117px;
    font-family: 'GothamRounded-Bold';
}
.x-general .x-content .x-banner-main .x-right .x-circle-white small {
    font-size: 63px;
    display: inline-block;
    font-family: 'GothamRounded-Bold';
}.x-general .x-content .x-banner-main .x-right .x-circle-white strong {
    font-size: 40px;
    text-align: left;
    display: inline-block;
    font-family: 'GothamRounded-Bold';
}
.x-general .x-content .x-banner-main .x-right .x-circle-white strong:before {
    content: 'de';
    display: block;
    font-family: 'GothamRounded-Medium';
}

.x-general .x-content .x-banner-main .x-right .x-circle-white .x-icon_bottom {
    background: url(../images/circle_top.png) center no-repeat;
    width: 320px;
    height: 11px;
    display: block;
    margin: 27px auto;
}
.x-general .x-content .x-banner-main .x-right .x-circle-white a {
    color: #525252;
    font-size: 17px;
    font-family: 'GothamRounded-Medium';
    display: block;
    margin-bottom: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.x-general .x-content .x-banner-main .x-right .x-circle-white h5 {
    color: #909090;
    font-size: 14px;
}
.x-content .x-infos-pos-banner {
    float: left;
    width: 100%;
    padding: 17px 0;
    text-align: center;
    background: #f0f1f1;
}
.x-content .x-infos-pos-banner h3 {
    font-size: 19px;
    font-family: 'Trebuchet MS Regular';
    color: #525252;
    line-height: 24px;
}
.x-content .x-infos-pos-banner strong {
    font-weight: bold;
}
.x-general .x-content .x-funciona {
    float: left;
    width: 100%;
    background: #f0f1f1;
    text-align: center;
    padding: 20px 0 40px;
    margin-bottom: -2px;
}
.x-general .x-center {
    max-width: 1175px;
    margin: 0 auto;
}
.x-general .x-content .x-funciona .x-center h3 {
    color: #005dab;
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 15px;
    font-family: 'GothamRounded-Medium';
    text-transform: uppercase;
}
.x-general .x-content .x-funciona .x-center h5 {
    color: #525252;
    font-size: 15px;
    padding-top: 28px;
    
    
}
.x-general .x-content .x-funciona .x-center h5 strong {
    font-weight:bold;
    
    
}
.x-general .x-content .x-funciona .x-center li {
    color: #525252;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
.x-general .x-content .x-funciona .x-center li .x-check {
    background: url(../images/check.png) center no-repeat;
}
.x-general .x-content .x-funciona .x-center li h4 {
    display: block;
    margin-right: 20px;
}
.x-general .x-content .x-funciona .x-center li h4 strong {
    font-weight:bold
}
.x-general .x-content .x-funciona .x-center li .x-tel {
    background: url(../images/tel.png) center no-repeat;
}
.x-general .x-content .x-funciona .x-center li .x-porcento {
    background: url(../images/porcento.png) center no-repeat;
}
span.btn-bancos.fluxo-bancos {
    max-width: 320px;
    width: 100%;
    margin: 0 auto;
    display: block;
}
.x-general .x-content .x-funciona .x-center li span {
    margin-right: 15px;
    width: 106px;
    height: 112px;
    display: block;
}
span.btn-bancos.fluxo-bancos a {
    margin: 30px 0;
    float: left;
    padding: 10px 30px;
    background: #fff;
    border-radius: 8px;
    font-size: 13px;
    font-weight: bold;
    color: #0f397b;
    text-decoration: none;
    cursor: pointer;
    font-family: 'GothamRounded-Medium';
}
.x-general .x-content .x-title {
    float: left;
    width: 100%;
    text-align: center;
}
.x-general .x-content .x-title .x-center h3, .x-general .x-content .x-cadastre .x-center h3 {
    padding: 50px 0;
    font-size: 14px;
}.x-general .x-content .x-title a {
    width: 350px;
    margin: 0 auto 20px;
    display: block;
    text-decoration: none;
    color: #fff;
    background: #d71920;
    text-transform: uppercase;
    border-radius: 8px;
    height: 40px;
    line-height: 40px;
    font-family: 'GothamRounded-Medium';
}
.x-general .x-content .x-pontos {
    float: left;
    width: 100%;
    background: url(../images/latam.jpg) center no-repeat;
    padding: 55px 0 85px;
}
.x-general .x-content .x-pontos .x-center p {
    font-size: 65px;
    color: #525252;
    display: block;
    padding: 0 0 58px;
    font-family: 'Gotham-Light';
    text-align: left;
}
.x-general .x-content .x-pontos li {
    font-size: 22px;
    color: #525252;
    display: block;
    font-family: 'Gotham-Light';
    text-align: left;
    padding: 5px 0
}
.x-general .x-content .x-pontos ul li span {
    display: inline-block;
    height: 40px;
    width: 40px;
    vertical-align: middle;
    margin-right: 10px;
}
.x-general .x-content .x-pontos ul li span.x-malha {
    background: url(../images/icone_03.png) center no-repeat;
}
.x-general .x-content .x-pontos ul li small{
   font-family: 'Gotham-Light';
    margin-left: 50px
    
}
.x-general .x-content .x-pontos ul li span.x-voo {
    background: url(../images/icone_06.png) center no-repeat;
}
.x-general .x-content .x-pontos ul li span.x-categoria {
    background: url(../images/icone_09.png) center no-repeat;
}
.x-general .x-content .x-pontos ul li span.x-ingresso {
    background: url(../images/icone_11.png) center no-repeat;
}
.x-general .x-content .x-cadastre {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 4px;
}
.x-general .x-content .x-title .x-center h3, .x-general .x-content .x-cadastre .x-center h3 {
    padding: 50px 0;
    font-size: 18px;
    color: #525252;
    padding: 24px 0px;
}
.x-general .x-content .x-cadastre a {
    width: 350px;
    margin: 0 auto 20px;
    display: block;
    text-decoration: none;
    color: #fff;
    background: #d71920;
    text-transform: uppercase;
    border-radius: 8px;
    height: 40px;
    line-height: 40px;
    font-family: 'GothamRounded-Medium';
}
.x-footer .x-container_texto_legal {
    width: 100%;
    background-color: #f2f2f2;
    float: left;
}
.x-footer .x-container_texto_legal .x-texto_legal {
    width: 1180px;
    margin: 0 auto;
}
.x-footer .x-container_texto_legal .x-texto_legal span.x-regulamento {
    width: 100%;
    float: left;
    text-align: center;
    color: #626262;
    margin-top: 20px;
    font-size: 22px;
}
.x-footer .x-container_texto_legal .x-texto_legal p {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 12px;
    color: #444444;
    padding: 40px 20px 25px;
}
.x-footer .x-container_texto_legal .x-texto_legal a {
    font-size: 12px;
    color: #444444;
    text-decoration: none;
}

.header_links a {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 12px;
    color: #6d6e71;
    text-decoration: none;
}

.header_links span {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 14px;
    color: #6d6e71;
    padding: 0 4px;
}

.container_intro {
    width: 100%;
    height: 10px;
    background-color: #f2f2f2;
}
.intro {
    width: 1180px;
    height: 10px;
    margin: 0 auto;
    background-color: #f2f2f2;
}
.container_main {
    width: 100%;
    background: url(../images/destaque_v2.jpg) no-repeat center;
    position: relative;
    height: 327px;
}
.main {
    float: right;
    width: 531px;
    overflow: hidden;
    height: 297px;
    text-align: center;
}

.cadastro {
    float: left;
    width: 100%;
    height: 280px;
    margin-top: -1px;
}

.wrapper-cadastro .cadastro .center-value {
    width: 300px;
    margin-top: 30px;
}

#sucesso {
    display: none;
    width: 800px;
    height: 350px;
}

#sucesso span.transfira {
    width: 140px;
    margin: 0 auto;
    display: block;
}

.x-resgate {
    float: left;
    width: 100%;
    text-align: center;
    padding: 25px 0;
    background: #f1f1f1;
}
.x-resgate .x-center {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}
.x-resgate .x-center h2 {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 18px;
    padding: 0 0 17px;
}
.x-resgate .x-center ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
    text-align: left;
}
.x-resgate .x-center ul li:last-child {
    margin-right: 0;
}
.x-resgate .x-center ul li .x-icon {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    height: 100px;
    margin-right: 5px;
}
.x-resgate .x-center ul li.x-domestico .x-icon {
    background: url('../images/500.png') center no-repeat;
}
.x-resgate .x-center ul li.x-america .x-icon {
    background: url('../images/1000.png') center no-repeat;
}
.x-resgate .x-center ul li.x-inter .x-icon {
    background: url('../images/1500.png') center no-repeat;
}
.x-resgate .x-center ul li .x-txt {
    display: inline-block;
    vertical-align: middle;
}
.x-resgate .x-center ul li .x-txt span {
    font-size: 21px;
    color: #525252;
    display: block;
}
.x-resgate .x-center ul li .x-txt small {
    font-size: 21px;
    color: #00a1e4;
    display: block;
}

#sucesso span.transfira a {
    float: left;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 9px;
    margin-bottom: 15px;
    background: #d92027;
    padding: 9px 50px;
}

.last-day {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    background: #20a0da;
}

img.cadastro_linha_2 {
    margin: 0 auto;
}

img.cadastro_linha_1 {
    margin: 0 auto;
}

.wrapper {
    font-size: 12px;
    margin: 30px auto 0;
    width: 310px;
}

.cadastro_obrigado_container {
    width: 230px;
    margin: 0 auto;
}
.cadastro_obrigado_container  p.cadastro_obrigado:before {
    content: "";
    background: url(../images/bullet_sucesso.png) no-repeat;
    width: 70px;
    height: 70px;
    float: left;
    margin-top: -19px;
    margin-right: 19px;
 }
 .container_participar_exemplo {
    background: #f1f1f1;
}
.cadastro_obrigado_container p.cadastro_obrigado {
    color: #93c139;
    font-size: 28px;
    float: left;
    margin-top: 30px;
    width: 100%;
    margin-bottom: 20px;
}
.destaque p.cadastro_obrigado {
    font-family: 'Century Gothic', 'HelveticaNeue', 'Futura-Medium', 'TrebuchetMS';
    font-size: 28px;
    color: #ffd400;
    font-weight: bold;
    line-height: 70px;
    padding: 0 0 0 58px;
    background: url(../images/bullet_sucesso.png) no-repeat;
}
.cadastro_cpf {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 14px;
    color: #6d6e71;
    text-align: center;
    /* padding: 18px 0 0; */
    /* float: left; */
    width: 870px;
    margin: 0 auto;
    display: block;
    clear: both;
}

.app {
    display: block;
    width: 220px;
    margin: 0 auto;
}

.app ul {
    width: 309px;
    margin: 0 auto;
}

.app li.android {
    background: url(../images/app_android.png) no-repeat;
    float:  right;
    width: 120px;
    height: 50px;
    margin-left: 20px;
}

.app li.apple {
    background: url(../images/app_apple.png) no-repeat;
    float: left;
    width: 138px;
    height: 50px;
    margin-left: 20px;
}

.app li.android a, .app li.apple a {
    float: left;
    width: 100%;
    height: 100%;
}

.cadastro_cpf span {
    font-weight: bold;
    color: #93c139;
}
.cadastro_pontos {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 25px 40px 0 40px;
}
.cadastro_ligue {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 24px 70px 0 70px;
}
.cadastro_link_voltar {
    width: 119px;
    margin: 29px auto 0;
    cursor: pointer;
}
.destaque .cadastro_link_voltar img {
    margin: 20px 0;
}

.destaque span.text-initial {
    color: #0fa7e6;
    font-size: 24px;
    width: 100%;
    text-align: center;
    float: left;
    margin: 31px 0 10px;
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    text-transform: uppercase;
}
.destaque img.linha {
    width: 290px;
    margin: 0 auto;
    float: none;
    margin-bottom: -4px;
}
.destaque p.cadastro_chamada {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 22px;
    color: #525252;
    font-weight: 400;
    text-align: center;
    cursor: auto;
    margin-bottom: 10px;
}
.cadastro_chamada span {
    font-size: 30px;
    color: #eed34d;
}

.wrapper-cadastro {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: -6px;
}

.wrapper-title-text {
    float: left;
    width: 100%;
    margin-top: 35px;
    border-top: 1px solid #e7e8e8;
    margin-bottom: 17px;
}

.wrapper-cadastro span.title-text {
    width: 300px;
    margin: 0 auto;
    display: block;
}

.wrapper-cadastro span.title-text p {
    width: 100%;
    text-transform: uppercase;
    float: left;
    margin-top: -9px;
    background: #fff;
    color: #005dab;
    font-weight: bold;
    font-family: 'Trebuchet MS';
}

.wrapper-cadastro .center-value {
    width: 850px;
    margin: 0 auto;
}

.cadastro p.text-efetuar {
    color: #525252;
    font-size: 18px;
}

.cadastro_texto {
    font-family: 'Century Gothic', 'HelveticaNeue', 'Futura-Medium', 'TrebuchetMS';
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 10px;
    margin: 0 auto;
    width: 400px;
    text-align: center;
}

.cadastro_input_text {
    width: 283px;
    display: block;
    background-color: #ebebeb;
    border-radius: 8px;
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 15px;
    color: #525252;
    font-weight: bold;
    text-align: left;
    float: left;
    padding: 11px 0 11px 34px;
    margin: 0 auto 10px;
    border: 1px solid #cccccc;
}

input::-ms-input-placeholder {
    color:#000000;
    opacity: 1 !important; 
}

.cadastro_input_label {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 10px 0 0 0;
    display: none;
}
.cadastro_input_submit {
    width: 312px;
    height: 40px;
    border: none;
    background: #d71920;
    cursor: pointer;
    margin: 6px auto 10px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 8px;
    /* float: left; */
    font-weight: bold;
}

.cadastro_input_aguarde {
       width: 312px;
       height: 40px;
       border: none;
       background: #d71920;
       cursor: pointer;
       margin: 6px auto 10px;
       color: #fff;
       font-size: 16px;
       text-transform: uppercase;
       border-radius: 8px;
       /* float: left; */
       font-weight: bold;
       display: none;
}

p.cadastrado-multiplus {
    color: #6d6e71;
    font-size: 14px;
    margin-top: 10px;
    width: 430px;
    margin-left: -43px;
}

.captcha {
    float: left;
    background: #fff;
    position: relative;
    border-radius: 5px;
    width: 100%;
    margin-left: 8px;
    margin-bottom: 10px;
}

.destaque .captcha img {
    margin: 0;
}

a#optin_captcha_recarregar {
    position: absolute;
    bottom: 4px;
    right: 10px;
    color: #20a0da;
    font-size: 11px;
    text-decoration: none;
}

.regulamento {
    width: 303px;
    clear: both;
    /* float: left; */
    margin-bottom: 10px;
    text-align: center;
    margin: 0 auto;
}

.regulamento p.cadastro_msg_erro {
    display: block;
    color: #fff;
    width: 283px;
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #d71920;
    float: left;
    border-radius: 8px;
    margin-top: 10px;
}

.cadastro_input_checkbox {
    display: inline-block;
    float: left;
}
.destaque p.cadastro_input_checkbox_texto {
    display: inline-block;
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 12px;
    color: #fff;
    width: 260px;
    float: right;
    text-align: left;
    margin: 0;
}
.cadastro_input_checkbox_texto a {
    color: #6d6e71;
}
.destaque p.cadastro_msg_erro {
    display: block;
    color: #fff;
    width: 302px;
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 4px 0 0;
}

p.cadastro_input_checkbox_texto {
    float: left;
    color: #6d6e71;
}

p.cadastro_msg_erro {
    float: left;
    text-align: center;
    width: 100%;
}

span.redback {
    background: #d71920;
    color: #fff;
    float: left;
    width: 100%;
    margin-top: 10px;
    border-radius: 8px;
    padding: 5px 0;
}

.wrapper .date {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    font-size: 16px;
    color: #ffffff;
}

#obrigado {
    display: none;
}

.destaque {
    width: 1180px;
    margin: 0 auto;
}

.destaque .right-information .center-porcentagem {
    width: 170px;
    margin: 0 auto;
}

span.bonus {
    /* float: left; */
    text-align: left;
    font-size: 20px;
    color: #10abee;
    margin-bottom: 20px;
    margin-top: 12px;
    display: inline-block;
    vertical-align: middle;
}
span.volta{
    display: inline-block;
    vertical-align: middle;
    width: 205px;
}
span.volta img{
    width: 205px;
}
.destaque .wrapper-bonus {
    width: 324px;
    margin: 0px auto;
    float: left;
    width: 100%;
    text-align: center;
}

.destaque img {
    width: 114px;
    /* float: left; */
    margin-right: 4px;
    margin-top: 6px;
    display: inline-block;
    vertical-align: middle;
}

.destaque .date {
    float: left;
    color: #909090;
    font-size: 14px;
    text-align: center;
    width: 100%;
    margin-top: 0px;
}

.wrapper .right {
    width: 310px;
    margin: 0 auto;
}



.destaque p {
    font-family: 'Century Gothic', 'HelveticaNeue', 'Futura-Medium', 'TrebuchetMS';
    font-size: 15px;
    color: #525252;
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 10px;
    cursor: pointer;
}

.container_participar {
    width: 100%;
}
.participar {
    padding-top: 26px;
}

.cadastro_chamada span.bold {
    font-size: 26px;
    color: #ffe700;
    font-weight: bold;
}

.participar p {
    font-family: 'Century Gothic','HelveticaNeue','Futura-Medium','TrebuchetMS';
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 100%;
}
.container_participar_exemplo .participar p {
    font-family: 'Century Gothic','HelveticaNeue','Futura-Medium','TrebuchetMS';
    font-size: 18px;
    color: #525252;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.container_participar_fluxo {
    width: 100%;
    float: left;
    position: relative;
    background: #00a1e4;
}
.participar_fluxo {
    width: 930px;
    margin: 0 auto 30px;
}
.fluxo_multiplus {
    width: 100%;
    padding: 19px 0 15px 0;
    margin: 21px auto 0;
}

.wrapper-box {
    float: left;
    width: 353px;
}
.wrapper-box:first-child {
    width: 310px;
}

.fidelidade {
    float: left;
    width: 100%;
    margin-bottom: -1px;
}

.fidelidade span.title-text {
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px auto;
    text-transform: uppercase;
    color: #00a1e4;
    font-weight: bold;
}

span.text-fidelidade {
    float: left;
    width: 100%;
    color: #525252;
    text-align: center;
    font-weight: bold;
}


.fidelidade .center-value {
    width: 1000px;
    margin: 0 auto;
}

.pontos-vale {
    width: 100%;
    float: left;
    background: #f0f1f1;
    border-top: 1px solid #d5d6d6;
    background: url(../images/latam.jpg) no-repeat center;
    height: 585px;
}
.pontos-vale h1 {
    color : #fff;
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    display:block;
    padding: 0 0 58px
     
}
.pontos-vale ul li{
    display:block;
    color:#fff;
    font-family: 'Trebuchet MS', 'TrebuchetMS';
}
.pontos-vale ul li span{
    display:inline-block;
    height: 40px;
    width: 40px;
    vertical-align:middle;
    margin-right:10px;
}
.pontos-vale ul li span.malha{
    background: url(../images/icone_03.png) center no-repeat;
    
}
.pontos-vale ul li span.voo{
    background: url(../images/icone_06.png) center no-repeat;
    
}
.pontos-vale ul li span.categoria{
    background: url(../images/icone_09.png) center no-repeat;
    
}
.pontos-vale ul li span.x-ingresso{
    background: url(../images/icone_11.png) center no-repeat;
    
}
.pontos-vale .center-value {
    width: 1140px;
    margin: 35px auto;
}

.pontos-vale .title-vale {
    width: 550px;
    margin: 0 auto;
    height: 150px;
}

.pontos-vale .box-vale {
    float: left;
    width: 100%;
    margin: 30px 0;
}

.box-vale ul {
    float: left;
    width: 226px;
    margin: 30px 0;
}

.box-vale ul li {
    float: left;
    text-align: center;
    color: #525252;
    font-size: 15px;
    margin-top: 10px;
    width: 100%;
}

.box-vale ul li.tittle-aviao {
    background: url(../images/aviao.png) no-repeat center;
    width: 100%;
    height: 113px;
}

.box-vale ul li.tittle-tempo {
    background: url(../images/tabela.png) no-repeat center;
    width: 100%;
    height: 113px;
}

.box-vale ul li.tittle-presente {
    background: url(../images/presente.png) no-repeat center;
    width: 100%;
    height: 113px;
}

.box-vale ul li.tittle-sacola {
    background: url(../images/sacola.png) no-repeat center;
    width: 100%;
    height: 113px;
}

.box-vale ul li.tittle-trofeu {
    background: url(../images/trofeu.png) no-repeat center;
    width: 100%;
    height: 113px;
}

span.btn-saiba {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 3px;
}

.pontos-vale span.btn-saiba a {
    width: 150px;
    margin: 0 auto 20px;
    display: block;
    text-decoration: none;
    color: #fff;
    background: #d71920;
    text-transform: uppercase;
    border-radius: 8px;
    height: 40px;
    line-height: 40px;
}

.pontos-vale span.title-pontos {
    width: 430px;
    text-align: center;
    float: left;
    font-size: 22px;
    color: #00a1e4;
    margin-top: 40px;
    text-transform: uppercase;
}

.pontos-vale span.logo-pontos {
    background: url(../images/vale.png) no-repeat;
    width: 118px;
    height: 145px;
    float: left;
}

span.btn-saiba a {
    width: 260px;
    margin: 20px auto 0;
    display: block;
    text-decoration: none;
    color: #fff;
    background: #20a0da;
    text-transform: uppercase;
    border-radius: 8px;
    height: 40px;
    line-height: 40px;
}

.title-promotion {
    float: left;
    width: 100%;
    margin: 25px 0;
}

.fluxo_multiplus_passo {
    float: left;
    width: 290px;
    margin-right: 16px;
}
.fluxo_multiplus_passo img {
    margin: 0 auto;
}
.fluxo_multiplus_passo p {
    font-family: 'Century Gothic', 'HelveticaNeue', 'Futura-Medium', 'TrebuchetMS';
    font-size: 13px;
    color: #7e7e7e;
    text-align: center;
}

.fluxo_multiplus_passo ul {
    float: left;
    width: 100%;
    /* margin-left: 20px; */
}

.fluxo_multiplus_passo .text-ganhe-pontos {
    background: url(../images/tel.png) no-repeat;
    width: 47px;
    height: 35px;
    margin-left: 37%;
    }
.wrapper-tel {
    clear: both;
    margin-top: 10px;
}
.fluxo_multiplus_passo span {
    width: 100%;
    color: #7e7e7e;
    font-size: 14px;
    text-align: center;
    float: left;
    margin-bottom: 20px;
}

.fluxo_multiplus_passo .text-ganhe-pontos ul {
    width: 100%;
    float: left;
}

.fluxo_multiplus_passo .central-atendimento {
    font-size: 18px;
}

.fluxo_multiplus_passo li.tittle-msg {
    background: url(../images/msg.png) no-repeat center;
    width: 126px;
    float: left;
    height: 111px;
    margin: 0;
}
.container_participar_exemplo .fluxo_multiplus_passo li.tittle-msg {
    background: url(../images/500.jpg) no-repeat center;
    width: 126px;
    float: left;
    height: 111px;
    margin: 0;
}
.fluxo_multiplus_passo li.tittle-msg-hover {
    background: url(../images/sucesso-cadastro.png) no-repeat center;
    width: 126px;
    float: left;
    height: 115px;
    margin: 0;
}

.fluxo_multiplus_passo li.tittle-tel {
    background: url(../images/tel.png) no-repeat;
    width: 126px;
    float: left;
    height: 111px;
    margin: 0;
}
.container_participar_exemplo .fluxo_multiplus_passo li.tittle-tel {
    background: url(../images/1000.jpg) no-repeat;
    width: 126px;
    float: left;
    height: 111px;
    margin: 0;
}

.fluxo_multiplus_passo li.tittle-porcento {
    background: url(../images/porcento.png) no-repeat;
    width: 122px;
    float: left;
    height: 111px;
    margin: 0;
    /* margin-left: 33px; */
}
.container_participar_exemplo .fluxo_multiplus_passo li.tittle-porcento {
    background: url(../images/1500.jpg) no-repeat;
    width: 122px;
    float: left;
    height: 111px;
    margin: 0;
    /* margin-left: 33px; */
}

.fluxo_multiplus_passo ul a {
    color: #ffffff;
    text-decoration: none;
}


.fluxo_multiplus_passo li {
    font-family: 'Century Gothic', 'HelveticaNeue', 'Futura-Medium', 'TrebuchetMS';
    color: #7e7e7e;
    font-size: 12px;
    line-height: 13px;
    margin-top: 10px;
    width: 365px;
    text-align: left;
    color: #fff;
    margin-top: 30px;
}

.fluxo_multiplus_passo  h3.confira {
    font-size: 11px;
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
}

.fluxo_multiplus_passo li.tittle {
    color: #3b69bb;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
}

.fluxo_multiplus_passo li.tittle.last {
    margin-top: 46px;
    text-transform: uppercase;
}

.fluxo_multiplus_passo li span {
    font-weight: bold;
    font-size: 21px;
    margin-bottom: 10px;
}

.fluxo_multiplus_passo li.tel {
    font-weight: bold;
    font-size: 12px;
}

.fluxo_multiplus_passo ul.last li:last-child {
    width: 322px;
    padding: 3px 71px;
}

.fluxo_multiplus_passo .button-ganhe-pontos {
    background: #d71921;
    color: #fff;
    padding: 10px 15px;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
}

.fluxo_multiplus_passo .button-ganhe-pontos a {
    font-family: 'Century Gothic', 'HelveticaNeue', 'Futura-Medium', 'TrebuchetMS';
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    width: 100%;
    height: 100%;
}

.box-confirme {width: 330px;}

.box-transfira {
    background: url(../images/transfira.png) no-repeat;
    width: 257px;
    height: 239px;
}

.box-ganhe {
    width: 327px;
}

.box-presente {
    width: 247px;
}

.container_texto_legal {
    width: 100%;
    background-color: #f2f2f2;
    float: left;
}
.texto_legal {
    width: 1180px;
    margin: 0 auto;
}
span.x-title {
    width: 100%;
    float: left;
    text-align: center;
    color: #626262;
    margin-top: 20px;
    font-size: 22px;
}
.texto_legal p {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 12px;
    color: #444444;
    padding: 40px 20px 25px;
}

.texto_legal a {
    font-size: 12px;
    color: #444444;
    text-decoration: none;
}


.texto_legal .regulamento {
    color: #626262;
    text-align: center;
    margin: 20px 0;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
}

@media (min-width: 790px) and (max-width: 1180px) {
    .header {
        width: 100%;
        height: 75px;
        margin: 0;
    }
    .header_links {
        float: right;
        margin: 27px 36px 0 20px;
    }
    .intro {
        width: 100%;
        height: 10px;
        margin: 0;
        background-color: #f2f2f2;
    }
    .container_main {
        width: 100%;
        height: auto;
        /* background: url(../images/destaque.png) no-repeat center; */
    }
    .main {
        width: 43%;
        /* margin: 0 auto; */
        /* float: right; */
    }
    #sucesso {
        width: 100%;
    }
    .cadastro_cpf {
        width: 90%;
    }

    .wrapper-cadastro {
        margin-bottom: 80px;
    }
    .cadastro {
        float: none;
        width: 520px;
        margin: 0 auto;
        padding-top: 25px;
    }

    .destaque p.cadastro_chamada {
    font-size: 20px;
    }
    .destaque .wrapper-bonus {
        width: 100%;
    }
    .captcha {
        /* margin-top: -42px; */
    }
    .regulamento {
        width: 440px;
        margin: 9px 0;
    }

    .destaque {
        float: none;
        width: 100%;
        margin: 0 auto;
    }
    
    .destaque img {
        width: auto;
        margin-top: 0;
        margin-left: 19px;
    }

    .volta {
       width: 168px

    }
     .volta img{
        width: 168px !important;
    }
    .wrapper {
        width: 356px;
    }
    
    .cadastro_texto {
        text-align: center;
    }

    .cadastro_input_text {
        margin: 3px 0 13px 30px;
        width: 260px;
    }

    .cadastro_msg_erro {
        margin: 0 auto;  
    }

    .cadastro_input_checkbox {
        margin-left: 24px;
    }
    .cadastro_input_submit {
        margin: 20px auto 0;
    }

    .participar {
        margin: 0 auto;
        border: none;
    }

    .container_participar, .participar p {
        position: static;
        border: none;
    } 

    .participar_fluxo {
        width: 100%;
        /* height: 520px; */
    }

    .wrapper-box {
        /* width: 257px; */
        /* position: relative; */
    }

    .wrapper-box:after {
        transform: rotate(-270deg);
        -ms-transform: rotate(-270deg);/* IE 9 */
        -webkit-transform: rotate(-270deg);/* Chrome, Safari, Opera */
        position: absolute;
        left: 50%;
        bottom: 8px;
    }

    .fluxo_multiplus {
        float: none;
        width: 257px;
        padding: 19px 0 15px 6px;
        margin: 0 auto;
    }

    .fluxo_multiplus_passo{
        margin: 0 auto 50px;
    }

    body .fidelidade .center-value {
        width: 100%;
    }

    body .pontos-vale .center-value{
        width: 100%;
    }

    body .pontos-vale .box-vale {
         width: 453px;
         float: none;
         clear: both;
         display: block;
         margin: 10px auto;
    }
     body .pontos-vale .box-vale ul {
        margin: 30px 0;
     }
     .box-vale ul:nth-child(2n+3) {
        clear: left;
    }
     .title-promotion {
        width: 99%;
        text-align: center;
    }
    span.text-fidelidade {
        width: 100%;
    }

    .texto_legal {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .texto_legal p {
        padding: 10px 20px;
    }
}
@media (min-width: 652px) and (max-width: 790px) {
    .header {
        width: 100%;
        height: 75px;
        margin: 0;
    }
    .header_links {
        float: right;
        margin: 10px 20px 15px 38px;
    }
    .intro {
        width: 100%;
        height: 10px;
        margin: 0;
        background-color: #f2f2f2;
    }
    .container_main {
        width: 100%;
        background: url(../images/banner-tablet.jpg) no-repeat center;
        position: relative;
        height: 346px;
    }
    .main {
        width: 293px;
        height: 345px;
        background: url(../images/elipse-especial.png) no-repeat center;
        background-size: 118%;
    }

    .right-information {
        width: 287px;
    }
    .cadastro {
        float: none;
        width: 650px;
        margin: 0 auto;
        padding-top: 25px;
        padding-left: 0;
    }

    #sucesso {
        width: 650px;
    }

    .cadastro_cpf {
        width: 90%;
    }

    .wrapper-cadastro .center-value {
        width: 100%;
    }
    
    .destaque p{
    font-size: 15px;
    }

    .destaque span.text-initial {
        font-size: 14px;
        margin: 30px 0 10px;
        width: 280px;
    }

    .destaque p.cadastro_chamada {
        font-size: 15px;
        margin-top: 10px;
    }
    .destaque .wrapper-bonus {
    }
    .destaque .right-information .center-porcentagem {
    width: 306px;
    }

    .cadastro_chamada span.bold {
        font-size: 19px;
    }

    span.bonus {
    margin-bottom: 10px;
    }


    .regulamento {
        /* width: 400px; */
        margin: 10px auto;
    }
    .destaque {
        margin: 0 auto;
        width: 98%;
    }
    .destaque img.linha {
    width: 190px;
    margin-top: 0;
    }

    .destaque .date {
        font-size: 11px;
        margin-top: 10px;
    }
    
    .wrapper {
        /* width: 466px; */
    }

    .fidelidade .center-value {
        width: 100%;
    }

    .pontos-vale .center-value {
        width: 100%;
    }

    .pontos-vale .box-vale {
    width: 460px;
    margin: 0 auto;
    float: none;
    }
    .box-vale ul:nth-child(2n+3) {
        clear: left;
    }
    .captcha {
        /* float: right; */
        /* margin-top: -94px; */
        /* width: 155px; */
    }

     .wrapper .date{
    margin: 30px auto 0px 30px;
    }

    .cadastro_texto {
        text-align: center;
    }

    .cadastro_input_text {
        margin: 9px 0 9px 0px;
        width: 272px;
        float: none;
    }

    .cadastro_msg_erro {
        margin: 0 auto;  
    }

    .cadastro_input_checkbox {
        margin-left: 0px;
    }
    .cadastro_input_submit {
        /* margin: 20px auto 0 90px; */
    }

   .participar_fluxo {
        width: 100%;
        height: 520px;
    }

    .wrapper-box {
        width: 257px;
        position: relative;
    }

    .wrapper-box:after {
        transform: rotate(-270deg);
        -ms-transform: rotate(-270deg);/* IE 9 */
        -webkit-transform: rotate(-270deg);/* Chrome, Safari, Opera */
        position: absolute;
        left: 50%;
        bottom: 8px;
    }

    .fluxo_multiplus {
        float: none;
        width: 257px;
        padding: 19px 0 15px 6px;
        margin: 0 auto;
    }

    .fluxo_multiplus_passo{
        margin: 0 auto 50px;
    }


    .texto_legal {
        width: 100%;
        margin: 0 auto 10px;
    }
    .texto_legal p {
        padding: 10px 20px;
    }
}

@media (max-width: 652px) {
    .x-resgate .x-center ul li {
        display: block;
        text-align: center;
        margin: 0 auto;
    }
    .x-resgate .x-center ul li .x-icon {
        display: block;
        margin: 15px auto;
    }
    .header {
        width: 100%;
        height: auto;
        margin: 0;
    }
    .header_logo {
        float: none;
        margin: 12px auto 0 auto;
        width: 216px;
    }
    .header_logo img.last {
        /* display: none; */
        width: 213px;
        border: none;
        margin: 0;
        padding: 0;
    }

    .header_logo:after {
    }

    .header_logo img[src='images/logo_multiplus.png'] {
        display: block;
    }
    .header_logo_porto {
        float: none;
        margin: 12px 0 0 130px;
        width: 87px;
    }
    .header_bt {
        float: none;
        margin: 22px auto 0 auto;
        width: 120px;
    }
    .header_links {
        float: none;
        margin: 10px auto 15px auto;
        width: 260px;
    }
    .intro {
        width: 100%;
        height: 10px;
        margin: 0;
        background-color: #f2f2f2;
    }

    .main {
        width: 100%;
        height: 350px;
        margin: 0 auto;
        position: absolute;
        bottom: 0;
    }
    .cadastro {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 25px 0;
    }

    .regulamento {
        width: 320px;
        margin: 20px auto;
    }

    img.text_cadastro {
        width: 100%;
    } 

    .wrapper {
        width: 100%;
        margin: 10px auto;
    } 

    .cadastro_cpf {
        font-family: 'Trebuchet MS', 'TrebuchetMS';
        font-size: 14px;
        text-align: center;
        width: 300px;
    }
    .cadastro_ligue {
        font-family: 'Trebuchet MS', 'TrebuchetMS';
        font-size: 20px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        padding: 24px 20px 0 20px;
    }

    .destaque p.cadastro_texto {
    }
    .cadastro_input_text {
        width: 310px;
        margin: 0 auto 3px auto;
        display: block;
        border: none;
        border-radius: 8px;
        font-family: 'Trebuchet MS', 'TrebuchetMS';
        font-size: 18px;
        color: #002138;
        font-weight: bold;
        text-align: center;
        padding: 10px 0;
        float: none;
    }

    .destaque span.text-initial {
    font-size: 18px;
    margin-top: 28px;
    margin-bottom: 6px;
    }

    .destaque p.cadastro_chamada {
        font-size: 13px;
        width: 100%;
        margin-bottom: 3px;
    }

    .cadastro_chamada span.bold {
        font-size: 29px;
    }
    .regulamento {
        /* width: 100%; */
        /* margin: 0 auto; */
    }
    .cadastro_input_checkbox {
        display: inline-block;
        /* margin: 4px 4px 0 20px; */
    }

    .cadastro_input_submit {
        margin: 10px auto 0;
    }

    .container_participar, .participar p {
        /* position: static; */
        border: none;
    } 
    .destaque {
    float: none;
    width: 100%;
    height: 566px;
    margin: 0 auto;
    }

    .destaque .cadastro_link_voltar img {
        width: 100%;
        padding-top: 50px;
    }

    .participar {
        margin: 0 auto;
        border: none;
    }
    .participar_fluxo {
        width: 100%;
        margin: 0;
    }

    .container_participar_fluxo {
        width: 100%;
    }

    .fidelidade .center-value{
        width: 90%;
    }

    .pontos-vale .center-value, .pontos-vale .title-vale, .pontos-vale span.title-pontos{
        width: 100%;
        font-size: 16px
    }

    .box-vale ul {
        margin: 0 auto;
        float: none;
    }

    .pontos-vale span.logo-pontos {
        width: 100%;
        background: url(../images/vale.png) no-repeat center;
    }


     .wrapper-box {
        width: 100%;
        position: relative;
        margin: 0 auto;
        float: none;
    }

    .wrapper-box:after {
        transform: rotate(-270deg);
        -ms-transform: rotate(-270deg);/* IE 9 */
        -webkit-transform: rotate(-270deg);/* Chrome, Safari, Opera */
        position: absolute;
        left: 50%;
        bottom: 8px;
    }

    .wrapper-cadastro .center-value  {
        width: 100%;
        float: left;
        /* margin-left: 2px; */
    }
    
    .fluxo_multiplus {
        float: none;
        width: 100%;
        padding: 20px 0 15px 0;
        margin: 0 auto;
    }
    .fluxo_multiplus_passo {
        margin: 10px auto 50px;
        width: 257px;
        height: 139px;
    }

    .box-bonus {
        height: auto;
    }


    .main span.bonus {
    font-size: 18px;
    }
    .destaque img.linha {
        width: 70%;
        /* margin: 0 auto; */
        /* padding: 0px 120px; */
        /* float: none; */
    }

    p.cadastrado-multiplus {
        width: auto;
        margin-left: 0;
    }


    .fluxo_multiplus_passo .central-atendimento {
        font-size: 15px;
    }
    .fluxo_multiplus_passo ul.last li:last-child{
        width: 100%;
    }

    .captcha {
        float: none;
        margin-top: 11px;
        margin: 0 auto;
    }

    
    .destaque .captcha img {
        width: 100%;
    }
    
    .box-confirme {
        float: none;
    }

    .fluxo_multiplus_passo ul {
        float: none;
    }
    .fluxo_multiplus_passo ul li{
        clear: both;    
        text-align: center;
    }

    .fluxo_multiplus_passo li.tittle-msg {
        background: url(../images/msg.png) no-repeat center;
        width: 100%;
        margin: 10px 0;
    }

     .fluxo_multiplus_passo li.tittle-msg-hover {
        background: url(../images/sucesso-cadastro.png) no-repeat center;
        width: 100%;
        margin: 10px 0;
    }

    .fluxo_multiplus_passo li.tittle-tel {
        background: url(../images/tel.png) no-repeat center ;
        width: 100%;
        margin: 10px 0;
    }

    .fluxo_multiplus_passo li.tittle-porcento {
        background: url(../images/porcento.png) no-repeat center;
        width: 100%;
       margin: 15px 0;
    }

    .box-transfira {
        float: none;
    }

    .box-ganhe {
        float: none;
        clear: both;
    }

    .box-presente {
        float: none;
        clear: both;
    }
    .wrapper-cadastro {
        width: 100%
    }

    #sucesso {
         width: 300px;
    }

    #sucesso span.transfira {
        width: 100%;
        float: left;
        margin-bottom: 30px;
    }
    #sucesso span.transfira a {
        width: 50%;
        float: none;
    }
    .app ul {
        width: 130px;
    }
    .app li.apple {
        float: none;
        margin: 0 auto;
    }
    .destaque p.cadastro_obrigado {
        margin-top: 140px;
    }


    .wrapper .date{
    margin-top: 25px;
    }

    .texto_legal {
        width: 100%;
        margin: 0 auto;
    }

    .texto_legal p {
        padding: 10px 20px;
        font-size: 10px;
    }

    .texto_legal p a {
        font-size: 10px;
    }
html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Trebuchet MS', Trebuchet-ms, Verdana, Arial, sans-serif;
}
* {
    outline: none;
}
iframe {
    /* display: none; */
}  
img {
    border: 0;
    display: block;
}
p,
h1,
h2,
h3,
h4,
h5 {
    margin: 0;
    font-weight: normal;
}
ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.clearboth {
    clear: both;
}
.container {
    position: absolute;
    width: 100%;
    min-height: 100%;
    top: -2px;
    overflow-x: hidden;
}
.header {
    width: 1180px;
    height: 90px;
    margin: 0 auto;
}
.header_logo {
    float: left;
    margin: 12px 0 10px 20px;
    width: 90%;
}

.header_logo .right {
    float: right;
    margin-top: 20px;
}

.header_logo .right a {
    color: #6d6e71;
    text-decoration: none;
}

.header_logo img {
    float: left;
}

.header_logo img.last {
    margin-left: 10px;
    border-left: 1px solid #ebebeb;
    padding-left: 30px;
}

.header_logo img[src='images/logo_multiplus_mob.jpg'] {
    display: none;
}
.header_logo_porto {
    float: left;
    margin: 23px 0 0 39px;
}
.header_logo_porto img[src='images/'] {
    display: none;
}
.header_bt {
    float: right;
    margin: 32px 20px 0 0;
}
.header_links {
    float: right;
    margin: 37px 36px 0 0;
}
.header_links a {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 12px;
    color: #6d6e71;
    text-decoration: none;
}
.header_links span {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 14px;
    color: #6d6e71;
    padding: 0 4px;
}

.container_intro {
    width: 100%;
    height: 10px;
    background-color: #f2f2f2;
}
.intro {
    width: 1180px;
    height: 10px;
    margin: 0 auto;
    background-color: #f2f2f2;
}
.main {
    float: right;
    width: 531px;
    overflow: hidden;
    height: 297px;
}

.cadastro {
    float: left;
    width: 100%;
    height: 280px;
    margin-top: 20px;
}

.wrapper-cadastro .cadastro .center-value {
    width: 300px;
    margin-top: 30px;
}

#sucesso {
    display: none;
    width: 800px;
    height: 350px;
}

#sucesso span.transfira {
    width: 140px;
    margin: 0 auto;
    display: block;
}

#sucesso span.transfira a {
    float: left;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 9px;
    margin-bottom: 15px;
    background: #d92027;
    padding: 9px 50px;
}

.last-day {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    background: #20a0da;
}

img.cadastro_linha_2 {
    margin: 0 auto;
}

img.cadastro_linha_1 {
    margin: 0 auto;
}

.wrapper {
    font-size: 12px;
    margin: 30px auto 0;
    width: 310px;
}

.cadastro_obrigado_container {
    width: 230px;
    margin: 0 auto;
}
.cadastro_obrigado_container  p.cadastro_obrigado:before {
    content: "";
    background: url(../images/bullet_sucesso.png) no-repeat;
    width: 70px;
    height: 70px;
    float: left;
    margin-top: -19px;
    margin-right: 19px;
 }
.cadastro_obrigado_container p.cadastro_obrigado {
    color: #93c139;
    font-size: 28px;
    float: left;
    margin-top: 30px;
    width: 100%;
    margin-bottom: 20px;
}
.destaque p.cadastro_obrigado {
    font-family: 'Century Gothic', 'HelveticaNeue', 'Futura-Medium', 'TrebuchetMS';
    font-size: 28px;
    color: #ffd400;
    font-weight: bold;
    line-height: 70px;
    padding: 0 0 0 58px;
    background: url(../images/bullet_sucesso.png) no-repeat;
}
.cadastro_cpf {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 14px;
    color: #6d6e71;
    text-align: center;
    /* padding: 18px 0 0; */
    /* float: left; */
    width: 870px;
    margin: 0 auto;
    display: block;
    clear: both;
}

.app {
    display: block;
    width: 220px;
    margin: 0 auto;
}

.app ul {
    width: 309px;
    margin: 0 auto;
}

.app li.android {
    background: url(../images/app_android.png) no-repeat;
    float:  right;
    width: 120px;
    height: 50px;
    margin-left: 20px;
}

.app li.apple {
    background: url(../images/app_apple.png) no-repeat;
    float: left;
    width: 138px;
    height: 50px;
    margin-left: 20px;
}

.app li.android a, .app li.apple a {
    float: left;
    width: 100%;
    height: 100%;
}

.cadastro_cpf span {
    font-weight: bold;
    color: #93c139;
}
.cadastro_pontos {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 25px 40px 0 40px;
}
.cadastro_ligue {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 24px 70px 0 70px;
}
.cadastro_link_voltar {
    width: 119px;
    margin: 29px auto 0;
    cursor: pointer;
}
.destaque .cadastro_link_voltar img {
    margin: 20px 0;
}

.destaque span.text-initial {
    color: #004a8f;
    font-size: 24px;
    width: 100%;
    text-align: center;
    float: left;
    margin: 10px 0 10px;
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    text-transform: uppercase;
}
.destaque img.linha {
    width: 271px;
    margin: 0 auto;
    float: none;
}
.destaque p.cadastro_chamada {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 22px;
    color: #525252;
    font-weight: 400;
    text-align: center;
    cursor: auto;
    margin-bottom: 10px;
}
.cadastro_chamada span {
    font-size: 30px;
    color: #eed34d;
}

.wrapper-cadastro {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

.wrapper-title-text {
    float: left;
    width: 100%;
    margin-top: 35px;
    border-top: 1px solid #e7e8e8;
}

.wrapper-cadastro span.title-text {
    width: 300px;
    margin: 0 auto;
    display: block;
}

.wrapper-cadastro span.title-text p {
    width: 100%;
    color: #20a0da;
    text-transform: uppercase;
    float: left;
    margin-top: -9px;
    background: #fff;
    color: #20a0da;
}

.wrapper-cadastro .center-value {
    width: 850px;
    margin: 0 auto;
}

.cadastro p.text-efetuar {
    color: #525252;
    font-weight: bold;
    font-size: 18px;
}

.cadastro_texto {
    font-family: 'Century Gothic', 'HelveticaNeue', 'Futura-Medium', 'TrebuchetMS';
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 10px;
    margin: 0 auto;
    width: 400px;
    text-align: center;
}

.cadastro_input_text {
    width: 283px;
    display: block;
    background-color: #ebebeb;
    border-radius: 8px;
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 15px;
    color: #525252;
    font-weight: bold;
    text-align: left;
    float: left;
    padding: 11px 0 11px 34px;
    margin: 0 auto 10px;
    border: 1px solid #cccccc;
}

input::-ms-input-placeholder {
    color:#000000;
    opacity: 1 !important; 
}

.cadastro_input_label {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 10px 0 0 0;
    display: none;
}
.cadastro_input_submit {
    width: 312px;
    height: 40px;
    border: none;
    background: #d71920;
    cursor: pointer;
    margin: 6px auto 10px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 8px;
    /* float: left; */
    font-weight: bold;
}

.cadastro_input_aguarde {
       width: 312px;
       height: 40px;
       border: none;
       background: #d71920;
       cursor: pointer;
       margin: 6px auto 10px;
       color: #fff;
       font-size: 16px;
       text-transform: uppercase;
       border-radius: 8px;
       /* float: left; */
       font-weight: bold;
       display: none;
}

p.cadastrado-multiplus {
    color: #6d6e71;
    font-size: 14px;
    margin-top: 10px;
    width: 430px;
    margin-left: -43px;
}

.captcha {
    float: left;
    background: #fff;
    position: relative;
    border-radius: 5px;
    width: 100%;
    margin-left: 8px;
    margin-bottom: 10px;
}

.destaque .captcha img {
    margin: 0;
}

a#optin_captcha_recarregar {
    position: absolute;
    bottom: 4px;
    right: 10px;
    color: #20a0da;
    font-size: 11px;
    text-decoration: none;
}

.regulamento {
    width: 303px;
    clear: both;
    /* float: left; */
    margin-bottom: 10px;
    text-align: center;
    margin: 0 auto;
}

.regulamento p.cadastro_msg_erro {
    display: block;
    color: #fff;
    width: 283px;
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #d71920;
    float: left;
    border-radius: 8px;
    margin-top: 10px;
}

.cadastro_input_checkbox {
    display: inline-block;
    float: left;
}
.destaque p.cadastro_input_checkbox_texto {
    display: inline-block;
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 12px;
    color: #fff;
    width: 260px;
    float: right;
    text-align: left;
    margin: 0;
}
.cadastro_input_checkbox_texto a {
    color: #6d6e71;
}
.destaque p.cadastro_msg_erro {
    display: block;
    color: #fff;
    width: 302px;
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 4px 0 0;
}

p.cadastro_input_checkbox_texto {
    float: left;
    color: #6d6e71;
}

p.cadastro_msg_erro {
    float: left;
    text-align: center;
    width: 100%;
}

span.redback {
    background: #d71920;
    color: #fff;
    float: left;
    width: 100%;
    margin-top: 10px;
    border-radius: 8px;
    padding: 5px 0;
}

.wrapper .date {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    font-size: 16px;
    color: #ffffff;
}

#obrigado {
    display: none;
}

.destaque {
    width: 1180px;
    margin: 0 auto;
}

.destaque .right-information .center-porcentagem {
    width: 170px;
    margin: 0 auto;
}

span.bonus {
    float: left;
    text-align: left;
    font-size: 20px;
    color: #10abee;
    margin-bottom: 20px;
    margin-top: 12px;
}
.destaque .wrapper-bonus {
    width: 182px;
    margin: 0px auto;
}

.destaque img {
    width: 120px;
    float: left;
    margin-right: 6px;
    margin-top: 6px;
}

.destaque .date {
    float: left;
    color: #909090;
    font-size: 14px;
    text-align: center;
    width: 100%;
    margin-top: 4px;
}

.wrapper .right {
    width: 310px;
    margin: 0 auto;
}



.destaque p {
    font-family: 'Century Gothic', 'HelveticaNeue', 'Futura-Medium', 'TrebuchetMS';
    font-size: 15px;
    color: #525252;
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 10px;
    cursor: pointer;
}

.container_participar {
    width: 100%;
}
.participar {
    padding-top: 20px;
}

.cadastro_chamada span.bold {
    font-size: 26px;
    color: #ffe700;
    font-weight: bold;
}

.participar p {
    font-family: 'Century Gothic','HelveticaNeue','Futura-Medium','TrebuchetMS';
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.container_participar_fluxo {
    width: 100%;
    float: left;
    position: relative;
    background: #10abee;
}
.participar_fluxo {
    width: 950px;
    margin: 0 auto 30px;
}
.fluxo_multiplus {
    width: 100%;
    padding: 19px 0 15px 0;
    margin: 21px auto 0;
}

.wrapper-box {
    float: left;
    width: 353px;
}
.wrapper-box:first-child {
    width: 310px;
}
.fidelidade .center-value {
    width: 1000px;
    margin: 0 auto;
}

.pontos-vale {
    width: 100%;
    float: left;
    border-top: 1px solid #d5d6d6;
    padding: 0 20px;
}

.pontos-vale .center-value {
    width: 1140px;
    margin: 35px auto;
}

.pontos-vale .title-vale {
    width: 550px;
    margin: 0 auto;
    height: 150px;
}

.pontos-vale .box-vale {
    float: left;
    width: 100%;
    margin: 30px 0;
}

.box-vale ul {
    float: left;
    width: 226px;
    margin: 30px 0;
}

.box-vale ul li {
    float: left;
    text-align: center;
    color: #525252;
    font-size: 15px;
    margin-top: 10px;
    width: 100%;
}

.box-vale ul li.tittle-aviao {
    background: url(../images/aviao.png) no-repeat center;
    width: 100%;
    height: 113px;
}

.box-vale ul li.tittle-tempo {
    background: url(../images/tabela.png) no-repeat center;
    width: 100%;
    height: 113px;
}

.box-vale ul li.tittle-presente {
    background: url(../images/presente.png) no-repeat center;
    width: 100%;
    height: 113px;
}

.box-vale ul li.tittle-sacola {
    background: url(../images/sacola.png) no-repeat center;
    width: 100%;
    height: 113px;
}

.box-vale ul li.tittle-trofeu {
    background: url(../images/trofeu.png) no-repeat center;
    width: 100%;
    height: 113px;
}

span.btn-saiba {
    width: 100%;
    float: left;
    text-align: center;
}

.pontos-vale span.btn-saiba a {
    width: 150px;
    margin: 0 auto 20px;
    display: block;
    text-decoration: none;
    color: #fff;
    background: #d71920;
    text-transform: uppercase;
    border-radius: 8px;
    height: 40px;
    line-height: 40px;
}

.pontos-vale span.title-pontos {
    width: 430px;
    text-align: center;
    float: left;
    font-size: 22px;
    color: #00a1e4;
    margin-top: 40px;
    text-transform: uppercase;
}

.pontos-vale span.logo-pontos {
    background: url(../images/vale.png) no-repeat;
    width: 118px;
    height: 145px;
    float: left;
}

span.btn-saiba a {
    width: 260px;
    margin: 20px auto 0;
    display: block;
    text-decoration: none;
    color: #fff;
    background: #20a0da;
    text-transform: uppercase;
    border-radius: 8px;
    height: 40px;
    line-height: 40px;
}

.fluxo_multiplus_passo {
    float: left;
    width: 290px;
    margin-right: 16px;
}
.fluxo_multiplus_passo img {
    margin: 0 auto;
}
.fluxo_multiplus_passo p {
    font-family: 'Century Gothic', 'HelveticaNeue', 'Futura-Medium', 'TrebuchetMS';
    font-size: 13px;
    color: #7e7e7e;
    text-align: center;
}

.fluxo_multiplus_passo ul {
    float: left;
    width: 100%;
}

.fluxo_multiplus_passo .text-ganhe-pontos {
    background: url(../images/tel.png) no-repeat;
    width: 47px;
    height: 35px;
    margin-left: 37%;
    }
.wrapper-tel {
    clear: both;
    margin-top: 10px;
}
.fluxo_multiplus_passo span {
    width: 100%;
    color: #7e7e7e;
    font-size: 14px;
    text-align: center;
    float: left;
    margin-bottom: 20px;
}

.fluxo_multiplus_passo .text-ganhe-pontos ul {
    width: 100%;
    float: left;
}

.fluxo_multiplus_passo .central-atendimento {
    font-size: 18px;
}

.fluxo_multiplus_passo li.tittle-msg {
    background: url(../images/msg.png) no-repeat center;
    width: 126px;
    float: left;
    height: 111px;
    margin: 0;
}
.fluxo_multiplus_passo li.tittle-msg-hover {
    background: url(../images/sucesso-cadastro.png) no-repeat center;
    width: 126px;
    float: left;
    height: 115px;
    margin: 0;
}

.fluxo_multiplus_passo li.tittle-tel {
    background: url(../images/tel.png) no-repeat;
    width: 126px;
    float: left;
    height: 111px;
    margin: 0;
}

.fluxo_multiplus_passo li.tittle-porcento {
    background: url(../images/porcento.png) no-repeat;
    width: 122px;
    float: left;
    height: 111px;
    margin: 0;
}

.fluxo_multiplus_passo ul a {
    color: #91bf38;
    text-decoration: none;
}


.fluxo_multiplus_passo li {
    font-family: 'Century Gothic', 'HelveticaNeue', 'Futura-Medium', 'TrebuchetMS';
    color: #7e7e7e;
    font-size: 12px;
    line-height: 14px;
    margin-top: 10px;
    width: 100%;
    text-align: left;
    color: #fff;
    margin-top: 30px;
}

.fluxo_multiplus_passo  h3.confira {
    font-size: 11px;
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
}

.fluxo_multiplus_passo li.tittle {
    color: #3b69bb;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
}

.fluxo_multiplus_passo li.tittle.last {
    margin-top: 46px;
    text-transform: uppercase;
}

.fluxo_multiplus_passo li span {
    font-weight: bold;
    font-size: 21px;
    margin-bottom: 10px;
}

.fluxo_multiplus_passo li.tel {
    font-weight: bold;
    font-size: 12px;
}

.fluxo_multiplus_passo ul.last li:last-child {
    width: 322px;
}

.fluxo_multiplus_passo .button-ganhe-pontos {
    background: #d71921;
    color: #fff;
    padding: 10px 15px;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
}

.fluxo_multiplus_passo .button-ganhe-pontos a {
    font-family: 'Century Gothic', 'HelveticaNeue', 'Futura-Medium', 'TrebuchetMS';
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    width: 100%;
    height: 100%;
}

.box-confirme {width: 330px;}

.box-transfira {
    background: url(../images/transfira.png) no-repeat;
    width: 257px;
    height: 239px;
}

.box-ganhe {
    width: 327px;
}

.box-presente {
    width: 247px;
}

.container_texto_legal {
    width: 100%;
    background-color: #f2f2f2;
    float: left;
}
.texto_legal {
    width: 1180px;
    margin: 0 auto;
}
span.x-title {
    width: 100%;
    float: left;
    text-align: center;
    color: #626262;
    margin-top: 20px;
    font-size: 22px;
}
.texto_legal p {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 12px;
    color: #444444;
    padding: 40px 20px 25px;
}

.texto_legal a {
    font-size: 12px;
    color: #444444;
    text-decoration: none;
}


.texto_legal .regulamento {
    color: #626262;
    text-align: center;
    margin: 20px 0;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
}

@media (min-width: 790px) and (max-width: 1180px) {
    .header {
        width: 100%;
        height: 75px;
        margin: 0;
    }
    .header_links {
        float: right;
        margin: 27px 36px 0 20px;
    }
    .intro {
        width: 100%;
        height: 10px;
        margin: 0;
        background-color: #f2f2f2;
    }
    .container_main {
        width: 100%;
        height: auto;
        /* background: url(../images/destaque.png) no-repeat center; */
    }
    .main {
        width: 43%;
        /* margin: 0 auto; */
        /* float: right; */
    }
    #sucesso {
        width: 100%;
    }
    .cadastro_cpf {
        width: 90%;
    }

    .wrapper-cadastro {
        margin-bottom: 80px;
    }
    .cadastro {
        float: none;
        width: 520px;
        margin: 0 auto;
        padding-top: 25px;
    }

    .destaque p.cadastro_chamada {
    font-size: 20px;
    }
    .destaque .wrapper-bonus {
        width: 182px;
    }
    .captcha {
        /* margin-top: -42px; */
    }
    .regulamento {
        width: 440px;
        margin: 9px 0;
    }

    .destaque {
        float: none;
        width: 100%;
        margin: 0 auto;
    }
    
    .destaque img {
        width: auto;
        margin-top: 0;
    }
    .wrapper {
        width: 356px;
    }
    
    .cadastro_texto {
        text-align: center;
    }

    .cadastro_input_text {
        margin: 3px 0 13px 30px;
        width: 260px;
    }

    .cadastro_msg_erro {
        margin: 0 auto;  
    }

    .cadastro_input_checkbox {
        margin-left: 24px;
    }
    .cadastro_input_submit {
        margin: 20px auto 0;
    }

    .participar {
        margin: 0 auto;
        border: none;
    }

    .container_participar, .participar p {
        position: static;
        border: none;
    } 

    .participar_fluxo {
        width: 100%;
        /* height: 520px; */
    }

    .wrapper-box {
        /* width: 257px; */
        /* position: relative; */
    }

    .wrapper-box:after {
        transform: rotate(-270deg);
        -ms-transform: rotate(-270deg);/* IE 9 */
        -webkit-transform: rotate(-270deg);/* Chrome, Safari, Opera */
        position: absolute;
        left: 50%;
        bottom: 8px;
    }

    .fluxo_multiplus {
        float: none;
        width: 257px;
        padding: 19px 0 15px 6px;
        margin: 0 auto;
    }

    .fluxo_multiplus_passo{
        margin: 0 auto 50px;
    }

    body .fidelidade .center-value {
        width: 100%;
    }

    body .pontos-vale .center-value{
        width: 100%;
    }

    body .pontos-vale .box-vale {
         width: 453px;
         float: none;
         clear: both;
         display: block;
         margin: 10px auto;
    }
     body .pontos-vale .box-vale ul {
        margin: 30px 0;
     }
     .box-vale ul:nth-child(2n+3) {
        clear: left;
    }
     .title-promotion {
        width: 99%;
        text-align: center;
    }
    span.text-fidelidade {
        width: 100%;
    }

    .texto_legal {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .texto_legal p {
        padding: 10px 20px;
    }
}
@media (min-width: 652px) and (max-width: 790px) {
    .header {
        width: 100%;
        height: 75px;
        margin: 0;
    }
    .header_links {
        float: right;
        margin: 10px 20px 15px 38px;
    }
    .intro {
        width: 100%;
        height: 10px;
        margin: 0;
        background-color: #f2f2f2;
    }
    .container_main {
        width: 100%;
        background: url(../images/banner-tablet.jpg) no-repeat center;
        position: relative;
        height: 346px;
    }
    .main {
        width: 285px;
        height: 346px;
        background: url(../images/elipse-especial.png) no-repeat;
        background-size: 100%;
    }

    .right-information {
        width: 287px;
    }
    .cadastro {
        float: none;
        width: 650px;
        margin: 0 auto;
        padding-top: 25px;
        padding-left: 0;
    }

    #sucesso {
        width: 650px;
    }

    .cadastro_cpf {
        width: 90%;
    }

    .wrapper-cadastro .center-value {
        width: 100%;
    }
    
    .destaque p{
    font-size: 15px;
    }

    .destaque span.text-initial {
        font-size: 19px;
        margin: 25px 0 10px;
        width: 280px;
    }

    .destaque p.cadastro_chamada {
        font-size: 15px;
        margin-top: 10px;
    }
    .destaque .wrapper-bonus {
    }
    .destaque .right-information .center-porcentagem {
    width: 306px;
    }

    .cadastro_chamada span.bold {
        font-size: 19px;
    }

    span.bonus {
    margin-bottom: 10px;
    }


    .regulamento {
        /* width: 400px; */
        margin: 10px auto;
    }
    .destaque {
        margin: 0 auto;
        width: 98%;
    }
    .destaque img.linha {
    width: 190px;
    margin-top: 0;
    }

    .destaque .date {
        font-size: 11px;
        margin-top: 10px;
    }
    
    .wrapper {
        /* width: 466px; */
    }

    .fidelidade .center-value {
        width: 100%;
    }

    .pontos-vale .center-value {
        width: 100%;
    }

    .pontos-vale .box-vale {
    width: 460px;
    margin: 0 auto;
    float: none;
    }
    .box-vale ul:nth-child(2n+3) {
        clear: left;
    }
    .captcha {
        /* float: right; */
        /* margin-top: -94px; */
        /* width: 155px; */
    }

     .wrapper .date{
    margin: 30px auto 0px 30px;
    }

    .cadastro_texto {
        text-align: center;
    }

    .cadastro_input_text {
        margin: 9px 0 9px 0px;
        width: 272px;
        float: none;
    }

    .cadastro_msg_erro {
        margin: 0 auto;  
    }

    .cadastro_input_checkbox {
        margin-left: 0px;
    }
    .cadastro_input_submit {
        /* margin: 20px auto 0 90px; */
    }

   .participar_fluxo {
        width: 100%;
        height: 520px;
    }

    .wrapper-box {
        width: 257px;
        position: relative;
    }

    .wrapper-box:after {
        transform: rotate(-270deg);
        -ms-transform: rotate(-270deg);/* IE 9 */
        -webkit-transform: rotate(-270deg);/* Chrome, Safari, Opera */
        position: absolute;
        left: 50%;
        bottom: 8px;
    }

    .fluxo_multiplus {
        float: none;
        width: 257px;
        padding: 19px 0 15px 6px;
        margin: 0 auto;
    }

    .fluxo_multiplus_passo{
        margin: 0 auto 50px;
    }


    .texto_legal {
        width: 100%;
        margin: 0 auto 10px;
    }
    .texto_legal p {
        padding: 10px 20px;
    }
}

.container {
    position: absolute;
    width: 100%;
    min-height: 100%;
    top: -2px;
    overflow-x: hidden;
}
.header {
    width: 1180px;
    height: 90px;
    margin: 0 auto;
}
.header_logo {
    float: left;
    margin: 12px 0 10px 20px;
    width: 90%;
}

.header_logo .right {
    float: right;
    margin-top: 20px;
}

.header_logo .right a {
    color: #6d6e71;
    text-decoration: none;
}

.header_logo img {
    float: left;
}

.header_logo img.last {
    margin-left: 10px;
    border-left: 1px solid #ebebeb;
    padding-left: 30px;
}

.header_logo img[src='images/logo_multiplus_mob.jpg'] {
    display: none;
}
.header_logo_porto {
    float: left;
    margin: 23px 0 0 39px;
}
.header_logo_porto img[src='images/'] {
    display: none;
}
.header_bt {
    float: right;
    margin: 32px 20px 0 0;
}
.header_links {
    float: right;
    margin: 37px 36px 0 0;
}
.header_links a {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 12px;
    color: #6d6e71;
    text-decoration: none;
}
.header_links span {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 14px;
    color: #6d6e71;
    padding: 0 4px;
}

.container_intro {
    width: 100%;
    height: 10px;
    background-color: #f2f2f2;
}
.intro {
    width: 1180px;
    height: 10px;
    margin: 0 auto;
    background-color: #f2f2f2;
}
.main {
    float: right;
    width: 531px;
    overflow: hidden;
    height: 297px;
}

.cadastro {
    float: left;
    width: 100%;
    height: 280px;
    margin-top: 20px;
}

.wrapper-cadastro .cadastro .center-value {
    width: 300px;
    margin-top: 30px;
}

#sucesso {
    display: none;
    width: 800px;
    height: 350px;
}

#sucesso span.transfira {
    width: 140px;
    margin: 0 auto;
    display: block;
}

#sucesso span.transfira a {
    float: left;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 9px;
    margin-bottom: 15px;
    background: #d92027;
    padding: 9px 50px;
}

.last-day {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    background: #20a0da;
}

img.cadastro_linha_2 {
    margin: 0 auto;
}

img.cadastro_linha_1 {
    margin: 0 auto;
}

.wrapper {
    font-size: 12px;
    margin: 30px auto 0;
    width: 310px;
}

.cadastro_obrigado_container {
    width: 230px;
    margin: 0 auto;
}
.cadastro_obrigado_container  p.cadastro_obrigado:before {
    content: "";
    background: url(../images/bullet_sucesso.png) no-repeat;
    width: 70px;
    height: 70px;
    float: left;
    margin-top: -19px;
    margin-right: 19px;
 }
.cadastro_obrigado_container p.cadastro_obrigado {
    color: #93c139;
    font-size: 28px;
    float: left;
    margin-top: 30px;
    width: 100%;
    margin-bottom: 20px;
}
.destaque p.cadastro_obrigado {
    font-family: 'Century Gothic', 'HelveticaNeue', 'Futura-Medium', 'TrebuchetMS';
    font-size: 28px;
    color: #ffd400;
    font-weight: bold;
    line-height: 70px;
    padding: 0 0 0 58px;
    background: url(../images/bullet_sucesso.png) no-repeat;
}
.cadastro_cpf {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 14px;
    color: #6d6e71;
    text-align: center;
    /* padding: 18px 0 0; */
    /* float: left; */
    width: 870px;
    margin: 0 auto;
    display: block;
    clear: both;
}

.app {
    display: block;
    width: 220px;
    margin: 0 auto;
}

.app ul {
    width: 309px;
    margin: 0 auto;
}

.app li.android {
    background: url(../images/app_android.png) no-repeat;
    float:  right;
    width: 120px;
    height: 50px;
    margin-left: 20px;
}

.app li.apple {
    background: url(../images/app_apple.png) no-repeat;
    float: left;
    width: 138px;
    height: 50px;
    margin-left: 20px;
}

.app li.android a, .app li.apple a {
    float: left;
    width: 100%;
    height: 100%;
}

.cadastro_cpf span {
    font-weight: bold;
    color: #93c139;
}
.cadastro_pontos {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 25px 40px 0 40px;
}
.cadastro_ligue {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 24px 70px 0 70px;
}
.cadastro_link_voltar {
    width: 119px;
    margin: 29px auto 0;
    cursor: pointer;
}
.destaque .cadastro_link_voltar img {
    margin: 20px 0;
}

.destaque span.text-initial {
    color: #004a8f;
    font-size: 24px;
    width: 100%;
    text-align: center;
    float: left;
    margin: 10px 0 10px;
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    text-transform: uppercase;
}
.destaque img.linha {
    width: 271px;
    margin: 0 auto;
    float: none;
}
.destaque p.cadastro_chamada {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 22px;
    color: #525252;
    font-weight: 400;
    text-align: center;
    cursor: auto;
    margin-bottom: 10px;
}
.cadastro_chamada span {
    font-size: 30px;
    color: #eed34d;
}

.wrapper-cadastro {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

.wrapper-title-text {
    float: left;
    width: 100%;
    margin-top: 35px;
    border-top: 1px solid #e7e8e8;
}

.wrapper-cadastro span.title-text {
    width: 300px;
    margin: 0 auto;
    display: block;
}

.wrapper-cadastro span.title-text p {
    width: 100%;
    color: #20a0da;
    text-transform: uppercase;
    float: left;
    margin-top: -9px;
    background: #fff;
    color: #20a0da;
}

.wrapper-cadastro .center-value {
    width: 850px;
    margin: 0 auto;
}

.cadastro p.text-efetuar {
    color: #525252;
    font-weight: bold;
    font-size: 18px;
}

.cadastro_texto {
    font-family: 'Century Gothic', 'HelveticaNeue', 'Futura-Medium', 'TrebuchetMS';
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 10px;
    margin: 0 auto;
    width: 400px;
    text-align: center;
}

.cadastro_input_text {
    width: 283px;
    display: block;
    background-color: #ebebeb;
    border-radius: 8px;
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 15px;
    color: #525252;
    font-weight: bold;
    text-align: left;
    float: left;
    padding: 11px 0 11px 34px;
    margin: 0 auto 10px;
    border: 1px solid #cccccc;
}

input::-ms-input-placeholder {
    color:#000000;
    opacity: 1 !important; 
}

.cadastro_input_label {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 10px 0 0 0;
    display: none;
}
.cadastro_input_submit {
    width: 312px;
    height: 40px;
    border: none;
    background: #d71920;
    cursor: pointer;
    margin: 6px auto 10px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 8px;
    /* float: left; */
    font-weight: bold;
}

.cadastro_input_aguarde {
       width: 312px;
       height: 40px;
       border: none;
       background: #d71920;
       cursor: pointer;
       margin: 6px auto 10px;
       color: #fff;
       font-size: 16px;
       text-transform: uppercase;
       border-radius: 8px;
       /* float: left; */
       font-weight: bold;
       display: none;
}

p.cadastrado-multiplus {
    color: #6d6e71;
    font-size: 14px;
    margin-top: 10px;
    width: 430px;
    margin-left: -43px;
}

.captcha {
    float: left;
    background: #fff;
    position: relative;
    border-radius: 5px;
    width: 100%;
    margin-left: 8px;
    margin-bottom: 10px;
}

.destaque .captcha img {
    margin: 0;
}

a#optin_captcha_recarregar {
    position: absolute;
    bottom: 4px;
    right: 10px;
    color: #20a0da;
    font-size: 11px;
    text-decoration: none;
}

.regulamento {
    width: 303px;
    clear: both;
    /* float: left; */
    margin-bottom: 10px;
    text-align: center;
    margin: 0 auto;
}

.regulamento p.cadastro_msg_erro {
    display: block;
    color: #fff;
    width: 283px;
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #d71920;
    float: left;
    border-radius: 8px;
    margin-top: 10px;
}

.cadastro_input_checkbox {
    display: inline-block;
    float: left;
}
.destaque p.cadastro_input_checkbox_texto {
    display: inline-block;
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 12px;
    color: #fff;
    width: 260px;
    float: right;
    text-align: left;
    margin: 0;
}
.cadastro_input_checkbox_texto a {
    color: #6d6e71;
}
.destaque p.cadastro_msg_erro {
    display: block;
    color: #fff;
    width: 302px;
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 4px 0 0;
}

p.cadastro_input_checkbox_texto {
    float: left;
    color: #6d6e71;
}

p.cadastro_msg_erro {
    float: left;
    text-align: center;
    width: 100%;
}

span.redback {
    background: #d71920;
    color: #fff;
    float: left;
    width: 100%;
    margin-top: 10px;
    border-radius: 8px;
    padding: 5px 0;
}

.wrapper .date {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    font-size: 16px;
    color: #ffffff;
}

#obrigado {
    display: none;
}

.destaque {
    width: 1180px;
    margin: 0 auto;
}

.destaque .right-information .center-porcentagem {
    width: 170px;
    margin: 0 auto;
}

span.bonus {
    float: left;
    text-align: left;
    font-size: 20px;
    color: #10abee;
    margin-bottom: 20px;
    margin-top: 12px;
}
.destaque .wrapper-bonus {
    width: 182px;
    margin: 0px auto;
}

.destaque img {
    width: 120px;
    float: left;
    margin-right: 6px;
    margin-top: 6px;
}

.destaque .date {
    float: left;
    color: #909090;
    font-size: 14px;
    text-align: center;
    width: 100%;
    margin-top: 4px;
}

.wrapper .right {
    width: 310px;
    margin: 0 auto;
}



.destaque p {
    font-family: 'Century Gothic', 'HelveticaNeue', 'Futura-Medium', 'TrebuchetMS';
    font-size: 15px;
    color: #525252;
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 10px;
    cursor: pointer;
}

.container_participar {
    width: 100%;
}
.participar {
    padding-top: 20px;
}

.cadastro_chamada span.bold {
    font-size: 26px;
    color: #ffe700;
    font-weight: bold;
}

.participar p {
    font-family: 'Century Gothic','HelveticaNeue','Futura-Medium','TrebuchetMS';
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.container_participar_fluxo {
    width: 100%;
    float: left;
    position: relative;
    background: #10abee;
}
.participar_fluxo {
    width: 950px;
    margin: 0 auto 30px;
}
.fluxo_multiplus {
    width: 100%;
    padding: 19px 0 15px 0;
    margin: 21px auto 0;
}

.wrapper-box {
    float: left;
    width: 353px;
}
.wrapper-box:first-child {
    width: 310px;
}

.fidelidade {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

.fidelidade span.title-text {
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px auto;
    text-transform: uppercase;
    color: #20a0da;
    font-weight: bold;
}
.fidelidade .center-value {
    width: 1000px;
    margin: 0 auto;
}

.pontos-vale .center-value {
    width: 1140px;
    margin: 35px auto;
}

.pontos-vale .title-vale {
    width: 550px;
    margin: 0 auto;
    height: 150px;
}

.pontos-vale .box-vale {
    float: left;
    width: 100%;
    margin: 30px 0;
}

.box-vale ul {
    float: left;
    width: 226px;
    margin: 30px 0;
}

.box-vale ul li {
    float: left;
    text-align: center;
    color: #525252;
    font-size: 15px;
    margin-top: 10px;
    width: 100%;
}

.box-vale ul li.tittle-aviao {
    background: url(../images/aviao.png) no-repeat center;
    width: 100%;
    height: 113px;
}

.box-vale ul li.tittle-tempo {
    background: url(../images/tabela.png) no-repeat center;
    width: 100%;
    height: 113px;
}

.box-vale ul li.tittle-presente {
    background: url(../images/presente.png) no-repeat center;
    width: 100%;
    height: 113px;
}

.box-vale ul li.tittle-sacola {
    background: url(../images/sacola.png) no-repeat center;
    width: 100%;
    height: 113px;
}

.box-vale ul li.tittle-trofeu {
    background: url(../images/trofeu.png) no-repeat center;
    width: 100%;
    height: 113px;
}

span.btn-saiba {
    width: 100%;
    float: left;
    text-align: center;
}

.pontos-vale span.btn-saiba a {
    width: 150px;
    margin: 0 auto 20px;
    display: block;
    text-decoration: none;
    color: #fff;
    background: #d71920;
    text-transform: uppercase;
    border-radius: 8px;
    height: 40px;
    line-height: 40px;
}

.pontos-vale span.title-pontos {
    width: 430px;
    text-align: center;
    float: left;
    font-size: 22px;
    color: #00a1e4;
    margin-top: 40px;
    text-transform: uppercase;
}

.pontos-vale span.logo-pontos {
    background: url(../images/vale.png) no-repeat;
    width: 118px;
    height: 145px;
    float: left;
}

span.btn-saiba a {
    width: 260px;
    margin: 20px auto 0;
    display: block;
    text-decoration: none;
    color: #fff;
    background: #20a0da;
    text-transform: uppercase;
    border-radius: 8px;
    height: 40px;
    line-height: 40px;
}

.title-promotion {
    float: left;
    width: 100%;
    margin: 25px 0;
}

.fluxo_multiplus_passo {
    float: left;
    width: 290px;
    margin-right: 16px;
}
.fluxo_multiplus_passo img {
    margin: 0 auto;
}
.fluxo_multiplus_passo p {
    font-family: 'Century Gothic', 'HelveticaNeue', 'Futura-Medium', 'TrebuchetMS';
    font-size: 13px;
    color: #7e7e7e;
    text-align: center;
}

.fluxo_multiplus_passo ul {
    float: left;
    width: 100%;
    /* margin-left: 20px; */
}

.fluxo_multiplus_passo .text-ganhe-pontos {
    background: url(../images/tel.png) no-repeat;
    width: 47px;
    height: 35px;
    margin-left: 37%;
    }
.wrapper-tel {
    clear: both;
    margin-top: 10px;
}
.fluxo_multiplus_passo span {
    width: 100%;
    color: #7e7e7e;
    font-size: 14px;
    text-align: center;
    float: left;
    margin-bottom: 20px;
}

.fluxo_multiplus_passo .text-ganhe-pontos ul {
    width: 100%;
    float: left;
}

.fluxo_multiplus_passo .central-atendimento {
    font-size: 18px;
}

.fluxo_multiplus_passo li.tittle-msg {
    background: url(../images/msg.png) no-repeat center;
    width: 126px;
    float: left;
    height: 111px;
    margin: 0;
}
.fluxo_multiplus_passo li.tittle-msg-hover {
    background: url(../images/sucesso-cadastro.png) no-repeat center;
    width: 126px;
    float: left;
    height: 115px;
    margin: 0;
}

.fluxo_multiplus_passo li.tittle-tel {
    background: url(../images/tel.png) no-repeat;
    width: 126px;
    float: left;
    height: 111px;
    margin: 0;
}

.fluxo_multiplus_passo li.tittle-porcento {
    background: url(../images/porcento.png) no-repeat;
    width: 122px;
    float: left;
    height: 111px;
    margin: 0;
    /* margin-left: 33px; */
}

.fluxo_multiplus_passo ul a {
    color: #91bf38;
    text-decoration: none;
}


.fluxo_multiplus_passo li {
    font-family: 'Century Gothic', 'HelveticaNeue', 'Futura-Medium', 'TrebuchetMS';
    color: #7e7e7e;
    font-size: 12px;
    line-height: 14px;
    margin-top: 10px;
    width: 365px;
    text-align: left;
    color: #fff;
    margin-top: 30px;
}

.fluxo_multiplus_passo  h3.confira {
    font-size: 11px;
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
}

.fluxo_multiplus_passo li.tittle {
    color: #3b69bb;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
}

.fluxo_multiplus_passo li.tittle.last {
    margin-top: 46px;
    text-transform: uppercase;
}

.fluxo_multiplus_passo li span {
    font-weight: bold;
    font-size: 21px;
    margin-bottom: 10px;
}

.fluxo_multiplus_passo li.tel {
    font-weight: bold;
    font-size: 12px;
}

.fluxo_multiplus_passo ul.last li:last-child {
    width: 322px;
}

.fluxo_multiplus_passo .button-ganhe-pontos {
    background: #d71921;
    color: #fff;
    padding: 10px 15px;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
}

.fluxo_multiplus_passo .button-ganhe-pontos a {
    font-family: 'Century Gothic', 'HelveticaNeue', 'Futura-Medium', 'TrebuchetMS';
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    width: 100%;
    height: 100%;
}

.box-confirme {width: 330px;}

.box-transfira {
    background: url(../images/transfira.png) no-repeat;
    width: 257px;
    height: 239px;
}

.box-ganhe {
    width: 327px;
}

.box-presente {
    width: 247px;
}

.container_texto_legal {
    width: 100%;
    background-color: #f2f2f2;
    float: left;
}
.texto_legal {
    width: 1180px;
    margin: 0 auto;
}
span.x-title {
    width: 100%;
    float: left;
    text-align: center;
    color: #626262;
    margin-top: 20px;
    font-size: 22px;
}
.texto_legal p {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 12px;
    color: #444444;
    padding: 40px 20px 25px;
}

.texto_legal a {
    font-size: 12px;
    color: #444444;
    text-decoration: none;
}


.texto_legal .regulamento {
    color: #626262;
    text-align: center;
    margin: 20px 0;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
}

@media (min-width: 790px) and (max-width: 1180px) {
    .header {
        width: 100%;
        height: 75px;
        margin: 0;
    }
    .header_links {
        float: right;
        margin: 27px 36px 0 20px;
    }
    .intro {
        width: 100%;
        height: 10px;
        margin: 0;
        background-color: #f2f2f2;
    }
    .container_main {
        width: 100%;
        height: auto;
        /* background: url(../images/destaque.png) no-repeat center; */
    }
    .main {
        width: 43%;
        /* margin: 0 auto; */
        /* float: right; */
    }
    #sucesso {
        width: 100%;
    }
    .cadastro_cpf {
        width: 90%;
    }

    .wrapper-cadastro {
        margin-bottom: 80px;
    }
    .cadastro {
        float: none;
        width: 520px;
        margin: 0 auto;
        padding-top: 25px;
    }

    .destaque p.cadastro_chamada {
    font-size: 20px;
    }
    .destaque .wrapper-bonus {
        width: 182px;
    }
    .captcha {
        /* margin-top: -42px; */
    }
    .regulamento {
        width: 440px;
        margin: 9px 0;
    }

    .destaque {
        float: none;
        width: 100%;
        margin: 0 auto;
    }
    
    .destaque img {
        width: auto;
        margin-top: 0;
    }
    .wrapper {
        width: 356px;
    }
    
    .cadastro_texto {
        text-align: center;
    }

    .cadastro_input_text {
        margin: 3px 0 13px 30px;
        width: 260px;
    }

    .cadastro_msg_erro {
        margin: 0 auto;  
    }

    .cadastro_input_checkbox {
        margin-left: 24px;
    }
    .cadastro_input_submit {
        margin: 20px auto 0;
    }

    .participar {
        margin: 0 auto;
        border: none;
    }

    .container_participar, .participar p {
        position: static;
        border: none;
    } 

    .participar_fluxo {
        width: 100%;
        /* height: 520px; */
    }

    .wrapper-box {
        /* width: 257px; */
        /* position: relative; */
    }

    .wrapper-box:after {
        transform: rotate(-270deg);
        -ms-transform: rotate(-270deg);/* IE 9 */
        -webkit-transform: rotate(-270deg);/* Chrome, Safari, Opera */
        position: absolute;
        left: 50%;
        bottom: 8px;
    }

    .fluxo_multiplus {
        float: none;
        width: 257px;
        padding: 19px 0 15px 6px;
        margin: 0 auto;
    }

    .fluxo_multiplus_passo{
        margin: 0 auto 50px;
    }

    body .fidelidade .center-value {
        width: 100%;
    }

    body .pontos-vale .center-value{
        width: 100%;
    }

    body .pontos-vale .box-vale {
         width: 453px;
         float: none;
         clear: both;
         display: block;
         margin: 10px auto;
    }
     body .pontos-vale .box-vale ul {
        margin: 30px 0;
     }
     .box-vale ul:nth-child(2n+3) {
        clear: left;
    }
     .title-promotion {
        width: 99%;
        text-align: center;
    }
    span.text-fidelidade {
        width: 100%;
    }

    .texto_legal {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .texto_legal p {
        padding: 10px 20px;
    }
}
@media (min-width: 652px) and (max-width: 790px) {
    .header {
        width: 100%;
        height: 75px;
        margin: 0;
    }
    .header_links {
        float: right;
        margin: 10px 20px 15px 38px;
    }
    .intro {
        width: 100%;
        height: 10px;
        margin: 0;
        background-color: #f2f2f2;
    }
    .container_main {
        width: 100%;
        background: url(../images/banner-tablet.jpg) no-repeat center;
        position: relative;
        height: 346px;
    }
    .main {
        width: 285px;
        height: 346px;
        background: url(../images/elipse-especial.png) no-repeat;
        background-size: 100%;
    }

    .right-information {
        width: 287px;
    }
    .cadastro {
        float: none;
        width: 650px;
        margin: 0 auto;
        padding-top: 25px;
        padding-left: 0;
    }

    #sucesso {
        width: 650px;
    }

    .cadastro_cpf {
        width: 90%;
    }

    .wrapper-cadastro .center-value {
        width: 100%;
    }
    
    .destaque p{
    font-size: 15px;
    }

    .destaque span.text-initial {
        font-size: 19px;
        margin: 25px 0 10px;
        width: 280px;
    }

    .destaque p.cadastro_chamada {
        font-size: 15px;
        margin-top: 10px;
    }
    .destaque .wrapper-bonus {
    }
    .destaque .right-information .center-porcentagem {
    width: 306px;
    }

    .cadastro_chamada span.bold {
        font-size: 19px;
    }

    span.bonus {
    margin-bottom: 10px;
    }


    .regulamento {
        /* width: 400px; */
        margin: 10px auto;
    }
    .destaque {
        margin: 0 auto;
        width: 98%;
    }
    .destaque img.linha {
    width: 190px;
    margin-top: 0;
    }

    .destaque .date {
        font-size: 11px;
        margin-top: 10px;
    }
    
    .wrapper {
        /* width: 466px; */
    }

    .fidelidade .center-value {
        width: 100%;
    }

    .pontos-vale .center-value {
        width: 100%;
    }

    .pontos-vale .box-vale {
    width: 460px;
    margin: 0 auto;
    float: none;
    }
    .box-vale ul:nth-child(2n+3) {
        clear: left;
    }
    .captcha {
        /* float: right; */
        /* margin-top: -94px; */
        /* width: 155px; */
    }

     .wrapper .date{
    margin: 30px auto 0px 30px;
    }

    .cadastro_texto {
        text-align: center;
    }

    .cadastro_input_text {
        margin: 9px 0 9px 0px;
        width: 272px;
        float: none;
    }

    .cadastro_msg_erro {
        margin: 0 auto;  
    }

    .cadastro_input_checkbox {
        margin-left: 0px;
    }
    .cadastro_input_submit {
        /* margin: 20px auto 0 90px; */
    }

   .participar_fluxo {
        width: 100%;
        height: 520px;
    }

    .wrapper-box {
        width: 257px;
        position: relative;
    }

    .wrapper-box:after {
        transform: rotate(-270deg);
        -ms-transform: rotate(-270deg);/* IE 9 */
        -webkit-transform: rotate(-270deg);/* Chrome, Safari, Opera */
        position: absolute;
        left: 50%;
        bottom: 8px;
    }

    .fluxo_multiplus {
        float: none;
        width: 257px;
        padding: 19px 0 15px 6px;
        margin: 0 auto;
    }

    .fluxo_multiplus_passo{
        margin: 0 auto 50px;
    }


    .texto_legal {
        width: 100%;
        margin: 0 auto 10px;
    }
    .texto_legal p {
        padding: 10px 20px;
    }
}

@media (max-width: 652px) {
    .header {
        width: 100%;
        height: auto;
        margin: 0;
    }
    .header_logo {
        float: none;
        margin: 12px auto 0 auto;
        width: 216px;
    }
    .header_logo img.last {
        /* display: none; */
        width: 213px;
        border: none;
        margin: 0;
        padding: 0;
    }

    .header_logo:after {
    }

    .header_logo img[src='images/logo_multiplus.png'] {
        display: block;
    }
    .header_logo_porto {
        float: none;
        margin: 12px 0 0 130px;
        width: 87px;
    }
    .header_bt {
        float: none;
        margin: 22px auto 0 auto;
        width: 120px;
    }
    .header_links {
        float: none;
        margin: 10px auto 15px auto;
        width: 260px;
    }
    .intro {
        width: 100%;
        height: 10px;
        margin: 0;
        background-color: #f2f2f2;
    }

    .main {
        width: 100%;
        height: 350px;
        margin: 0 auto;
        position: absolute;
        bottom: 0;
    }
    .cadastro {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 25px 0;
    }

    .regulamento {
        width: 320px;
        margin: 20px auto;
    }

    img.text_cadastro {
        width: 100%;
    } 

    .wrapper {
        width: 100%;
        margin: 10px auto;
    } 

    .cadastro_cpf {
        font-family: 'Trebuchet MS', 'TrebuchetMS';
        font-size: 14px;
        text-align: center;
        width: 300px;
    }
    .cadastro_ligue {
        font-family: 'Trebuchet MS', 'TrebuchetMS';
        font-size: 20px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        padding: 24px 20px 0 20px;
    }

    .destaque p.cadastro_texto {
    }
    .cadastro_input_text {
        width: 310px;
        margin: 0 auto 3px auto;
        display: block;
        border: none;
        border-radius: 8px;
        font-family: 'Trebuchet MS', 'TrebuchetMS';
        font-size: 18px;
        color: #002138;
        font-weight: bold;
        text-align: center;
        padding: 10px 0;
        float: none;
    }

    .destaque span.text-initial {
    font-size: 18px;
    margin-top: 28px;
    margin-bottom: 6px;
    }

    .destaque p.cadastro_chamada {
        font-size: 13px;
        width: 100%;
        margin-bottom: 3px;
    }

    .cadastro_chamada span.bold {
        font-size: 29px;
    }
    .regulamento {
        /* width: 100%; */
        /* margin: 0 auto; */
    }
    .cadastro_input_checkbox {
        display: inline-block;
        /* margin: 4px 4px 0 20px; */
    }

    .cadastro_input_submit {
        margin: 10px auto 0;
    }

    .container_participar, .participar p {
        /* position: static; */
        border: none;
    } 
    .destaque {
    float: none;
    width: 100%;
    height: 566px;
    margin: 0 auto;
    }

    .destaque .cadastro_link_voltar img {
        width: 100%;
        padding-top: 50px;
    }

    .participar {
        margin: 0 auto;
        border: none;
    }
    .participar_fluxo {
        width: 100%;
        margin: 0;
    }

    .container_participar_fluxo {
        width: 100%;
    }

    .fidelidade .center-value{
        width: 90%;
    }

    .pontos-vale .center-value, .pontos-vale .title-vale, .pontos-vale span.title-pontos{
        width: 100%;
        font-size: 16px
    }

    .box-vale ul {
        margin: 0 auto;
        float: none;
    }

    .pontos-vale span.logo-pontos {
        width: 100%;
        background: url(../images/vale.png) no-repeat center;
    }


     .wrapper-box {
        width: 100%;
        position: relative;
        margin: 0 auto;
        float: none;
    }

    .wrapper-box:after {
        transform: rotate(-270deg);
        -ms-transform: rotate(-270deg);/* IE 9 */
        -webkit-transform: rotate(-270deg);/* Chrome, Safari, Opera */
        position: absolute;
        left: 50%;
        bottom: 8px;
    }

    .wrapper-cadastro .center-value  {
        width: 100%;
        float: left;
        /* margin-left: 2px; */
    }
    
    .fluxo_multiplus {
        float: none;
        width: 100%;
        padding: 20px 0 15px 0;
        margin: 0 auto;
    }
    .fluxo_multiplus_passo {
        margin: 10px auto 50px;
        width: 257px;
        height: 139px;
    }

    .box-bonus {
        height: auto;
    }


    .main span.bonus {
    font-size: 18px;
    }
    .destaque img.linha {
        width: 70%;
        /* margin: 0 auto; */
        /* padding: 0px 120px; */
        /* float: none; */
    }

    p.cadastrado-multiplus {
        width: auto;
        margin-left: 0;
    }


    .fluxo_multiplus_passo .central-atendimento {
        font-size: 15px;
    }
    .fluxo_multiplus_passo ul.last li:last-child{
        width: 100%;
    }

    .captcha {
        float: none;
        margin-top: 11px;
        margin: 0 auto;
    }

    
    .destaque .captcha img {
        width: 100%;
    }
    
    .box-confirme {
        float: none;
    }

    .fluxo_multiplus_passo ul {
        float: none;
    }
    .fluxo_multiplus_passo ul li{
        clear: both;    
        text-align: center;
    }

    .fluxo_multiplus_passo li.tittle-msg {
        background: url(../images/msg.png) no-repeat center;
        width: 100%;
        margin: 10px 0;
    }

     .fluxo_multiplus_passo li.tittle-msg-hover {
        background: url(../images/sucesso-cadastro.png) no-repeat center;
        width: 100%;
        margin: 10px 0;
    }

    .fluxo_multiplus_passo li.tittle-tel {
        background: url(../images/tel.png) no-repeat center ;
        width: 100%;
        margin: 10px 0;
    }

    .fluxo_multiplus_passo li.tittle-porcento {
        background: url(../images/porcento.png) no-repeat center;
        width: 100%;
       margin: 15px 0;
    }

    .box-transfira {
        float: none;
    }

    .box-ganhe {
        float: none;
        clear: both;
    }

    .box-presente {
        float: none;
        clear: both;
    }
    .wrapper-cadastro {
        width: 100%
    }

    #sucesso {
         width: 300px;
    }

    #sucesso span.transfira {
        width: 100%;
        float: left;
        margin-bottom: 30px;
    }
    #sucesso span.transfira a {
        width: 50%;
        float: none;
    }
    .app ul {
        width: 130px;
    }
    .app li.apple {
        float: none;
        margin: 0 auto;
    }
    .destaque p.cadastro_obrigado {
        margin-top: 140px;
    }


    .wrapper .date{
    margin-top: 25px;
    }

    .texto_legal {
        width: 100%;
        margin: 0 auto;
    }

    .texto_legal p {
        padding: 10px 20px;
        font-size: 10px;
    }

    .texto_legal p a {
        font-size: 10px;
    }
html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Trebuchet MS', Trebuchet-ms, Verdana, Arial, sans-serif;
}
* {
    outline: none;
}
iframe {
    /* display: none; */
}  
img {
    border: 0;
    display: block;
}
p,
h1,
h2,
h3,
h4,
h5 {
    margin: 0;
    font-weight: normal;
}
ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.clearboth {
    clear: both;
}
.container {
    position: absolute;
    width: 100%;
    min-height: 100%;
    top: -2px;
    overflow-x: hidden;
}
.header {
    width: 1180px;
    height: 90px;
    margin: 0 auto;
}
.header_logo {
    float: left;
    margin: 12px 0 10px 20px;
    width: 90%;
}

.header_logo .right {
    float: right;
    margin-top: 20px;
}

.header_logo .right a {
    color: #6d6e71;
    text-decoration: none;
}

.header_logo img {
    float: left;
}

.header_logo img.last {
    margin-left: 10px;
    border-left: 1px solid #ebebeb;
    padding-left: 30px;
}

.header_logo img[src='images/logo_multiplus_mob.jpg'] {
    display: none;
}
.header_logo_porto {
    float: left;
    margin: 23px 0 0 39px;
}
.header_logo_porto img[src='images/'] {
    display: none;
}
.header_bt {
    float: right;
    margin: 32px 20px 0 0;
}
.header_links {
    float: right;
    margin: 37px 36px 0 0;
}
.header_links a {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 12px;
    color: #6d6e71;
    text-decoration: none;
}
.header_links span {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 14px;
    color: #6d6e71;
    padding: 0 4px;
}

.container_intro {
    width: 100%;
    height: 10px;
    background-color: #f2f2f2;
}
.intro {
    width: 1180px;
    height: 10px;
    margin: 0 auto;
    background-color: #f2f2f2;
}
.main {
    float: right;
    width: 531px;
    overflow: hidden;
    height: 297px;
}

.cadastro {
    float: left;
    width: 100%;
    height: 280px;
    margin-top: 20px;
}

.wrapper-cadastro .cadastro .center-value {
    width: 300px;
    margin-top: 30px;
}

#sucesso {
    display: none;
    width: 800px;
    height: 350px;
}

#sucesso span.transfira {
    width: 140px;
    margin: 0 auto;
    display: block;
}

#sucesso span.transfira a {
    float: left;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 9px;
    margin-bottom: 15px;
    background: #d92027;
    padding: 9px 50px;
}

.last-day {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    background: #20a0da;
}

img.cadastro_linha_2 {
    margin: 0 auto;
}

img.cadastro_linha_1 {
    margin: 0 auto;
}

.wrapper {
    font-size: 12px;
    margin: 30px auto 0;
    width: 310px;
}

.cadastro_obrigado_container {
    width: 230px;
    margin: 0 auto;
}
.cadastro_obrigado_container  p.cadastro_obrigado:before {
    content: "";
    background: url(../images/bullet_sucesso.png) no-repeat;
    width: 70px;
    height: 70px;
    float: left;
    margin-top: -19px;
    margin-right: 19px;
 }
.cadastro_obrigado_container p.cadastro_obrigado {
    color: #93c139;
    font-size: 28px;
    float: left;
    margin-top: 30px;
    width: 100%;
    margin-bottom: 20px;
}
.destaque p.cadastro_obrigado {
    font-family: 'Century Gothic', 'HelveticaNeue', 'Futura-Medium', 'TrebuchetMS';
    font-size: 28px;
    color: #ffd400;
    font-weight: bold;
    line-height: 70px;
    padding: 0 0 0 58px;
    background: url(../images/bullet_sucesso.png) no-repeat;
}
.cadastro_cpf {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 14px;
    color: #6d6e71;
    text-align: center;
    /* padding: 18px 0 0; */
    /* float: left; */
    width: 870px;
    margin: 0 auto;
    display: block;
    clear: both;
}

.app {
    display: block;
    width: 220px;
    margin: 0 auto;
}

.app ul {
    width: 309px;
    margin: 0 auto;
}

.app li.android {
    background: url(../images/app_android.png) no-repeat;
    float:  right;
    width: 120px;
    height: 50px;
    margin-left: 20px;
}

.app li.apple {
    background: url(../images/app_apple.png) no-repeat;
    float: left;
    width: 138px;
    height: 50px;
    margin-left: 20px;
}

.app li.android a, .app li.apple a {
    float: left;
    width: 100%;
    height: 100%;
}

.cadastro_cpf span {
    font-weight: bold;
    color: #93c139;
}
.cadastro_pontos {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 25px 40px 0 40px;
}
.cadastro_ligue {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 24px 70px 0 70px;
}
.cadastro_link_voltar {
    width: 119px;
    margin: 29px auto 0;
    cursor: pointer;
}
.destaque .cadastro_link_voltar img {
    margin: 20px 0;
}

.destaque span.text-initial {
    color: #00a1e4;
    font-size: 24px;
    width: 100%;
    text-align: center;
    float: left;
    margin: 10px 0 10px;
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    text-transform: uppercase;
}
.destaque img.linha {
    width: 271px;
    margin: 0 auto;
    float: none;
}
.destaque p.cadastro_chamada {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 22px;
    color: #525252;
    font-weight: 400;
    text-align: center;
    cursor: auto;
    margin-bottom: 10px;
}
.cadastro_chamada span {
    font-size: 30px;
    color: #eed34d;
}

.wrapper-cadastro {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

.wrapper-title-text {
    float: left;
    width: 100%;
    margin-top: 35px;
    border-top: 1px solid #e7e8e8;
}

.wrapper-cadastro span.title-text {
    width: 300px;
    margin: 0 auto;
    display: block;
}

.wrapper-cadastro span.title-text p {
    width: 100%;
    color: #20a0da;
    text-transform: uppercase;
    float: left;
    margin-top: -9px;
    background: #fff;
    color: #d71920;
}

.wrapper-cadastro .center-value {
    width: 850px;
    margin: 0 auto;
}

.cadastro p.text-efetuar {
    color: #525252;
    font-weight: bold;
    font-size: 18px;
}

.cadastro_texto {
    font-family: 'Century Gothic', 'HelveticaNeue', 'Futura-Medium', 'TrebuchetMS';
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 10px;
    margin: 0 auto;
    width: 400px;
    text-align: center;
}

.cadastro_input_text {
    width: 283px;
    display: block;
    background-color: #ebebeb;
    border-radius: 8px;
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 15px;
    color: #525252;
    font-weight: bold;
    text-align: left;
    float: left;
    padding: 11px 0 11px 34px;
    margin: 0 auto 10px;
    border: 1px solid #cccccc;
}

input::-ms-input-placeholder {
    color:#000000;
    opacity: 1 !important; 
}

.cadastro_input_label {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 10px 0 0 0;
    display: none;
}
.cadastro_input_submit {
    width: 312px;
    height: 40px;
    border: none;
    background: #d71920;
    cursor: pointer;
    margin: 6px auto 10px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 8px;
    /* float: left; */
    font-weight: bold;
}

.cadastro_input_aguarde {
       width: 312px;
       height: 40px;
       border: none;
       background: #d71920;
       cursor: pointer;
       margin: 6px auto 10px;
       color: #fff;
       font-size: 16px;
       text-transform: uppercase;
       border-radius: 8px;
       /* float: left; */
       font-weight: bold;
       display: none;
}

p.cadastrado-multiplus {
    color: #6d6e71;
    font-size: 14px;
    margin-top: 10px;
    width: 430px;
    margin-left: -43px;
}

.captcha {
    float: left;
    background: #fff;
    position: relative;
    border-radius: 5px;
    width: 100%;
    margin-left: 8px;
    margin-bottom: 10px;
}

.destaque .captcha img {
    margin: 0;
}

a#optin_captcha_recarregar {
    position: absolute;
    bottom: 4px;
    right: 10px;
    color: #20a0da;
    font-size: 11px;
    text-decoration: none;
}

.regulamento {
    width: 303px;
    clear: both;
    /* float: left; */
    margin-bottom: 10px;
    text-align: center;
    margin: 0 auto;
}

.regulamento p.cadastro_msg_erro {
    display: block;
    color: #fff;
    width: 283px;
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #d71920;
    float: left;
    border-radius: 8px;
    margin-top: 10px;
}

.cadastro_input_checkbox {
    display: inline-block;
    float: left;
}
.destaque p.cadastro_input_checkbox_texto {
    display: inline-block;
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 12px;
    color: #fff;
    width: 260px;
    float: right;
    text-align: left;
    margin: 0;
}
.cadastro_input_checkbox_texto a {
    color: #6d6e71;
}
.destaque p.cadastro_msg_erro {
    display: block;
    color: #fff;
    width: 302px;
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 4px 0 0;
}

p.cadastro_input_checkbox_texto {
    float: left;
    color: #6d6e71;
}

p.cadastro_msg_erro {
    float: left;
    text-align: center;
    width: 100%;
}

span.redback {
    background: #d71920;
    color: #fff;
    float: left;
    width: 100%;
    margin-top: 10px;
    border-radius: 8px;
    padding: 5px 0;
}

.wrapper .date {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    font-size: 16px;
    color: #ffffff;
}

#obrigado {
    display: none;
}

.destaque {
    width: 1180px;
    margin: 0 auto;
}

.destaque .right-information .center-porcentagem {
    width: 170px;
    margin: 0 auto;
}

span.bonus {
    float: left;
    text-align: left;
    font-size: 20px;
    color: #10abee;
    margin-bottom: 20px;
    margin-top: 12px;
}
.destaque .wrapper-bonus {
    width: 100%;
    margin: 0px auto;
    text-align: center;
}

.destaque img {
    width: 114px;
    float: none;
    margin-right: 6px;
    margin-top: 6px;
}

.destaque .date {
    float: left;
    color: #909090;
    font-size: 10px;
    text-align: center;
    width: 100%;
    margin-top: 4px;
}

.wrapper .right {
    width: 310px;
    margin: 0 auto;
}



.destaque p {
    font-family: 'Century Gothic', 'HelveticaNeue', 'Futura-Medium', 'TrebuchetMS';
    font-size: 15px;
    color: #525252;
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 10px;
    cursor: pointer;
}

.container_participar {
    width: 100%;
}
.participar {
    padding-top: 20px;
}

.cadastro_chamada span.bold {
    font-size: 26px;
    color: #ffe700;
    font-weight: bold;
}

.participar p {
    font-family: 'Century Gothic','HelveticaNeue','Futura-Medium','TrebuchetMS';
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.container_participar_fluxo {
    width: 100%;
    float: left;
    position: relative;
    background: #10abee;
}
.participar_fluxo {
    width: 950px;
    margin: 0 auto 80px;
}
.fluxo_multiplus {
    width: 100%;
    padding: 19px 0 15px 0;
    margin: 21px auto 0;
}

.wrapper-box {
    float: left;
    width: 353px;
}
.wrapper-box:first-child {
    width: 310px;
}

.fidelidade {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

.fidelidade span.title-text {
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px auto;
    text-transform: uppercase;
    color: #20a0da;
    font-weight: bold;
}
.fidelidade .center-value {
    width: 1000px;
    margin: 0 auto;
}

.pontos-vale .center-value {
    width: 1140px;
    margin: 35px auto;
}

.pontos-vale .title-vale {
    width: 550px;
    margin: 0 auto;
    height: 150px;
}

.pontos-vale .box-vale {
    float: left;
    width: 100%;
    margin: 30px 0;
}

.box-vale ul {
    float: left;
    width: 226px;
    margin: 30px 0;
}

.box-vale ul li {
    float: left;
    text-align: center;
    color: #525252;
    font-size: 15px;
    margin-top: 10px;
    width: 100%;
}

.box-vale ul li.tittle-aviao {
    background: url(../images/aviao.png) no-repeat center;
    width: 100%;
    height: 113px;
}

.box-vale ul li.tittle-tempo {
    background: url(../images/tabela.png) no-repeat center;
    width: 100%;
    height: 113px;
}

.box-vale ul li.tittle-presente {
    background: url(../images/presente.png) no-repeat center;
    width: 100%;
    height: 113px;
}

.box-vale ul li.tittle-sacola {
    background: url(../images/sacola.png) no-repeat center;
    width: 100%;
    height: 113px;
}

.box-vale ul li.tittle-trofeu {
    background: url(../images/trofeu.png) no-repeat center;
    width: 100%;
    height: 113px;
}

span.btn-saiba {
    width: 100%;
    float: left;
    text-align: center;
}

.pontos-vale span.btn-saiba a {
    width: 150px;
    margin: 0 auto 20px;
    display: block;
    text-decoration: none;
    color: #fff;
    background: #d71920;
    text-transform: uppercase;
    border-radius: 8px;
    height: 40px;
    line-height: 40px;
}

.pontos-vale span.title-pontos {
    width: 430px;
    text-align: center;
    float: left;
    font-size: 22px;
    color: #00a1e4;
    margin-top: 40px;
    text-transform: uppercase;
}

.pontos-vale span.logo-pontos {
    background: url(../images/vale.png) no-repeat;
    width: 118px;
    height: 145px;
    float: left;
}

span.btn-saiba a {
    width: 260px;
    margin: 20px auto 0;
    display: block;
    text-decoration: none;
    color: #fff;
    background: #20a0da;
    text-transform: uppercase;
    border-radius: 8px;
    height: 40px;
    line-height: 40px;
}

.pontos-vale ul li span {
    background-size: 90%!important;
}

.title-promotion {
    float: left;
    width: 100%;
    margin: 25px 0;
}

.fluxo_multiplus_passo {
    float: left;
    width: 290px;
    margin-right: 16px;
}
.fluxo_multiplus_passo img {
    margin: 0 auto;
}
.fluxo_multiplus_passo p {
    font-family: 'Century Gothic', 'HelveticaNeue', 'Futura-Medium', 'TrebuchetMS';
    font-size: 13px;
    color: #7e7e7e;
    text-align: center;
}

.fluxo_multiplus_passo ul {
    float: left;
    width: 100%;
}

.fluxo_multiplus_passo .text-ganhe-pontos {
    background: url(../images/tel.png) no-repeat;
    width: 47px;
    height: 35px;
    margin-left: 37%;
    }
.wrapper-tel {
    clear: both;
    margin-top: 10px;
}
.fluxo_multiplus_passo span {
    width: 100%;
    color: #7e7e7e;
    font-size: 14px;
    text-align: center;
    float: left;
    margin-bottom: 20px;
}

.fluxo_multiplus_passo .text-ganhe-pontos ul {
    width: 100%;
    float: left;
}

.fluxo_multiplus_passo .central-atendimento {
    font-size: 18px;
}

.fluxo_multiplus_passo li.tittle-msg {
    background: url(../images/msg.png) no-repeat center;
    width: 126px;
    float: left;
    height: 111px;
    margin: 0;
}
.fluxo_multiplus_passo li.tittle-msg-hover {
    background: url(../images/sucesso-cadastro.png) no-repeat center;
    width: 126px;
    float: left;
    height: 115px;
    margin: 0;
}

.fluxo_multiplus_passo li.tittle-tel {
    background: url(../images/tel.png) no-repeat;
    width: 126px;
    float: left;
    height: 111px;
    margin: 0;
}

.fluxo_multiplus_passo li.tittle-porcento {
    background: url(../images/porcento.png) no-repeat;
    width: 122px;
    float: left;
    height: 111px;
    margin: 0;
}

.fluxo_multiplus_passo ul a {
    color: #ffffff;
    text-decoration: none;
}


.fluxo_multiplus_passo li {
    font-family: 'Century Gothic', 'HelveticaNeue', 'Futura-Medium', 'TrebuchetMS';
    color: #7e7e7e;
    font-size: 12px;
    line-height: 14px;
    margin-top: 10px;
    width: 100%;
    text-align: left;
    color: #fff;
    margin-top: 30px;
}

.fluxo_multiplus_passo  h3.confira {
    font-size: 11px;
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
}

.fluxo_multiplus_passo li.tittle {
    color: #3b69bb;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
}

.fluxo_multiplus_passo li.tittle.last {
    margin-top: 46px;
    text-transform: uppercase;
}

.fluxo_multiplus_passo li span {
    font-weight: bold;
    font-size: 21px;
    margin-bottom: 10px;
}

.fluxo_multiplus_passo li.tel {
    font-weight: bold;
    font-size: 12px;
}

.fluxo_multiplus_passo ul.last li:last-child {
    width: 322px;
}

.fluxo_multiplus_passo .button-ganhe-pontos {
    background: #d71921;
    color: #fff;
    padding: 10px 15px;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
}

.fluxo_multiplus_passo .button-ganhe-pontos a {
    font-family: 'Century Gothic', 'HelveticaNeue', 'Futura-Medium', 'TrebuchetMS';
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    width: 100%;
    height: 100%;
}

.box-confirme {width: 330px;}

.box-transfira {
    background: url(../images/transfira.png) no-repeat;
    width: 257px;
    height: 239px;
}

.box-ganhe {
    width: 327px;
}

.box-presente {
    width: 247px;
}

.container_texto_legal {
    width: 100%;
    background-color: #f2f2f2;
    float: left;
}
.texto_legal {
    width: 1180px;
    margin: 0 auto;
}
span.x-title {
    width: 100%;
    float: left;
    text-align: center;
    color: #626262;
    margin-top: 20px;
    font-size: 22px;
}
.texto_legal p {
    font-family: 'Trebuchet MS', 'TrebuchetMS';
    font-size: 12px;
    color: #444444;
    padding: 40px 20px 25px;
}

.texto_legal a {
    font-size: 12px;
    color: #444444;
    text-decoration: none;
}


.texto_legal .regulamento {
    color: #626262;
    text-align: center;
    margin: 20px 0;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
}

@media (min-width: 790px) and (max-width: 1180px) {
    .header {
        width: 100%;
        height: 75px;
        margin: 0;
    }
    .header_links {
        float: right;
        margin: 27px 36px 0 20px;
    }
    .intro {
        width: 100%;
        height: 10px;
        margin: 0;
        background-color: #f2f2f2;
    }
    .container_main {
        width: 100%;
        height: auto;
        /* background: url(../images/destaque.png) no-repeat center; */
    }
    .main {
        width: 43%;
        /* margin: 0 auto; */
        /* float: right; */
    }
    #sucesso {
        width: 100%;
    }
    .cadastro_cpf {
        width: 90%;
    }

    .wrapper-cadastro {
        margin-bottom: 80px;
    }
    .cadastro {
        float: none;
        width: 520px;
        margin: 0 auto;
        padding-top: 25px;
    }

    .destaque p.cadastro_chamada {
    font-size: 20px;
    }
    .destaque .wrapper-bonus {
        width: 182px;
    }
    .captcha {
        /* margin-top: -42px; */
    }
    .regulamento {
        width: 440px;
        margin: 9px 0;
    }

    .destaque {
        float: none;
        width: 100%;
        margin: 0 auto;
    }
    
    .destaque img {
        width: auto;
        margin-top: 0;
    }
    .wrapper {
        width: 356px;
    }
    
    .cadastro_texto {
        text-align: center;
    }

    .cadastro_input_text {
        margin: 3px 0 13px 30px;
        width: 260px;
    }

    .cadastro_msg_erro {
        margin: 0 auto;  
    }

    .cadastro_input_checkbox {
        margin-left: 24px;
    }
    .cadastro_input_submit {
        margin: 20px auto 0;
    }

    .participar {
        margin: 0 auto;
        border: none;
    }

    .container_participar, .participar p {
        position: static;
        border: none;
    } 

    .participar_fluxo {
        width: 100%;
        /* height: 520px; */
    }

    .wrapper-box {
        /* width: 257px; */
        /* position: relative; */
    }

    .wrapper-box:after {
        transform: rotate(-270deg);
        -ms-transform: rotate(-270deg);/* IE 9 */
        -webkit-transform: rotate(-270deg);/* Chrome, Safari, Opera */
        position: absolute;
        left: 50%;
        bottom: 8px;
    }

    .fluxo_multiplus {
        float: none;
        width: 257px;
        padding: 19px 0 15px 6px;
        margin: 0 auto;
    }

    .fluxo_multiplus_passo{
        margin: 0 auto 50px;
    }

    body .fidelidade .center-value {
        width: 100%;
    }

    body .pontos-vale .center-value{
        width: 100%;
    }

    body .pontos-vale .box-vale {
         width: 453px;
         float: none;
         clear: both;
         display: block;
         margin: 10px auto;
    }
     body .pontos-vale .box-vale ul {
        margin: 30px 0;
     }
     .box-vale ul:nth-child(2n+3) {
        clear: left;
    }
     .title-promotion {
        width: 99%;
        text-align: center;
    }
    span.text-fidelidade {
        width: 100%;
    }

    .texto_legal {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .texto_legal p {
        padding: 10px 20px;
    }
}
@media (min-width: 652px) and (max-width: 790px) {
    .header {
        width: 100%;
        height: 75px;
        margin: 0;
    }
    .header_links {
        float: right;
        margin: 10px 20px 15px 38px;
    }
    .intro {
        width: 100%;
        height: 10px;
        margin: 0;
        background-color: #f2f2f2;
    }
    .container_main {
        width: 100%;
        background: url(../images/banner-tablet.jpg) no-repeat center;
        position: relative;
        height: 346px;
    }
    .main {
        width: 285px;
        height: 346px;
        background: url(../images/elipse-especial.png) no-repeat;
        background-size: 100%;
    }

    .right-information {
        width: 287px;
    }
    .cadastro {
        float: none;
        width: 650px;
        margin: 0 auto;
        padding-top: 25px;
        padding-left: 0;
    }

    #sucesso {
        width: 650px;
    }

    .cadastro_cpf {
        width: 90%;
    }

    .wrapper-cadastro .center-value {
        width: 100%;
    }
    
    .destaque p{
    font-size: 15px;
    }

    .destaque span.text-initial {
        font-size: 19px;
        margin: 25px 0 10px;
        width: 280px;
    }

    .destaque p.cadastro_chamada {
        font-size: 15px;
        margin-top: 10px;
    }
    .destaque .wrapper-bonus {
    }
    .destaque .right-information .center-porcentagem {
    width: 306px;
    }

    .cadastro_chamada span.bold {
        font-size: 19px;
    }

    span.bonus {
    margin-bottom: 10px;
    }


    .regulamento {
        /* width: 400px; */
        margin: 10px auto;
    }
    .destaque {
        margin: 0 auto;
        width: 98%;
    }
    .destaque img.linha {
    width: 190px;
    margin-top: 0;
    }

    .destaque .date {
        font-size: 11px;
        margin-top: 10px;
    }
    
    .wrapper {
        /* width: 466px; */
    }

    .fidelidade .center-value {
        width: 100%;
    }

    .pontos-vale .center-value {
        width: 100%;
    }

    .pontos-vale .box-vale {
    width: 460px;
    margin: 0 auto;
    float: none;
    }
    .box-vale ul:nth-child(2n+3) {
        clear: left;
    }
    .captcha {
        /* float: right; */
        /* margin-top: -94px; */
        /* width: 155px; */
    }

     .wrapper .date{
    margin: 30px auto 0px 30px;
    }

    .cadastro_texto {
        text-align: center;
    }

    .cadastro_input_text {
        margin: 9px 0 9px 0px;
        width: 272px;
        float: none;
    }

    .cadastro_msg_erro {
        margin: 0 auto;  
    }

    .cadastro_input_checkbox {
        margin-left: 0px;
    }
    .cadastro_input_submit {
        /* margin: 20px auto 0 90px; */
    }

   .participar_fluxo {
        width: 100%;
        height: 520px;
    }

    .wrapper-box {
        width: 257px;
        position: relative;
    }

    .wrapper-box:after {
        transform: rotate(-270deg);
        -ms-transform: rotate(-270deg);/* IE 9 */
        -webkit-transform: rotate(-270deg);/* Chrome, Safari, Opera */
        position: absolute;
        left: 50%;
        bottom: 8px;
    }

    .fluxo_multiplus {
        float: none;
        width: 257px;
        padding: 19px 0 15px 6px;
        margin: 0 auto;
    }

    .fluxo_multiplus_passo{
        margin: 0 auto 50px;
    }


    .texto_legal {
        width: 100%;
        margin: 0 auto 10px;
    }
    .texto_legal p {
        padding: 10px 20px;
    }
}

@media (max-width: 652px) {
    .header {
        width: 100%;
        height: auto;
        margin: 0;
    }
    .header_logo {
        float: none;
        margin: 12px auto 0 auto;
        width: 216px;
    }
    .header_logo img.last {
        /* display: none; */
        width: 213px;
        border: none;
        margin: 0;
        padding: 0;
    }

    .header_logo:after {
    }

    .header_logo img[src='images/logo_multiplus.png'] {
        display: block;
    }
    .header_logo_porto {
        float: none;
        margin: 12px 0 0 130px;
        width: 87px;
    }
    .header_bt {
        float: none;
        margin: 22px auto 0 auto;
        width: 120px;
    }
    .header_links {
        float: none;
        margin: 10px auto 15px auto;
        width: 260px;
    }
    .intro {
        width: 100%;
        height: 10px;
        margin: 0;
        background-color: #f2f2f2;
    }

    .container_main {
    width: 100%;
    position: relative;
    height: 587px;
    background: url(../images/banner-mobile.jpg) no-repeat top center;
    }

    .main {
        width: 100%;
        height: 350px;
        margin: 0 auto;
        position: absolute;
        bottom: 0;
    }

    .right-information {
        width: 297px;
        margin: 0 auto;
        background: url(../images/elipse-especial.png) no-repeat;
        background-size: 100%;
        height: 310px;
    }
    .cadastro {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 25px 0;
    }

    .regulamento {
        width: 320px;
        margin: 20px auto;
    }

    img.text_cadastro {
        width: 100%;
    } 

    .wrapper {
        width: 100%;
        margin: 10px auto;
    } 

    .cadastro_cpf {
        font-family: 'Trebuchet MS', 'TrebuchetMS';
        font-size: 14px;
        text-align: center;
        width: 300px;
    }
    .cadastro_ligue {
        font-family: 'Trebuchet MS', 'TrebuchetMS';
        font-size: 20px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        padding: 24px 20px 0 20px;
    }

    .destaque p.cadastro_texto {
    }
    .cadastro_input_text {
        width: 310px;
        margin: 0 auto 3px auto;
        display: block;
        border: none;
        border-radius: 8px;
        font-family: 'Trebuchet MS', 'TrebuchetMS';
        font-size: 18px;
        color: #002138;
        font-weight: bold;
        text-align: center;
        padding: 10px 0;
        float: none;
    }

    .destaque span.text-initial {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 6px;
    }

    .destaque p.cadastro_chamada {
        font-size: 15px;
        width: 100%;
        margin-bottom: 3px;
    }

    .cadastro_chamada span.bold {
        font-size: 29px;
    }
    .regulamento {
        /* width: 100%; */
        /* margin: 0 auto; */
    }
    .cadastro_input_checkbox {
        display: inline-block;
        /* margin: 4px 4px 0 20px; */
    }

    .cadastro_input_submit {
        margin: 10px auto 0;
    }

    .container_participar, .participar p {
        /* position: static; */
        border: none;
    } 
    .destaque {
    float: none;
    width: 100%;
    height: 566px;
    margin: 0 auto;
    }

    .destaque .cadastro_link_voltar img {
        width: 100%;
        padding-top: 50px;
    }

    .participar {
        margin: 0 auto;
        border: none;
    }
    .participar_fluxo {
        width: 100%;
        /* margin: 0; */
    }

    .container_participar_fluxo {
        width: 100%;
        background: #00a1e4;
    }

    .fidelidade .center-value{
        width: 90%;
    }

    .pontos-vale .center-value, .pontos-vale .title-vale, .pontos-vale span.title-pontos{
        width: 100%;
        font-size: 16px
    }

    .box-vale ul {
        margin: 0 auto;
        float: none;
    }

    .pontos-vale span.logo-pontos {
        width: 100%;
        background: url(../images/vale.png) no-repeat center;
    }


     .wrapper-box {
        width: 100%;
        position: relative;
        margin: 0 auto;
        float: none;
    }

    .wrapper-box:after {
        transform: rotate(-270deg);
        -ms-transform: rotate(-270deg);/* IE 9 */
        -webkit-transform: rotate(-270deg);/* Chrome, Safari, Opera */
        position: absolute;
        left: 50%;
        bottom: 8px;
    }

    .wrapper-cadastro .center-value  {
        width: 100%;
        float: left;
        /* margin-left: 2px; */
    }
    
    .fluxo_multiplus {
        float: none;
        width: 100%;
        padding: 20px 0 15px 0;
        margin: 0 auto;
    }
    .fluxo_multiplus_passo {
        margin: 10px auto 50px;
        width: 257px;
        height: 139px;
    }

    .box-bonus {
        height: auto;
    }


    .main span.bonus {
    font-size: 18px;
    float: none;
    }
    .destaque img.linha {
        width: 70%;
        /* margin: 0 auto; */
        /* padding: 0px 120px; */
        /* float: none; */
    }

    p.cadastrado-multiplus {
        width: auto;
        margin-left: 0;
    }


    .fluxo_multiplus_passo .central-atendimento {
        font-size: 15px;
    }
    .fluxo_multiplus_passo ul.last li:last-child{
        width: 100%;
    }

    .captcha {
        float: none;
        margin-top: 11px;
        margin: 0 auto;
    }

    
    .destaque .captcha img {
        width: 100%;
    }
    
    .box-confirme {
        float: none;
    }

    .fluxo_multiplus_passo ul {
        float: none;    
    }
    .fluxo_multiplus_passo ul li{
        clear: both;
        text-align: center;
    }

    .fluxo_multiplus_passo li.tittle-msg {
        background: url(../images/msg.png) no-repeat center;
        width: 100%;
        margin: 10px 0;
    }

     .fluxo_multiplus_passo li.tittle-msg-hover {
        background: url(../images/sucesso-cadastro.png) no-repeat center;
        width: 100%;
        margin: 10px 0;
    }

    .fluxo_multiplus_passo li.tittle-tel {
        background: url(../images/tel.png) no-repeat center ;
        width: 100%;
        margin: 10px 0;
    }

    .fluxo_multiplus_passo li.tittle-porcento {
        background: url(../images/porcento.png) no-repeat center;
        width: 100%;
        margin: 48px 0 15px;
    }

    .box-transfira {
        float: none;
    }

    .box-ganhe {
        float: none;
        clear: both;
    }

    .box-presente {
        float: none;
        clear: both;
    }
    .wrapper-cadastro {
        width: 100%
    }

    #sucesso {
         width: 300px;
    }

    #sucesso span.transfira {
        width: 100%;
        float: left;
        margin-bottom: 30px;
    }
    #sucesso span.transfira a {
        width: 50%;
        float: none;
    }
    .app ul {
        width: 130px;
    }
    .app li.apple {
        float: none;
        margin: 0 auto;
    }
    .destaque p.cadastro_obrigado {
        margin-top: 140px;
    }


    .wrapper .date{
    margin-top: 25px;
    }

    .texto_legal {
        width: 100%;
        margin: 0 auto;
    }

    .texto_legal p {
        padding: 10px 20px;
        font-size: 10px;
    }

    .texto_legal p a {
        font-size: 10px;
    }

    .volta{
            float: left;
    width: 100%;
    text-align: center;
    margin-top: -12px;
    margin-bottom: 10px;
    }
    .volta img{
        float: none;
        margin: 0;
        display: inline-block;
        width: 168px !important;
    }
    span.volta {
    display: inline-block;
    width: 168px;
    float: none;
}
@media only screen and (min-width: 100px) and (max-width: 760px) {
    .x-content .x-infos-pos-banner h3 {
      font-size: 12px;
      line-height: initial;
      padding: 0 25px;
    }
    .x-general .x-header .x-center h1 {
      margin: 0 auto;
    }
    .x-general .x-center {
      max-width: 100%;
    }
    .x-footer .x-container_texto_legal .x-texto_legal {
      width: 100%;
      box-sizing: border-box;
      padding: 0 5%;
    }
    .x-general .x-content .x-pontos {
      padding: 25px;
    }
    .x-general .x-content .x-pontos .x-center p {
      font-size: 30px;
    }
    .x-general .x-content .x-pontos li {
      font-size: 16px;
      padding-bottom: 15px;
    }
    .x-general .x-content .x-title .x-center h3,
    .x-general .x-content .x-cadastre .x-center h3 {
      padding: 15px;
      line-height: 18px;
    }
    .x-general .x-content .x-cadastre a {
      width: 90%;
      margin: 0 5% 20px;
      font-size: 15px;
    }
    .x-general .x-content .x-title a {
      width: 90%;
      margin: 0 5% 20px;
      font-size: 13px;
    }
    span.btn-bancos.fluxo-bancos a {
      width: 90%;
      margin: 20px 5% 0;
      font-size: 11px;
    }
    .x-general .x-content .x-funciona .x-center li {
      display: block;
      text-align: center;
      font-size: 13px;
      line-height: 18px;
    }
    .x-general .x-content .x-funciona .x-center li span {
      margin: 15px auto 20px;
    }
    .wrapper-cadastro .center-value .regulamento,
    .wrapper-cadastro span.title-text {
      width: 100%;
    }
    .wrapper-cadastro .center-value {
      width: 90%;
      margin: 0 5%;
    }
    .cadastro_input_submit {
      width: 90%;
      margin: 0 5%;
    }
    .x-general .x-content .x-banner-main {
      background: url('../images/banner_mainMobile.jpg') center top no-repeat;
    }
    .x-general .x-content .x-banner-main .x-left,
    .x-general .x-content .x-banner-main .x-right {
      width: 100%;
      max-height: 419px;
    }
    .x-general .x-content .x-banner-main .x-left .x-bottom {
      margin-top: 0;
      width: 100%;
    }
    .x-general .x-content .x-banner-main .x-right .x-circle-white {
      width: 320px;
      min-height: 330px;
      margin: 181px auto;
      float: none;
      padding: 53px 0 0;
    }
    .x-general .x-content .x-banner-main .x-right .x-circle-white h3 {
        font-size: 18px;
    }
    .x-general .x-content .x-banner-main .x-right .x-circle-white p {
        font-size: 57px;
    }
    .x-general .x-content .x-banner-main .x-right .x-circle-white small {
        font-size: 33px;
    }
    .x-general .x-content .x-banner-main .x-right .x-circle-white strong {
        font-size: 15px;
    }
    .x-general .x-content .x-banner-main .x-right .x-circle-white a {
        font-size: 12px;
    }
    .x-general .x-content .x-banner-main .x-right .x-circle-white a:after {
      max-width: 255px;
    }
    .x-general .x-content .x-banner-main .x-right .x-circle-white .x-icon_top,
    .x-general .x-content .x-banner-main .x-right .x-circle-white .x-icon_bottom {
      background-size: 65%;
    }
    .x-general .x-content .x-banner-main .x-left .x-top h2 {
      font-size: 23px;
    }
    .x-general .x-content .x-banner-main .x-left .x-bottom h3 {
      font-size: 16px;
    }
    .x-general .x-content .x-banner-main .x-left .x-top,
    .x-general .x-content .x-banner-main .x-left .x-bottom {
      width: 100%;
      background: rgba(0,0,0,0.4);
      padding: 20px 0;
      text-align: center;
    }
    .wrapper-cadastro .center-value .regulamento label {
      max-width: 280px;
      margin: 0 auto 20px;
      display: block;
    }
    .cadastro_cpf{
      width:100%
    }

}