.content{max-width:1300px;width:100%;margin:0 auto}footer#mainFooter #menuFooter /* itens menu */{background-color:#575757;background-image:url(../backgroundbf.png);background-repeat:repeat-y;background-position:center center;font-size:18px}@media only screen and (min-width: 768px){footer#mainFooter #menuFooter{height:290px}}footer#mainFooter #menuFooter div.content{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;padding:27px 15px 0}@media only screen and (max-width: 767px){footer#mainFooter #menuFooter div.content{display:block;padding:20px 15px}}footer#mainFooter #menuFooter div.content ul{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:25%}@media only screen and (max-width: 767px){footer#mainFooter #menuFooter div.content ul{display:block;width:100%;text-align:center;margin:15px 0;font-size:18px}footer#mainFooter #menuFooter div.content ul li{margin:10px 0}footer#mainFooter #menuFooter div.content ul li a h3{font-size:18px!important}}footer#mainFooter #menuFooter div.content ul#contatoFooter li{margin-bottom:30px}footer#mainFooter #menuFooter div.content ul h3 /* titulo menu */{text-transform:uppercase;letter-spacing:3px;font-size:18px;font-weight:700;line-height:22px}footer#mainFooter #menuFooter div.content ul a{color:#fff;line-height:22px}footer#mainFooter #menuFooter div.content ul a:active{color:#383636}footer#mainFooter #infoFooter{background-color:#383636;color:#fff;font-size:13px}@media only screen and (max-width: 767px){footer#mainFooter #infoFooter{text-align:center;padding:15px}}footer#mainFooter #infoFooter .content #addressFooter{text-align:center;display:inline-block;vertical-align:middle}@media only screen and (min-width: 768px){footer#mainFooter #infoFooter .content #addressFooter{width:100%}}footer#mainFooter #infoFooter .content #addressFooter a{color:#fff;font-size:15px;line-height:20px}footer#mainFooter #infoFooter .content #addressFooter p{text-transform:uppercase;line-height:20px;font-size:15px}#boletoFastProduto{padding:85px 0}@media only screen and (max-width: 767px){#boletoFastProduto{padding:40px 15px}}@media only screen and (min-width: 1024px){#boletoFastProduto{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}}#boletoFastProduto figure{padding-top:25px}@media only screen and (min-width: 1024px){#boletoFastProduto figure{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}}@media only screen and (max-width: 1023px){#boletoFastProduto figure{display:block;width:100%;margin:0 auto;padding:0 15px;text-align:center;margin-bottom:25px}#boletoFastProduto figure img{width:80%}}@media only screen and (min-width: 1024px){#boletoFastProduto article{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding-left:40px;padding-right:65px}}@media only screen and (max-width: 1023px){#boletoFastProduto article{display:block;width:100%;margin:0 auto;padding:0 15px}}#boletoFastProduto article h2{margin-bottom:20px}#boletoFastProduto article ul{list-style:disc;margin:20px 40px 20px 70px}#boletoFastProduto article a{display:block;width:100%;text-align:center}@media only screen and (min-width: 768px) and (max-width: 1023px){#boletoFastProduto article a{width:310px;margin:0 auto}}@media only screen and (max-width: 767px){#boletoFastProduto article a{width:210px;margin:0 auto}}#boletoFastProduto article a.primaryButton{margin-bottom:15px}#boletoFastProduto article a.detalhes{color:#808285}/* Popup container - can be anything you want */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */
.popup .popuptext {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}