@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');


body{background:#fff;margin:0}
@-ms-viewport{width:device-width}
html{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}
a{text-decoration: none}
p {
    margin: 0 0 10px;
}
img{max-width:100%}
input {
    width: 100%;
    border: 1px solid #9B9B9B;
    padding: 5px;
    color: #555555;
    height: 35px;
    font-size: 14px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
}
textarea {
    width: 100%;
    border: 1px solid #9B9B9B;
    padding: 5px;
    color: #555555;
    margin: 5px;
    font-size: 14px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    line-height: 1.7;
}
legend{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    margin: 2px;
    font-size: 14px;
    border-bottom: 1px solid #DDD;
    margin-bottom: 15px;
}
select{
    width: 100%; height: 35px; font-family: 'Ubuntu', sans-serif; font-size: 13px; font-weight: 300
}
strong{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
}
li{
    font-size: 14px;
}
p,a,h1,h2,h3,h4,h5,h6,li,td,span,input,lable{font-family: 'Ubuntu', sans-serif;}
.ubuntu{
    font-family: 'Ubuntu', sans-serif;
}
.hidden-xs{display:inline}
.visible-xs{display:none}
.bold{font-weight:700}
.corBranco{color:#fff}
.corVerde{color:green}
.corAzul{color:#47d7d3}
.corAzulEscuro{color:#0048a7}
.corVermelho{color:#e64c3c}
.corCCC{color:#ccc}
.cor555{color:#555}
.cor333{color:#333}
.cor999{color:#999}
.center{text-align:center}
.alinharDireita{text-align:right}
.alinharEsquerda{text-align:left}
.caixa_corte {
    width: 100%;
    height: 60px;
    overflow: hidden;
}
.caixa_corte p {
    text-align: center;
}
.well{
    padding: 10px; border: 1px solid #DDD; border-radius: 8px
}
.mar0{
    margin:0;
}
.marg10{
    margin: 10px;
}
.marTop10{
    margin-top: 10px;
}
.marTop20{
    margin-top: 20px;
}
.marTop30{
    margin-top: 30px;
}
.marTop40{
    margin-top: 40px;
}
.marTop50{
    margin-top: 50px;
}
.marTop60{
    margin-top: 60px;
}
.marBot20{
    margin-bottom: 20px;
}
.pad0{
    padding:0;
}
.padTop80{
    padding-top: 80px;
}
.padBoot80{
    padding-bottom: 80px;
}
.padTop10{
    padding-top: 10px;
}
.padLeft15{
    padding-left: 15px;
}
.padLeft30{
    padding-left: 30px;
}
.padTop160{
    padding-top: 160px;
}
.padTop130{
    padding-top: 130px;
}
.corAzulLoja{
    color: #007FFF;
}
.font10{
    font-size: 10px;
}
.font12{
    font-size: 12px;
}
.font14{
    font-size: 14px;
}
.font16{
    font-size: 16px;
}
.font18{
    font-size: 18px;
}
.font20{
    font-size: 20px;
}
.font22{
    font-size: 22px;
}
.font24{
    font-size: 24px;
}
.font28{
    font-size: 28px;
}
.font32{
    font-size: 32px;
}
.font36{
    font-size: 36px;
}
.font40{
    font-size: 40px;
}
.font80{
    font-size: 80px;
}

#buscaMob {
    border:1px solid #C8050D;
    width:309px;
    border-radius: 15px;
}
#buscaMob input {
    display:contents;
    outline:0;
    border:0;
    padding: 5px;
}
#buscaMob    .button {
    background: #C8050D;
    color: #fff;
    border:none;
    float:right;
    padding: 5px 45px;  
    border-radius: 15px;
}
#bd ul{
    margin: 0;
    list-style: none;
}
#bd ul li{
    float: left;
    padding: 5px 10px;
    color: #555;
}
#bd ul li a{
    font-family: 'Ubuntu', sans-serif;
    color: #555;
    font-size: 14px;
}

.text-right{text-align: right}

.btn-redondo{color: #0B2528;border: 2px solid #0B2528; padding: 5px 4px 5px 6px; border-radius: 44px;cursor:pointer;}
.btn-redondo-branco{border: 2px solid #FFF; padding: 5px 4px 5px 6px; border-radius: 44px;cursor:pointer;}
.btn-redondo-vermelho{color: red; border: 2px solid red; padding: 5px 2px 5px 8px; border-radius: 44px;cursor:pointer;}
.btn-redondo-vermelho:hover{color: red; border: 2px solid red; padding: 5px 2px 5px 8px; border-radius: 44px;cursor:pointer;}
.btn-redondo:hover{color: #0B2528; border: 2px solid #0B2528; padding: 5px 4px 5px 6px; border-radius: 44px;cursor:pointer;}
.btnLaranja{background: orange; padding: 5px 12px; border-radius: 3px; color: #FFF;cursor:pointer; text-decoration: none; font-weight: 600}
.btnAzul{background: blue; padding:  5px 12px; border-radius: 3px; color: #FFF;cursor:pointer; text-decoration: none; font-weight: 600}
.btnPreto{background: black; padding:  5px 12px; border-radius: 3px; color: #FFF;cursor:pointer; text-decoration: none; font-weight: 600}
.btnBranco{background: #FFF; padding:  5px 12px; border-radius: 3px; color: #555;cursor:pointer; text-decoration: none; font-weight: 600}
.btnAmarelo{background: yellow; padding:  5px 12px; border-radius: 3px; color: #555;cursor:pointer; text-decoration: none; font-weight: 600}
.btnVerde{background: green; padding:  5px 12px; border-radius: 3px; color: #FFF;cursor:pointer; text-decoration: none; font-weight: 600}
.btnVermelho{background: red; padding:  5px 12px; border-radius: 3px; color: #FFF;cursor:pointer; text-decoration: none; font-weight: 600}
#escureceTela{width:100%;height:100%;display:none;background:#FFF;opacity:.85;-moz-opacity:.85;position:fixed;top:0;filter:alpha(opacity=85);z-index:9998; left: 0; text-align: right;}
#loadGif{width:50%;height:100%;display:none;top:0;padding: 300px 0px;z-index:9999; left: 300px; text-align: center; position: fixed;}

.ui-datepicker{min-width:270px;background-color:#fff;padding:5px;display:none;border:1px solid #ddd;border-radius:3px;z-index:190!important}
.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker table td .ui-state-hover{background-color:#f5f5f5}
.sidebar .ui-datepicker{min-width:0}
.ui-datepicker .ui-datepicker-header{position:relative;padding:15px 0 20px}
.ui-datepicker .ui-datepicker-title{margin:0 40px;font-size:15px;text-align:center}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month{font-weight:500}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year{font-size:12px;color:#999;margin-left:5px}
.ui-datepicker .ui-datepicker-title select{outline:0}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-month,.ui-datepicker .ui-datepicker-title select.ui-datepicker-year{width:48%;font-size:13px;font-weight:400;color:#333}
.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:10px;line-height:1;color:#333;padding:8px;border-radius:2px}
.ui-datepicker .ui-datepicker-next:after,.ui-datepicker .ui-datepicker-prev:after{font-family:FontAwesome;display:inline-block;font-size:16px;width:16px;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display:none}
.ui-datepicker .ui-datepicker-prev{left:0}
.ui-datepicker .ui-datepicker-prev:after{content:'\f104'}
.ui-datepicker .ui-datepicker-next{right:0}
.ui-datepicker .ui-datepicker-next:after{content:'\f105'}
.ui-datepicker table{width:100%;border-collapse:collapse;margin:0}
.ui-datepicker table th{text-align:center;font-weight:400;border:0;padding-bottom:10px;font-size:12px;color:#999}
.ui-datepicker table td{border:0;padding:1px;position:relative}
.ui-datepicker table td a,.ui-datepicker table td span{display:block;padding:6px;text-align:center;text-decoration:none;border-radius:2px;color:#333;min-width:34px}
.ui-datepicker table td.ui-state-disabled span{color:#ccc}
.ui-datepicker table td.ui-datepicker-week-col{padding:6px;color:#999}
.ui-datepicker table td.ui-datepicker-current-day .ui-state-active{background-color:#26A69A;color:#fff}
.ui-datepicker table td.ui-datepicker-today .ui-state-highlight{background-color:#2196F3;color:#fff}
.ui-datepicker table td.ui-datepicker-today .ui-state-highlight:after{content:"";position:absolute;top:3px;right:3px;width:0;height:0;border-top:6px solid #fff;border-left:6px solid transparent}
.ui-datepicker table td a.ui-priority-secondary{opacity:.6;filter:alpha(opacity=60)}
.ui-datepicker .ui-datepicker-buttonpane button{float:right;border:1px solid #ddd;background-color:#fcfcfc;font-weight:400;margin-top:5px;cursor:pointer;padding:7px 12px;width:auto;overflow:visible;outline:0}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-multi .ui-datepicker-group{float:left}
.ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover{-webkit-box-shadow:0 0 0 100px rgba(0,0,0,.02) inset;box-shadow:0 0 0 100px rgba(0,0,0,.02) inset}
.ui-datepicker .ui-datepicker-buttonpane button:active{-webkit-box-shadow:0 0 0 100px rgba(0,0,0,.04) inset;box-shadow:0 0 0 100px rgba(0,0,0,.04) inset}
.ui-datepicker.ui-datepicker-multi{width:auto!important}
.bg-blue {
    background: #073683;
    border: 1px solid #002444 !important;
    color: #FFFFFF !important
}
.bg-blue:hover {
    background: #002444;
    border: 1px solid #002444
}
.corBrancoBR {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 30px 15px;
    margin: 20px
}
.bg-blue {
    background: #073683;
    border: 1px solid #002444 !important;
    color: #FFFFFF !important
}
.bg-blue:hover {
    background: #002444;
    border: 1px solid #002444
}
.btn {
    border: 1px solid #BEBEBE;
    color: #565454;
    padding: 5px 10px 8px 10px;
    margin: 5px;
    text-decoration: none
}
.panel-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    margin: 2px;
    font-size: 22px;
}
#menu{border-right: 1px solid #DDD}
#menu ul{list-style: none; padding-left: 0}
#menu ul li{font-family: 'Ubuntu', sans-serif; font-size: 14px; padding: 8px; border-bottom: 1px solid #DDD}
#menu ul li a{color: #333; text-decoration: none; display: block; width: 90%;float: left}
#menu ul li:after{content: '»'; }
.corMenu{
    font-family: 'Ubuntu', sans-serif;
    padding: 15px 10px;
    font-weight: 300;
    color: #534f4e;
    font-size: 0.8em;
    cursor: pointer;
}
.corMenu:hover{
    background: #000;
    color: #FFF;
}
.activeMenu{
    background: #000;
    font-family: 'Ubuntu', sans-serif;
    padding: 15px 10px;
    font-weight: 700;
    color: #FFF;
    font-size: 0.8em;
    cursor: pointer;
    
}
#mnCategoria h3{font-size: 1.2em;font-family: 'Ubuntu', sans-serif; font-weight: 700;color: #607c17; border-bottom: 1px solid #607c17; margin-bottom: 20px}
#mnCategoria p a{font-size: 0.9em;font-family: 'Ubuntu', sans-serif; font-weight: 400;color: #607c17; display: block}
#mnCategoria p a:hover{border-bottom: 1px solid #607c17}
#mnMarca p a{font-size: 0.9em;font-family: 'Ubuntu', sans-serif; font-weight: 400;color: #323232; display: block}
#mnMarca p a:hover{border-bottom: 1px solid #323232}
#mnMarca h3{font-size: 1.2em;font-family: 'Ubuntu', sans-serif; font-weight: 700;color: #323232; border-bottom: 1px solid #323232; margin-bottom: 20px}
.backVerdeLogo{background: #000;}
.corVerdeLogo{color: #607c17;}
.corVerdeLogoPB{color: #befe16;}
.prodBox .vl{color: #607c17;font-size: 1.2em;font-family: 'Ubuntu', sans-serif; font-weight: 700}
.prodBox .prodNome{color: #333; font-size: 0.9em;font-family: 'Ubuntu', sans-serif; font-weight: 500}
.prodBox .saibamais{font-size: 1.1em;font-family: 'Ubuntu', sans-serif; background: #000; color: #FFF; border-radius: 25px; padding: 5px 25px; cursor: pointer !important;}
.backTopo{background: #f9f8f8;}
.car {
    font-family: 'Ubuntu', sans-serif;
    font-size: 0.8em;
    margin-top: 22px;
    text-align: center;
}
.car a {
    color: #FFF;
    font-weight: 700;
}
.car span{font-size: 0.6em}
.btnSelect {
    background: #fff;
    border: 1px solid #CCCCCC;
    color: #EC1B24;
    padding: 5px 12px;
    margin: -4px;
    cursor: pointer;
}
.btnNotSelect {
    background: #fff;
    border: 1px solid #CCCCCC;
    color: #555555;
    padding: 5px 12px;
    margin: -4px;
    cursor: pointer;
}
#backgroundSuperior{
    background: #222222;
    padding-top: 20px;
    margin-top: 40px;
}
#backgroundSuperior .corFRS{
    color: #FFF;
    font-weight: 700;
}
#backgroundSuperior .corTRS{
    color: #FFF;
    font-family: 'Ubuntu', sans-serif;
}
#backgroundSuperior p{
    color: #FFF;
    font-family: 'Ubuntu', sans-serif;
}
#backgroundSuperior p a{
    color: #FFF;
    font-family: 'Ubuntu', sans-serif;
}
#backgroundMeioRodape {
    background: #222;
    padding-top: 20px;
}
#backgroundMeioRodape .corFRM{
    color: #FFF;
    font-weight: 700;
    border-bottom: 1px solid #FFF;
    font-family: 'Ubuntu', sans-serif;
}
#backgroundMeioRodape .corTRM{
    color: #FFF;
    font-family: 'Ubuntu', sans-serif;
}
#backgroundMeioRodape p a{
    color: #FFF;
    font-family: 'Ubuntu', sans-serif;
}
#backgroundInferiorRodape {
    background: #000;
}
#backgroundInferiorRodape p a{
    color: #FFF;
    font-family: 'Ubuntu', sans-serif;
}
.subtituloMat{
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.5em;
    font-weight: 700;
}
.tituloMat{
    font-family: 'Ubuntu', sans-serif;
    font-size: 2.5em;
    font-weight: 700;
}
.tituloMat span{
    font-size: 0.6em;
}
.fontChamada{
    font-size: 0.9em;
    color: #FFF;
    line-height: 1.7;
    margin-top: 20px;
}
.open-button {
    background-color: #555;
    color: white;
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    opacity: 0.8;
    position: fixed;
    bottom: 23px;
    right: 28px;
    width: 280px;
}

/* The popup form - hidden by default */
.form-popup {
    display: none;
    position: absolute;
    bottom: 0;
    top: 85px;
    left: 10%;
    width: 80%;
    max-height: 350px;
    z-index: 9999;
    background: #FBFBFB;
    border-bottom: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-left: 1px solid #DDD;
    ;
}
.form-popup2 {
    display: none;
    position: absolute;
    bottom: 0;
    top: 85px;
    left: 1%;
    width: 99%;
    z-index: 9999;
    background: #FBFBFB;
    border-bottom: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-left: 1px solid #DDD;
    ;
}
#gifMatshop{display: block; position: fixed; z-index: 999999 !important; width: 100%; height: 100%; background: #030303;}

@media (max-width:376px){
    #gifMatshop{display: block; position: fixed; z-index: 999999 !important; width: 100%; height: 100%; background: #030303;}
    #gifMatshop img{max-height: 500px}
}
@media (min-width:377px){
    #gifMatshop{display: block; position: fixed; z-index: 999999 !important; width: 100%; height: 100%; background: #030303;}
    #gifMatshop img{max-height: 800px}
}
@media (min-width:777px){
    #gifMatshop{display: block; position: fixed; z-index: 999999 !important; width: 100%; height: 100%; background: #030303}
    #gifMatshop img{max-height: 800px}
}
@media (min-width:977px){
    #gifMatshop{display: block; position: fixed; z-index: 999999 !important; width: 100%; height: 100%; background: #030303;}
}
.container{position:relative;margin-left:auto;margin-right:auto;padding-right:15px;padding-left:15px}
@media (max-width:576px){
    .container{padding-right:15px;padding-left:15px}
    .visible-xs{display:inline}
    .hidden-xs{display:none}
    .divInfAzul{float:left;background:#1e3d6e;width:100%;min-height:428px}
    .divInfVermelho{float:left;background:red;width:100%;min-height:428px}
}
@media (min-width:768px){
    .container{padding-right:15px;padding-left:15px}
    .hidden-xs{display:inline}
    .visible-xs{display:none}
    .divInfAzul{float:left;background:#1e3d6e;width:50%;min-height:428px;padding:2%}
    .divInfVermelho{float:left;background:red;width:50%;min-height:428px}
}
@media (min-width:992px){
    .container{padding-right:15px;padding-left:15px}
    .hidden-xs{display:inline}
    .visible-xs{display:none}
    .divInfAzul{float:left;background:#1e3d6e;width:50%;min-height:428px;padding:2%}
    .divInfVermelho{float:left;background:red;width:50%;min-height:428px}
}
@media (min-width:1200px){
    .container{padding-right:15px;padding-left:15px}
    .hidden-xs{display:inline}
    .visible-xs{display:none}
    .divInfAzul{float:left;background:#1e3d6e;width:50%;min-height:428px;padding:2%}
    .divInfVermelho{float:left;background:red;width:50%;min-height:428px}
}
@media (min-width:576px){
    .container{width:540px;max-width:100%}
}
@media (min-width:768px){
    .container{width:720px;max-width:100%}
}
@media (min-width:992px){
    .container{width:960px;max-width:100%}
}
@media (min-width:1200px){
    .container{width:1140px;max-width:100%}
}
.container-fluid{position:relative;margin-left:auto;margin-right:auto;padding-right:15px;padding-left:15px}
@media (min-width:576px){
    .container-fluid{padding-right:15px;padding-left:15px}
}
@media (min-width:768px){
    .container-fluid{padding-right:15px;padding-left:15px}
}
@media (min-width:992px){
    .container-fluid{padding-right:15px;padding-left:15px}
}
@media (min-width:1200px){
    .container-fluid{padding-right:15px;padding-left:15px}
}
.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
@media (min-width:576px){
    .row{margin-right:-15px;margin-left:-15px}
}
@media (min-width:768px){
    .row{margin-right:-15px;margin-left:-15px}
}
@media (min-width:992px){
    .row{margin-right:-15px;margin-left:-15px}
}
@media (min-width:1200px){
    .row{margin-right:-15px;margin-left:-15px}
}
.no-gutters{margin-right:0;margin-left:0}
.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}
@media (min-width:576px){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{padding-right:15px;padding-left:15px}}
@media (min-width:768px){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{padding-right:15px;padding-left:15px}}
@media (min-width:992px){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{padding-right:15px;padding-left:15px}}
@media (min-width:1200px){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{padding-right:15px;padding-left:15px}}
.col{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}
.col-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.pull-0{right:auto}.pull-1{right:8.333333%}
.pull-2{right:16.666667%}
.pull-3{right:25%}
.pull-4{right:33.333333%}
.pull-5{right:41.666667%}
.pull-6{right:50%}
.pull-7{right:58.333333%}
.pull-8{right:66.666667%}
.pull-9{right:75%}
.pull-10{right:83.333333%}
.pull-11{right:91.666667%}
.pull-12{right:100%}
.push-0{left:auto}
.push-1{left:8.333333%}
.push-2{left:16.666667%}
.push-3{left:25%}
.push-4{left:33.333333%}
.push-5{left:41.666667%}
.push-6{left:50%}
.push-7{left:58.333333%}
.push-8{left:66.666667%}
.push-9{left:75%}
.push-10{left:83.333333%}
.push-11{left:91.666667%}
.push-12{left:100%}
.offset-1{margin-left:8.333333%}
.offset-2{margin-left:16.666667%}
.offset-3{margin-left:25%}
.offset-4{margin-left:33.333333%}
.offset-5{margin-left:41.666667%}
.offset-6{margin-left:50%}
.offset-7{margin-left:58.333333%}
.offset-8{margin-left:66.666667%}
.offset-9{margin-left:75%}
.offset-10{margin-left:83.333333%}
.offset-11{margin-left:91.666667%}
@media (min-width:576px){
    .col-sm{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
    .col-sm-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}
    .col-sm-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
    .col-sm-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
    .col-sm-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
    .col-sm-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
    .col-sm-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
    .col-sm-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
    .col-sm-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
    .col-sm-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
    .col-sm-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
    .col-sm-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
    .col-sm-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
    .col-sm-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
    .pull-sm-0{right:auto}
    .pull-sm-1{right:8.333333%}
    .pull-sm-2{right:16.666667%}
    .pull-sm-3{right:25%}
    .pull-sm-4{right:33.333333%}
    .pull-sm-5{right:41.666667%}
    .pull-sm-6{right:50%}
    .pull-sm-7{right:58.333333%}
    .pull-sm-8{right:66.666667%}
    .pull-sm-9{right:75%}
    .pull-sm-10{right:83.333333%}
    .pull-sm-11{right:91.666667%}
    .pull-sm-12{right:100%}
    .push-sm-0{left:auto}
    .push-sm-1{left:8.333333%}
    .push-sm-2{left:16.666667%}
    .push-sm-3{left:25%}
    .push-sm-4{left:33.333333%}
    .push-sm-5{left:41.666667%}
    .push-sm-6{left:50%}
    .push-sm-7{left:58.333333%}
    .push-sm-8{left:66.666667%}
    .push-sm-9{left:75%}
    .push-sm-10{left:83.333333%}
    .push-sm-11{left:91.666667%}
    .push-sm-12{left:100%}
    .offset-sm-0{margin-left:0}
    .offset-sm-1{margin-left:8.333333%}
    .offset-sm-2{margin-left:16.666667%}
    .offset-sm-3{margin-left:25%}
    .offset-sm-4{margin-left:33.333333%}
    .offset-sm-5{margin-left:41.666667%}
    .offset-sm-6{margin-left:50%}
    .offset-sm-7{margin-left:58.333333%}
    .offset-sm-8{margin-left:66.666667%}
    .offset-sm-9{margin-left:75%}
    .offset-sm-10{margin-left:83.333333%}
    .offset-sm-11{margin-left:91.666667%}
}
@media (min-width:768px){
    .col-md{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
    .col-md-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}
    .col-md-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
    .col-md-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
    .col-md-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
    .col-md-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
    .col-md-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
    .col-md-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
    .col-md-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
    .col-md-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
    .col-md-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
    .col-md-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
    .col-md-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
    .col-md-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
    .pull-md-0{right:auto}
    .pull-md-1{right:8.333333%}
    .pull-md-2{right:16.666667%}
    .pull-md-3{right:25%}
    .pull-md-4{right:33.333333%}
    .pull-md-5{right:41.666667%}
    .pull-md-6{right:50%}
    .pull-md-7{right:58.333333%}
    .pull-md-8{right:66.666667%}
    .pull-md-9{right:75%}
    .pull-md-10{right:83.333333%}
    .pull-md-11{right:91.666667%}
    .pull-md-12{right:100%}
    .push-md-0{left:auto}
    .push-md-1{left:8.333333%}
    .push-md-2{left:16.666667%}
    .push-md-3{left:25%}
    .push-md-4{left:33.333333%}
    .push-md-5{left:41.666667%}
    .push-md-6{left:50%}
    .push-md-7{left:58.333333%}
    .push-md-8{left:66.666667%}
    .push-md-9{left:75%}
    .push-md-10{left:83.333333%}
    .push-md-11{left:91.666667%}
    .push-md-12{left:100%}
    .offset-md-0{margin-left:0}
    .offset-md-1{margin-left:8.333333%}
    .offset-md-2{margin-left:16.666667%}
    .offset-md-3{margin-left:25%}
    .offset-md-4{margin-left:33.333333%}
    .offset-md-5{margin-left:41.666667%}
    .offset-md-6{margin-left:50%}
    .offset-md-7{margin-left:58.333333%}
    .offset-md-8{margin-left:66.666667%}
    .offset-md-9{margin-left:75%}
    .offset-md-10{margin-left:83.333333%}
    .offset-md-11{margin-left:91.666667%}
}
@media (min-width:992px){
    .col-lg{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
    .col-lg-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}
    .col-lg-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
    .col-lg-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
    .col-lg-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
    .col-lg-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
    .col-lg-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
    .col-lg-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
    .col-lg-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
    .col-lg-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
    .col-lg-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
    .col-lg-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
    .col-lg-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
    .col-lg-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
    .pull-lg-0{right:auto}
    .pull-lg-1{right:8.333333%}
    .pull-lg-2{right:16.666667%}
    .pull-lg-3{right:25%}
    .pull-lg-4{right:33.333333%}
    .pull-lg-5{right:41.666667%}
    .pull-lg-6{right:50%}
    .pull-lg-7{right:58.333333%}
    .pull-lg-8{right:66.666667%}
    .pull-lg-9{right:75%}
    .pull-lg-10{right:83.333333%}
    .pull-lg-11{right:91.666667%}
    .pull-lg-12{right:100%}
    .push-lg-0{left:auto}
    .push-lg-1{left:8.333333%}
    .push-lg-2{left:16.666667%}
    .push-lg-3{left:25%}
    .push-lg-4{left:33.333333%}
    .push-lg-5{left:41.666667%}
    .push-lg-6{left:50%}
    .push-lg-7{left:58.333333%}
    .push-lg-8{left:66.666667%}
    .push-lg-9{left:75%}
    .push-lg-10{left:83.333333%}
    .push-lg-11{left:91.666667%}
    .push-lg-12{left:100%}
    .offset-lg-0{margin-left:0}
    .offset-lg-1{margin-left:8.333333%}
    .offset-lg-2{margin-left:16.666667%}
    .offset-lg-3{margin-left:25%}
    .offset-lg-4{margin-left:33.333333%}
    .offset-lg-5{margin-left:41.666667%}
    .offset-lg-6{margin-left:50%}
    .offset-lg-7{margin-left:58.333333%}
    .offset-lg-8{margin-left:66.666667%}
    .offset-lg-9{margin-left:75%}
    .offset-lg-10{margin-left:83.333333%}
    .offset-lg-11{margin-left:91.666667%}
}
@media (min-width:1200px){
    .col-xl{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
    .col-xl-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}
    .col-xl-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
    .col-xl-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
    .col-xl-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
    .col-xl-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
    .col-xl-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
    .col-xl-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
    .col-xl-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
    .col-xl-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
    .col-xl-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
    .col-xl-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
    .col-xl-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
    .col-xl-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
    .pull-xl-0{right:auto}
    .pull-xl-1{right:8.333333%}
    .pull-xl-2{right:16.666667%}
    .pull-xl-3{right:25%}
    .pull-xl-4{right:33.333333%}
    .pull-xl-5{right:41.666667%}
    .pull-xl-6{right:50%}
    .pull-xl-7{right:58.333333%}
    .pull-xl-8{right:66.666667%}
    .pull-xl-9{right:75%}
    .pull-xl-10{right:83.333333%}
    .pull-xl-11{right:91.666667%}
    .pull-xl-12{right:100%}
    .push-xl-0{left:auto}
    .push-xl-1{left:8.333333%}
    .push-xl-2{left:16.666667%}
    .push-xl-3{left:25%}
    .push-xl-4{left:33.333333%}
    .push-xl-5{left:41.666667%}
    .push-xl-6{left:50%}
    .push-xl-7{left:58.333333%}
    .push-xl-8{left:66.666667%}
    .push-xl-9{left:75%}
    .push-xl-10{left:83.333333%}
    .push-xl-11{left:91.666667%}
    .push-xl-12{left:100%}
    .offset-xl-0{margin-left:0}
    .offset-xl-1{margin-left:8.333333%}
    .offset-xl-2{margin-left:16.666667%}
    .offset-xl-3{margin-left:25%}
    .offset-xl-4{margin-left:33.333333%}
    .offset-xl-5{margin-left:41.666667%}
    .offset-xl-6{margin-left:50%}
    .offset-xl-7{margin-left:58.333333%}
    .offset-xl-8{margin-left:66.666667%}
    .offset-xl-9{margin-left:75%}
    .offset-xl-10{margin-left:83.333333%}
    .offset-xl-11{margin-left:91.666667%}
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modal h1, h2, h3, p{margin: 3px 5px;}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: #444;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

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

.modal-header {
    padding: 2px 16px;
    background-color: #F9F9F9;
}
.modal-header h2 {
    color: #444;
    font-size: 1.2em;
}

.modal-body {padding: 20px 15px;}

.modal-footer p{
    padding: 15px 0;
}
.modal-footer #compartilhar{
    background: #DDD;
    border: 1px solid #BBB;
    border-radius: 4px;
    padding: 8px 10px;
    color: #444;
    text-decoration: none;
}
.modal-footer {
    padding: 2px 16px;
    background-color: #F9F9F9;
    color: #444;
}