* {margin: 0; padding: 0;}

*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

html {overflow-y: scroll; }

html {color: #4c4c4c; min-height: 100%; font-size:12px; font-family: Calibri, sans-serif; }

body input,

body select,

body textarea {resize:none; font-family: Calibri, sans-serif; }

b, strong {font-weight: bold;}

a {color:inherit; text-decoration:none;}

a:hover {text-decoration:none;}

:focus {outline: 0;}

.hidden {display: none;}

ul, ol, li {list-style: none;}

html, #wrapper { min-height: 100vh; }

body > #wrapper { height: auto; margin: 0; }

body {/*height: 100%; min-height: 100%;*/ margin:0; }

/* CLEAR FIX*/

.clearfix:after {content: "."; display: block; height:0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

.clearfix {display: block;}

/* End hide from IE-mac */

.left {float:left;}

.right {float:right;}

.clear {clear:both;}

input {border-radius: 5px;}

input[type=button], input[type=submit], button {-webkit-appearance: none; -webkit-border-radius: 0;}





.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{ font-family: 'DINPro', sans-serif; }



.mobile { display: block; }

.desktop { display: none; }



.m-col-lg-1, .m-col-lg-2, .m-col-lg-3, .m-col-lg-4, .m-col-lg-5, .m-col-lg-6, .m-col-lg-7, .m-col-lg-8, .m-col-lg-8_3, .m-col-lg-9, .m-col-lg-10, .m-col-lg-11, .m-col-lg-12, .m-col-lg-12_5, .m-col-lg-13, .m-col-lg-14, .m-col-lg-15, .m-col-lg-16, .m-col-lg-17, .m-col-lg-18, .m-col-lg-19, .m-col-lg-20, .m-col-lg-21, .m-col-lg-22, .m-col-lg-23, .m-col-lg-24, .m-col-lg-25 {float:left;padding-right: 2vw;margin: 0 0 10px;position:relative;box-sizing:border-box;}

.m-col-lg-1 {width: 4%;}

.m-col-lg-2 {width: 8%;}

.m-col-lg-3 {width: 12%;}

.m-col-lg-4 {width: 16%;}

.m-col-lg-5 {width: 20%;}

.m-col-lg-6 {width: 24%;}

.m-col-lg-7 {width: 28%;}

.m-col-lg-8 {width: 32%;}

.m-col-lg-8_3 {width:calc(100%/3);}

.m-col-lg-9 {width: 36%;}

.m-col-lg-10 {width: 40%;}

.m-col-lg-11 {width: 44%;}

.m-col-lg-12 {width: 48%;}

.m-col-lg-12_5 {width: 50%;}

.m-col-lg-13 {width: 52%;}

.m-col-lg-14 {width: 56%;}

.m-col-lg-15 {width: 60%;}

.m-col-lg-16 {width: 64%;}

.m-col-lg-17 {width: 68%;}

.m-col-lg-18 {width: 72%;}

.m-col-lg-19 {width: 76%;}

.m-col-lg-20 {width: 80%;}

.m-col-lg-21 {width: 84%;}

.m-col-lg-22 {width: 88%;}

.m-col-lg-23 {width: 92%;}

.m-col-lg-24 {width: 96%;}

.m-col-lg-25 {width: 100%;}

.m-col-last {padding: 0;}

.m-col-20 {margin: 0 0 20px;}

.m-col-0 {margin: 0;}



body > #wrapper {min-height: 100%; }



.desktop {display: none;}



#wrapper {padding: 0;}



#wrapper.active{height: 100vh}



#header .wrap-pesquisa {z-index: 2; position: absolute; right: 20px; top: 85px}

#header .pesquisa {width: 52px; height: 50px;}

#header .wrap-pesquisa #fBusca input {height: 50px;}

#header .menu .bars-menu {margin: 15px 0 35px 30px;}

.indent {padding: 0; width: 85vw; margin: 0 auto;}

#header .indent .logo img {width: 42vw;}

#header .menu {width: 100%; top: 0; left: 0; border-radius: 0; height: 100vh; overflow-y: unset}

#header .menu nav ul li p {font-size: 18px; line-height: 20px; width: 160px;}

#header .menu nav ul li:first-of-type .icon img{width: 65px}

#header .menu nav ul li:nth-child(2) .icon img{width: 41px}

#header .menu nav ul li:nth-child(3) .icon img{width: 47px}

#header .menu nav ul li:nth-child(4) .icon img{width: 30px}

#header .menu nav ul li:nth-child(5) .icon img {width: 50px;}

#header {height: 90px;}

#home {min-height: calc(100vh - 90px); padding: 65px 0;}

#home .indent {width: 85vw; padding: 0; margin: 0 auto;}

#home .navegacao {grid-template-columns: repeat(2, calc(50% - 10px)); grid-gap: 15px}

#home .navegacao .item, #home .navegacao .item.big { min-height: 160px; padding:15px; height: unset; margin: 0}

#home .navegacao .item h2 {font-size: 18px; line-height: 22px;}

#home .navegacao .item h2 {font-size: 14px; line-height: 16px;}

#home .navegacao .item .icone {width: 50px; margin-bottom: 10px}

.cabecalho h1 {font-size: 26px; line-height: 26px;}

#produtos .indent {width: 85vw; padding: 0; margin: 0 auto;}

#produtos .navegacao .link, #digital .navegacao .link {padding: 0 15px; width: 100%;  margin-right: 0;}

.arrow {width: 18px;}

.arrow:after {width: 13px; right: -1.5px; bottom: 4px }

.arrow:before {width: 13px; right: -1.5px; top: 4px;}

#produtos-lista .opcao h2 {font-size: 20px; margin: 0 15px 15px 0;}

#produtos-lista .opcao .btn-download {width: 165px; height: 47px; font-size: 18px;}

#produtos-lista .opcao {height: unset; padding: 30px 20px; flex-wrap: wrap; justify-content: space-around;}

#detalhe .descricao {padding: 25px; flex-direction: column;}

#detalhe figure {width: 100%;margin: 0 0 25px 0; min-height: 300px;}

#detalhe figure figcaption {padding: 0 0 0;}

#detalhe .descricao h2 {font-size: 16px; line-height: 22px;}

#detalhe .descricao .text {width: 100%; min-height: unset; margin-bottom: 40px;}

#detalhe .descricao .compartilhar .btn {width: 50px; height: 50px;}

#detalhe .descricao .compartilhar .btn img{width: 22px;}

#detalhe {padding: 0 0 240px 0;}

#detalhe .descricao figcaption p{font-size: 14px}

#detalhe .descricao p {font-size: 18px; line-height: 24px;}

#produtos-lista {padding: 40px 0 200px 0;}

#header .indent, .indent {width: 85vw; padding: 0;}

#detalhe .btn-voltar {width: 190px;}

#produtos, #produtos-lista, #detalhe {min-height: calc(100vh - 90px)}

#login .indent img {width: 70%; margin-bottom: 35px;}

#login .indent {width: 85vw; margin: 0 auto;}

#login h1 {font-size: 26px; line-height: 26px;}

#login .indent form .form-group {height: 55px; border-radius: 55px; padding: 0 25px; font-size: 16px;}

#login .indent form {border-radius: 25px; padding: 25px 20px;}

#login .indent form input[type='submit'] {width: 140px; height: 40px; border-radius: 40px; font-size: 14px; line-height: 14px;}

#login{padding: 30px 0 40px; align-items: flex-start; overflow: hidden;}

#detalhe figure img{width: 100%}



#produtos-lista .indent.lista {width: 85vw;}

#produtos-lista .itens {grid-template-columns: repeat(2, calc(50% - 7.5px)); grid-gap: 15px; width: 100%; margin: 0 auto}

#produtos-lista .itens .item img {width: 28vw;}

#produtos-lista .itens .item {min-height: 170px;}

#produtos-lista .listagem_itens .item .title {font-size: 12px; width: 100px}

#produtos-lista .itens .item p {font-size: 12px; line-height: 16px;}

.cabecalho h1 {width: 100%;}

#produtos .navegacao .link, #digital .navegacao .link {font-size: 15px;}

#detalhe figure img {width: 80%;}

#produtos-lista .listagem_itens .item .ext {width: 35px; height: 30px; margin: 0 10px 0 0; font-size: 10px;}

#produtos-lista .listagem_itens .item .btns .btn img {width: 14px;}

#produtos-lista .listagem_itens .item .btns .plus::after, #produtos-lista .listagem_itens .item .btns .plus::before {width: 12px;}

#produtos-lista .listagem_itens .item .btns .btn {width: 30px; height: 30px; margin: 0 0 0 5px;}

#produtos-lista .listagem_itens .item .btns .plus {width: 30px; height: 30px; margin: 0 0 0 5px;}



.popup-cookies { padding: 15px 0; }

.popup-cookies .indent { flex-direction: column; padding: 0 20px; }

.popup-cookies .indent .text { margin: 0 0 25px; }



footer { bottom: 5px; }

footer .social a img { max-height: 16px; }

footer .social .email { margin: 0 0 0 auto; }

footer .social span { display: none; }

.pop-up-boasvindas .text p, .pop-up-boasvindas .text h3 {font-size: 2.3vw;}



@media screen and (min-width: 450px){

    #header .indent .logo img {width: unset;}

}