@font-face {
    font-family: 'klavika';
    src: url('../font/klavika-regular-webfont.woff2') format('woff2'),
         url('../font/klavika-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {font-family: 'verdana'; color: #6a6a6a; font-size: 0.875em; line-height: normal;overflow-x: hidden;}
h1 {font-family: 'klavika' !important; font-size:1.5em; color:#23a0d9; margin-bottom: 0.5em; padding-top: 60px; }

.titulo {color:#23a0d9;}
.subtitulo {font-family: 'klavika' !important; font-size: 1em; padding: 35px 0px 35px 0px;}


/* ---------------------------------------------- /*
 * Preloader
/* ---------------------------------------------- */

#preloader {background: #FFF; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999;}
#status {background-image: url(../img/carregar.gif); background-position: center; background-repeat: no-repeat; height: 200px; left: 50%; margin: -100px 0 0 -100px; position: absolute; top: 50%; width: 200px;}

/* cabecalho 
----------------------------------*/

.list-full, .list-full li, .list-auto, .list-auto li { width: 100%; float: left; display: block; position: relative; }
.list-auto, .list-auto li { width: auto; }

header {min-height: 60px; position: fixed; top: 0; right: 0; left: 0; z-index: 1200; padding-top: 10px; background-color: rgba(35, 160, 217, 0.75); background: rgba(35, 160, 217, 0.75); color: rgba(35, 160, 217, 0.75);}
header h1 {padding: 10px 0 0 10px;}
header ul {padding: 15px 10px 0 0;}
header li a {color: #fff; font-family: 'klavika' !important; display: block; padding: 0 10px; font-size: 1em; text-decoration: none; -webkit-transition: all 300ms ease; transition: all 300ms ease;}

input#control-nav {visibility: hidden; position: absolute; left: -9999px; opacity: 0;}

.logo {padding-left: 15%;}
.menu {padding-left: 1%;}

.menu-extra-mobile {display: none !important;}

.redes-sociais{width: 450px;  float: right;}   
.redes-sociais ul {position: absolute; padding: 0 !important;}  
.redes-sociais ul li {width: auto; display: inline;}  
.redes-sociais ul li a {padding: 0.80em 0.35em; text-align: center; border-top: 0; float: left; margin: 0; text-decoration:none; }

.redes-sociais > ul li ul li a {color: #fff; padding: 5px !important;}
.redes-sociais > ul li ul li a:hover {text-decoration: underline;}

.redes-sociais > ul > li > ul{padding: 4px 7px; visibility: hidden; position: absolute; left: 120px; width: 150px; top: 60px; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -moz-opacity: 0.00; opacity: 0.00; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);}
.redes-sociais > ul > li:hover > ul{-moz-opacity: 1; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); visibility: visible; text-align: left; background-color: rgba(35, 160, 217, 0.75); background: rgba(35, 160, 217, 0.75); color: rgba(35, 160, 217, 0.75); -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; padding: 4px 7px;}

.servico:before {content: "\2261";  color: #fff; font: normal 32px/28px "responsivenav";  width: 60px; height: 55px;}

.sub-menu {margin-top: 60px; height: 50px; background: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);}
.sub-menu nav {max-width:1080px; padding-left: 15%; }
.sub-menu-sobre-nos nav {padding-left: 21%;}

.sub-menu ul {margin-left: 166px; }
.sub-menu ul li a {text-align: center; border-top: 0; float: left; margin: 0; text-decoration: none; color: #5bb1d3;} 

.menu-mobile {display: none;}

/* Section
----------------------------------*/

#redes div, #seu_cartao .panel, #maquina_cartao div, #internet div, #bndes div, #salaimprensa div, #cabal-vale div, #nossos-cartoes .conteudo, #emissores div, #emissores-paises div, #nossas-marcas div, #downloads div, #arranjo-pagamento-cabal div.arranjo,  #titulo-historia div, #trabalheconosco div, #release div, #trabalheconosco div, #contatos div {max-width: 1080px; height: 16em; margin: auto; text-align: left;}
#maquina_cartao, #internet, #bndes, #cabal-vale, #nossos-cartoes, #salaimprensa, #emissores, #credenciadoras, #titulo-historia, #trabalheconosco, #release, #trabalheconosco, #nossas-marcas, #contatos {min-height: 330px; position: relative; flex-flow: column wrap;}
#maquina_cartao div ul, #internet div ul, #bndes div ul, #cabal-vale div ul, #emissores div ul, #redes div ul {width: 100%;}
#seu_cartao div ul {width:80%;}
#credenciadoras div ul {width:90%;}
#seu_cartao {min-height: 490px !important; position: relative; flex-flow: column wrap;}}

/* Classes comuns
----------------------------------*/

#maquina_cartao div ul li span {float: left; display: inline; padding: 70px 100px 0 0;}
#seu_cartao div ul li span {float: left; display: inline; padding: 70px 35px 0 0;}

#maquina_cartao .botao-saibamais{bottom: 35px; position: absolute; display: block;}
#seu_cartao .botao-saibamais {bottom: 30px; position: absolute; display: block;}
#seu_cartao .botao-saibamais , #cabal-vale .botao-saibamais {color: #fff !important; border: 1px solid #fff; font-size: 0.875em; padding: 8px; float:left; text-decoration: none; margin-top: 20px;}
#seu_cartao span a, #cabal-vale span a {color: #fff !important; border: 1px solid #fff; font-size: 0.875em; padding: 8px; float:left; text-decoration: none; margin-top: 20px;}
#seu_cartao span a:hover, #cabal-vale span a:hover, .botao-saibamais:hover {text-decoration: underline !mportant;}

#seu_cartao b, #internet b, #nossas-marcas b {width: 376px; height: 330px;  position: absolute; right: 0; top:0;}
#seu_cartao b {height: 340px;}
#internet b {width: 376px; height: 392px!important;}
#emissores div ul li, #credenciadoras div ul li, #nossas-marcas div ul li, #downloads div ul li {text-align: justify; float: left; display: inline;}
#nossas-marcas div ul li, #downloads div ul li {width: 290px; padding-right: 50px;}
#nossas-marcas div ul li a {text-decoration: underline; color: #fff;}
#nossas-marcas div ul li a:hover {text-decoration: none;}

/* Home 
----------------------------------*/

.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;}
.rslides li:first-child {position: relative; display: block; float: left;}
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0;}

.imagem-passe-cabal-mobile, .imagem-sobre-cabal-mobile {display: none !important;}

.texto-home {width: 380px; height: 390px;  padding-top: 580px; text-align: justify;   padding-left: 390px; z-index: 2; position: absolute; top: 0; font-size:1em; line-height: normal;}
.texto-home h1, .texto-home  p, .texto-home  b  {color:#fff;}
.texto-home p {margin-bottom: 20px;}
.texto-home b {margin-bottom: 10px; font-weight: bold;}

.play-video {border: 3px solid #828384;  width: 345px;  position: absolute;  right: 400px; top: 360px; padding: 30px; z-index: 100;}
.play-video-mobile {display: none;}
.play-video strong, .play-video-mobile strong {width: 260px; float: right; text-align: left; font-size: 1.125em; color: #6a6a6a; text-decoration: none;}
.play-video strong:hover, .play-video-mobile strong:hover  {text-decoration: underline;}
.play-video b, .play-video-mobile b  {background:url("../img/play.png") no-repeat; padding: 3px 85px 49px 0px;}

#home{margin-top: 70px;}

#ancora, #ancora1,#ancora2, #ancora3, #ancora4,#ancora5,#ancora6, #ancora7, #ancora8{margin-top: -110px!important; padding-bottom: 110px!important; display: block; height: 0px!important;}


/* Seu Cart�o
----------------------------------*/

#seu_cartao {background:#23a0d9; background-size: cover;}
#seu_cartao b {background:url("../img/grafismo.png") no-repeat;}
#seu_cartao div p, #seu_cartao div h1 { color:#fff;}

#seu_cartao .left { position: absolute; left: 0; bottom: 50%; }
#seu_cartao .right { position: absolute; right: 0; bottom: 50%; }

#seu_cartao .slick-dotted.slick-slider { margin-bottom: 0px !important; }
#seu_cartao .slick-dots div ul {width: 100%;}

.slick-slide img {padding: 0px; height: 100%; width: 90%;}
/*.slick-prev:before,.slick-next:before {color: white;}*/
.center.slider {width: 70%; margin: auto;height: 100%;}

.slick-slide-blue img {padding: 0px; height: 150px; width: 90%;}
/*.slick-prev:before,.slick-next:before {color: white;}*/
.center.slider-blue {width: 70%; margin: auto;height: 150px;}

#seu_cartao .slick-prev:before, #seu_cartao .slick-next:before {color: #ffffff !important;}
.slick-prev:before, .slick-next:before {color: #7b7b7b !important;}

.slick-track { height: 400px; }
.slider-blue {width: 70%; margin: auto;height: 150px;}

/* Redes
----------------------------------*/
#redes {height: 900px;}
#redes div ul li a, #emissores div ul li a {height: 100px; max-width: 290px;}
#redes div ul li a {float: left; display: inline; padding: 30px 300px 0 0; margin-right: 3em;}

/* credenciadoras
----------------------------------*/
#credenciadoras {min-height: 330px;}
#credenciadoras .credenciadoras div {height: 300px;}
#credenciadoras div ul li a {float: left; display: inline;}
#credenciadoras ul li .cabal {margin-left: 48px}
#credenciadoras li {margin-top: 2em; width: 268px;}
#credenciadoras p {padding: 25px 0px;}
.credenciadoras-passecabal li {width: 175px!important;}
.credenciadoras-passecabal .grid-bin {width: 140px!important;}

#credenciadoras .painel { max-width: 1080px; margin: auto; }
.tooltip { position: relative; display: inline-block; cursor: pointer; z-index: 1000; }
.tooltip .tooltiptext { visibility: hidden; width: auto; border: 2px solid #23a0d9; color: #23a0d9; text-align: center; font-size: 12px; border-radius: 20px; padding: 25px; position: fixed; z-index: 1001; margin-top: 15px; padding: 6px; }
.tooltip .tooltiptext::after { content: ""; position: absolute; bottom: 100%; /* Posiciona a seta no topo do tooltip */ left: 50%; margin-left: -20px; border-width: 20px; border-style: solid; border-color: transparent transparent #23a0d9 transparent; }
.tooltip:hover .tooltiptext { visibility: visible; }
.imgcaixa { margin-top:70%; }
.img-shell { width:100px; height: 80px; margin-top: 20%; padding-top: 30px; }

/* internet
----------------------------------*/

#internet {min-height: 384px;}
#internet b {background:url("../img/grafismo-2.png") no-repeat;}
#internet img {padding: 20px 50px 0 0;}
#internet h1, #internet p, #internet strong {color: #fff;}

#internet h1 {padding: 45px 0 10px 0 !important;}
#internet p {margin-bottom: 10px;}
#internet strong {font-weight: bold;}
#internet {background:#ef7d00;}
#internet span {margin-right: 3em; margin-top: 1em;}
#internet a .polishop-branco {margin: 1.5em 0 0 0;}
#internet div a {text-decoration: none;}
#internet .link-internet {width: 90%;}


/* Bndes
----------------------------------*/

#bndes div ul li, #cabal-vale div ul li {width: 410px; text-align: justify; float: left; display: inline;}
#bndes div ul .chamada-bndes p  {font-size: 1.5em; padding: 35px 0 0 135px;}
#bndes div ul .chamada-bndes p a {color:#23a0d9; text-decoration: none;  font-size:1.2em;}
#bndes div ul .chamada-bndes p a:hover {text-decoration: underline;}

/* Cabal vale
----------------------------------*/

#cabal-vale {background: #009285; min-height: 605px;}
#cabal-vale h1 {color:#fff;}
#cabal-vale h2 {color: #fff; font-size: 0.89em;font-weight: bold; margin-bottom: 5px;margin-top: 20px;}
#cabal-vale .telefone-central p{font-size: 0.875em; margin-bottom: 5px;}
#cabal-vale .telefone-central strong {font-weight: bold;}
#cabal-vale div ul .chamada-cabal-vale p { padding:0px 0 0 135px; font-size: 1.5em;text-align: left; }
#cabal-vale div ul .chamada-cabal-vale a {color: #fff;  text-decoration: none;}
#cabal-vale div ul .chamada-cabal-vale span {margin-right: 10px; float: right;}
#cabal-vale div ul li p {color: #fff;}

.div-logo div { height: 15rem; }
.li-logo li { width: 25.625rem; height: 10.75rem; }
.logo-cabal-vale img { width: 26.375rem; height: auto; margin-top: 30px; }
.qr-code img { width: 9.375rem; height: auto; margin-left: 3.75rem; }
.logo-cabal-vale-cartao img { width: 20.625rem; height: auto; margin-left: 2.5rem; }
.maquininhas-button { background-color: #0b465d; color: #FFFFFF; border: none; border-radius: 0.5rem; padding: 1.125rem 1.875rem; font-size: 1rem; cursor: pointer; text-decoration: none; display: inline-block; font-weight: bold; margin: 0 auto; margin-left: 0.25rem; }
.maquininhas-button:hover { background-color: #00364c; }
.credencie-button { background-color: #BCCF00; color: #FFFFFF; border: none; border-radius: 0.5rem; padding: 0.938rem 4.375rem; font-size: 1rem; cursor: pointer; text-decoration: none; display: inline-block; font-weight: bold; }
.credencie-button:hover { background-color: #AABE00; }
.acompanhe-button { background-color: #3F96B4; color: #FFFFFF; border: none; border-radius: 0.5rem; padding: 0.938rem 1.875rem; font-size: 1rem; cursor: pointer; text-decoration: none; display: inline-block; font-weight: bold; }
.acompanhe-button:hover { background-color: #2E758F; }
.cadastrado-text { border-radius: 0.5rem; padding: 0.938rem 3.75; font-size: 1rem; text-decoration: underline; display: inline-block; margin-left: 60px }
.imgcaixa { margin-top:10%; }

/* Nossos Cartoes
----------------------------------*/

#nossos-cartoes {height: 690px!important;}
#nossos-cartoes #carousel, #nossos-cartoes #carousel-mobile {width:100%; border:1px solid #222; height:515px; position:relative; clear:both; overflow:hidden; margin-top:-80px; right: 70px; border: none; z-index: 1;}
#nossos-cartoes #carousel img:not(.carousel-center), #nossos-cartoes #carousel-mobile img:not(.carousel-center) {visibility:hidden; cursor:pointer; width: 356px !important; height: 355px !important; top: 185px !important; opacity: 1 !important;}
#nossos-cartoes  #carousel .carousel-center, #nossos-cartoes  #carousel-mobile .carousel-center {left: 418px !important; top: 165px !important;}

#nossos-cartoes  #carousel .cabal-credito img, #nossos-cartoes  #carousel-mobile .cabal-credito img {background:url("../img/cartoes/1-c.png") no-repeat;}
#nossos-cartoes  #carousel .cabal-debito img, #nossos-cartoes  #carousel-mobile .cabal-debito img {background:url("../img/cartoes/2-c.png") no-repeat;}
#nossos-cartoes  #carousel .cabal-pre-pago img, #nossos-cartoes #carousel-mobile .cabal-pre-pago img {background:url("../img/cartoes/3-c.png") no-repeat; }
#nossos-cartoes  #carousel .cabal-bndes img, #nossos-cartoes  #carousel-mobile-mobile .cabal-bndes img {background:url("../img/cartoes/4-c.png") no-repeat;}
#nossos-cartoes  #carousel .cabal-vale img, #nossos-cartoes  #carousel-mobile .cabal-vale img {background:url("../img/cartoes/5-c.png") no-repeat;}

#nossos-cartoes  #carousel .cabal-credito .carousel-center, #nossos-cartoes  #carousel-mobile .cabal-credito .carousel-center {background:url("../img/cartoes/1.png") no-repeat;}
#nossos-cartoes  #carousel .cabal-debito .carousel-center, #nossos-cartoes  #carousel-mobile .cabal-debito .carousel-center {background:url("../img/cartoes/2.png") no-repeat;}
#nossos-cartoes  #carousel .cabal-pre-pago .carousel-center, #nossos-cartoes  #carousel-mobile .cabal-pre-pago .carousel-center {background:url("../img/cartoes/3.png") no-repeat;}
#nossos-cartoes  #carousel .cabal-bndes .carousel-center, #nossos-cartoes  #carousel-mobile .cabal-bndes .carousel-center {background:url("../img/cartoes/4.png") no-repeat;}
#nossos-cartoes  #carousel .cabal-vale .carousel-center, #nossos-cartoes  #carousel-mobile .cabal-vale .carousel-center {background:url("../img/cartoes/5.png") no-repeat;}

#nossos-cartoes  .botoes-carousel {width: 39px; height: 38px; }
#nossos-cartoes  .carousel-left {float: left; background:url("../img/icone-left-cartoes.png") no-repeat;}
#nossos-cartoes  .carousel-right {float: right; background:url("../img/icone-right-cartoes.png") no-repeat;}

#nossos-cartoes #carousel-mobile {display: none;}

#nossos-cartoes .carousel b {color: #23a0d9; cursor: pointer;}
#nossos-cartoes .carousel b:hover {text-decoration: underline;}

.carousel-botoes {width: 540px; height: 20px; margin: 20px auto; padding-right: 90px; }

/* trabalhe conosco 
----------------------------------*/

#trabalheconosco {height:1200px;}
#trabalheconosco iframe {height:900px; width: 100%;}
#trabalheconosco h1 {margin-bottom: 1em!important; color: #1d71b8; margin-top: 2em;}
#trabalheconosco p {margin-top: 1em; font-size: 0.850em;}

.trabalheconosco {float: left;  width:500px; height: 850px; overflow: hidden;}
.trabalheconosco label, .trabalheconosco span, .trabalheconosco input, .trabalheconosco select {float:left; color:#1d71b8; width: 100%;  font-family: verdana; font-size: 1em;}
.trabalheconosco input, .trabalheconosco select {min-width: 250px; width: 300px; border: solid 1px #1d71b8; color:#37302a;}
.trabalheconosco span {font-size: 0.7em;}
.trabalheconosco label {margin-top: 25px;}
.trabalheconosco h2 { color: #1d71b8;font-family: verdana; font-size: 1em; margin-top: 1.8em;}
.trabalheconosco .botaoenviar { background-color: #1d71b8;color: #fff !important; height: 35px; margin-top: 1.5em; max-width: 140px; min-width: 100px !important; background-image: url("../img/enviar.png"); background-position: 106px, 12px; background-repeat: no-repeat;}

#file-upload input {border: none;}
#file-upload .fakespan {border: solid 1px #1d71b8; height: 20px; width: 300px; padding: 1px;}
#file-upload {background: url("../img/procurar.png")no-repeat; width: 410px; background-position: right 43px; float: left;}
#file-upload #filepc {font-size: 18px; margin-top: 15px; opacity: 0; width: 410px;}
#file-upload span {display: block;}
#file-upload span input {height: 20px; width: 300px;}

.styled-select select { background: transparent; border: none; height: 29px; padding: 5px; width: 268px;}
.styled-select.slate { background: url("../img/seta-trabalheconosco.png") no-repeat right center;height: 25px!important;width: 300px; float: left; font-size: 0.750em;}
.styled-select.slate select { border: 1px solid #1d71b8; height: 25px; width: 300px; -webkit-appearance: none; -moz-appearance: none;}

/* Fale Conosco
----------------------------------*/

#rodape{width: 100%; background:#002d59 !important; height: 1120px; float: left;}

.faleconosco{width: 100%; background:url("../img/imgmapa.jpg") no-repeat; background-size: cover; padding:2% 0;}
.faleconosco iframe {height: 800px; width: 100%;}
.box-faleconosco {background: #fff; margin: auto; padding: 2% 3% 2% 2%; width: 28%; min-width: 310px;} 
.box-faleconosco textarea, .box-faleconosco input {background: #f3f3f3; border: none;color: #838282; margin-top: 1em; width: 100%; padding: 2% 0 2% 1em ; font-family: sans-serif; font-size:0.875em;}
.box-faleconosco h1 {color: #159fdb;font-size: 1.5em;font-weight: 100; padding-top: 10px;}
.box-faleconosco h2 {color: #159fdb;font-size: 1em;font-weight: lighter; margin-bottom: 1em;margin-top: 0.2em;}
.box-faleconosco .botaoenviar {background-color: #159fdb; color: #fff !important; background-repeat: no-repeat; font-size: 0.9em; font-weight: bold; height:2%; padding-left: 0em!important; margin-top: 1.5em !important; width: 11em !important;}
.box-faleconosco .botaoenviar:hover {background-color: #1d71b8; cursor: pointer;}

.box-faleconosco {background: #fff; margin: auto; padding: 2% 3% 2% 2%; width: 22%; min-width: 310px;} 
.box-faleconosco textarea {resize: none;}
.box-faleconosco textarea, .box-faleconosco  input {background: #f3f3f3; border: none;color: #838282; margin-top: 1em; width: 100%; padding: 2% 0 2% 1em ; font-family: sans-serif; font-size:0.875em;}
.box-faleconosco h1 {font-family:klavika; color: #159fdb;font-size: 1.5em;font-weight: 100; padding-top: 10px;}
.box-faleconosco h2 {font-family:klavika; color: #159fdb;font-size: 1em;font-weight: lighter; margin-bottom: 1em;margin-top: 0.2em;}
.box-faleconosco  .botaoenviar {background-color: #159fdb; color: #fff !important; background-image: url("../img/enviar.png"); background-position: 105px, 12px; background-repeat: no-repeat; font-size: 0.9em; font-weight: bold; height:2%; padding-left: 0em!important; margin-top: 1.5em !important; width: 11em !important;}
.box-faleconosco  .botaoenviar:hover {background-color: #1d71b8; cursor: pointer;}



/* Mensagens
----------------------------------*/
.box-faleconosco ul.erro, .box-faleconosco ul.sucesso, .trabalheconosco ul.erro, .trabalheconosco ul.sucesso {background-position:8px 12px; background-repeat:no-repeat; border:1px solid; font-style:italic; margin:0 0 20px 0; padding:10px 30px 10px;}	
.box-faleconosco ul.erro, .trabalheconosco ul.erro {background-color:#ffebec; background-image:url(../img/erro.gif); border-color:#f1a5a5; color:#eb7f7f;}
.box-faleconosco ul.sucesso, .trabalheconosco ul.sucesso {background-color:#f1ffce; background-image:url(../img/sucesso.gif); border-color:#c0d68b; color:#80a232;}
.box-faleconosco ul.erro li, .trabalheconosco ul.sucesso li, .trabalheconosco ul.erro li, .trabalheconosco ul.sucesso li {list-style:none;}


/* Emissores
----------------------------------*/

#emissores {height: 650px;}
#emissores div ul li {width: 350px;}
#emissores div ul li a  {padding: 0px 220px 0 0; float: left; display: inline;}
.linha-divisao{border-top: 2px solid #ed7b20; width: 90%;}
#credenciadoras .botao-cartao {width: 85%; float: left; margin-top:65px;}
.credenciadoras-sobre-nos  .botao-cartao {width: 83%; float: left; margin-top:90px!important;}
#credenciadoras .botao-cartao a {color: #23a0d9; border: 1px solid; padding: 15px 50px;  text-decoration: none;}
#emissores div ul {margin-top: 50px;}


/* Emissores paises
----------------------------------*/

#emissores-paises {background:url("../img/mapa-cabal.jpg") no-repeat; width: 100%; height: 283px; background-size: cover;}
#emissores-paises div h1 {color: #fff; text-align: center;}
#emissores-paises div ul {width: 100%; height: 100%;}
#emissores-paises div ul li {padding: 0 135px; text-align: justify; float: left; display: inline;}
#emissores-paises div ul li a {float: left; display: inline; padding: 65px 0 0 0; color: #fff;}

#emissores-paises .bandeira-argetina span{float: left; margin-left: -12px; width: 116px !important;}
#emissores-paises .bandeira-Paraguai span{float: left; margin-left: -9px; width: 116px !important;}
#emissores-paises .bandeira-uruguai span{float: left; margin-left: -6px; width: 116px !important;}


/* carousel de cart�es
----------------------------------*/

.carousel-item span {display: none;}
.active span {display: block;}
.carousel .active {text-decoration: none;}
.carousel .active p {font-size: 0.75em; color: #6a6a6a; line-height: normal; margin-top: 10px; text-align: justify;}
.carousel .active h2 { color: #23a0d9; text-align: center;  font-weight: bold;  margin-top: 15px;  font-size: 0.850em;}

/* carousel das logos
----------------------------------*/


/* Linha do tempo
----------------------------------*/

#linha-tempo-cabal {background:url("../img/background-linha-tempo.png") repeat; width:100%; height: 550px;}
#linha-tempo-cabal  a {color: #f6b98f; text-decoration: none; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
#linha-tempo-cabal  a:hover, #linha-tempo-cabal  a.selected {color: #fff;}
#linha-tempo-cabal  h1, #linha-tempo-cabal  h2, #linha-tempo-cabal  h4, #linha-tempo-cabal h5, #linha-tempo-cabal  h6 {text-align: center; color: #ccc; margin-bottom: 5px;}
#linha-tempo-cabal  h1 {font-size: 1.125em;}
#linha-tempo-cabal  h2 {font-size: 0.875em;}
#linha-tempo-cabal  .sociales {text-align: center;margin-bottom: 20px;}
#timeline {width:750px; height: 650px; overflow: hidden; margin: 100px auto; position: relative;}
	
.letra-abaixo {position: absolute; top: 10px; left: 10px;}
	
#dates {height: 130px; overflow: hidden; margin-top: 72px;}
#dates li {list-style: none; float: left; width: 185px; height: 50px; text-align: center; background: url('../img/biggerdot.png') center bottom no-repeat; font-family:'klavika';}
#dates a {font-size: 2.625em !important; line-height: 40px; padding-bottom: 10px; font-family: klavika;}

#issues {width: 800px; height: 350px; overflow: hidden;}	
#issues li {width: 800px; height: 350px; list-style: none; float: left;}
#issues li h1, #slider li h1 {color: #4b4d4e; font-size: 2.625em; margin: 20px 0; float: left; padding-left: 280px;}
#slider li h1 {padding-left: 0px; float: none;  } 
#issues li p, #slider li p {color:#4b4d4e; font-size: 0.875em; margin-right: 70px; font-weight: normal; line-height: 22px; text-align: justify; float: left; padding-left: 280px;}
#issues li p {color:#fff;padding-left: 95px; margin-right: 185px;}
#slider li p {margin-right: 0px; padding-left: 0px;}

#next,#prev, #proximo, #voltar {position: absolute; top: 0; font-size: 4.375em; top: 230px; width: 39px; height: 38px;}
#proximo, #voltar  {top: 85%;}
#next {right: 30px; background: url(../img/icone-right-cartoes.png) no-repeat;}
#proximo {right: 30px; background: url(../img/icone-right-cartoes2.png) no-repeat;}
#prev {left:0px; background: url(../img/icone-left-cartoes.png) no-repeat;}
#voltar {left:0px; background: url(../img/icone-left-cartoes2.png) no-repeat;}
#next.disabled,#prev.disabled {opacity: 0.2;}

.timemobile {display: none; background: none!important;}
.timedesktop {display: block;}

#slider {position: relative; overflow: hidden; margin: 20px auto 0 auto; border-radius: 4px; height: 380px!important;}
#slider ul {position: relative; margin: 0; padding: 0;height: 350px; list-style: none;}
#slider ul li { position: relative;display: block; float: left; margin: 0;padding: 0; width: 500px; height: 300px;}
a.control_prev, a.control_next {position: absolute; z-index: 999; display: block; width: auto; height: auto; text-decoration: none; cursor: pointer;}


/* Nossa marcas
----------------------------------*/

#nossas-marcas {height: 320px!important; background:#1ea7ac;}
#nossas-marcas b {background: url("../img/grafismo.png") no-repeat;}
#nossas-marcas p, #nossas-marcas h1, #nossas-marcas h3  {color: #fff;}

#nossas-marcas .marcas-utilizar {width: 120px; height: 48px; padding: 0 0 0 30px; font-size: 1em;}
#nossas-marcas .icone-ultilizar {background-position: -139px -218px!important; width: 16px; height: 24px; float: left;  display: block; position: relative; right: 0; top: 0;}
#nossas-marcas .icone-downloads {background-position: -187px -221px!important; width: 24px; height: 23px; float: left;  display: block; position: relative; right: 0; top: 0;}
#nossas-marcas .icone-faq {background-position: -245px -223px!important; width: 24px; height: 22px;float: left;  display: block; position: relative; right: 0; top: 0;}


/* Downloads
----------------------------------*/

#downloads {height: 390px;}
#downloads div { text-align: center;}
#downloads div ul li  { text-align: center; position: relative;}
#downloads ul li b {margin-top: 10px; margin-left: 37%;}
#downloads ul {margin-left: 5%; margin-top: 40px;}


/* Arranjo de pagamento cabal
----------------------------------*/

#arranjo-pagamento-cabal {
    height: auto;
    background-color: #ef7c00;
    color: #ffffff;  
}

#arranjo-pagamento-cabal .arranjo {
    height: auto !important;
    padding-bottom: 10%;
}

#arranjo-pagamento-cabal h1{
    color: #ffffff;
}

#arranjo-pagamento-cabal .texto p {
    padding: 20px 0px;
}

#arranjo-pagamento-cabal .link p {
    text-align: center;
    text-transform: uppercase;
    padding: 20px;
    border: 2px solid #ffffff;
	margin: 40px;
}

#arranjo-pagamento-cabal .link a {
    color: #ffffff;
}

#arranjo-pagamento-cabal .conteudo {
	display: flex;
}

#arranjo-pagamento-cabal .texto {
    width: 60%;
}

#arranjo-pagamento-cabal .link {
    width: 40%;
}

/* P�gina Imprensa 
----------------------------------*/

#salaimprensa {background: #fff;  padding-bottom: 4em; float:left; width: 100%;}
#salaimprensa h1, #release h1 {color: #1d71b8; font-size: 1.250em; margin-top: 2em; text-align: center;}
#salaimprensa h2, #release h2 {color: #1d71b8; font-size: 0.875em; font-family:klavika; margin-top: -0.5em; text-align: center;}
#salaimprensa h3 {color: #1d71b8; font-family:klavika; margin-bottom: 0.5em; text-align: center; font-size: 1em;}
#salaimprensa ul { margin-top: 3em;}
#salaimprensa li { float: left; margin-left: 5%; margin-right: 5%;width: 40%;}
#salaimprensa p { font-size: 0.750em; font-family:verdana; color:#6a6a6a; margin-bottom: 1em; text-align: center;}

#release {background: #1d71b8; float: left; padding-bottom: 4em; font-family:verdana!important; width: 100%;}
#release div {height: auto!important;}
#release h1, #release h2 {color: #fff; font-weight: normal;padding-top: 0px!important;}
#release ul {margin-top: 2.5em;}
#release ul li {float: left;height: 180px;}
#release ul li p {color: #fff; float: left; font-weight:lighter; margin-left: 5%; margin-right: 5%; margin-top: 2em; text-align: center; width: 90%;}
#release ul .release-azul-forte { background-color: #11a3d9; width: 42%;}
#release ul .release-laranja {background-color: #ee760e; margin-left: 1%; width: 32%;}
#release ul .release-verde {background-color: #98bf34; margin-left: 1%; width: 24%;}
#release ul .release-azul-fraco { background-color: #88d0dc; margin-left: 1%; margin-top: 1%; width: 28%;}
#release ul .release-amarelo { background-color: #fdbe24; margin-left: 1%; margin-top: 1%; width: 40%;}
#release ul .release-azul {background-color: #25a9ac; margin-top: 1%; width: 30%;}
#release ul .release-azul b, #release ul .release-amarelo b, #release ul .release-azul-fraco b, #release ul .release-verde b, #release ul .release-laranja b, #release ul .release-azul-forte b {margin-left: 47%;}
#release ul li a {color: #fff !important; text-align: center;float:left; width: 100%; margin-top:1.5em;text-decoration: none; font-size: 0.9em;}
#release .maisnoticias a {text-align: left !important;} 
#release .maisnoticias li {height: auto !important; width: 100%;}
#release .maisnoticias b {margin-bottom: -5px; margin-right: 10px;}
#release .maisnoticias  h2 {float: left; font-family:klavika; font-size: 1.5em !important; margin-top: 1em !important;}

#release .panel .maisnoticias {margin-top: 0 !important;}
#release button.accordion {cursor: pointer; width: 100%; border: none; text-align: left;transition: 0.4s; background: none; color: #fff; font-family:klavika; font-size: 1em; margin-top:1.2em; }
#release div.panel {display: none;}

#titulo-historia {min-height: 80px;}
#titulo-historia div {height: 80px;}


/* Contatos 
----------------------------------*/
#contatos {min-height:1450px; background:#002d59; color: #fff; padding-top: 60px;}
#contatos div {margin-top: 60px;}
#contatos div h1 {color: #fff; font-size: 2em;}
#contatos div h2 {font-size: 1.6em; margin-top: 100px;}
#contatos div h3 {font-size: 1.4em;} 
.credenciadoras-contato div {width: 25%; float: left; margin-right: 7%!important;}
.credenciadoras-contato div p   {font-size: 0.875em; float: left; width: 100%;}
.credenciadoras-contato div p a {color:#fff; text-decoration:none; float: left; width: 100%;}
.credenciadoras-contato div hr {color: #fff; width: 10%; float: left; margin-bottom: 30px; margin-top: 14px; border: 1px solid;}


/* Rodape
----------------------------------*/

.linksuteis {height:16em;max-width: 1080px; margin: auto;  text-align: left;}
.linksuteis div { color: #fff; float: left;margin-left: 3.5%; margin-top: 2em; width: 17%;}
.linksuteis ul li {font-size: 0.750em!important; font-weight: lighter !important; padding: 0.2em;}
.linksuteis ul li a {color:#fff !important; text-decoration: none;}
.linksuteis ul li a:hover {text-decoration:underline;}
.linksuteis .rede-sociais-r {margin-left:0px!important;}
.linksuteis .rede-sociais-r a {margin-left:10%; margin-top: 0.5em; width: 15%;}
.linksuteis .rede-sociais-r .linkedin {background-position:-143px -97px!important; float: left;}
.linksuteis .rede-sociais-r .youtube {background-position: -96px -97px!important; float: left;}
.linksuteis .rede-sociais-r .facebook {background-position: -48px -97px!important; float: left;}
.linksuteis h1 {font-size: 1em;font-weight: 100; color:#fff !important;}
.linksuteis p {color:#fff; font-size: 0.750em; float: left; margin-top: 2em; text-align: center; width: 100%;}


/* portal de servicos 
----------------------------------*/

.close{display:block; text-align:right; color: #828282; text-decoration:none; float: right;font-family: Helvetica; font-size: 2em; font-weight: lighter; margin-right: 1%;}

.blocker {position: fixed; top: 0; right: 0; bottom: 0; left: 0;  width: 100%; height: 100%; overflow: auto; z-index: 1300; padding: 20px; box-sizing: border-box; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.75); text-align: center;}
.blocker:before{content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em;}
.blocker.behind {background-color: transparent;}

.modal {display: inline-block; vertical-align: middle; position: relative; z-index: 1400; max-width: 500px; box-sizing: border-box; width: 90%; background: #fff; padding: 15px 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; -ms-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; text-align: left;}
.modal a.close-modal {width: 33px; background: none!important;  text-indent: -9999px; position:absolute; right:3px!important; top: 5px!important; height:40px!important;}

.portal-servicos {width:300px !important; border-radius:0px!important}
.portal-servicos a {display:block; padding:5px; color:#159fdb; text-decoration: none;}
.portal-servicos a:hover {cursor: pointer; text-decoration: underline;}
#portal-servicos .close-modal {font-size: 1em;  margin-right: -5px; margin-top: -5px; text-decoration-line: none;}

/* dialog release */

.noticias {margin-left: 2%; width: 95%; margin-top: 2em;}
.noticias {text-align: justify;}
.noticias h1 { color: #727272; font-family: klavika!important; font-size: 1.5em; font-weight: 100; text-transform: uppercase; padding-top:0px!important;}
.noticias span { color: #828282; font-size: 0.7em;}
.noticias p { color: #828282; font-size: 0.9em; margin-top: 1em;}
.noticias a { color: #1d71b8; text-decoratio:none;}
.noticias p i {font-style:italic;}
.noticias p strong {font-weight:bold;}
.noticias b {font-weight: bold;}
.noticias-modal {border-radius:0px!important; height: 450px !important; max-width: 800px !important;}
.noticias-modal .conteudo-dialog {overflow: auto; height: 350px; width: 98%;}
.noticias-modal .conteudo-dialog img {width: 100%;}
.noticia-home {height: 400px!important;}

/* nav slider */

.transparent-btns_nav {z-index: 3;position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0); top: 0; left: 0; display: block; background: #fff; /* Fix for IE6-9 */ opacity: 0; filter: alpha(opacity=1); width: 48%; text-indent: -9999px; overflow: hidden; height: 91%;}
.transparent-btns_nav.next {left: auto;right: 0; }
.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {outline: none;}

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs { margin-top: -18px; text-align: center; z-index: 1000!important; position: absolute; width: 100%;}

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {display: inline;float: none;_float: left;*float: left; margin-right: 5px;}

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a { text-indent: -9999px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #ccc; background: rgba(0,0,0, .2); display: inline-block; _display: block; *display: block; -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); width: 9px; height: 9px; }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a { background: #222; background: rgba(0,0,0, .8);  }


/* bibliotecas 
----------------------------------*/

.float-l { float: left; }
.float-r { float: right; }

.active {text-decoration: underline;}
.text-align-left {text-align: left !important;}

.margin13b {margin-bottom: 13px;}
.margin20b {margin-bottom: 20px;}
.margin30b {margin-bottom: 30px;}
.margin50b {margin-bottom: 50px;}
.margin70b {margin-bottom: 70px;}
.margin20t {margin-top:20px;}

.margin20l {margin-left: 20px;}
.margin95t {margin-top: 98px;}

.padding0t {padding-top: 0px;}
.padding40t {padding-top: 40px;}

.padding25b {padding-bottom: 25px; }

.minheight-350 {min-height:350px;}

.grid235 {width: 235px!important;}

.fonte-italica {font-style: italic;}

.fonte-lojista {font-size: 11px !important; font-size: 15px !important; margin-right: 10px !important;}


/* chrome 
----------------------------------*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #file-upload {background-position: right 41px;}
}


/* mobile 
----------------------------------*/

@media screen and (max-width: 1780px) {
	.sobre-cabal  .texto-home { padding: 510px 0 0 340px;}
	.play-video {right: 310px; top: 300px;}
	#internet p {width: 90%;}
	
} 

@media screen and (max-width: 1680px) {
	#internet b { display: none;}
	#nossas-marcas b {display: none;}
	#seu_cartao b {display: none;}
	
}  

@media screen and (max-width: 1660px) {
	.texto-home { padding: 460px 0 0 200px;}
	.sobre-cabal .texto-home {padding: 445px 0 0 282px;}
	
}  
  
@media screen and (max-width: 1535px) {
	.sobre-cabal .texto-home { padding: 370px 0 0 190px;}
	.play-video {right: 120px; top: 210px;}
	#seu_cartao div ul li span {padding: 70px 30px 0 0;}
	
}

@media screen and (max-width: 1480px) {
	.play-video {right: 140px; top: 260px;}
	
}

@media screen and (max-width: 1420px) {
	.texto-home { padding: 320px 0 0 60px;}
	
}

@media screen and (max-width: 1400px) {
	.sobre-cabal .texto-home { padding:305px 0 0 100px;}
	#seu_cartao div ul li span {padding: 70px 40px 0 0;}
	
}
@media screen and (max-width: 1310px) {
	.sobre-cabal .texto-home { padding: 320px 0 0 60px;}
	.sobre-cabal .texto-home p {font-size: 0.875em;}
	.play-video { right: 70px; top: 200px;} 
	
}

@media screen and (max-width: 1240px) {
	#seu_cartao b {display: none;}
	
}

@media screen and (max-width: 1221px) {
	.redes-sociais {width: 140px;}
	.redes-sociais ul li {display: none;}
	.redes-sociais ul li:LAST-CHILD {display: inline;}
	.play-video {right: 30px;} 
	
}

@media screen and (max-width: 1220px) {
	.redes-sociais {width: 110px;}
	.redes-sociais ul li ul li {display: inline;}
	.redes-sociais ul li ul {position: absolute; left: 0;}
	
}


@media screen and (max-width: 1180px) {
	#arranjo-pagamento-cabal { padding: 0px calc(5vh); }
}

@media screen and (max-width: 1180px) {
	.texto-home { padding: 250px 0 0 31px;}
	#release button.accordion, #release ul.maisnoticias {margin-left: 30px; margin-right: 30px;}
	
}

@media screen and (max-width: 1160px) {
	#redes, #credenciadoras,#internet, #bndes, #cabal-vale, #trabalheconosco, #emissores, #titulo-historia, #contatos {padding-left: 120px; padding-right:0px;}
	#rodape {height: 1040px;}
	#nossos-cartoes #carousel {left: -75px; right: 0;}
	#linha-tempo-cabal #prev {left: 20px;}
	#credenciadoras li {width: 200px;}
	.credenciadoras-sobre-nos li {width: 210px!important;}
	.play-video {right: 40px;}
	#trabalheconosco p {width:80%;}
	.trabalheconosco #file-upload {width:410px!important;}
	#emissores div ul li {width: 270px;}
	#redes div ul li a {margin-right: 0em;}
	#seu_cartao div ul li span {padding: 70px 30px 0 0;}
	.credenciadoras-passecabal li {width: 160px!important;}
	.center.slider {width: 90%;}
	
}

@media screen and (max-width: 1150px) {
	.sobre-cabal .texto-home { padding: 260px 0 0 60px;}
	.credenciadoras-passecabal li {width: 170px!important;}
	.credenciadoras-passecabal {min-height: 460px!important;}
}

@media screen and (max-width: 1130px) {
	#nossas-marcas div{padding-left: 50px;}
	#nossas-marcas div ul li {padding: 0px 30px 0 0;}
	#nossas-marcas div ul li {padding: 0px 30px 0 0;}
}

@media screen and (max-width: 1120px) {
	#credenciadoras div ul{width: 88% !important;}
	.rede-cor {background-position: -74px -2283px!important;}
	.credenciadoras-passecabal .grid-bin, .credenciadoras-passecabal li {width: 218px!important;}
	.credenciadoras-passecabal {min-height: 550px!important;}
	.vero-cor {background-position: -907px -2104px!important;}
	.credenciadoras-sobre-nos div ul .grid-rede {width: 120px!important;}
}

@media screen and (max-width: 1115px) {
	#nossos-cartoes {padding-left: 20px;}		
}

@media screen and (max-width: 1100px) {
	#emissores-paises div ul li {padding: 0 130px;}
	#seu_cartao div ul li span {padding: 70px 25px 0 0;}
}

@media screen and (max-width: 1090px) {
	#credenciadoras div {height:390px;}
	.credenciadoras-passecabal div {height: 330px!important;}
	#credenciadoras li {width: 240px;}
	#downloads div ul li {padding-right:0px;}
	.texto-home { padding: 250px 0 0 31px;}
	.credenciadoras-sobre-nos ul {width:100%;}
	.credenciadoras-sobre-nos li {width: 204px!important;}
	
}

@media screen and (max-width: 1070px) {
	#emissores-paises div ul {margin-left: 270px; width: 73%;}
	#emissores-paises div ul li { padding: 0 40px;}
	#internet a .polishop-branco {margin: 22px 0 0 0;}
	#seu_cartao div ul li {width: 280px; float: left;}
	#seu_cartao {min-height: 740px;}
	#seu_cartao div ul li span { padding: 70px 42px 0 0;}
}

@media screen and (max-width: 1060px) {
	#internet a .polishop-branco {margin: 22px 0 0 0;}
	#maquina_cartao div ul li span { padding: 70px 70px 0 0;}

}

@media screen and (max-width: 1055px) {
	#credenciadoras div ul li a {padding: 50px 70px 0 5px;}
	#credenciadoras .grid235 {width: 180px!important;}
	.cielo-cor {background-position: -419px -2108px!important;}
	#credenciadoras .botao-cartao { margin-top: 25px;}
	.credenciadoras-sobre-nos  .botao-cartao {margin-top: 36px!important;}
	.credenciadoras-passecabal {min-height: 650px!important;}
}

@media screen and (max-width: 1050px) {
	.sobre-cabal .texto-home h1 { font-size: 1.00em;}
	.sobre-cabal .texto-home { padding: 240px 0 0 40px;}
	#emissores-paises div ul {margin-left: 254px;}
	.sub-menu nav {padding-left: 14%;}
	
	.play-video {right: 15px; top: 170px;}
	.linksuteis .rede-sociais-r a {width: 30%; margin-left: 0%;}
	
} 

@media screen and (max-width: 1040px) {
 .texto-home { padding: 250px 0 0 30px;}
 #redes div ul li a {padding: 30px 250px 0 0;}
 #redes div ul {margin-left: -5%;}
 
} 

@media screen and (max-width: 1030px) {
	.texto-home { padding: 230px 0 0 20px;}
	#bndes div{height: 450px;}
	#cabal-vale div {height: 480px;}
	#bndes div ul li, #cabal-vale div ul li {width: 100%; text-align: left;}
	#bndes div ul .chamada-bndes p, #cabal-vale div ul .chamada-cabal-vale p { padding: 80px 0 0 0; text-align: center;}
	#cabal-vale div ul .chamada-cabal-vale span {float: left;}

	#cabal-vale span a {margin: 30px 0 0 260px;}
	.play-video {padding: 20px 0px 20px 5px; width: 345px; right: 22px; top: 170px;}
	#nossas-marcas div ul li {padding: 0px 25px 0 0;}
	#credenciadoras li {width: 200px;}
	#bndes div ul, #cabal-vale div ul, #emissores p  {width: 90%;}
	
}

@media screen and (max-width: 1024px) {
	#redes {height: 900px;}
	#rodape {height: 1020px;}
	.credenciadoras-sobre-nos li {width: 270px!important;} 
	.credenciadoras-sobre-nos li, .credenciadoras-sobre-nos div ul .grid-rede {
    width: 300px!important;
}
} 

@media screen and (max-width: 1015px) {
	#nossas-marcas div ul li p {width: 220px; text-align: left;}
	#nossas-marcas div ul li {padding: 0px 25px 0 0;}
	#nossas-marcas div ul li{ width: 250px;}
}

@media screen and (max-width: 1010px) {
	#seu_cartao div ul li img, #maquina_cartao div ul li img { padding: 40px 100px 0 0;}
	#nossos-cartoes #carousel {display: none;}
	#nossos-cartoes #carousel-mobile {display: block; right: 185px; width: 595px;}
	#nossos-cartoes #carousel-mobile .carousel-center {left: 235px !important;}
	#nossos-cartoes #carousel-mobile {left: 45px; right: 0;}
	.sobre-cabal .texto-home {padding: 225px 0 0 15px;}
	#emissores-paises div ul {margin-left: 240px;}
	.sub-menu ul {margin-left: 95px;}
	.sub-menu nav {padding-left: 22%;}
	#internet span { margin-right: 2em;}	
}

@media screen and (max-width: 1000px) {
	#emissores-paises div ul {margin-left: 230px;}
	#seu_cartao div ul li span, #maquina_cartao div ul li span { padding: 70px 70px 0 0;}
	.credenciadoras-sobre-nos li, .credenciadoras-sobre-nos div ul .grid-rede {width:300px!important;}
	.credenciadoras-sobre-nos .rede-cor {margin-top: -121px;}
	#seu_cartao div ul li {width: 300px; float: left;}
	#seu_cartao {min-height: 1020px;}
	.credenciadoras-passecabal {min-height: 750px!important;}
	.credenciadoras-passecabal li {width: 230px!important;}
	.credenciadoras-sobre-nos  div {height: 650px!important;}
	.credenciadoras-passecabal .grid-bin {width: 165px!important;}
	.credenciadoras-passecabal .grid-rede {width: 150px !important;} 
	
}
    
@media screen and (max-width: 987px) {
	#seu_cartao div ul li img, #maquina_cartao div ul li img {padding: 40px 180px 0 0;}
	.timemobile {display: block; background: none!important;}
	.timedesktop {display: none;}
	#voltar {left: 20px;}
	#linha-tempo-cabal {height: 460px;}
	#seu_cartao div ul li span {padding: 70px 70px 0 0;}
	.texto-home p {font-size: 0.875em;}
	.texto-home h1{font-size: 1.000em;}
	.texto-home b {font-size: 0.813em;}
	#slider {height: 460px!important;}

}

@media screen and (max-width: 980px) {
	.texto-home {padding: 235px 0 0 25px;}
	.sobre-cabal .texto-home p {margin-bottom: 12px;}
}


@media screen and (max-width: 970px) {
	#emissores-paises div ul {margin-left: 215px;}
	#internet span {margin-right: 2em;}
	#internet .titulo-mobile {margin: 4em 0 0 0;}
	#internet {min-height: 400px;}
}

@media screen and (max-width: 965px) {
	#internet a .polishop-branco {margin: 22px 0 0 0;}
}
	
@media screen and (max-width: 960px) {
	#cabal-vale div ul .chamada-cabal-vale span {float: left;}
	#seu_cartao span a, #cabal-vale span a {margin: 20px 0 0 200px;}
	#emissores div ul li {width: 240px;}	
}

@media screen and (max-width: 950px) {
	#internet {padding-left: 60px;}
	.trabalheconosco {height: 885px;}
	#trabalheconosco {height: 1200px;}
}

@media screen and (max-width: 940px) {
	.imagem-passe-cabal, .imagem-sobre-cabal  {display: none !important;}
	#home-mobile, #home-mobile-sobre-nos {background-color: rgb(35, 160, 217);}
	#home-mobile {height: 460px;}
	#home-mobile-sobre-nos {height: 540px;}
	.texto-home, .sobre-cabal .texto-home {padding: 128px 100px 0 138px; width: 660px;}
	.texto-home h1, .sobre-cabal .texto-home h1 {font-size: 1.5em;}
	.texto-home b, .texto-home p, .sobre-cabal .texto-home p {font-size: 1em;}
	#emissores-paises div ul {margin-left: 200px;}
    .sub-menu-sobre-nos nav, .sub-menu nav {padding-left: 13%;}
	.sub-menu ul {margin-left:5px;}
    .play-video {display: none;}
    .play-video-mobile {width: 100%; float: left; border: 3px solid #fff; display: block; background: url(../img/play-mobile.png) no-repeat left; margin-top: 30px;}
    .play-video-mobile strong {color: #fff; width: 100%; text-align: center; padding: 20px 0; font-size: 1em;}
    #downloads div ul li{width: 249px;}
    #downloads div ul li .baixar-pacote {margin-left: 105px;}
  	#internet span { margin-right: 1em;}
}


@media screen and (max-width: 900px) {
	#seu_cartao div ul li img, #maquina_cartao div ul li img {padding: 40px 135px 0 0;}
}

@media screen and (max-width: 895px) {
	#nossas-marcas div ul li {width: 220px;}
}

@media screen and (max-width: 890px) {
	#emissores-paises div ul {margin-left: 185px;}
	.sobre-cabal .texto-home {padding: 128px 100px 0 110px;}	
	#internet div a {width: 240px;}
}

@media screen and (max-width: 885px){
	#redes div ul {margin-left: 0%;}
}

@media screen and (max-width: 880px){
	#emissores-paises div ul { margin-left: 175px;}
	#credenciadoras li {width: 180px;}
	#credenciadoras .grid235 {width: 157px !important;}
}

@media screen and (max-width: 875px) {
	#credenciadoras div ul li a {padding: 50px 50px 0 5px;}
	#seu_cartao div ul li span, #maquina_cartao div ul li span { padding: 70px 50px 0 0;}
	#internet div a {width: 200px;}
	#internet a .polishop-branco {margin: 22px 0 0 0;}
	#internet {min-height: 450px;}
}

@media screen and (max-width: 870px) {
	.texto-home {width: 550px; padding: 128px 100px 0 115px;}
	.sobre-cabal .texto-home {width: 670px; padding: 128px 100px 0 115px;}
}

@media screen and (max-width: 860px) {
	#release ul li { float: left !important; margin:1%;  width: 48% !important;}
	#seu_cartao span, #maquina_cartao span {bottom: 100px;}
	#release .maisnoticias li { margin:1%;  width: 100% !important;}
	.sub-menu-sobre-nos nav, .sub-menu nav {padding-left: 13%;}
	#emissores div ul li {width: 220px;}
}

@media screen and (max-width: 850px){
	#emissores-paises div ul {margin-left: 155px;}
	.credenciadoras-passecabal li {width: 180px!important;}
}

@media screen and (max-width: 830px){
	.sobre-cabal .texto-home {padding: 128px 100px 0 100px;}
	.redes-sociais {width: 110px;}
	.redes-sociais ul li ul {left: -40px;}
}
	
@media screen and (max-width: 820px){
	#emissores-paises div ul {margin-left: 145px;}
	.sub-menu ul {margin-left:0px;}
	.texto-home {padding: 110px 0px 0 115px;}
	.sobre-cabal .texto-home {padding: 110px 0px 0 90px;}
	#redes div ul li a {padding: 30px 260px 0 0;}
	.sub-menu-sobre-nos nav, .sub-menu nav {padding-left: 13%;}
}

@media screen and (max-width: 805px) {
	#nossas-marcas div ul li {width: 205px;}
	.texto-home {padding: 100px 0px 0 112px;}
	#home-mobile {height: 430px;}
	#downloads div ul li .baixar-pacote {margin-left: 97px;}
	#downloads div ul li {width: 225px;}

}

@media screen and (max-width: 800px) {
	header nav {position: fixed; top: 0; right: 0; bottom: 0; width: 250px; border-left: 1px solid #ccc; background: #fff; overflow-x: auto; z-index: 2; -webkit-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0);}
	header ul.list-auto {padding: 0;}
	header ul.list-auto li {width: 100%; border: solid #ccc; border-width: 0 0 1px;}
	header li a {padding: 15px 10px; color:#23a0d9;}
	header li a:hover {background-color: #23A0D9;color: #fff;text-decoration: underline;}
	
	.control-nav {position: absolute; right: 20px; top: 20px; display: block; width: 30px; padding: 5px 0; border: solid #fff; border-width: 3px 0; z-index: 2; cursor: pointer;}
	.control-nav:before {content: ""; display: block; height: 3px; background: #fff;}
	.control-nav-close { position: fixed; right: 0; top: 0; bottom: 0; left: 0; display: block; z-index: 1; background: rgba(0,0,0,0.4); -webkit-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0);}
	
	input#control-nav {display: block;}
	input#control-nav:focus ~ .control-nav {border-color: #000; box-shadow: 0px 0px 9px rgba(0,0,0,0.3);}
	input#control-nav:focus ~ .control-nav:before {background: #000;}
	
	input#control-nav:checked ~ nav, input#control-nav:checked ~ .control-nav-close {-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);}
	
	.redes-sociais, .sub-menu {display: none;}
	#emissores-paises div ul {margin-left: 120px; width: 80%;}
	#credenciadoras li {width: 180px;}
	#credenciadoras {min-height: 370px;}
	 
	.credenciadoras-passecabal ul li a {padding:0px 0px 0px 0px;}
	
	
	.list-auto {display: none !important;}
	
	.tab {position: relative; width: 100%; color: #fff; overflow: hidden; border: solid #ccc; border-width: 0 0 1px; padding: 10px 10px 10px 0px;}
	.tab input {position: absolute; opacity: 0; z-index: -1;}
	.tab-content a:hover {text-decoration: underline;}
	.tab-content p {margin: 1em;}
	.tab {position: relative; width: 100%; color: #fff; overflow: hidden; border: solid #ccc; border-width: 0 0 1px; padding: 10px 10px 10px 0px;}
	.tab input {position: absolute; opacity: 0; z-index: -1;}
	
	.menu-extra-mobile {display: inline !important;}
	.menu-mobile {display: inline !important; float: left; width: 100%;}
	.menu-mobile .tab label {padding: 15px 10px; color:#23a0d9; text-decoration: none;}
	.menu-mobile .tab label a {color:#23a0d9; text-decoration: none;}
	.menu-mobile .tab label:hover, .menu-mobile .tab label a:hover {cursor: pointer;}
	.menu-mobile .tab-content {max-height: 0; overflow: hidden; -webkit-transition: max-height .35s; -o-transition: max-height .35s; transition: max-height .35s;}
	.menu-mobile .tab-content a {display: block; color:#23a0d9; text-decoration: none; padding: 5px 0 5px 20px; font-size: 0.790em;}
	.menu-mobile input:checked ~ .tab-content {max-height: 10em;}
	  
	.menu-mobile .tab label {padding: 15px 10px; color:#23a0d9; text-decoration: none;}
	.menu-mobile .tab label a {color:#23a0d9; text-decoration: none;}
	.menu-mobile .tab label:hover, .menu-mobile .tab label a:hover {cursor: pointer;}
	.menu-mobile .tab-content {max-height: 0; overflow: hidden; -webkit-transition: max-height .35s; -o-transition: max-height .35s; transition: max-height .35s;}
	.menu-mobile .tab-content a {display: block; color:#23a0d9; text-decoration: none; padding: 5px 0 5px 20px; font-size: 0.790em;}
	
	.texto-home {padding: 50px 0px 0 112px;}
	 #home-mobile {height: 400px;}
	
	.tab-content a:hover {text-decoration: underline;}
	.tab-content p {margin: 1em;}
	
	.sobre-cabal .texto-home {width: 585px;}
	.play-video-mobile strong {font-size: 0.85em;}
	#ancora, #ancora1, #ancora2, #ancora3, #ancora4, #ancora5, #ancora6, #ancora7, #ancora8 { margin-top: -65px!important; padding-bottom: 65px!important;}
	
	.credenciadoras-sobre-nos {min-height: 750px !important;}
	.credenciadoras-sobre-nos .botao-cartao {margin-top: 90px!important;}
	.credenciadoras-sobre-nos .rede-cor {background-position: -19px -2186px!important; height: 95px !important;}	
}

@media screen and (max-width: 796px) {
	#emissores {height: 850px;}
	#emissores div ul{margin-left: -4%;}
	#emissores div ul li {width: 249px;}
	#cabal-vale div {height: 510px;}
}



@media screen and (max-width: 796px) {
	#arranjo-pagamento-cabal .conteudo {display: block;}
	#arranjo-pagamento-cabal .link, #arranjo-pagamento-cabal .texto { width: 100%; }	
	#arranjo-pagamento-cabal {padding:10%;}
}

@media screen and (max-width: 795px) {
	#credenciadoras div ul li a {padding: 50px 35px 0 5px;}
	#credenciadoras li {width: 240px;}
	#credenciadoras ul li .cabal { margin-left: 30px;}
	#internet div a {text-decoration: none; float: left;} 
	#internet a .polishop-branco {margin:22px 0 0 40px;}
	#seu_cartao ul li {width:270px;float: left;}
	#seu_cartao {height: 490px;}
	#credenciadoras .grid235 {width: 238px!important;}
	#cabal-vale span a {margin: 20px 0 0 154px;}	
}

@media screen and (max-width: 780px) {
	#nossos-cartoes #carousel-mobile {right: 80px;}
	#issues li p {margin-right: 200px; padding-left: 100px;}
	#issues li h1 {padding-left: 100px;}
	.texto-mobile-2001 {position: relative;}
	#credenciadoras .grid235 {width: 235px!important;}
	#seu_cartao,#redes {padding-left: 100px;}
}

@media screen and (max-width: 770px) {
	#seu_cartao,#redes {padding-left:100px; padding-right: 50px;}
	#seu_cartao div ul li {width:250px;}
}

@media screen and (max-width: 760px) {
	#nossas-marcas div ul li p {width: 150px;}
	#nossas-marcas div ul li {width: 180px;}
	#cabal-vale span a {margin: 20px 0 0 135px;}
	.sobre-cabal .texto-home {width: 550px;}
	.play-video-mobile strong { right: -2px; position: relative;}   
}


@media screen and (max-width: 740px) {
	#seu_cartao ul li {width: 210px;}
	.play-video-mobile strong {font-size: 0.95em;}
	.credenciadoras-sobre-nos li {width: 250px!important;}
	.sobre-cabal .texto-home strong {font-size: 0.85em;}
	#contatos {min-height: 1170px;}
	.credenciadoras-contato div {width: 40%; float: left; margin-right: 7%!important;}
}

@media screen and (max-width: 735px){
	#credenciadoras div ul li a {padding: 50px 30px 0 5px;}
	#downloads div ul li .baixar-pacote {margin-left: 85px;}
	#downloads div ul li {width: 200px;}
	.credenciadoras-passecabal li {width: 165px!important;}
	
}

@media screen and (max-width: 725px){
	#credenciadoras div ul li a {padding: 50px 30px 0 5px;}
	.sobre-cabal .texto-home {width: 540px; }
	.play-video-mobile strong {font-size: 0.85em; width: 490px;}
}

@media screen and (max-width: 720px){
	#contatos div {margin-right: 20px;}
}

@media screen and (max-width: 715px){
	#credenciadoras div ul li a {padding: 50px 15px 0 5px;}
	#home-mobile {height: 415px;}
}

@media screen and (max-width: 705px) {
	#emissores-paises div ul {margin-left: 85px;}
	.texto-home {width: 480px;}
}

@media screen and (max-width: 700px) {
	.credenciadoras-passecabal .grid-bin {width: 125px!important;}
	.credenciadoras-passecabal .grid-rede {width: 130px !important;}
	.credenciadoras-passecabal li {width: 160px!important;}
}

@media screen and (max-width: 685px) {
	#nossas-marcas div ul li p {width: 140px;}
	#nossas-marcas div ul li {width: 160px;}
	#nossas-marcas {height: 365px!important;}
	#cabal-vale span a {margin: 20px 0 0 110px;}
}

@media screen and (max-width: 686px) {
	#redes div ul {margin-left: 20%;}
	#redes div ul li a {padding: 30px 290px 0 0;}	
	#internet div a {width: 180px;}
}

@media screen and (max-width: 670px) {
	#emissores-paises div ul {margin-left: 60px; width: 90%;}
	#seu_cartao div ul li {width: 200px;}
}

@media screen and (max-width: 660px) {
	.sobre-cabal .texto-home {width: 440px; padding: 70px 0px 0 90px;}
	.play-video-mobile {width: 270px;}
	.play-video-mobile strong {width: 200px;  right: -14px; font-size: 0.90em !important; text-align: left; padding-right: 20px;} 
}

@media screen and (max-width: 650px) {
	#seu_cartao span a {margin: 20px 0 0 150px;}
	#downloads div ul li .baixar-pacote {margin-left: 80px;}
	#downloads div ul li {width: 180px;}
	#credenciadoras .botao-cartao {width: 100%;}
	.credenciadoras-passecabal {min-height: 1245px!important;}
	.credenciadoras-passecabal li, .credenciadoras-passecabal .grid-bin, .credenciadoras-passecabal .grid-rede {width: 340px!important;}
}

@media screen and (max-width: 640px) {
	#emissores-paises div ul {margin-left: 40px;}
	#issues li p {margin-right: 410px;}
	#redes,#credenciadoras, #internet, #bndes, #cabal-vale,#trabalheconosco, #emissores, #titulo-historia, #contatos {padding-left: 80px; padding-right: 30px;}
	.texto-home {padding: 50px 0px 0 90px;}
	.sobre-cabal .texto-home {padding: 70px 0px 0 90px;}
	#internet div a {width: 160px;}
	
	
}

@media screen and (max-width: 638px) {
	.credenciadoras-passecabal {min-height: 1550px!important;}
	.credenciadoras-passecabal li .sipag-cor {margin-left:0px !important;}
}

@media screen and (max-width: 630px) {
	#seu_cartao div ul li img, #maquina_cartao div ul li img {padding: 40px 150px 0 0;}
	#issues {height: 450px;}
	#internet {min-height: 640px;}
	#internet .titulo-mobile {margin: 12em 0 0 0;}
	#internet div a {margin: 10px 320px 0 0;}
	#cabal-vale span a {margin: 20px 0 0 80px;}
	#emissores div ul li {width: 200px;}
	.credenciadoras-sobre-nos li {width: 210px!important;}
	#internet a .polishop-branco {margin: 22px 0 0 0;}
	#internet {min-height: 640px;}
	#cabal-vale {min-height: 660px;}
}

@media screen and (max-width: 625px) {

	#nossas-marcas div ul li p {width: 110px;}
	#nossas-marcas div ul li {width: 150px;}
}

@media screen and (max-width: 620px) {
	.texto-home {width: 400px;}
	#slider { height: 475px!important;}
}

@media screen and (max-width: 595px) {
	#emissores-paises div ul {margin-left: 20px;}
	#nossas-marcas div ul li p {width: 330px;}
	#nossas-marcas div ul li {width: 290px;}
	#nossas-marcas {height: 630px!important;}
	#nossas-marcas div ul li {padding: 50px 25px 0 0;}
	#slider li p {width: 350px; margin-left: 14%;}
	#cabal-vale div {height: 550px;}
	#bndes div {height: 500px;}
	#voltar {left: 40px;}
	}

@media screen and (max-width: 590px) {
	#emissores-paises div ul {margin-left: 20px; width: 100%;}
	.sobre-cabal .texto-home {width: 420px;}
	#downloads div ul li .baixar-pacote {margin-left: 72px;}
	#downloads div ul li {width: 160px;}
	.credenciadoras-passecabal li {width: 240px!important;}
	.timemobile {height: 660px !important;}
	#slider {height: 590px!important;}
}

@media screen and (max-width: 580px) {
	#seu_cartao div ul li img, #maquina_cartao div ul li img {padding: 40px 120px 0 0;}
	#seu_cartao span, #maquina_cartao span {bottom: 110px;}
	.credenciadoras-sobre-nos li {width: 200px!important;}
	.timemobile {height: 660px !important;}
	#slider {height: 580px!important;}
}

@media screen and (max-width: 575px) {
	#credenciadoras div ul li a {padding: 50px 80px 0 5px;}
	#credenciadoras li {width: 200px;}
	#seu_cartao ul li {width: 180px;}
	#release ul li a {font-size: 0.8em;}
	#cabal-vale span a {margin: 20px 0 0 60px;}
	.texto-home {padding: 50px 0px 0 90px;}
	.sobre-cabal .texto-home {padding: 50px 0px 0 90px;}
	#emissores {height: 1300px;}
	#emissores div ul {margin-left:12%;}
	#emissores div ul li {width: 250px;}
}

@media screen and (max-width: 570px) {
	#home-mobile-sobre-nos {height: 580px;}
	#seu_cartao div ul li {width: 185px;}
}

@media screen and (max-width: 567px) {
	#emissores ul {margin-left: 30%;}
	.sobre-cabal .texto-home {width: 350px;}
	#nossos-cartoes {height: 810px !important;}
	#redes div ul {margin-left: 16%;}
	#credenciadoras .botao-cartao a {padding: 15px 30px; font-size: 0.85em;}
	.credenciadoras-sobre-nos .botao-cartao {margin-top: 20px!important;}

}

@media screen and (max-width: 547px) {
	.credenciadoras-sobre-nos ul {margin-left: 20%!important;}
	.credenciadoras-sobre-nos li {width: 250px!important;}
	.credenciadoras-sobre-nos .rede-cor {margin-top:0px;}
   	.credenciadoras-sobre-nos {height: 710px!important;}
   	.credenciadoras-sobre-nos .botao-cartao {margin-left: 15%;}
}

@media screen and (max-width: 536px) {
	#redes div ul {margin-left: 11%;}
	#redes {height: 1500px;}
	#cabal-vale div {height: 670px;}
}

@media screen and (max-width: 530px) {
	#seu_cartao span a, #cabal-vale span a {margin: 20px 0 0 92px;}
    #emissores-paises {height: 550px;}
    #emissores-paises div ul {margin-left: 0px;}
    #emissores-paises div ul li {padding: 0 200px;}
    #seu_cartao p {width: 320px;}
    .credenciadoras-passecabal li {width: 215px!important;}
    #internet p, #internet strong  {width: 378px;}
    #cabal-vale span a {margin: 20px 0 0 50px;}
	.texto-home, .sobre-cabal .texto-home {width: 330px; padding: 50px 0px 0 90px;}
  	#slider ul li {width: 470px;}
   	#slider {width: 430px!important;}
   	#downloads div ul li .baixar-pacote {margin-left: 67px;}
   	#downloads div ul li {width: 145px;}
   	#bndes div ul .chamada-bndes p {padding: 30px 0 0 0px!important;}
   	#contatos {min-height: 1200px;}
   	#slider li p {width: 350px; margin-left: 8%;}
   	#slider li h1 {width: 420px;}
 	.telefone-central p {width: 100px !important; margin-top: 25px;}
 	.telefone-central b {font-weight: normal !important; float: left; border: none !important;}
 	.telefone-central strong {display: block !important;}
 	#bndes div ul .chamada-bndes p, #cabal-vale div ul .chamada-cabal-vale p {padding: 40px 0 0 0;}
}   

@media screen and (max-width: 510px) {
	#cabal-vale {height: 700px;}
	#rodape {height: 1050px;}
}

@media screen and (max-width: 496px) {
	#seu_cartao ul li {width: 160px;}
	.trabalheconosco input, .trabalheconosco select, #file-upload span input, .styled-select.slate select, .styled-select.slate {width: 250px;}
	#file-upload #filepc {width: 358px;}
	.trabalheconosco label, .trabalheconosco span, .trabalheconosco input, .trabalheconosco select {font-size: 0.875em;}
	.trabalheconosco #file-upload {width:auto!important;}
	.trabalheconosco {float: left; width: 356px;}
	#file-upload .fakespan {width: 250px;}
	#cabal-vale span a {margin: 20px 0 0 28px;}
	#seu_cartao {min-height: 830px;}
	#seu_cartao div ul {margin-left: 20%;}
	#seu_cartao div ul li {width: 200px;}
	#seu_cartao .botao-saibamais {left: 10%;}
	.credenciadoras-passecabal {min-height: 1380px!important;}
	.credenciadoras-passecabal div ul {margin-left: 20%;}
	.credenciadoras-passecabal li {width: 200px!important;}
	 #contatos {min-height: 1670px;}
	 #contatos div {height: 11em; width: 100%; margin-left: -5%;}
	 #contatos div h2 {text-align: center;}
	 #contatos div h3 {text-align: center;}
	 .credenciadoras-contato div p {text-align: center;}
	 .credenciadoras-contato div hr {margin-left: 45%;}
	 #credenciadoras .botao-cartao{  margin-left: 8%;}
	 .credenciadoras-sobre-nos .botao-cartao {margin-left: 15%!important;}
	 #seu_cartao {min-height: 1040px;}

}

@media screen and (max-width: 490px) {
	#emissores-paises div ul li {padding: 0 188px;}
	#slider li p { width: 300px; margin-left: 10%;}
	#slider li h1 {width: 347px;}
	#slider ul {height: 400px;}
	#slider {height: 480px!important; margin-left:5%; width: 355px!important;}
	#internet p, #internet strong  {width: 330px;} 
	#voltar {left: 20px;}
	#slider	{height: 620px!important; margin-left: 12%;}
}

@media screen and (max-width: 480px) {
    .linksuteis div {display: none; width: 30%;}
    .linksuteis .rede-sociais-r {display: block; margin-left: 38%!important;}
   .linksuteis .rede-sociais-r a {margin-left: 1%;}
    .linksuteis p{margin-top:3%;}
    .linksuteis {height: 0em;}
    #conteudo {height:20em;}
    .box-faleconosco textarea, .box-faleconosco input{ padding: 2% 0 2% 0 ;}
    #rodape {height: 840px !important; }
    #salaimprensa li {width:90%;}
    #release ul li {float:left; margin:1%; width:98% !important;}
    #issues {height: 420px;}
    #timeline {height: 710px;}
	#credenciadoras div ul li a {padding: 0 0px 0 0px;}
	.credenciadoras-passecabal div ul li a {padding: 50px 80px 0 5px!important;}
	.credenciadoras-sobre-nos  div ul li a {padding: 50px 80px 0 5px!important;}
	.credenciadoras-sobre-nos  div ul li {height: auto!important;}
	.credenciadoras-sobre-nos {height: 730px!important;}
	#credenciadoras li {width: 240px; height: 80px;}
	#internet h1 {padding: 45px 126px 10px 0px !important;}
	#home-mobile-sobre-nos {height: 500px;}
	.sobre-cabal {height: 650px !important;} 
	.sobre-cabal .texto-home {width: 260px; padding: 50px 0px 0 110px;}
	.cielo-cor {background-position: -453px -2107px!important; width: 175px; height: 46px;}
	#seu_cartao ul li {width: 160px;}
	#internet span {margin-right: 3em; margin-top: 1em; margin-bottom: 1em;}
	#home-mobile {height: 500px;}
	.texto-home {width: 260px; padding: 50px 0px 0 90px;}
	#downloads ul {margin-left: 0%;}
	#redes, #credenciadoras, #internet, #bndes, #cabal-vale, #trabalheconosco, #emissores, #titulo-historia, #contatos {padding-left: 50px; padding-right: 30px;}
	#contatos div {margin-left: 0%;}
	.credenciadoras-passecabal {min-height: 1780px!important;}
}

@media screen and (max-width: 470px) {
	 .play-video {width: 148px;}
	 .play-video strong {font-size:0.750em; width: 100px;}
	 #redes div ul {margin-left:6%;}
	 #cabal-vale span a {margin: 20px 0 0 18px;}
	 #voltar {left: 40px;}
}

@media screen and (max-width: 460px) {
	#redes {padding-left: 50px; padding-right: 30px;}	
	#seu_cartao .panel {padding-left: 0px; padding-right: 0px;}
	#seu_cartao div p, #seu_cartao div h1 {width: 240px;}
	#emissores div ul {margin-left:7%;}
	.credenciadoras-sobre-nos ul {margin-left: 14%!important;}
	#downloads ul {margin-left: -2%;}
	#downloads div ul li .baixar-pacote {margin-left: 62px;}
	#downloads div ul li {width: 135px;}
	#emissores-paises div ul li {padding: 0 172px;}
}

@media screen and (max-width: 450px) {
	.sobre-cabal .texto-home {padding: 50px 0px 0 90px;}
	#seu_cartao .botao-saibamais {left: 5%;}
}

@media screen and (max-width: 440px) {
	#emissores-paises div ul li {padding: 0 160px;}
	.texto-home {width: 240px;}
	.sobre-cabal .texto-home {width: 260px;}
}

@media screen and (max-width: 435px) {
	#issues li h1 {padding-left: 40px;}
	#issues li p {padding-left: 40px;  margin-right: 490px;} 
	#cabal-vale {min-height: 630px;}
}

@media screen and (max-width: 430px) {
	 .play-video {border: none; width: 48px; right: 30px; top: 75px; border: none;}
	 .play-video strong {display: none;} 
	 .trabalheconosco input, .trabalheconosco select, #file-upload span input, .styled-select.slate select, .styled-select.slate {min-width: 200px; width: 200px;}
	 #file-upload #filepc {width: 315px;}
	 #cabal-vale div {height: 630px;}
}

@media screen and (max-width: 420px) {
	#seu_cartao span a {margin: 20px 0 0 60px; text-align: left; padding: 6px;}
	#slider { height: 570px!important; margin-left: 12%; width: 300px!important;}
	#linha-tempo-cabal {height: 570px;}
	#proximo, #voltar {top: 88%;}
	#slider ul {height: 450px;}
	#slider li p {width: 250px; margin-left: 6%;}
	#slider li h1 {width: 300px;}
	#redes {padding-left: 50px; padding-right: 22px;}
	#seu_cartao ul li {width: 150px;}
	#bndes {min-height: 600px;}
	#cabal-vale {min-height: 780px;}
	#bndes p, #cabal-vale p {width: 260px;}
	#cabal-vale span a {text-align: center;}
	.sobre-cabal {height: 730px !important;}
	.sobre-cabal .texto-home {width: 220px; text-align: left;}
	.play-video-mobile {width: 208px; padding-right: 5px;}
	.play-video-mobile strong {width: 144px;}
	.sobre-cabal .texto-home {width: 220px; text-align: left;}
	#seu_cartao .botao-saibamais {left: 17%;text-align: center; width: 60%;}
	#seu_cartao {min-height: 980px;}
	.credenciadoras-sobre-nos .botao-cartao {margin-left: 10%!important;}
	.trabalheconosco {float: left; width: 315px;}
	#file-upload .fakespan {width: 200px;}
	#emissores-paises div ul li {padding: 0 150px;}
	#slider {height: 682px!important;}
}

@media screen and (max-width: 415px) {
	#nossos-cartoes #carousel-mobile {right: 170px;}
	.carousel-botoes {width: 250px; padding-right: 35px;}
	#nossas-marcas div ul li p {width: 280px;}
	#internet p, #internet strong { width: 270px;}
	#downloads {height: 650px;}
	#downloads div ul li {width: 100%;}
	#downloads div ul li .baixar-pacote {margin-left: 46%; width: 100%;}
	#downloads ul li b {margin-left: 43%;}
	#slider li h1 {width: 275px;}
	#slider li p { width: 250px; margin-left: 4%;}
}

@media screen and (max-width: 412px) {
	#seu_cartao span a{margin: 20px 0 0 60px; text-align: left; padding: 6px;}
	#nossos-cartoes #carousel-mobile {right: 180px;}
	.carousel-botoes {width: 260px; margin: 50px auto; padding-right: 0px;}
	#emissores-paises div ul li {padding: 0 153px;}
	.texto-home, .sobre-cabal .texto-home {padding: 50px 0px 0 90px;}
	#emissores div ul {margin-left:0%;}
	.credenciadoras-sobre-nos ul {margin-left: 10%!important;}
	#contatos {min-height: 1740px;}
	#slider li p {width: 250px; margin-left: 5%;}
	#slider li h1 {width: 283px;}
	
}

@media screen and (max-width: 400px) {
	.texto-home, .sobre-cabal .texto-home {padding: 50px 0px 0 70px;}
	#seu_cartao .panel, #redes {padding-left: 40px; padding-right: 22px;}
	#internet {min-height: 700px;}
	.credenciadoras-sobre-nos .botao-cartao {margin-left: 3%!important;}
}

@media screen and (max-width: 382px) {
	#seu_cartao span a, #cabal-vale span a { margin: 20px 0 0 28px;}
	#bndes,#cabal-vale {min-height: 600px;}
	.texto-home, .sobre-cabal .texto-home {padding: 50px 0px 0 70px; text-align: left; width: 230px;}
	#home-mobile {height: 520px;}
	.carousel .active p {width: 250px; margin-left: 20px;}
	.credenciadoras-passecabal li { width: 160px!important;}
	#credenciadoras {min-height: 600px;}
	.credenciadoras-sobre-nos {min-height: 740px!important;}
	.credenciadoras-passecabal ul {margin-left: 20%!important;}	
	#bndes,#cabal-vale {min-height: 680px;}
	.texto-home, .sobre-cabal .texto-home {padding: 50px 0px 0 70px; text-align: left; width: 230px;}
	#home-mobile {height: 540px;}
	.trabalheconosco #file-upload input {min-width: 150px; width: 150px;}
	#file-upload #filepc {width: 315px;}
	#seu_cartao .panel, #redes {padding-left: 22px; padding-right: 22px;}
	#trabalheconosco {height: 1250px;}
	#emissores-paises div ul li {padding: 0 130px;}
	#slider li p {width: 250px; margin-left: 2%;}
	#slider li h1 {width: 260px;}
	#proximo { right: 50px;}
	#voltar {left: 20px;}
	#credenciadoras .botao-cartao {margin-left: 0%;}
}	
	
@media screen and (max-width: 375px) {
	#seu_cartao span a {margin: 20px 0 0 45px;}
	#slider {margin-left: 10%;}
	#seu_cartao div p, #seu_cartao div h1 {width: 200px;}
	 .credenciadoras-sobre-nos ul {margin-left: 5%!important;}
	#credenciadoras .botao-cartao a {padding: 12px 15px; font-size: 0.75em;}
	#credenciadoras .botao-cartao { margin-left: 14%;}
	.credenciadoras-sobre-nos .botao-cartao {margin-left: 10%!important;}
}

@media screen and (max-width: 360px) {
   #nossos-cartoes #carousel-mobile {right: 94px;}
   .carousel-botoes { width: 240px; padding-right: 6px;}
   #nossos-cartoes #carousel-mobile {right: 182px;}
   #emissores-paises div ul li {padding: 0 115px;}
   #issues li p {margin-right: 540px;}
   #issues {height: 495px;}
   #timeline {height: 750px;}
   #nossas-marcas div ul li p {width: 230px;}
   #nossas-marcas {height: 670px!important;}
   #slider { height: 585px!important; margin-left:10%; width: 275px!important;}
   #slider ul {height: 450px;}
   #slider li p {width: 213px; margin-left: 5%;}
   #slider li h1 {width: 256px;}
   #linha-tempo-cabal {height: 600px;}
   /*#seu_cartao {height: 700px;}*/
   #seu_cartao div ul {margin-left: 15%;}
   #seu_cartao div ul li {width: 170px;}
   #redes div ul {margin-left: 0%;}
   #internet p, #internet strong, #bndes p, #cabal-vale p { width: 200px;}
   #cabal-vale {min-height: 860px;}
   #cabal-vale span a {margin: 20px 58px 0px 0px;}
   #bndes {min-height: 700px;}
   #seu_cartao .botao-saibamais {margin-left: -5%;}
   #linha-tempo-cabal {height: 580px;}
   #emissores div ul {margin-left:0%;} 
   #bndes div ul .chamada-bndes p{text-align: left;}
   #cabal-vale div ul .chamada-cabal-vale p  {text-align: left; padding: 50px 0 15px 0;}
   .credenciadoras-passecabal ul {margin-left: 10%!important;}
   #credenciadoras .botao-cartao {margin-left: 3%;}
   .box-faleconosco {min-width: 270px;}
}

@media screen and (max-width: 340px) {
	.texto-home, .sobre-cabal .texto-home {padding: 50px 0px 0 50px;}
	.trabalheconosco #file-upload input {min-width: 100px; width: 120px;}
	#file-upload #filepc {width: 255px;}
	#emissores div ul { margin-left: -5%;}
	.credenciadoras-sobre-nos ul {margin-left: 0%!important;}
	#emissores-paises div h1 {padding-left: 20px; padding-right: 20px;}
	#cabal-vale span a {margin: 20px 33px 0px 0px;}
	#trabalheconosco iframe {width: 108%;}
	.trabalheconosco {width: 254px;}
	#file-upload .fakespan {width: 150px;}
}

@media screen and (max-width: 320px) {
	#seu_cartao div ul {margin-left:4%;}
	.texto-home, .sobre-cabal .texto-home { padding: 50px 0px 0 45px;}
	.sobre-cabal .texto-home {width: 210px;}
	.play-video-mobile {width: 180px;}
	.play-video-mobile strong {width: 110px;}
	#slider {width: 230px!important;}
	#slider li p {width: 213px; margin-left: 3%;}
	#slider li h1 {width: 231px;}
	.credenciadoras-sobre-nos ul {margin-left: -5%!important;}
	#seu_cartao div {margin-left: 10%;}
	#bndes {min-height: 750px;}
	.credenciadoras-passecabal ul {margin-left: 5%!important;}	
	.box-faleconosco {min-width: 230px;}
	#proximo {right: 30px;}
	#downloads div ul li .baixar-pacote {margin-left: 42%;}
	#downloads ul li b {margin-left: 38%;}
}

@media screen and (max-width: 315px) {
	.texto-home, .sobre-cabal .texto-home { padding: 50px 0px 0 45px;}
	.sobre-cabal {height: 780px !important;}
	.sobre-cabal .texto-home {width: 200px;}
	#seu_cartao .botao-saibamais {margin-left: -1%;}
	#credenciadoras .botao-cartao a {font-size: 0.6em;}
	#emissores-paises div ul li {padding: 0 100px;}
	#cabal-vale {min-height: 810px;}
}

@media screen and (max-width: 305px) {
	#emissores {height: 1300px;}
	#seu_cartao div {margin-left: 10%;}
	#internet .link-internet {font-size: 0.875em;}
}

@media screen and (max-width: 300px) {
	#emissores-paises div ul li {padding: 0 80px;}
	#nossas-marcas div ul li p { width: 200px;}
	#seu_cartao .panel, #credenciadoras, #internet,#bndes, #cabal-vale, #trabalheconosco, #emissores, #titulo-historia, #contatos  {padding-left: 20px; padding-right: 20px}
	#redes div ul {margin-left: -14%;}
	.credenciadoras-passecabal ul {margin-left: 10%!important;}
	#internet p, #internet strong, #bndes p, #cabal-vale p { width: 180px;}
	.texto-home, .sobre-cabal .texto-home {width: 190px;}
	#emissores div ul {margin-left:-8%;}
	.credenciadoras-sobre-nos ul {margin-left: -5%!important;}
	#credenciadoras .botao-cartao {margin-left: 8%;}	
	#home-mobile {height: 580px;}
	#cabal-vale {height:920px;}
	#seu_cartao {height: 980px;}
}

@media screen and (max-width: 280px) {
	.box-faleconosco {min-width: 220px;}
	#slider li h1 {width: 200px;}
	#slider li p { width: 213px;margin-left: 0%;}
}

@media screen and (max-width: 270px) {
	#nossas-marcas { height: 730px!important;}
	#nossas-marcas div ul li p {width: 180px;}
	.texto-home, .sobre-cabal .texto-home {width: 160px;}
	#home-mobile {height: 660px;}
	#home-mobile-sobre-nos {height: 870px !important;}
	#file-upload .fakespan {width: 120px;}
	.trabalheconosco {width: 220px;}
	#file-upload #filepc {width: 221px;}
	#cabal-vale {height: 940px !important;}
}