* {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: 'Mazzard H',sans-serif, Arial, Helvetica, sans-serif; }

body input,

body select,

body textarea {resize:none; font-family: 'Mazzard H',sans-serif, Arial, Helvetica, 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 {height: 100%;}

body > #wrapper {height: auto; min-height: 100%; 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;}







body {background: #F8F8F8}

html.menu-active,

body.menu-active { overflow-y: hidden; }



.mobile {display: none;}



.indent { width: 1010px; margin: auto; max-width: 100%; }



/* ESQUELETO */



@font-face {

    font-family: 'Mazzard H';

    src: url('../fonts/MazzardH-Regular.eot');

    src: url('../fonts/MazzardH-Regular.eot?#iefix') format('embedded-opentype'),

    url('../fonts/MazzardH-Regular.woff2') format('woff2'),

    url('../fonts/MazzardH-Regular.woff') format('woff'),

    url('../fonts/MazzardH-Regular.ttf') format('truetype'),

    url('../fonts/MazzardH-Regular.svg#MazzardH-Regular') format('svg');

    font-weight: normal;

    font-style: normal;

}





@font-face {

    font-family: 'Mazzard H';

    src: url('../fonts/MazzardH-Medium.eot');

    src: url('../fonts/MazzardH-Medium.eot?#iefix') format('embedded-opentype'),

    url('../fonts/MazzardH-Medium.woff2') format('woff2'),

    url('../fonts/MazzardH-Medium.woff') format('woff'),

    url('../fonts/MazzardH-Medium.ttf') format('truetype'),

    url('../fonts/MazzardH-Medium.svg#MazzardH-Medium') format('svg');

    font-weight: 500;

    font-style: normal;

}





@font-face {

    font-family: 'Mazzard H';

    src: url('../fonts/MazzardH-Bold.eot');

    src: url('../fonts/MazzardH-Bold.eot?#iefix') format('embedded-opentype'),

    url('../fonts/MazzardH-Bold.woff2') format('woff2'),

    url('../fonts/MazzardH-Bold.woff') format('woff'),

    url('../fonts/MazzardH-Bold.ttf') format('truetype'),

    url('../fonts/MazzardH-Bold.svg#MazzardH-Bold') format('svg');

    font-weight: bold;

    font-style: normal;

}



@font-face {

    font-family: 'Mazzard H';

    src: url('../fonts/MazzardH-ExtraBold.eot');

    src: url('../fonts/MazzardH-ExtraBold.eot?#iefix') format('embedded-opentype'),

    url('../fonts/MazzardH-ExtraBold.woff2') format('woff2'),

    url('../fonts/MazzardH-ExtraBold.woff') format('woff'),

    url('../fonts/MazzardH-ExtraBold.ttf') format('truetype'),

    url('../fonts/MazzardH-ExtraBold.svg#MazzardH-ExtraBold') format('svg');

    font-weight: 800;

    font-style: normal;

}



@font-face {

    font-family: 'Mazzard H';

    src: url('../fonts/MazzardH-SemiBold.eot');

    src: url('../fonts/MazzardH-SemiBold.eot?#iefix') format('embedded-opentype'),

    url('../fonts/MazzardH-SemiBold.woff2') format('woff2'),

    url('../fonts/MazzardH-SemiBold.woff') format('woff'),

    url('../fonts/MazzardH-SemiBold.ttf') format('truetype'),

    url('../fonts/MazzardH-SemiBold.svg#MazzardH-SemiBold') format('svg');

    font-weight: 600;

    font-style: normal;

}









@font-face {

    font-family: 'Mazzard L';

    src: url('../fonts/MazzardL-Black.eot');

    src: url('../fonts/MazzardL-Black.eot?#iefix') format('embedded-opentype'),

    url('../fonts/MazzardL-Black.woff2') format('woff2'),

    url('../fonts/MazzardL-Black.woff') format('woff'),

    url('../fonts/MazzardL-Black.ttf') format('truetype'),

    url('../fonts/MazzardL-Black.svg#MazzardL-Black') format('svg');

    font-weight: 900;

    font-style: normal;

}



.wrap-loading {width: 100%; height: 100%; top: 0; left: 0; position: fixed; background: rgba(0,0,0,.6) url(../images/loading.gif?q=10) center no-repeat; z-index: 10000; display: none;}



.reveal, .revealX, .revealXR {opacity: 0; transition: opacity 1s, transform 1.3s cubic-bezier(0.215, 0.61, 0.355, 1) !important;}

.reveal {transform: translateY(60px);}

.revealX {transform: translateX(-60px);}

.revealXR {transform: translateX(60px);}

.reveal--in {opacity: 1; transform: none;}



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.col-last {padding: 0;}

.col-margin-10 {margin: 0 0 10px;}

.col-margin {margin: 0;}



.indent { width: 1100px; max-width: 100%; margin: auto; }



#wrapper { width: 100%; overflow-x: hidden; }



#wrapper > .wrap { padding: 0 0 0; position: relative; }



#home,

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



select{

    -webkit-appearance:none;

}



.noResult { color: #707070; font-size: 18px; }

.noResult a { text-decoration: underline; }



#header{background: #F8F8F8; height: 127px}

#header .bg-click{height: 100vh; width: 100%; position: fixed; background: rgba(255, 229, 229, 0.5); top: 0; left: 0; z-index: 1; display: none}

#header .indent{display: flex; justify-content: space-between; align-items: center; height: 100%}

#header .bars, #header .bars-menu{width: 27px; height: 18px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; cursor: pointer}

#header .bars .line, #header .bars-menu .line{width: 100%; height: 4px; border-radius: 4px; background: #E50043}

#header .bars .line.detail, #header .bars-menu .line.detail{width: 18px}

#header .bars-menu{position: relative;}

#header .bars-menu .line:first-of-type{position: absolute; transform: rotate(45deg); top: 50%}

#header .bars-menu .line:nth-of-type(2){position: absolute; transform: rotate(135deg);top: 50%}

#header .menu{position: absolute; width: 390px; background: #ffffff; top: 20px; border-radius: 40px; padding: 25px 0 41px; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.3); display: none; z-index: 2}

#header .menu .bars-menu{margin: 0 0 66px 31px; }

#header .menu .icon{width: 81px; display: flex; justify-content: center; margin: 0 15px 0 10px;}

#header .menu .icon img { max-height: 45px; }

#header .menu nav ul li{ margin-bottom: 40px; padding: 5px 10px}

#header .menu nav ul li:hover{background: #FFE5E5}

#header .menu nav ul li a{width: 100%; height: 100%; display: flex; align-items: center;}

#header .menu nav ul li p{font-size: 26px; line-height: 36px; color: #E50043;  text-transform: uppercase; font-weight: 800; width: 70%}

/*#header .menu nav ul li p::first-line{color: #FFFFFF; text-shadow: -1px 1px 0 #E50043, 1px 1px 0 #E50043, 1px -1px 0 #E50043, -1px -1px 0 #E50043; }*/

/*#header .menu nav ul li:hover p::first-line{color: #FFE5E5}*/

#header .wrap-pesquisa { width: 62px; height: 62px; position: relative; }

#header .wrap-pesquisa #fBusca { width: 370px; padding: 15px 10px; opacity: 0; overflow: hidden; top: -15px; transition: all .25s; position: absolute; right: calc(100% - 62px); }

#header .wrap-pesquisa #fBusca input { width: 100%; height: 62px; background: #FFF; border-radius: 40px; box-shadow: 0 3px 6px rgba(0,0,0,.16); border: 0; padding: 0 75px 0 35px; font-size: 21px; font-weight: normal; color: #707070; }

#header .wrap-pesquisa.active #fBusca { opacity: 1; }

#header .pesquisa { display: block; position: relative; width: 62px; height: 62px; border-radius: 50%; transition: all .25s; }

#header .pesquisa img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all .25s; }

#header .pesquisa .img-hover { opacity: 0; }

#header .wrap-pesquisa.active .pesquisa { background: #E50043; }

#header .wrap-pesquisa.active .pesquisa img { opacity: 0; }

#header .wrap-pesquisa.active .pesquisa .img-hover { opacity: 1; }



#home {background: url("../images/bg-detail-n1.png")bottom no-repeat #F8F8F8; background-size: contain; padding: 3.91vw 0 210px 0; /*font-family: 'Mazzard L', Verdana , "Bitstream Vera Sans" , Arial Narrow, sans-serif;*/}

#home .indent{width: 1161px}

#home .navegacao{ /*display: flex; flex-wrap: wrap; justify-content: space-between*/ display: grid; grid-template-columns: repeat(auto-fill, minmax(225px, 275px)); grid-gap: 25px; }

#home .navegacao .item{width: 100%; min-height: 280px; border-radius: 2.08vw; padding: 1.67vw 1.75vw 30px 1.75vw; margin: 0 0 14px; background: #FFFFFF; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);}

#home .navegacao .item-fake { height: 1px; padding: 0; box-shadow: none; }

#home .navegacao .item:hover{background: #FFE5E5}

#home .navegacao .item.big{width: 571px; padding: 1.67vw 2.86vw 52px 2.08vw; }

#home .navegacao .item .icone{margin-bottom: 2vw}

#home .navegacao .item .icone img { max-height: 45px; }

#home .navegacao .item h2{font-size: 22px; line-height: 1.2; color: #E50043; text-transform: uppercase;  font-weight: 800; margin-bottom: 10px}

/*#home .navegacao .item h2::first-line{color: #FFFFFF; text-shadow: -1px 1px 0 #E50043, 1px 1px 0 #E50043, 1px -1px 0 #E50043, -1px -1px 0 #E50043; font-weight: 600; }*/

/*#home .navegacao .item:hover h2::first-line{color: #FFE5E5}*/

#home .navegacao .item .bars-home{}

#home .navegacao .item .bars-home .line{ display: inline-block; font-size: 13px; line-height: 1; border-radius: 25px; background: #EBEBEB; padding: 5px 15px; font-weight: normal; color: #707070; }

#home .navegacao .item:hover .bars-home .line{background: #FFFFFF}

#produtos, #produtos-lista, #detalhe{padding: 0 0 10.16vw 0; background: url("../images/bg-detail-n1.png")bottom no-repeat #F8F8F8; }

#produtos-lista.digital{background: url("../images/bg-detail-n5.png")bottom no-repeat #F8F8F8; }

#detalhe{padding: 0 0 12.6vw 0;}

#detalhe.institucional{background: url("../images/bg-detail-n2.png")bottom no-repeat #F8F8F8;}

#detalhe.material{background: url("../images/bg-detail-n3.png")bottom no-repeat #F8F8F8;}

#detalhe.trade{background: url("../images/bg-detail-n4.png")bottom no-repeat #F8F8F8;}

#detalhe.digital{background: url("../images/bg-detail-n5.png")bottom no-repeat #F8F8F8;}

#produtos .indent{width: 1088px;}

.cabecalho{margin-bottom: 2.75vw; padding-top: 2.75vw}

.cabecalho .title{display: flex; align-items: center;  margin-bottom: 20px;}

.cabecalho .title img{margin-right: 18px; max-height: 45px; }

.cabecalho h1{font-size: 42px; line-height: 1.3; color: #E50043; text-transform: uppercase; width: 40%; font-weight: 800}

/*.cabecalho h1:first-line{color: #F8F8F8; text-shadow: -1px 1px 0 #E50043, 1px 1px 0 #E50043, 1px -1px 0 #E50043, -1px -1px 0 #E50043; letter-spacing: 3px; font-weight: 600}*/

.cabecalho .detalhe{width: 734px; max-width: 100%; }

.cabecalho .detalhe .line{ display: inline-block; padding: 5px 25px; width: auto; line-height: 15px; background: #EBEBEB; border-radius: 25px; margin-bottom: 7px; font-size: 13px; color: #707070; }

#produtos-lista{padding: 0 0 13.4vw 0}

#produtos .navegacao, #digital .navegacao{display: flex; flex-wrap: wrap; justify-content: flex-start;}

#produtos .navegacao .link, #digital .navegacao .link{width: calc(33.33% - 20px); margin-bottom: 20px; height: 55px; border-radius: 15px; background: #FFFFFF; display: flex; align-items: center; padding: 0 20px; text-transform: uppercase; font-size: 16px; color: #707070; cursor: pointer;  font-weight: 500; justify-content: space-between;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); margin-right: 20px}

#produtos .navegacao .link:hover,  #digital .navegacao .link:hover{background: #FFE5E5}

#produtos .navegacao .link span,#digital .navegacao .link span{font-weight: bold}

#produtos .navegacao .link:hover, #digital .navegacao .link:hover{color: #E50043; font-weight: bold}

.btn{width: 35px; height: 35px; border-radius: 100%; background: #ffffff; border: 1px solid #E50043; display: flex; align-items: center; justify-content: center; cursor: pointer;}

.btn .checked{display: none;}

.link:hover .checked{display: block; transition: ease-in-out}

.link:hover .arrow{display: none}

.link:hover .btn{background: #E50043;}

.btn:hover{background: #E50043;}

.arrow{width: 15px; height: 3px; border-radius: 3px; background: #E50043; position: relative}

.arrow:after{content: ''; width: 13px; height: 3px; border-radius: 3px; background: #E50043; position: absolute; right: -4.2px; bottom: 4px; transform: rotate(45deg)}

.arrow:before{content: ''; width: 13px; height: 3px; border-radius: 3px; background: #E50043; position: absolute; right: -4.2px; top: 4px; transform: rotate(135deg)}

.arrow.left:after{transform: rotate(135deg); right: unset; left: -4px}

.arrow.left:before{ transform: rotate(45deg); right: unset; left: -4px}

.btn:hover .arrow, .btn:hover .arrow:after, .btn:hover .arrow:before{background: #FFFFFF}

#produtos-lista .opcao{height: 72px; border-radius: 30px; width: 100%; background: #FFE5E5; box-shadow:  0 0 10px rgba(0, 0, 0, 0.2); display: flex; align-items: center; justify-content: space-between; padding: 0 28px; margin-bottom: 70px}

#produtos-lista .opcao h2{ font-size: 24px; font-weight: 800; color: #E50043; text-transform: uppercase}

#produtos-lista .opcao .btn-download{width: 212px; height: 45px; border-radius: 47px; color: #FFFFFF; background: #E50043; display: flex; align-items: center; justify-content: center; font-size: 21px; font-weight: 600; text-transform: uppercase; margin-right: 42px; cursor: pointer}

#produtos-lista .opcao .wrap{display: flex; align-items: center}

#produtos-lista .itens{display: grid; grid-template-columns: repeat(4, calc(25% - 12px)); /*grid-template-columns: repeat(auto-fill, minmax(265px, 1fr));*/ grid-column-gap: 16px; grid-row-gap: 32px}

#produtos-lista .indent.lista{width: 930px}

#produtos-lista .itens .item{padding: 20px 15px 15px; border-radius: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); width: 100%; position: relative; background: #FFFFFF; min-height: 220px; display: flex; align-items: center; justify-content: center; flex-direction: column;}

#produtos-lista .itens .item img { display: block; width: 186px;}

#produtos-lista .itens .item p{font-size: 14px; line-height: 17px; align-self: flex-start; color: #707070; margin: auto 0 0}

.item .btn-mais{width: 50px; height: 50px; border-radius: 50%; border: 1px solid #E50043; background: #FFFFFF; position: absolute; right: -10px; top: -10px; display: flex; align-items: center; justify-content: center; padding: 8px 0 0 0; cursor: pointer}

.item .btn-mais .line{width: 22px; height: 3px; background: #E50043; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.item .btn-mais .line.vertical{transform: translate(-50%, -50%); width: 3px; height: 22px; }

.item:hover .btn-mais{background: #E50043}

.item:hover .btn-mais .line{background: #FFFFFF}

#produtos-lista .paginacao{width: 172px; display: flex; justify-content: space-between; margin: 50px auto 0}

#produtos-lista .paginacao .btn-next{transform: unset}



#produtos-lista .listagem_itens .item { background: #FFF; padding: 0 20px; box-shadow: 0 3px 6px rgba(0, 0, 0, .16); width: 100%; height: 60px; display: flex; align-items: center; justify-content: space-between; margin: 0 0 20px; border-radius: 20px; }

#produtos-lista .listagem_itens .item .aux { display: flex; align-items: center; }

#produtos-lista .listagem_itens .item .ext { width: 40px; height: 35px; background: #C7C7C7; border-radius: 2px; display: flex; align-items: center; justify-content: center; margin: 0 15px 0 0; font-size: 12px; color: #FFF; font-family: 'Mazzard H'; text-transform: uppercase; }

#produtos-lista .listagem_itens .item .title { color: #707070; font-size: 16px; font-family: 'Mazzard H'; }

#produtos-lista .listagem_itens .item .btns { display: flex; align-items: center; }

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

#produtos-lista .listagem_itens .item .btns .btn:hover { background: transparent; }

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

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

#produtos-lista .listagem_itens .item .btns .plus { display: block; width: 35px; height: 35px; border: 1px solid #E50043; border-radius: 50%; position: relative; margin: 0 0 0 10px; }

#produtos-lista .listagem_itens .item .btns .plus:after,

#produtos-lista .listagem_itens .item .btns .plus:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 18px; height: 2px; background: #E50043; }

#produtos-lista .listagem_itens .item .btns .plus:before { transform: translate(-50%, -50%) rotate(90deg); }



#detalhe .descricao{padding: 55px; width: 100%; background: #FFFFFF; border-radius: 30px; display: flex; align-items: flex-start; min-height: 488px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); margin-bottom: 70px}

#detalhe figure{width: 380px; border: 1px solid #E50043; border-radius: 30px; display: flex;  flex-direction: column; padding: 0 2px; align-items: center; margin-right: 114px; overflow: hidden; position: relative; min-height: 380px; justify-content: center}

#detalhe figure figcaption{ position: absolute; top: 15px; left: 0; width: 100%; align-self: flex-start; font-size: 18px; line-height: 32px; text-transform: uppercase; color: #414042; margin:0 0 65px 20px; display: flex; align-items: center; padding: 15px 0 0; }

#detalhe figure figcaption .ext { width: 35px; height: 35px; background: #C7C7C7; margin: 0 12px 0 0; border-radius: 2px; display: flex; align-items: center; justify-content: center; color: #FFFFFF; font-size: 11px; font-weight: bold; flex-shrink: 0; }

#detalhe figure .img-principal { display: block; }

#detalhe .descricao .block{display: flex; flex-direction: column; justify-content: space-between; height: 100%}

#detalhe .descricao .text{color: #707070;     margin-bottom: 20px; min-height: 299px; width: 400px}

#detalhe .descricao h2{font-size: 21px; line-height: 25px;  font-weight: bold }

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

#detalhe .descricao .compartilhar{display: flex}

#detalhe .descricao .compartilhar .btn{width: 60px; height: 60px; border-radius: 100%; background: #ffffff; border: 1px solid #E50043; display: flex; align-items: center; justify-content: center; cursor: pointer; margin-right: 15px}

#detalhe .btn-voltar{display: flex; align-items: center; justify-content: center; margin: 0 auto; color: #FFFFFF; font-weight: 500; background: #E50043; width: 212px; height: 47px; border-radius: 47px}

#institucional{padding: 0 0 12.45vw 0; background: url("../images/bg-detail-n2.png")bottom no-repeat #F8F8F8;}

.conteudo .item{position: relative; width: 100%; height: 119px; border-radius: 30px; background: #FFFFFF; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; padding: 0 25px 0 37px}

.conteudo .btn-mais{position: unset}

.conteudo h2{font-size: 30px; line-height: 30px; font-weight: bold; color: #707070; margin-left: 38px; text-transform: uppercase}

.conteudo h2 span{font-weight: 500}

.conteudo .wrap{display: flex; align-items: center; justify-content: flex-start}

#material{padding: 0 0 12.45vw 0; background: url("../images/bg-detail-n3.png")bottom no-repeat #F8F8F8;}

#trade{padding: 0 0 12.45vw 0; background: url("../images/bg-detail-n4.png")bottom no-repeat #F8F8F8;}

#digital{padding: 0 0 12.45vw 0; background: url("../images/bg-detail-n5.png")bottom no-repeat #F8F8F8; }

#digital .navegacao .link.w100{width: 100%}

#login{background: #E50043; min-height: 100vh; display: flex; align-items: center; padding: 3vw 0 80px}

#login .indent{width: 637px; margin: 0 auto; display: flex; justify-content: center; align-items: flex-start; flex-direction: column}

#login .indent form{width: 100%; background: #FFFFFF; border-radius: 40px;  padding: 35px}

#login .indent form .form-group{width: 100%; background: #F7F7F7; color: #707070; height: 55px; border-radius: 55px; padding: 0 25px; border: none; margin-bottom: 10px; font-size: 18px}

#login .indent form .form-group::-moz-placeholder { opacity: 1; }

#login .indent form .form-group::-webkit-input-placeholder { color: #707070; }

#login .indent form input[type='submit']{ /*font-family: 'Mazzard L', Verdana , "Bitstream Vera Sans" , Arial Narrow, sans-serif;*/ width: 307px; height: 55px; border-radius: 55px; background: #E50043; color: #ffffff; border: none; margin: 0 auto; font-size: 1.56vw; line-height: 1.88vw; font-weight: 600; display: block; cursor: pointer; letter-spacing: 1px}

#login .indent .link { font-size: 12px; text-align: center; text-decoration: underline; display: block; margin: 15px 0 0; font-weight: 600; color: #4C4C4C}

#login .indent img{display: block; margin: 0 auto 5.47vw; width: 324px}

#login h1{font-size: 55px; line-height: 65px; margin-bottom: 34px; color: #E50043; text-transform: uppercase;  font-weight: bold}

#login .indent form label{color: #E50043; padding: 10px 0 0 20px}



#error { padding: 50px 0; background: url("../images/bg-detail-n1.png")bottom no-repeat #F8F8F8; background-size: contain; min-height: calc(100vh - 127px); }

#error h1 { color: #707070; font-size: 24px; font-weight: bold; margin: 25px 0; }



#download { padding: 50px 0 0; }

#download h1 { text-align: center; color: #707070; font-size: 24px; font-weight: bold; margin: 25px 0; }

#download h2.redir { display: none; text-align: center; color: #707070; font-size: 18px; font-weight: bold; }



body #popup_container { border: none; }

body #popup_title { background: #E50043; }

body #popup_panel input,

body #popup_panel input:hover { background: #E50043; }



.wrap-popup	{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 90; background: rgba(0,0,0,.5); display: none; }

.popup-email { width: 500px; max-width: 90%; background: #FFF; border-radius: 5px; padding: 25px 15px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 91; display: none; }

.popup-email .close { color: #414042; font-size: 14px; font-weight: bold; position: absolute; right: 5px; top: 5px;  }

.popup-email input[type='email'] { width: 100%; height: 40px; border-radius: 20px; border: 1px solid #707070; padding: 0 20px; color: #707070; font-weight: normal; }

.popup-email input[type='email']::-moz-placeholder { opacity: 1; }

.popup-email input[type='email']::-webkit-input-placeholder { color: #707070; }

.popup-email input[type='submit'] { width: 145px; line-height: 30px; border: 0; border-radius: 20px; text-align: center; color: #FFF; font-size: 18px; font-weight: bold; cursor: pointer; display: block; margin: 35px  auto 0; background: #E50043; }



.busca h1 { font-size: 48px; color: #E50043; line-height: 1.3; margin: 0 0 35px; }

.busca h2 { font-size: 28px; color: #E50043; line-height: 1.3; margin: 0 0 15px; }

.busca .item { color: #707070; font-weight: normal; display: block; padding: 5px; margin: 0 0 5px; font-size: 20px; }



footer { position: absolute; width: 100%; bottom: 15px; }

footer .social { display: flex; align-items: center; }

footer .social > * { margin: 0 10px 0 0; }

footer .social span { color: #ffe5e5; font-size: 12px; }

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

footer .social .email { margin: 0 0 0 35px; }



.back { margin: 0 0 15px; font-size: 14px; color: #707070; display: flex; align-items: center; }

.back img { height: 12px; margin: 0 10px 0 0; }





footer .indent{display: flex; justify-content: space-between; align-items: center}

footer .indent a.aviso-legal{color: #fff; font-weight: 500; font-size: 16px}

#aviso-legal{ background: url("../images/bg-detail-n1.png")bottom no-repeat #F8F8F8; background-size: contain; padding: 50px 0 300px 0;}

#aviso-legal h1{color: #E50043; font-size: 18px; line-height: 22px; margin-bottom: 20px; font-weight: bold}

#aviso-legal h2{color: #000; font-size: 16px; line-height: 20px; margin-bottom: 10px; font-weight: bold}

#aviso-legal p{color: #000; font-size: 16px; line-height: 22px; margin-bottom: 15px}







.popup-cookies { width: 100%; padding: 30px 0; position: fixed; bottom: 0; left: 0; z-index: 999; background: url(../images/bg-cookies.jpg?q=1); background-size: cover; display: none; }

.popup-cookies .indent { width: 1540px }

.popup-cookies .text { color: #FFF; font-size: 24px; line-height: 1.2; padding-left: 130px }

.popup-cookies .text a { text-decoration: underline; }

.popup-cookies .btn-cookies { width: 280px; line-height: 55px; text-align: center; border-radius: 5px; color: #E4004B; font-weight: bold; background: #FFF; margin: 0 0 0 50px; }





.pop-up-boasvindas  {position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; justify-content: center; align-items: center}

.pop-up-boasvindas.active{display: flex}

.pop-up-boasvindas .box{width: 800px; height: 400px; background: url(../images/pop-up-boas-vindas.png?q=2); background-size: cover; border-radius: 30px; position: relative}

.pop-up-boasvindas .text {display: flex;color: #E50043; padding: 124px 79px 0 56px; justify-content: space-between; align-items: flex-start}

.pop-up-boasvindas .text h2{font-size: 36px; line-height: 43px; width: 300px; font-weight: bold;}

.pop-up-boasvindas .text h2 span{color: #F2A09E}

.pop-up-boasvindas .text .txt{width: 290px}

.pop-up-boasvindas .text p, .pop-up-boasvindas .text h3{font-size: 18px; line-height: 1.4; }

.pop-up-boasvindas .text h3{font-weight: bold; margin-top: 20px}

.pop-up-boasvindas .text a { text-decoration: underline; }

.pop-up-boasvindas .box .btn-close{width: 27px; height: 27px; display: block; position: absolute; top: 22px; right: 25px; cursor: pointer;}

.pop-up-boasvindas .box .btn-close:after{width: 100%; height: 5px; background: #E4004B; content: ''; display: block; transform: rotate(45deg); position: absolute; top: 50%}

.pop-up-boasvindas .box .btn-close:before{width: 100%; height: 5px; background: #E4004B; content: ''; display: block; transform: rotate(135deg); position: absolute; top: 50%}

















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

    #login .indent img {margin: 0 auto 5vw;}

    #login .indent form button { width: 290px; height: 55px; font-size: 20px}

    #header .menu nav ul li p {font-size: 25px; line-height: 30px;}

	#home .navegacao .item { min-height: 220px; }

    #home .navegacao .item h2 {font-size: 24px; }

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

    #header .menu nav ul li {margin-bottom: 30px;}

    #detalhe {padding: 0 0 20vw 0;}

    #home {padding: 3.91vw 0 200px 0}





	.popup-cookies .text { font-size: 18px; }

	.popup-cookies .btn-cookies { width: 250px; margin: 0 0 0 35px; }

	.popup-cookies .indent { width: 1280px }

}





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

    #header .indent, .indent{width: 100%; padding: 0 60px;}

    #home .navegacao .item { min-height: 190px; }

    #home .navegacao .item.big {width: 44.64vw;}

    #home .indent {width: 90.77vw;}

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

    #produtos .indent {width: 100%; padding: 0 60px;}

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

    #detalhe figure {margin-right: 7.82vw;}



	.popup-cookies .text { font-size: 16px; }

	.popup-cookies .btn-cookies { width: 220px; margin: 0 0 0 25px; padding: 5px }

	.popup-cookies .indent { width: 1200px }

    .pop-up-boasvindas .indent{padding: 0}

}



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

    #produtos-lista .itens{grid-template-columns: repeat(auto-fill, minmax(265px, 1fr));}

    #produtos .navegacao .link, #digital .navegacao .link{width: calc(50% - 20px)}



}



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

    #detalhe .descricao .text {width: 330px; }

    #detalhe .descricao {padding: 35px;}

    #detalhe figure {width: 330px;}

    #detalhe figure {margin-right: 4vw;}

    #header .wrap-pesquisa #fBusca {width: 290px;}







}





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

    #detalhe .descricao {padding: 20px;}

    #detalhe .descricao .text {width: 300px;}

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

    #header .wrap-pesquisa #fBusca {width: 250px;}





    .pop-up-boasvindas .box{width: 88.89vw; height: 44.44vw; border-radius: 3.33vw; }

    .pop-up-boasvindas .text {display: flex;color: #E50043; padding: 13.78vw 8.78vw 0 6.22vw; justify-content: space-between; align-items: flex-start}

    .pop-up-boasvindas .text h2{font-size: 4vw; line-height: 4.78vw; width: 33.33vw;}

    .pop-up-boasvindas .text .txt{width: 32.22vw}

    .pop-up-boasvindas .text p, .pop-up-boasvindas .text h3{font-size: 2vw; line-height: 1.4; }

    .pop-up-boasvindas .text h3{margin-top: 2.3vw}

    .pop-up-boasvindas .box .btn-close{width: 20px; height: 20px; display: block; position: absolute; top: 15px; right: 15px; cursor: pointer;}

    .pop-up-boasvindas .box .btn-close:after{width: 100%; height: 5px; background: #E4004B; content: ''; display: block; transform: rotate(45deg); position: absolute; top: 50%}

    .pop-up-boasvindas .box .btn-close:before{width: 100%; height: 5px; background: #E4004B; content: ''; display: block; transform: rotate(135deg); position: absolute; top: 50%}





}