@media only screen and (min-width:0px){
/************************************************************ ESTRUTURA GERAL *************************************************************/
/**                                                                                                                                      **/
/**                                              ESTILOS QUE SE APLICA A TODOS OS TAMANHOS                                               **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
p ~ p{margin-top: 20px;}
[class^="lh"], [class*=" lh"]{ line-height: var(--lh);}
/************************************************************* VARIAVEIS CSS **************************************************************/
:root{
  --positiondestaque: relative;
  --alturadestaque: 100vh;
  --margindestaque: 55px;
}
/*********************************************************** FIM VARIAVEIS CSS ************************************************************/


/***************************************************************** CABEÇA *****************************************************************/
.barramenu{-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}
.barramenu{ position: fixed; top: 0; left: 0; z-index: 2147483647; float:left; padding-left: 20px; padding-right: 16px; box-sizing: border-box; padding-top: 20px; padding-bottom: 20px;}

.barramenu .wrapnavlang{margin-top: 15px; column-gap: 25px; transition: transform .5s;}
.barramenu.collapsed{background: rgba(34, 34, 34, 0.75); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);}
/* .barramenu.completeCollapsed .wrapnavlang{transform: translateY(calc(-100% - 100px));} */

.logo{width: 181px; height: 45px;}
.logo.collapsed{width: 181px; height: 45px;}

.amedidacontent .letra14{font-size: 9px;}

.procuralista{margin-top: 4px; height: auto; background: rgba(248, 248, 248, 0.75); box-sizing: border-box; padding-left: 5px; padding-right: 5px; padding-top: 4px; padding-bottom: 4px; border-radius: 5px;}
.procuralista:nth-child(2){margin-top: 0;}

.wrapinnermenu{position: fixed; width: 100%; height: 0; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.85); transition: height .5s; z-index: 2147483646; overflow: hidden;}
.wrapinnermenu.open{height: 100vh;}

.divmobiledentro .menupri{max-height: calc(100% - 0px); overflow: hidden auto; top: 50%; transform: translateY(-50%);}
.divmobiledentro{height: 100%; padding: 100px 20px 100px 20px;}
.divmobiledentro .divlang{margin-top: 45px; margin-top: 35px;}

.setamenumobile{position: absolute; right: 0; width: 21px; height: 21px; top: 50%; transform: translateY(-50%);}
.setamenumobile.open{transform: translateY(-50%) rotateZ(180deg);}
.artigosdropdown{margin-top: 20px;}
.artigosdropdown .artigomenupadding{margin-bottom: 12px;}
.artigosdropdown .artigomenupadding:last-child{margin-bottom: 0px;}

.menuitem > .divdefault::after{content: ""; position: absolute; bottom: -5px; left: -3px; background: #3786C8; width: 0; height: 2px; transition: width .5s}
.menuitem > .divdefault a{transition: color .5s;}

.menuitem.selected > .divdefault::after{width: calc(100% + 6px);}
.menuitem.selected > .divdefault a{transition: color .5s;}

.parentsubmenu{position: fixed; width: 100%; top: 114px; left: 0; padding: 30px 100px 30px 435px; background: #3787c8d9; display: none !important;}
.parentsubmenu .imgmenu{position: absolute; left: 0; top: 0; width: 360px; height: 100%;}

.divlang .lang.index{display: flex; column-gap: 15px;}

.navbar{margin-top: 2px;}
/*************************************************************** FIM CABEÇA ***************************************************************/


/************************************************************* DESTAQUE INDEX *************************************************************/
.destaqueindex .swiper-slide .captionindex .btnhoverdefault{margin-top: 20px;}
.destaqueindex .maskdestaque{position: absolute; top: 0; left: -60%; width: 200%; height: 300px; background: url(../imgs/simbolo.svg) no-repeat center bottom / cover; opacity: .65}
.destaqueindex .swiper-slide .captionindex{position: absolute; top: auto; bottom: 65px; left: 50%; width: 285px; transform: translate(-50%, 0%); display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}

/* .destaqueindex .slidedestaque-prev{cursor: pointer; z-index: 2; width: 16px; height: 22px; position: absolute; right: 110px; bottom: 213px;}
.destaqueindex .slidedestaque-next{cursor: pointer; z-index: 2; width: 16px; height: 22px; position: absolute; right: 80px; bottom: 213px;} */
/*********************************************************** FIM DESTAQUE INDEX ***********************************************************/


/***************************************************************** INDEX ******************************************************************/
.captionindex .ls2_8{letter-spacing: 2.4px;}
.captionindex .ls3{letter-spacing: 2px; margin-top: 8px;}
.captionindex .ls5{letter-spacing: 1.8px; margin-top: 12px; text-align: center;}
.captionindex .ls10{letter-spacing: 5.6px; line-height: 36px; text-align: center;}
.botaodestaque{box-sizing: border-box; padding: 0 57px; height: 30px; border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 15px; margin-top: 25px; left: 50%; transform: translateX(-50%);}

.inputprocura{box-sizing: border-box; padding-left: 87px; letter-spacing: 0px; font-size: 14px; color: #fff; font-weight: 300;}
.labelprocura{left: 15px; font-size: 14px; color: #fff; font-weight: 300;}

.paginationdestaque{bottom: 30px !important; width: auto !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important;}

.wrapmarcasindex{ --maskmarcasopacity: 0; }
.wrapmarcasindex .wrapinnermarcasindex .wrapmarcas{background: #FFFFFFA6}
.wrapmarcasindex .wrapinnermarcasindex > .divdefault:nth-child(1){margin-bottom: 15px;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5{padding: 25px 40px 25px 40px; transition: background .5s;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5:not(.wrapmarcasindex .colunas5:nth-child(5n+5))::after{content: ""; width: 1px; height: calc(100% - 40px); position: absolute; right: 0; top: 20px; background: #FFFFFFBF;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 img{max-width: 100%; max-height: 66px;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 img{filter: grayscale(1); transition: filter .5s; mix-blend-mode: multiply;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 .wrapinnermarca {position: absolute; width: 100%; height: 0%; bottom: 100%; left: 0; background: #fff; transition: height .5s;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 .wrapinnermarca .maskazul{background: #03377DA6; opacity: 1; overflow: hidden;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 .wrapinnermarca .maskazul::before {content: ""; position: absolute; width: 52px; height: 4px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 2px; transition: width .5s;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 .wrapinnermarca .maskazul::after {content: ""; position: absolute; width: 4px; height: 52px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 2px; transition: height .5s;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 .wrapinnermarca .maskazul:hover::before{width: 90px; background: #ffffff73;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 .wrapinnermarca .maskazul:hover::after{height: 90px; background: #ffffff73;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5:hover{background: #fff;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5:hover img{filter: grayscale(0);}
.wrapmarcasindex .wrapinnermarcasindex .colunas5:hover .wrapinnermarca {height: 100%;}
/* .wrapmarcasindex::before{content: ""; position: absolute; width: calc(100%); height: calc(100% ); top: 0px; left: 0px; background: #E2E2E259; z-index: 0; opacity: var(--maskmarcasopacity);} */
.wrapmarcasindex::after{content: ""; pointer-events: none; position: absolute; width: 100vw; height: calc(100% + 50px); top: calc(-100% - 50px); left: 0px; background: #fff; z-index: -1; opacity: var(--maskmarcasopacity);}

section#index{margin-top: 0px; margin-bottom: 114px;}
div#index{margin-top: 0px; margin-bottom: 114px;}

.slidefeedback{margin-top: 78px;}

.reservaswrap{height: 440px; border-radius: 0px; overflow: hidden;}

.wrapartigoindex{width: 100%; height: 100%; padding: 87px 70px 87px 153px;}

.destino{margin-top: 8px;}

.flexindex{flex-direction: column; justify-content: space-between; align-items: center; height: 307px; box-sizing: border-box; padding: 34px 0;}

a .destino .dentrodestino{position: relative; float: left; left: 50%; top: calc(100% - 38px); transform: translate(-50%, -100%); display: flex; flex-direction: column; justify-content: center; align-items: center;}
a .destino .divboth{float: left; left: auto; transform: translateX(0%);}
a .destino .riscodestino{position: relative; left: auto; transform: translateX(0%); float: right; margin-top: 14px; width: 100%; height: 1px; background: #fff;}

.dentrodestino .letra45.ls9{font-size: 28px; letter-spacing: 5.6px;}
.dentrodestino .letra20.ls4{font-size: 12px; letter-spacing: 1.8px;}
.dentrodestino .letra11.ls2_2{font-size: 10px; letter-spacing: 2px; margin-top: 8px;}


.wrapartigoindex .maskpaginasindex{position: absolute; width: calc(100% - 100px); height: 100%; top: 0; right: 0; opacity: .8; transition: width .5s; }
.wrapartigoindex .maskpaginasindex::before{content: ""; position: absolute; right: 0; top: 50%; width: 40px; height: 2px; background: #fff; opacity: .25; transition: opacity .5s}
.wrapprodsindex .colunas2:nth-child(4n+1) .maskpaginasindex{background: #3786C8;}
.wrapprodsindex .colunas2:nth-child(4n+2) .maskpaginasindex{background: #145991;}
.wrapprodsindex .colunas2:nth-child(4n+3) .maskpaginasindex{background: #03377D;}
.wrapprodsindex .colunas2:nth-child(4n+4) .maskpaginasindex{background: #032553;}

section.reservaindex{position: relative; float: left; margin: 0 20px; width: calc(100% - 40px); margin-top: 32px;}

.mtop108{margin-top: 67px;}
.mtop66{margin-top: 40px;}

.wrapsobrenosindex .wrapslidercontebaixo .slide:nth-child(1n+4){display: none;}

.bgdestino{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent linear-gradient(270deg, #00000000 0%, #00000080 100%) 0% 0% no-repeat padding-box; box-sizing: border-box; padding: 0 50px; opacity: 1;}
.bgdestino_left{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent linear-gradient(90deg, #00000000 0%, #00000080 100%) 0% 0% no-repeat padding-box; box-sizing: border-box; padding: 0 50px; opacity: 1;}

.wrapfeedback{margin: 0 20px; margin-top: 66px; width: calc(100% - 40px);}
.wrapfeedback .slideconte-prev{position: absolute; right: auto; left: calc(50% - 35px); bottom: auto; top: calc(100% + 25px); transform: translate(-50%, 0%); width: 11px; height: 22px; background: url(../imgs/setacizesq.png) no-repeat center center / contain; cursor: pointer;}
.wrapfeedback .slideconte-next{position: absolute; right: auto; left: calc(50% + 35px); bottom: auto; top: calc(100% + 25px); transform: translate(-50%, 0%); width: 11px; height: 22px; background: url(../imgs/setacizdir.png) no-repeat center center / contain; cursor: pointer;}

.wrapprodsindex .slideconte-prev{position: absolute; right: auto; left: calc(50% - 35px); bottom: auto; top: calc(100% + 25px); transform: translate(-50%, 0%); width: 11px; height: 22px; background: url(../imgs/setacizesq.png) no-repeat center center / contain; cursor: pointer;}
.wrapprodsindex .slideconte-next{position: absolute; right: auto; left: calc(50% + 35px); bottom: auto; top: calc(100% + 25px); transform: translate(-50%, 0%); width: 11px; height: 22px; background: url(../imgs/setacizdir.png) no-repeat center center / contain; cursor: pointer;}

.estadisticasindex{padding: 65px 0px 65px 40px;}
.estadisticasindex .wrapinnerestadistica{padding: 65px 45px 65px 40px; background: #03377DD9; row-gap: 45px; transform: translateX(calc(100% - 115px));}
.estadisticasindex .wrapestadistica > img:nth-child(1){opacity: .65; margin-bottom: 20px;}
.estadisticasindex .wrapestadistica > div.divdefault:nth-child(2){opacity: .85; margin-bottom: 10px;}
.estadisticasindex .wrapestadistica > div.divdefault:nth-child(3){opacity: .60; }

.wrapsobrenosindex .colunas2 .divdefault:nth-child(1){margin-bottom: 20px;}
.wrapsobrenosindex .colunas2 .btnhoverdefault{margin-top: 15px;}

.linhadestaque{width: 202px;}

.wrapcontactoindex .colunas40{padding: 56px 39px 52px 39px; background: #03377D}
.wrapcontactoindex .wrapmap{width: 100%; height: 100%; overflow: hidden;}

.wrapcontactoindex .colunas40 .btnhoverdefault{margin-top: 35px;}
.wrapcontactoindex .colunas60 #map{height: 363px;}

.iconprocura{display: none;}
.divprocabre{display: block; width: 100%; position: relative; float: left; margin-right: 11px; background: rgba(255, 255, 255, 0.3); border-radius: 17px; box-sizing: border-box; padding: 0px;}
.inputprocura{width: 100%; height: 34px;}
.submitprocura{right: 0px; appearance: none; background: url(../imgs/lupaciz.png) no-repeat center center /contain; width: 17px; border: 0; top: 7px; cursor: pointer;}
.suggestionsBox{position: absolute; top: calc(100% + 18px); width: 100%; left: 0px; background: #000; box-sizing: border-box; padding: 0px; display: none;}

.marginsobrenos2 .colunas2:nth-child(2n+1){margin-bottom: 70px;}

.imgprocura{width: 29px; height: 29px; border-radius: 100%; margin-right: 16px;}
.procuratit .letra14{font-size: 12px;}
/*************************************************************** FIM INDEX ****************************************************************/

.mleft15{margin-left: 0px; margin-top: 30px;}

/************************************************************* DESTAQUE CONTE *************************************************************/
.destaqueconte.conte,
.destaqueconte.contebaixo,
.destaqueconte.marca,
.destaqueconte.Procura{position: var(--positiondestaque); height: var(--alturadestaque); margin-bottom: 0px; margin-top: 0px;}

.destaqueconte.conte .imgdestaque,
.destaqueconte.contebaixo .imgdestaque,
.destaqueconte.marca .imgdestaque,
.destaqueconte.Procura .imgdestaque{width: 100%; height: 100%;}

.destaqueconte.conte .maskdestaque,
.destaqueconte.contebaixo .maskdestaque,
.destaqueconte.marca .maskdestaque,
.destaqueconte.Procura .maskdestaque{position: absolute; top: 0; left: -60%; width: 200%; height: 300px; background: url(../imgs/simbolo.svg) no-repeat center bottom / cover; opacity: .65}

.destaqueconte.marca .caption{position: absolute; left: 0; bottom: 80px; padding-left: 40px;}
.destaqueconte.marca .imgmarcadestaque{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 200px; filter: grayscale(1);}

.destaqueconte.conte::before,
.destaqueconte.contebaixo::before,
.destaqueconte.marca::before,
.destaqueconte.Procura::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #03377D; opacity: 0.1;}

.destaqueconte.conte .caption,
.destaqueconte.contebaixo .caption,
.destaqueconte.Procura .caption{position: absolute; bottom: 0; padding-left: 0px; width: calc(100% - 0px); background: #fff; border-top-left-radius: 0px; border-top-right-radius: 0px; }

.letramob12.lh24{line-height: 20px;}
/*********************************************************** FIM DESTAQUE CONTE ***********************************************************/


/*************************************************************** CONTE CIMA ***************************************************************/
.mbot110{margin-bottom: 75px;}
.wrapartigocontecima{width: 100%; padding: 87px 74px 87px 153px;}

.wrapartigocontecima .maskpaginascontecima{position: absolute; width: calc(100% - 100px); height: 100%; top: 0; right: 0; opacity: .8; transition: width .5s; }
.wrapartigocontecima .maskpaginascontecima::before{content: ""; position: absolute; right: 0; top: 50%; width: 40px; height: 2px; background: #fff; opacity: .25; transition: opacity .5s}
.wrapcontecima .maxwidth1600 > a:nth-child(4n+1) .wrapartigocontecima .maskpaginascontecima{background: #3786C8;}
.wrapcontecima .maxwidth1600 > a:nth-child(4n+2) .wrapartigocontecima .maskpaginascontecima{background: #145991;}
.wrapcontecima .maxwidth1600 > a:nth-child(4n+3) .wrapartigocontecima .maskpaginascontecima{background: #03377D;}
.wrapcontecima .maxwidth1600 > a:nth-child(4n+4) .wrapartigocontecima .maskpaginascontecima{background: #032553;}

.wrapcontecima.marcas .wraptextomarcas{max-width: 630px;}
.wrapcontecima.marcas .wraptextomarcas > div:nth-child(1){margin-bottom: 15px;}
.wrapcontecima.marcas .wrapmarcasconte{background: #E2E2E259; padding: 46px 39px 45px 39px}
.wrapmarcasconte .colunas5{width: calc(50% - 37.5px); margin-bottom: 40px;}
.wrapmarcasconte .colunas5:nth-child(2n+1){margin-right: 75px; clear: both;}
.wrapmarcasconte .colunas5:nth-child(2n+2){clear: none;}
.wrapmarcasconte .colunas5 a > img{filter: grayscale(1); transition: filter .5s; mix-blend-mode: multiply;}
.wrapmarcasconte .colunas5 a > img:hover{filter: grayscale(0);}

/************************************************************* FIM CONTE CIMA *************************************************************/


/************************************************************ CONTE CONTACTOS *************************************************************/
.wrapcontebaixocontactos .colunas40{padding: 56px 39px 52px 39px; background: #03377D}
.wrapcontebaixocontactos .wrapmap{width: 100%; height: 445px; overflow: hidden;}

.wrapcontebaixocontactos .colunas40 .btnhoverdefault{margin-top: 35px;}
.wrapcontebaixocontactos .colunas60 #map{height: 363px;}

.wrapsectionformcontacto{min-height: min(700px, 100vh); display: flex; align-items: center;}

.mensagemtxt .letra28{margin-bottom: 15px;}
.wrapformcontactos{margin-top: 15px;}
/********************************************************** FIM CONTE CONTACTOS ***********************************************************/


/************************************************************* LAYOUTS GERAL **************************************************************/
.wrapficheirosrelacionados{margin-top: 50px;}
.wrapficheiro:nth-child(2n+1){margin-right: 60px; clear: both;}
.wrapficheiro:nth-child(2n+2){clear: both;}
.wrapinnerficheirorel{column-gap: 15px;}
.wrapficheiros .imgdownload{width: 22px; height: 22px;}
.wrapficheiros .imgweb{width: 22px; height: 22px;}

.orcamentoprodutos{padding: 65px 40px 65px 0px;}
.orcamentoprodutos .wrapformularioorcamentoprods{background: #03377DD9; padding: 55px 28px 60px 39px; transform: translateX(calc(-100% + 30px))}
#btnsubmitorcamento{float: left;}

.letra28.lh38{line-height: 34px;}

/*********************************************************** FIM LAYOUTS GERAL ************************************************************/

/***************************************************************** LAYOUT0 ****************************************************************/
.wrapslidercontebaixo .slide .innerimg{/*aspect-ratio: 296/220;*/ height: 547px; overflow: hidden;}

.wrapslidercontebaixo .slide .innerimg{width: 100%; }
.wrapslidercontebaixo .slide .maskazul{opacity: 0;}

.wrapslidercontebaixo .slide .legendaimg{background: transparent; color: #363636; padding-top: 0px; position: relative;}

.wrapcontebaixo video.video{width: 100%;}
.contactotxt{width: 50%; margin: 0; height: 636px; background: #F7F7F7;}
.divlocalizacao{width: 100%; position: relative; float: left; clear: both;}
.wrapcontacto{box-sizing: border-box; padding-right: 0px; margin-bottom: 50px;}
.marginsobrenos{margin-left: 43px; margin-right: 30px; width: calc(100% - 73px);}
.marginsobrenos2{margin-left: 43px; margin-right: 30px; width: calc(100% - 73px);}
.wrapslidercontebaixo{margin-bottom: 0px;}

.closeorc{position: absolute; right: 30px; top: 0; width: 70px; height: 54px; background: #FCBC00; border-radius: 0px 0px 5px 5px; cursor: pointer;}
.inputcustomorcamento::placeholder{font-size: 14px; font-weight: bold; text-transform: uppercase; letter-spacing: 1.2px; color: #3AB3EC;}

/*************************************************************** FIM LAYOUT0 **************************************************************/

.wrapquestao > div:nth-child(1){width: 615px; margin-bottom: 5px; text-align: left;}

.pacotes{background: #F8F8F8; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; padding-top: 34px; padding-bottom: 34px;}
.pacotes form{position: relative; float: left; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.paddingdados{box-sizing: border-box; padding-left: 20px; padding-right: 20px; padding-top: 58px; padding-bottom: 44px;}

/************************************************************** LAYOUT PRODS **************************************************************/
.wrapcontebaixoprods .wraptextoprod{max-width: 630px;}
.wrapcontebaixoprods .wraptextoprod > div:nth-child(1){margin-bottom: 25px;}

.wrapcontebaixoprods .wrapgaleriaprod{display: grid; grid-template-columns: repeat(2, 1fr); gap: 35px 10px;}
.wrapcontebaixoprods .wrapimgproduto.hide{width: 100%;}
.wrapcontebaixoprods .wrapimgproduto .innerimg{width: 100%; height: 100%;}
.wrapcontebaixoprods .wrapimgproduto .maskazul{opacity: 0;}
.wrapcontebaixoprods .wrapimgproduto .legendaimg{background: #fff; color: #03377DE6; padding-top: 15px; position: relative;}

.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 7),
.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 1) { grid-column: auto /span 2; grid-row: auto /span 2; aspect-ratio: 632/547; }

.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 4),
.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 8) { grid-column: auto /span 2; grid-row: auto /span 1; aspect-ratio: 698/297; }

.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 2),
.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 3),
.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 5),
.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 6) { aspect-ratio: 344/297; }

.wrapcontebaixoprods .galeriaprodutos .btnhoverdefault{margin-top: 65px;}
/************************************************************ FIM LAYOUT PRODS ************************************************************/

/************************************************************** LAYOUT MARCAS *************************************************************/
.viewweb{padding-bottom: 83px;}
.viewweb::before{content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #03377D; opacity: .3;}
.viewweb > .divdefault{background: #03377DD9; padding: 35px 39px 45px 39px;}
.viewweb > .divdefault::before{content: ""; position: absolute; width: 17px; height: 2px; background: #FFFFFFBF; left: 0;}
.viewweb .btnhoverdefault{column-gap: 13px;}
.viewweb .btnhoverdefault .imgweb{width: 20px; height: 20px;}
.wrapslidermarcas .slide{ overflow: hidden;}

.wrapslidermarcas .slide .innerimg{width: 100%; aspect-ratio: 422/487; }

.wrapslidermarcas .slide .maskazul{opacity: 0;}

.wrapslidermarcas .slide .legendaimg{background: #fff; color: #03377DE6; padding-top: 15px; position: relative;}

/************************************************************ FIM LAYOUT MARCAS ***********************************************************/


/****************************************************************** 404 *******************************************************************/

.destaqueconte.error404{position: var(--positiondestaque); height: var(--alturadestaque); margin-bottom: var(--margindestaque)}

.destaqueconte.error404 .imgdestaque{width: 100%; height: 100%;}

.destaqueconte.error404 .maskdestaque{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #03377D; opacity: .3}

.destaqueconte.error404 .caption{position: absolute; left: 0; bottom: 85px; padding-left: 40px;}

.destaqueconte.error404 .caption h1::after{content: ""; position: absolute; top: 50%; left: -40px; width: 20px; height: 2px; background: #fff;}

/**************************************************************** FIM 404 *****************************************************************/


/******************************************************************* PE *******************************************************************/
.wrapnewsletter.flex{align-items: center;}
.txtnewsletter{text-align: center;}
.wrapprodspe{background: url(../imgs/imgprodspe.jpg) no-repeat center center / cover;}
.titprodpe{padding: 30px 0px 30px 72px; background: #03377DE6}
.titprodpe::before{content: ""; width: 40px; height: 2px; background: #FFFFFFBF; border-radius: 1px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}

.wrapmenusprodpe{padding-bottom: 40px; background: #03377DE6}
.wrapprodspe .colunas4{aspect-ratio: 374/123}
.wrapprodspe .colunas4 > a .divdefault{width: 60%; padding: 0px 50px 0px 75px; min-height: 100%; transition: all .5s;}
.wrapprodspe .colunas4 > a .divdefault::before{content: ""; width: 40px; height: 2px; background: #FFFFFFBF; border-radius: 1px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); opacity: .25}

.wrapprodspe .colunas4:nth-child(4n+1) > a .divdefault{background: #3786C8CC}
.wrapprodspe .colunas4:nth-child(4n+2) > a .divdefault{background: #145991CC}
.wrapprodspe .colunas4:nth-child(4n+3) > a .divdefault{background: #03377DCC}
.wrapprodspe .colunas4:nth-child(4n+4) > a .divdefault{background: #032553CC}

.marquee { background: #FFFFFFD9; overflow: hidden; }

.innermarquee{display: flex;}

.wrapmarcaspe{margin-top: 40px; margin-bottom: 40px; background: #FFFFFFD9; padding: 30px 57px 30px 57px;}
.wrapmarcaspe a.marqueechild{ display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; height: 50px; filter: grayscale(1); transition: filter .5s; mix-blend-mode: multiply;}
.wrapmarcaspe a.marqueechild:hover{filter: grayscale(0);}
.wrapmarcaspe a.marqueechild > img{height: 100%;}

.separadorpe{height: 32px; background: #FFFFFFD9}

footer .divfooter{background: url(../imgs/imgfundope.jpg) no-repeat center center / cover; box-sizing: border-box; padding-left: 20px; padding-right: 20px; padding-top: 38px; padding-bottom: 46px; justify-content: space-between; box-sizing: border-box; border-top-left-radius: 0px; overflow: hidden;}
footer .divfooter > .colunas65.showmobile769{margin-top: 46px;}
footer .divfooter > .colunas65.showmobile769 .colunas2:nth-child(1) .divdefault:nth-child(1),
footer .divfooter > .colunas65.showmobile769 .colunas2:nth-child(1) .divdefault:nth-child(3),
footer .divfooter > .colunas65.showmobile769 .colunas2:nth-child(1) .divdefault:nth-child(5){margin-bottom: 0px;}
footer .divfooter > .colunas65.showmobile769 .colunas2:nth-child(1) .divdefault:nth-child(2),
footer .divfooter > .colunas65.showmobile769 .colunas2:nth-child(1) .divdefault:nth-child(4),
footer .divfooter > .colunas65.showmobile769 .colunas2:nth-child(1) .divdefault:nth-child(6){margin-bottom: 28px;}

footer .divfooter > .colunas65.showmobile769 .colunas2:nth-child(2){margin-top: 80px;}
footer .divfooter > .colunas65.showmobile769 .colunas2:nth-child(2) .btnhoverdefault{margin-bottom: 45px;}
footer .divfooter > .maskazulescuropa{position: absolute; bottom: 0; left: 0; width: 100%; height: 625px; background: url(../imgs/simbolo_pe.svg) no-repeat calc(100% + 100px) center / cover;}

footer.divfooterindex{padding: 20px 40px 20px 40px; background: #032553; row-gap: 25px;}
footer.divfooterindex > img{width: 167px; }

.designfooter{float: left;}
.logocopy{width: 40px; height: 16px; margin-top: -3px; margin-left: 5px; float: right;}


.linhacopy::after{content: '\00a0\00a0 | \A \00a0\00a0'}

.mtop36{margin-top: 50px;}
.parent404{margin-top: 155px; margin-bottom: 74px;}
/***************************************************************** FIM PE *****************************************************************/

.margindefault1024{margin-left: 0; margin-right: 0; width: calc(100% - 0); }
.contactotxt{width: 100%; margin: 0; height: auto; background: #F7F7F7; box-sizing: border-box; padding-top: 40px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px;}
.mensagemtxt{width: 100%; box-sizing: border-box; padding-left: 20px; padding-top: 40px; padding-right: 20px;}
.ptop87{padding-top: 50px;}
.mbot108{margin-bottom: 50px;}
.colunaexcursao{position: relative; float: left; width: 100%; box-sizing: border-box; padding-left: 0; padding-right: 0; margin-bottom: 10px; height: 381px;}
.colunas2incluido{width: 100%; border-radius: 10px; padding-top: 52px; padding-bottom: 35px; border-radius: 10px; margin-bottom: 25px;}
.wrapperguntas{margin-top: 76px; background: #3AB3EC; box-sizing: border-box; padding-top: 55px; padding-bottom: 35px; padding-left: 20px; padding-right: 20px;}
.top105{margin-top: 57px;}
.colunas2pergunta{width: calc(100%); margin-right: 0px;}
.css-numer{width: 6px; height: 6px; margin-right: 10px;}
.css-numer::before{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 6px; height: 2px; background: #fff;}
.css-numer::after{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 2px; height: 6px; background: #fff;}
.css-numer.aberto::after{opacity: 0;}
.wrapoutros{margin-top: 70px;}
.dadoscontacto{margin-top: 112px; margin-bottom: 75px;}
.bot108{margin-bottom: 76px;}
.wrapinfodestino{box-sizing: border-box; padding: 0 20px; padding-top: 54px; padding-bottom: 42px;}
.mtop205{margin-top: 75px; max-width: 208px;}
.divdefault.letramob13{max-width: 230px;}
.divdefault.letramob15{max-width: 230px;}
.mtop42{margin-top: 26px;}
.informacoesdestino .wrapmap{height: 424px;}
.parentslidercontebaixo2 .slideconte-prev{position: absolute; right: auto; left: 20px; bottom: 25px; width: 11px; height: 22px; background: url(../imgs/setaesqbr.png) no-repeat center center / contain; cursor: pointer;}
.parentslidercontebaixo2 .slideconte-next{position: absolute; right: 20px; left: auto; bottom: 25px; width: 11px; height: 22px; background: url(../imgs/setadirbr.png) no-repeat center center / contain; cursor: pointer;}
.mtop107{margin-top: 72px;}
.margincluido{margin-top: 0px; margin-bottom: 74px;}


.wrapquestao .dumperros{color: #fff;}

.margindefaultdesktop{width: 100%;}

.toolbox{position: absolute; width: 200px; background: #3ab3eccc; border-radius: 10px; padding: 5px 10px;}
.toolbox__texto{color: #fff;}
.toolbox__titulo{color: #fff;}
.toolbox::after{content: ""; position: absolute; width: 10px; height: 5px; bottom: 1px; transform: translate(-50%, 100%); background: inherit; clip-path: polygon(0 0, 50% 100%, 100% 0);}
.toolbox__arrowLeft::after{left: 10%; transform: translate(0%, 100%);}
.toolbox__arrowCenter::after{left: 50%; transform: translate(-50%, 100%);}
.toolbox__arrowRight::after{left: 80%; transform: translate(0%, 100%);}
/********************************************************** FIM ESTRUTURA GERAL ***********************************************************/
}

@media only screen and (max-width:768px){
.colunas3.colunas3conte{margin-bottom: 55px;}
/********************************************************** ESTRUTURA SO MOBILE ***********************************************************/
/**                                                                                                                                      **/
/**                                            ESTILOS QUE SO SE APLICAM AO MOBILE (MAX 768)                                             **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
.btnhoverdefault.transparent.forcehover{background: var(--corpri1);}
.btnhoverdefault.whiteborder.forcehover{border: 2px solid #ffffff00;}
/************************************************************* VARIAVEIS CSS **************************************************************/

/*********************************************************** FIM VARIAVEIS CSS ************************************************************/


/***************************************************************** CABEÇA *****************************************************************/

/*************************************************************** FIM CABEÇA ***************************************************************/


/************************************************************* DESTAQUE INDEX *************************************************************/

/*********************************************************** FIM DESTAQUE INDEX ***********************************************************/


/***************************************************************** INDEX ******************************************************************/
.wrapartigoindex{text-align: right;}

.wrapmarcasindex .wrapinnermarcasindex > .divdefault:nth-child(1){margin-left: 40px;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5:nth-child(2n+1){width: 50%; clear: both;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5:nth-child(2n+2){width: 50%; clear: none;}

.marginsobrenosindex{margin: 0 30px; width: calc(100% - 60px);}
.sobrenosindex{margin-top: 125px;}

.videoindex{margin: 0 43px; margin-top: 202px; width: calc(100% - 86px);}
.h540{height: 160px;}
.botm65{bottom: 0px;}
.wrapprodsindex{margin: 0 0px; margin-top: 76px; width: calc(100% - 0px);}

.atreladosmedida{width: calc(100% - 60px); height: 566px; margin: 0 30px;}
.atreladostxt{left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(100% - 60px);}
.atreladostxt .letra72{letter-spacing: 5.4px; line-height: 27px; font-size: 27px;}
.atreladostxt .letra51{letter-spacing: 3.8px; line-height: 27px; font-size: 19px; margin-left: 16px;}
.saberatrelados{opacity: 1;}
.cormorant.letra64{font-size: 45px; letter-spacing: 9px;}
/*************************************************************** FIM INDEX ****************************************************************/


/************************************************************* DESTAQUE CONTE *************************************************************/

/*********************************************************** FIM DESTAQUE CONTE ***********************************************************/


/*************************************************************** CONTE CIMA ***************************************************************/
.wrapartigocontecima .titpagina{text-align: right;}
/************************************************************* FIM CONTE CIMA *************************************************************/


/************************************************************ CONTE CONTACTOS *************************************************************/
.wrapsectionformcontacto{padding: 0 40px;}
#btnsubmitcontactos{float: left; margin-top: 25px;}

/********************************************************** FIM CONTE CONTACTOS ***********************************************************/


/************************************************************* LAYOUTS GERAL **************************************************************/
.wrapficheiro:nth-child(2n+2){margin-top: 20px;}
.wrapslidercontebaixo .swiper-wrapper{/*flex-direction: column; row-gap: 35px;*/}

#btnsubmitorcamento{margin-top: 25px;}
.paddembarque{padding-left: 20px; padding-right: 20px; padding-top: 30px; padding-bottom: 22px; box-sizing: border-box;}
/*********************************************************** FIM LAYOUTS GERAL ************************************************************/

/***************************************************************** LAYOUT0 ****************************************************************/
.wrapslidercontebaixo{margin-top: 0px}
.mobilebot30{margin-bottom: 30px;}
.paddorc{width: 100%; background: #f8f8f8; box-sizing: border-box; padding: 0 30px; padding-top: 106px; padding-bottom: 62px;}
#btnsubmitorcamento{float: left; margin-top: 48px; clear: both;}
.wrapformorcamento{margin-top: 45px;}
.imgorc{display: none;}
.bot52{margin-bottom: 42px;}
/*************************************************************** FIM LAYOUT0 **************************************************************/

.colunas2pergunta:nth-child(1){margin-bottom: 45px;}
.wrapquestao > div:nth-child(1){width: 100%; text-align: center;}

/************************************************************** LAYOUT MARCAS *************************************************************/
.viewweb{padding-top: 83px;}
.viewweb > .divdefault{row-gap: 32px;}
.viewweb > .divdefault::before{top: 48px;}

.wrapslidermarcas .swiper-wrapper{flex-direction: column; row-gap: 35px;}
.wrapslidermarcas .slide .innerimg{aspect-ratio: 422/487; }

/************************************************************ FIM LAYOUT MARCAS ***********************************************************/

/****************************************************************** 404 *******************************************************************/

/**************************************************************** FIM 404 *****************************************************************/


/******************************************************************* PE *******************************************************************/
footer.divfooter{padding: 88px 43px 64px 43px;}

footer .chamadas{clear: both;}
footer .linkspe{clear: both; margin-top: 15px;}
footer .copype{clear: both; margin-top: 25px;}
footer .linkspe .div.linhacopy{display: none;}
footer .linkspe .div:not(.linhacopy){clear: both;}
footer .linkspe .div:not(:last-child){margin-bottom: 10px; margin-bottom: 0;}
.socialfooter{clear: both; margin-bottom: 0px; float: right;}
.social.footer{display: flex; justify-content: center; margin-top: 0px; flex-direction: row;}
.socialdiv{margin-bottom: 0px; margin-right: 8px;}
.wrapsocial{float: left;}
.social.footer .wrapsocialitem .imgsocial{height: 30px; width: 30px; opacity: 1;}
.abreorc{position: absolute; right: 30px; top: -1px; width: 70px; height: 54px; background: #FCBC00; border-radius: 0px 0px 5px 5px; cursor: pointer;}
.abreorc .pedirorc{position: absolute; width: 142px; height: 48px; bottom: calc(100% - 1px); right: -30px; background: #CBCBCB; border-radius: 4px 4px 0px 0px; display: flex; justify-content: center; align-items: center;}
/***************************************************************** FIM PE *****************************************************************/


/******************************************************** FIM ESTRUTURA SO MOBILE *********************************************************/
}

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

}

@media only screen and (min-width:600px){
    .amedidacontent .letra14{font-size: 14px;}

}

@media only screen and (min-width:769px){
p ~ p{margin-top: 20px;}

/************************************************************* ESTILOS TABLET *************************************************************/
/**                                                                                                                                      **/
/**                                                         ESTILOS PARA TABLET                                                          **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
/***************************************************************** INDEX ******************************************************************/
.paddingdados{box-sizing: border-box; padding-left: 60px; padding-right: 50px; padding-top: 44px; padding-bottom: 44px;}
.letra28.lh38{line-height: 38px;}
.contactotxt{width: 100%; margin: 0; height: auto; background: #F7F7F7; box-sizing: border-box; padding-top: 40px; padding-left: 80px; padding-right: 80px; padding-bottom: 20px;}
.mensagemtxt{width: 100%; box-sizing: border-box; padding-left: 80px; padding-top: 40px; padding-right: 80px;}
.mbot108{margin-bottom: 108px;}

.ptop87{padding-top: 87px;}
.mbot110{margin-bottom: 110px;}
.letramob12.lh24{line-height: 24px;}

.parent404{margin-top: 222px; margin-bottom: 95px;}
.mtop36{margin-top: 36px;}
.procuralista{margin-top: 5px; height: 70px; background: #F8F8F8; box-sizing: border-box; padding-left: 20px; padding-right: 20px; padding-top: 0px; padding-bottom: 0px; border-radius: 0;}
.procuralista:nth-child(2){margin-top: 0;}

.captionindex .ls2_8{letter-spacing: 2.8px;}
.captionindex .ls3{letter-spacing: 3px; margin-top: 10px;}
.captionindex .ls5{letter-spacing: 5px; margin-top: 12px; text-align: left;}
.captionindex .ls10{letter-spacing: 10px; line-height: 40px; text-align: left;}
.botaodestaque{box-sizing: border-box; padding: 0 21px; height: 35px; border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 18px; margin-top: 13px; left:auto; transform: translateX(0%);}

.imgprocura{width: 38px; height: 38px; border-radius: 100%; margin-right: 14px;}
.procuratit .letra14{font-size: 14px;}

.destaqueindex .swiper-slide .captionindex{position: absolute; top: 50%; bottom: auto; left: 60px; width: calc(100% - 120px); transform: translate(0%, -50%); display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
footer .divfooter{background: url(../imgs/imgfundope.jpg) no-repeat center center / cover; box-sizing: border-box; padding-left: 60px; padding-right: 58px; padding-top: 62px; padding-bottom: 40px; justify-content: space-between; box-sizing: border-box; border-top-left-radius: 0px; overflow: hidden;}
.marginsobrenosindex{margin: 0 110px; width: calc(100% - 220px);}
.wrapmarcasindex::after{left: -40px;}

.wrapartigoindex{width: 100%; height: 100%; padding: 110px 230px 110px 70px;}
.wrapartigoindex .maskpaginasindex::after{content: ""; position: absolute; right: 50%; top: 50%; transform: translate(50%, -50%); width: 60px; height: 60px; background: url(../imgs/mais.png) no-repeat center center / contain; opacity: 0; transition: opacity .2s 0s;}

.wrapprodsindex .maskpaginasindex{position: absolute; width: 100%; height: 100%; top: 0; right: 0; opacity: .8; transition: width .5s; }
.wrapprodsindex .colunas2:nth-child(4n+1) .maskpaginasindex{background: #3786C8;}
.wrapprodsindex .colunas2:nth-child(4n+2) .maskpaginasindex{background: #145991;}
.wrapprodsindex .colunas2:nth-child(4n+3) .maskpaginasindex{background: #03377D;}
.wrapprodsindex .colunas2:nth-child(4n+4) .maskpaginasindex{background: #032553;}

.wrapsobrenosindex .wrapslidercontebaixo .slide:nth-child(1n+4){display: block;}

.linhadestaque{width: 460px;}

.paginationdestaque{bottom: 162px !important; width: auto !important; left: auto !important; right: 60px !important; transform: translateX(0%) !important;}

a:nth-child(2n+1) .destino .dentrodestino{position: relative; float: right; left: auto; top: 50%; bottom: auto; transform: translate(0%, -50%); display: block;}
a:nth-child(2n+2) .destino .dentrodestino{position: relative; float: left; left: auto; top: 50%; bottom: auto; transform: translate(0%, -50%); display: block;}
a:nth-child(2n+1) .destino .divboth{float: right; left: auto; transform: translateX(0%);}
a:nth-child(2n+2) .destino .divboth{float: left; left: auto; transform: translateX(0%);}
a:nth-child(2n+1) .destino .riscodestino{position: relative; left: auto; transform: translateX(0%); float: right; margin-top: 14px; width: 100%; height: 1px; background: #fff;}
a:nth-child(2n+2) .destino .riscodestino{position: relative; left: auto; transform: translateX(0%); float: left; margin-top: 14px; width: 100%; height: 1px; background: #fff;}

.reservaswrap{height: 314px; border-radius: 10px; overflow: hidden;}

.mtop66{margin-top: 66px;}
.mleft18{margin-left: 18px;}

.dentrodestino .letra45.ls9{font-size: 45px; letter-spacing: 9px;}
.dentrodestino .letra20.ls4{font-size: 20px; letter-spacing: 4px;}
.dentrodestino .letra11.ls2_2{font-size: 11px; letter-spacing: 2.2px; margin-top: 10px;}

section.reservaindex{position: relative; float: left; margin: 0 118px; width: calc(100% - 236px); margin-top: -70px;}

.sobrenosindex{margin-top: 102px;}

.bgdestino{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent linear-gradient(270deg, #00000000 0%, #00000080 100%) 0% 0% no-repeat padding-box; box-sizing: border-box; padding: 0 118px; opacity: 0;}
.bgdestino_left{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent linear-gradient(90deg, #00000000 0%, #00000080 100%) 0% 0% no-repeat padding-box; box-sizing: border-box; padding: 0 118px; opacity: 0;}
.destino:hover .bgdestino{opacity: 1;}
.destino:hover .bgdestino_left{opacity: 1;}

.mtop108{margin-top: 108px;}

.slidefeedback{margin-top: 70px;}
.wrapfeedback .slideconte-prev{position: absolute; right: auto; left: -60px; bottom: auto; top: 50%; transform: translate(0%, -50%); width: 11px; height: 22px; background: url(../imgs/setacizesq.png) no-repeat center center / contain; cursor: pointer;}
.wrapfeedback .slideconte-next{position: absolute; right: -60px; left: auto; bottom: auto; top: 50%; transform: translate(0%, -50%); width: 11px; height: 22px; background: url(../imgs/setacizdir.png) no-repeat center center / contain; cursor: pointer;}

.flexindex{flex-direction: row; justify-content: center; align-items: center; height: 77px;}

.wrapprodsindex .slideconte-prev{position: absolute; right: auto; left: -60px; bottom: auto; top: 50%; transform: translate(0%, -50%); width: 11px; height: 22px; background: url(../imgs/setacizesq.png) no-repeat center center / contain; cursor: pointer;}
.wrapprodsindex .slideconte-next{position: absolute; right: -60px; left: auto; bottom: auto; top: 50%; transform: translate(0%, -50%); width: 11px; height: 22px; background: url(../imgs/setacizdir.png) no-repeat center center / contain; cursor: pointer;}

.wrapsobrenosindex .colunas2 .divdefault:nth-child(1){margin-bottom: 15px;}
.wrapsobrenosindex > .colunas2:nth-child(2n+1){margin-right: 25px; width: calc(50% - 85px);}
.wrapsobrenosindex > .colunas2:nth-child(2n+2){margin-left: 0px; width: calc(50% + 60px);}
.wrapsobrenosindex .colunas2 .btnhoverdefault{margin-top: 60px;}

.wrapartigoindex:hover .titpagina{opacity: 0;}
.wrapartigoindex:hover .maskpaginasindex{width: 50%;}
.wrapartigoindex:hover .maskpaginasindex::before{opacity: 0;}
.wrapartigoindex:hover .maskpaginasindex::after{opacity: 1; transition: opacity .5s .4s;}

.wrapartigoindex .maskpaginasindex::after:hover{transform: scale(1.5);}

.wrapcontactoindex .colunas60 #map{height: 100%;}

.destino{margin-top: 10px;}

.videoindex{margin: 0 110px; margin-top: 215px; width: calc(100% - 220px);}
.h540{height: 540px;}

.botm65{bottom: -65px;}

.wrapprodsindex{margin: 0 118px; margin-top: 110px; width: calc(100% - 236px);}

.wrapfeedback{margin: 0 118px; margin-top: 110px; width: calc(100% - 236px);}

.atreladosmedida{width: calc(100% - 120px); height: 566px; margin: 0 60px;}
.atreladostxt{left: 50%; top: 50%; transform: translate(-50%, -50%); width: 680px;}
.atreladostxt .letra72{letter-spacing: 14.4px; line-height: 72px; font-size: 72px;}
.atreladostxt .letra51{letter-spacing: 10.2px; line-height: 72px; font-size: 51px; margin-left: 97px;}
.saberatrelados{opacity: 0;}
.atreladosmedida:hover .saberatrelados{opacity: 1;}
.cormorant.letra64{font-size: 64px; letter-spacing: 12.8px;}

/*************************************************************** FIM INDEX ****************************************************************/

.colunas3.colunas3conte:nth-child(3n+1){box-sizing: border-box; padding-left: calc((22px * 0) / 3); padding-right: calc((22px * 2) / 3); margin-bottom: 22px;}
.colunas3.colunas3conte:nth-child(3n+2){box-sizing: border-box; padding-left: calc((22px * 1) / 3); padding-right: calc((22px * 1) / 3); margin-bottom: 22px;}
.colunas3.colunas3conte:nth-child(3n+3){box-sizing: border-box; padding-left: calc((22px * 2) / 3); padding-right: calc((22px * 0) / 3); margin-bottom: 22px;}
.wrapperguntas{margin-top: 110px; background: #3AB3EC; box-sizing: border-box; padding-top: 80px; padding-bottom: 52px; padding-left: 118px; padding-right: 175px;}
.mtop205{margin-top: 205px; max-width: 100%;}
.divdefault.letramob13{max-width: 100%;}
.divdefault.letramob15{max-width: 100%;}
.mtop42{margin-top: 42px;}
.informacoesdestino .wrapmap{min-height: 400px; height: 100%;}
.parentslidercontebaixo2 .slideconte-prev{position: absolute; right: auto; left: 60px; bottom: auto; top: 50%; transform: translateY(-50%); width: 11px; height: 22px; background: url(../imgs/setacizesq.png) no-repeat center center / contain; cursor: pointer;}
.parentslidercontebaixo2 .slideconte-next{position: absolute; right: 60px; left: auto; bottom: auto; top: 50%; transform: translateY(-50%); width: 11px; height: 22px; background: url(../imgs/setacizdir.png) no-repeat center center / contain; cursor: pointer;}
.margincluido{margin-top: 82px; margin-bottom: 112px;}


/***************************************************************** LAYOUT0 ****************************************************************/
.mleft15{margin-left: 15px; margin-top: 0px;}
.mobilebot30{margin-bottom: 0;}
.paddorc{width: 720px; background: #f8f8f8; box-sizing: border-box; padding: 0 86px; padding-top: 83px; padding-bottom: 90px;}
#btnsubmitorcamento{float: right; margin-top: 0; clear: none;}
.wrapformorcamento{margin-top: 45px;}
.imgorc{display: block;}
.maxwidth460{max-width: 460px;}
.mtop65{margin-top: 65px;}

.marginsobrenos2 .colunas2:nth-child(2n+1){margin-bottom: 0;}
.closeorc{position: absolute; right: 86px; top: 0; width: 70px; height: 54px; background: #FCBC00; border-radius: 0px 0px 5px 5px; cursor: pointer;}

.bgexcursao{opacity: 0;}
.colunaexcursao:hover .bgexcursao{opacity: 1;}

.verticaldesktop{top: 50%; transform: translateY(-50%);}
.mtop107{margin-top: 107px;}
/*************************************************************** FIM LAYOUT0 **************************************************************/

.pacotes{background: #F8F8F8; height: 77px; display: flex; justify-content: center; align-items: center; flex-direction: row; padding-top: 0; padding-bottom: 0;}
.pacotes form{position: relative; float: left; display: flex; justify-content: center; align-items: center; flex-direction: row;}
.colunas2incluido:nth-child(2n+1){width: calc(50% - 16px); margin-right: 16px; margin-bottom: 0px; box-sizing: border-box; padding: 0 10px; padding-top: 52px; padding-bottom: 35px; border-radius: 10px;}
.colunas2incluido:nth-child(2n+2){width: calc(50% - 16px); margin-left: 16px; margin-bottom: 0px; box-sizing: border-box; padding: 0 10px; padding-top: 52px; padding-bottom: 35px; border-radius: 10px;}
.top105{margin-top: 105px;}
.colunas2pergunta:nth-child(2n+1){width: calc(50% - 60px); margin-right: 60px;}
.colunas2pergunta:nth-child(2n+2){width: calc(50% - 60px); margin-left: 60px;}
/* .abrepergunta::before{content: ''; position: absolute; left: -32px; top: 9px; width: 6px; height: 2px; background: #fff;} */
/* .abrepergunta::after{content: ''; position: absolute; left: -30px; top: 7px; width: 2px; height: 6px; background: #fff;} */
/* .abrepergunta.aberto::after{content: ''; position: absolute; left: -30px; top: 7px; width: 2px; height: 6px; background: #fff; opacity: 0;} */
.wrapoutros{margin-top: 110px;}
.dadoscontacto{margin-top: 110px; margin-bottom: 110px;}
.margindefaultdesktop{margin-left: var(--marginleftdefault); margin-right: var(--marginrightdefault); width: calc(100% - ( var(--marginleftdefault) + var(--marginrightdefault))); }
.bot108{margin-bottom: 108px;}
.wrapinfodestino{box-sizing: border-box; padding: 0 118px; padding-top: 75px; padding-bottom: 57px;}
.bot52{margin-bottom: 52px;}
.paddembarque{padding-left: 45px; padding-right: 52px; padding-top: 72px; padding-bottom: 50px; box-sizing: border-box;}

.wrapinputquestao.colunas2:nth-child(1){margin-right: 15px; width: calc(50% - 15px);}
.wrapinputquestao.colunas2:nth-child(2){margin-left: 15px; width: calc(50% - 15px);}
/******************************************************************* PE *******************************************************************/
.copype span:nth-child(1)::after{content: '\00a0\00a0 | \00a0'}
.wrapnewsletter.flex{align-items: flex-start;}
.txtnewsletter{text-align: left;}

footer.divfooterindex{flex-wrap: wrap; column-gap: 15px;}

footer .divfooter{background: url(../imgs/imgfundope.jpg) no-repeat center center / cover;}
footer .divfooter > .colunas35{padding-right: 50px;}

footer .divfooter > .maskazulescuropa{display: none;}

footer .divfooter > .colunas65.hidemobile769{padding: 49px 14px 37px 20px;}
footer .divfooter > .colunas65.hidemobile769 > .colunas2:nth-child(1) > div:nth-child(3){margin-top: 25px;}
footer .divfooter > .colunas65.hidemobile769 > .colunas2:nth-child(1) > div:nth-child(5){margin-top: 50px;}

footer .divfooter > .colunas65.hidemobile769 > .colunas2:nth-child(2) > div:nth-child(3){margin-top: 25px;}
footer .divfooter > .colunas65.hidemobile769 > .colunas2:nth-child(2) > div:nth-child(4){margin-top: 62px;}

footer.divfooterindex{padding: 20px 80px 20px 120px; background: #032553;}
footer.divfooterindex > img{width: 167px; }

footer .logocopy{width: 40px; height: 16px; margin-top: -1px; margin-left: 5px;}

footer .linkspe{margin-top: 0px; clear: both;}
footer .copype{margin-top: 0px; clear: both;}

footer .linhacopy{display: inline-block;}
footer .linhacopy::after{content: '\00a0\00a0|\00a0\00a0'}

.socialfooter{clear: none;}
.social.footer{display: flex; justify-content: center; margin-top: 0px; flex-direction: row;}
.socialdiv{margin-bottom: 0px; margin-right: 8px;}
.wrapsocial{float: right;}
.social.footer .wrapsocialitem .imgsocial{height: 28px; width: 28px; opacity: 1;}

.abreorc{position: absolute; right: 86px; top: 0; width: 70px; height: 54px; background: #FCBC00; border-radius: 0px 0px 5px 5px; cursor: pointer;}
.abreorc .pedirorc{position: absolute; width: 202px; height: 48px; bottom: 100%; right: auto; left: 50%; transform: translateX(-50%); background: #CBCBCB; border-radius: 4px 4px 0px 0px; display: flex; justify-content: center; align-items: center;}

/***************************************************************** FIM PE *****************************************************************/

}

@media only screen and (min-width:900px){
}

@media only screen and (min-width:1024px){
/************************************************************* ESTILOS LAPTOP *************************************************************/
/**                                                                                                                                      **/
/**                                                     PRIMEIROS ESTILOS DE DESKTOP                                                     **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
/************************************************************* VARIAVEIS CSS **************************************************************/
:root{
  --positiondestaque: relative;
  --alturadestaque: 100vh;
  --margindestaque: 125px;
}
/*********************************************************** FIM VARIAVEIS CSS ************************************************************/


/***************************************************************** CABEÇA *****************************************************************/
.colunaexcursao:nth-child(6n+1){position: relative; float: left; width: calc(100% / 3); box-sizing: border-box; padding-left: calc((10px * 0) / 3); padding-right: calc((10px * 2) / 3); margin-bottom: 10px; height: 305px;}
.colunaexcursao:nth-child(6n+2){position: relative; float: left; width: calc(100% / 3); box-sizing: border-box; padding-left: calc((10px * 1) / 3); padding-right: calc((10px * 1) / 3); margin-bottom: 10px; height: 380px;}
.colunaexcursao:nth-child(6n+3){position: relative; float: left; width: calc(100% / 3); box-sizing: border-box; padding-left: calc((10px * 2) / 3); padding-right: calc((10px * 0) / 3); margin-bottom: 10px; height: 305px;}
.colunaexcursao:nth-child(6n+4){position: relative; float: left; width: calc(100% / 3); box-sizing: border-box; padding-left: calc((10px * 0) / 3); padding-right: calc((10px * 2) / 3); margin-bottom: 10px; height: 380px; clear: both; margin-top: -75px;}
.colunaexcursao:nth-child(6n+5){position: relative; float: left; width: calc(100% / 3); box-sizing: border-box; padding-left: calc((10px * 1) / 3); padding-right: calc((10px * 1) / 3); margin-bottom: 10px; height: 305px;}
.colunaexcursao:nth-child(6n+6){position: relative; float: left; width: calc(100% / 3); box-sizing: border-box; padding-left: calc((10px * 2) / 3); padding-right: calc((10px * 0) / 3); margin-bottom: 10px; height: 380px; margin-top: -75px;}
.margindefault1024{margin-left: var(--marginleftdefault); margin-right: var(--marginrightdefault); width: calc(100% - ( var(--marginleftdefault) + var(--marginrightdefault))); }


.inputprocura{box-sizing: border-box; padding-left: 98px; letter-spacing: 0px; font-size: 16px; color: var(--corpri4); font-weight: 300;}
.labelprocura{left: 26px; font-size: 16px; color: var(--corpri4); font-weight: 300;}
.barramenu{-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}
.barramenu{ position: fixed; top: 0; left: 0; z-index: 100000; float:left; padding-left: 60px; padding-right: 20px; box-sizing: border-box; padding-top: 30px; padding-bottom: 30px;}

.barramenu .wrapnavlang{margin-top: 0px; column-gap: 35px; transition: transform .5s;}
/* .barramenu.completeCollapsed .wrapnavlang{transform: translateY(calc(-100% - 100px));} */

.logo{width: 213px; height: 50px;}
.logo.collapsed{width: 213px; height: 50px;}

.menuitem > .divdefault::after{content: ""; position: absolute; bottom: -5px; left: 0px; background: rgba(0, 0, 0, 0.5); width: 0; height: 2px; transition: width .5s}
.collapsed .menuitem > .divdefault::after{content: ""; position: absolute; bottom: -5px; left: 0px; background: rgba(255, 255, 255, 0.5); width: 0; height: 2px; transition: width .5s}
.menuitem > .divdefault a{transition: color .5s;}

.menuitem.selected > .divdefault::after{width: calc(100% - 1px);}
.menuitem.selected > .divdefault a{transition: color .5s;}

.parentsubmenu{position: fixed; width: 100%; top: 114px; left: 0; padding: 40px 100px 40px 435px; background: #3787c8d9;}
.parentsubmenu .imgmenu{position: absolute; left: 0; top: 0; width: 360px; height: 100%;}

.submenuitem.submenupri .div:hover .adefault{color: var(--corpri2);}

.divlang .lang.index{display: flex; column-gap: 15px;}

.iconprocura{display: block;}
.divprocabre{display: none; width: auto;}
.divprocabre{position: relative; float: left; margin-right: 11px; background: rgba(255, 255, 255, 0.45); border-radius: 17px; box-sizing: border-box; padding: 0px;}
.inputprocura{width: 213px;}
.submitprocura{right: 15px; appearance: none; background: url(../imgs/lupaciz.png) no-repeat center center /contain; width: 13px; border: 0; top: 10px; cursor: pointer;}
.suggestionsBox{position: absolute; top: calc(100% + 8px); bottom: auto; width: 330px; left: 0px; background: #fff; box-sizing: border-box; border-radius: 5px; padding: 0; padding-bottom: 0px; overflow: hidden;}
/*************************************************************** FIM CABEÇA ***************************************************************/


/************************************************************* DESTAQUE INDEX *************************************************************/

.destaqueindex .swiper-slide .captionindex .btnhoverdefault{margin-top: 18px;}
.destaqueindex .maskdestaque{position: absolute; top: 0; left: 0; width: 75%; height: 100%; background: url(../imgs/forma_pe.png) no-repeat calc(100% - 50px) center / cover; opacity: .35}

.destaqueindex .slidedestaque-prev{cursor: pointer; z-index: 2; width: 18px; height: 18px; position: absolute; right: 60px; bottom: 53px; background: url(../imgs/setaesqamarelo.png) no-repeat center center / contain;}
.destaqueindex .slidedestaque-next{cursor: pointer; z-index: 2; width: 18px; height: 18px; position: absolute; right: 60px; bottom: 73px; background: url(../imgs/setadiramarelo.png) no-repeat center center / contain;}
/*********************************************************** FIM DESTAQUE INDEX ***********************************************************/


/***************************************************************** INDEX ******************************************************************/
.wrapmarcasindex{ --maskmarcasopacity: 0; }
.wrapmarcasindex .wrapinnermarcasindex .wrapmarcas{background: #FFFFFFA6}
.wrapmarcasindex .wrapinnermarcasindex > .divdefault:nth-child(1){margin-bottom: 15px;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5{padding: 30px 40px 30px 40px; transition: background .5s;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5:not(.wrapmarcasindex .colunas5:nth-child(5n+5))::after{content: ""; width: 1px; height: calc(100% - 40px); position: absolute; right: 0; top: 20px; background: #FFFFFFBF;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 img{max-width: 100%; max-height: 66px;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 img{filter: grayscale(1); transition: filter .5s; mix-blend-mode: multiply;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 .wrapinnermarca {position: absolute; width: 100%; height: 0%; bottom: 100%; left: 0; background: #fff; transition: height .5s;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 .wrapinnermarca .maskazul{background: #03377DA6; opacity: 1; overflow: hidden;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 .wrapinnermarca .maskazul::before {content: ""; position: absolute; width: 52px; height: 4px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 2px; transition: width .5s;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 .wrapinnermarca .maskazul::after {content: ""; position: absolute; width: 4px; height: 52px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 2px; transition: height .5s;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 .wrapinnermarca .maskazul:hover::before{width: 90px; background: #ffffff73;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 .wrapinnermarca .maskazul:hover::after{height: 90px; background: #ffffff73;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5:hover{background: #fff;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5:hover img{filter: grayscale(0);}
.wrapmarcasindex .wrapinnermarcasindex .colunas5:hover .wrapinnermarca {height: 100%;}
/* .wrapmarcasindex::before{content: ""; position: absolute; width: calc(100%); height: calc(100% ); top: 0px; left: 0px; background: #E2E2E259; z-index: 0; opacity: var(--maskmarcasopacity);} */
.wrapmarcasindex::after{content: ""; pointer-events: none; position: absolute; width: calc(100% + 160px); height: calc(100% + 140px); top: calc(-100% - 140px); left: -80px; background: #fff; z-index: -1; opacity: var(--maskmarcasopacity);}

section#index{margin-top: 0px; margin-bottom: 160px;}
div#index{margin-top: 0px; margin-bottom: 160px;}

.wrapartigoindex .maskpaginasindex::before{width: 230px;}

.estadisticasindex{padding: 60px 0px 60px 200px;}
.estadisticasindex .wrapinnerestadistica{padding: 65px 115px 65px 120px; background: #03377DD9; column-gap: 100px; transform: translateX(calc(100% - 115px));}

.estadisticasindex .wrapinnerestadistica .wrapestadistica:nth-child(1){max-width: 225px;}
.estadisticasindex .wrapinnerestadistica .wrapestadistica:nth-child(2){max-width: 285px;}
.estadisticasindex .wrapinnerestadistica .wrapestadistica:nth-child(3){max-width: 185px;}

.estadisticasindex .wrapestadistica > img:nth-child(1){opacity: .65; margin-bottom: 20px;}
.estadisticasindex .wrapestadistica > div.divdefault:nth-child(2){opacity: .85; margin-bottom: 10px;}
.estadisticasindex .wrapestadistica > div.divdefault:nth-child(3){opacity: .60; }

.wrapcontactoindex{overflow: hidden;}
.wrapcontactoindex .colunas40{padding: 89px 80px 83px 94px; background: #03377D}
.wrapcontactoindex .colunas40 .form_peindex{position: absolute; transform: translateY(100%); width: 100%; padding: 89px 80px 83px 94px; background: #03377D; left: 0; top: 0; height: 100%;}
.wrapcontactoindex .colunas40 .form_peindex .wrapformorcamento{margin-top: 0px;}
.wrapcontactoindex .colunas40 .form_peindex #btnsubmitorcamento{float: left;}
.wrapcontactoindex .wrapmap{width: 100%; height: 100%; overflow: hidden;}

.wrapcontactoindex .colunas40 .btnhoverdefault{margin-top: 35px;}

/*************************************************************** FIM INDEX ****************************************************************/


/************************************************************* DESTAQUE CONTE *************************************************************/
.destaqueconte.conte .caption,
.destaqueconte.contebaixo .caption,
.destaqueconte.Procura .caption{position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; padding-left: 0px; width: calc(100% - 236px); height: 122px; background: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; }

.destaqueconte.marca .caption{position: absolute; left: 0; bottom: 75px; padding-left: 120px;}
.destaqueconte.marca .imgmarcadestaque{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 450px; filter: grayscale(1);}

.destaqueconte.conte .maskdestaque,
.destaqueconte.contebaixo .maskdestaque,
.destaqueconte.Procura .maskdestaque{ position: absolute; top: 0; left: 0; width: 75%; height: 100%; background: url(../imgs/forma_pe.png) no-repeat calc(100% - 50px) center / cover; opacity: .35 }
/*********************************************************** FIM DESTAQUE CONTE ***********************************************************/


/*************************************************************** CONTE CIMA ***************************************************************/


.wrapartigocontecima{width: 100%; padding: 80px 33% 80px 240px;}
.wrapartigocontecima .maskpaginascontecima::before{content: ""; position: absolute; right: 0; top: 50%; width: 33%; height: 2px; background: #fff; opacity: .25; transition: opacity .5s}
.wrapartigocontecima .maskpaginascontecima::after{content: ""; position: absolute; right: 50%; top: 50%; transform: translate(50%, -50%); width: 60px; height: 60px; background: url(../imgs/mais.png) no-repeat center center / contain; opacity: 0; transition: opacity .2s 0s;}

.wrapartigocontecima .maskpaginascontecima{position: absolute; width: 100%; height: 100%; top: 0; right: 0; opacity: .8; transition: width .5s; }
.wrapartigocontecima:nth-child(4n+1) .maskpaginascontecima{background: #3786C8;}
.wrapartigocontecima:nth-child(4n+2) .maskpaginascontecima{background: #145991;}
.wrapartigocontecima:nth-child(4n+3) .maskpaginascontecima{background: #03377D;}
.wrapartigocontecima:nth-child(4n+4) .maskpaginascontecima{background: #032553;}

.wrapartigocontecima:hover .titpagina{opacity: 0;}
.wrapartigocontecima:hover .maskpaginascontecima{width: 50%;}
.wrapartigocontecima:hover .maskpaginascontecima::before{opacity: 0;}
.wrapartigocontecima:hover .maskpaginascontecima::after{opacity: 1; transition: opacity .5s .4s;}

.wrapartigocontecima .maskpaginascontecima::after:hover{transform: scale(1.5);}

.wrapcontecima.marcas .wrapmarcasconte{background: #E2E2E259; padding: 83px 122px 113px 122px}
.wrapcontecima.marcas .wraptextomarcas{max-width: 630px;}
.wrapcontecima.marcas .wraptextomarcas > div:nth-child(1){margin-bottom: 15px;}
.wrapmarcasconte .colunas5{width: calc(20% - 40px); margin-bottom: 60px;}
.wrapmarcasconte .colunas5:nth-child(5n+1){margin-right: 50px; clear: both;}
.wrapmarcasconte .colunas5:nth-child(5n+2){margin-right: 50px; clear: none;}
.wrapmarcasconte .colunas5:nth-child(5n+3){margin-right: 50px; clear: none;}
.wrapmarcasconte .colunas5:nth-child(5n+4){margin-right: 50px; clear: none;}
.wrapmarcasconte .colunas5:nth-child(5n+5){margin-right: 0px; clear: none;}
.wrapmarcasconte .colunas5 a > img{filter: grayscale(1); transition: filter .5s; mix-blend-mode: multiply;}
.wrapmarcasconte .colunas5 a > img:hover{filter: grayscale(0);}

/************************************************************* FIM CONTE CIMA *************************************************************/


/************************************************************ CONTE CONTACTOS *************************************************************/

.wrapcontebaixocontactos .colunas40{padding: 0; padding-left: 89px; background: transparent;}
.wrapcontebaixocontactos .wrapmap{width: 100%; height: 400px; overflow: hidden;}

.wrapcontebaixocontactos .colunas40 .btnhoverdefault{margin-top: 35px;}
.wrapcontebaixocontactos .colunas60 #map{height: 100%;}
.contactotxt{width: 50%; margin: 0; height: 636px; background: #F7F7F7; box-sizing: border-box; padding-top: 85px; padding-left: 60px; padding-right: 60px; padding-bottom: 0;}
.mensagemtxt{width: 50%; box-sizing: border-box; padding-left: 54px; padding-top: 80px; padding-right: 54px;}
.divlocalizacao{width: 693px; position: relative; float: right; clear: none;}
.wrapcontacto{box-sizing: border-box; padding-right: 0px; margin-bottom: 108px;}
.marginsobrenos{margin-left: 110px; margin-right: 86px; width: calc(100% - 196px);}
.marginsobrenos2{margin-left: 85px; margin-right: 110px; width: calc(100% - 195px);}
.wrapslidercontebaixo{margin-bottom: 0;}
/********************************************************** FIM CONTE CONTACTOS ***********************************************************/


/************************************************************** CONTE BAIXO ***************************************************************/

/************************************************************* LAYOUTS GERAL **************************************************************/
.wrapficheirosrelacionados{margin-top: 30px;}
.wrapficheiro:nth-child(2n+1){margin-right: 45px; clear: both;}
.wrapficheiro:nth-child(2n+2){clear: none;}
.wrapinnerficheirorel{column-gap: 13px;}
.wrapficheiros .imgdownload{width: 24px; height: 24px;}
.wrapficheiros .imgweb{width: 24px; height: 24px;}

.wrapslidermarcas .slide .innerimg,
.wrapcontebaixoprods .wrapimgproduto .innerimg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.wrapslidermarcas .slide .maskazul,
.wrapcontebaixoprods .wrapimgproduto .maskazul{opacity: 0; transition: opacity .5s;}

.wrapslidermarcas .slide .maskazul::before,
.wrapcontebaixoprods .wrapimgproduto .maskazul::before{content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 50px; height: 2px; background: #fff;}

.wrapslidermarcas .slide .maskazul::after,
.wrapcontebaixoprods .wrapimgproduto .maskazul::after{content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 2px; height: 50px; background: #fff;}

.wrapslidermarcas .slide .legendaimg,
.wrapcontebaixoprods .wrapimgproduto .legendaimg{background: #fff; color: #03377DE6; padding-top: 20px; position: absolute; bottom: 0; transform: translateY(100%); transition: transform .5s;}

.wrapslidermarcas .slide:hover .maskazul,
.wrapcontebaixoprods .wrapimgproduto:hover .maskazul{opacity: .65;}

.wrapslidermarcas .slide:hover .legendaimg,
.wrapcontebaixoprods .wrapimgproduto:hover .legendaimg{transform: translateY(0%);}



.orcamentoprodutos{padding: 60px 200px 58px 0px;}
.orcamentoprodutos .wrapformularioorcamentoprods{background: #03377DD9; padding: 60px 120px 60px 320px; transform: translateX(calc(-100% + 120px))}
/*********************************************************** FIM LAYOUTS GERAL ************************************************************/


/************************************************************** LAYOUT PRODS **************************************************************/
.wrapcontebaixoprods .wraptextoprod{max-width: 630px;}
.wrapcontebaixoprods .wraptextoprod > div:nth-child(1){margin-bottom: 15px;}

.wrapcontebaixoprods .wrapgaleriaprod{display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px 10px;}
.wrapcontebaixoprods .wrapimgproduto{width: 100%; height: 100%; overflow: hidden;}

.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 7),
.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 1) { grid-column: auto /span 2; grid-row: auto /span 2; aspect-ratio: 632/547; }

.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 4),
.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 8) { grid-column: auto /span 2; grid-row: auto /span 1; aspect-ratio: 698/297; }

.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 2),
.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 3),
.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 5),
.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 6) { aspect-ratio: 344/297; }

.wrapcontebaixoprods .galeriaprodutos .btnhoverdefault{margin-top: 65px;}
/************************************************************ FIM LAYOUT PRODS ************************************************************/


/************************************************************** LAYOUT MARCAS *************************************************************/
.viewweb{padding-bottom: 147px;}
.viewweb::before{content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #03377D; opacity: .3;}
.viewweb > .divdefault{background: #03377DD9; padding: 25px 122px 25px 122px;}
.viewweb > .divdefault::before{content: ""; position: absolute; width: 70px; height: 2px; background: #FFFFFFBF; left: 0;}
.viewweb .btnhoverdefault{column-gap: 13px;}
.viewweb .btnhoverdefault .imgweb{width: 20px; height: 20px;}

.margindefault section.nomargin.wrapslidermarcas.swiper{margin-left: 40px;}
.wrapslidermarcas .slide{aspect-ratio: 422/487; overflow: hidden;}

.wrapslidermarcas .slideconte-prev{float: left; cursor: pointer; opacity: .2; margin-top: 30px; margin-right: 6px; width: 16px; height: 22px;}
.wrapslidermarcas .slideconte-next{float: left; cursor: pointer; opacity: .2; margin-top: 30px; margin-left: 6px; width: 16px; height: 22px;}


/************************************************************ FIM LAYOUT MARCAS ***********************************************************/

/***************************************************************** LAYOUT0 ****************************************************************/

.wrapcontebaixo video.video{width: 100%;}

/*************************************************************** FIM LAYOUT0 **************************************************************/


/************************************************************ FIM CONTE BAIXO *************************************************************/

/************************************************************ FIM CONTE BAIXO *************************************************************/


/****************************************************************** 404 *******************************************************************/
.destaqueconte.error404 .caption{position: absolute; left: 0; bottom: 200px; padding-left: 120px;}
.destaqueconte.error404 .caption h1::after{content: ""; position: absolute; top: 50%; left: -120px; width: 80px; height: 2px; background: #fff;}
.destaqueconte.error404 .caption div:nth-child(3){max-width: 305px; margin-top: 10px;}
.destaqueconte.error404 .caption div:nth-child(3) > a{float: left; clear: both; font-weight: 900}
/**************************************************************** FIM 404 *****************************************************************/


/******************************************************************* PE *******************************************************************/
.wrapprodspe{background: url(../imgs/imgprodspe.jpg) no-repeat center center / cover;}
.titprodpe{padding: 30px 0px 30px 0px; background: #03377DE6}
.titprodpe::before{content: ""; width: 80px; height: 2px; background: #FFFFFFBF; border-radius: 1px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.titprodpe::after{content: ""; width: 80px; height: 2px; background: #FFFFFFBF; border-radius: 1px; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}

.wrapmenusprodpe{padding-bottom: 40px; background: #03377DE6}
.wrapprodspe .colunas4{aspect-ratio: 320/166}
.wrapprodspe .colunas4 > a .divdefault{width: 100%; padding: 16px 15px 16px 15px; min-height: 61px; transition: all .5s;}
.wrapprodspe .colunas4 > a .divdefault::before{content: ""; background: #fff; width: 2px; height: 50px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: opacity .5s ease-in}
.wrapprodspe .colunas4 > a .divdefault::after{content: ""; background: #fff; width: 50px; height: 2px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: opacity .5s ease-in}

.wrapprodspe .colunas4:nth-child(4n+1) > a .divdefault{background: #3786C8CC}
.wrapprodspe .colunas4:nth-child(4n+2) > a .divdefault{background: #145991CC}
.wrapprodspe .colunas4:nth-child(4n+3) > a .divdefault{background: #03377DCC}
.wrapprodspe .colunas4:nth-child(4n+4) > a .divdefault{background: #032553CC}

.wrapprodspe .colunas4:hover > a .divdefault > div{opacity: 0; pointer-events: none;}
.wrapprodspe .colunas4:hover > a .divdefault{min-height: 100%;}
.wrapprodspe .colunas4:hover > a .divdefault::before{opacity: 1;}
.wrapprodspe .colunas4:hover > a .divdefault::after{opacity: 1;}

.separadorpe{height: 32px; background: #FFFFFFD9}

.wrapmarcaspe a.marqueechild{ height: 80px; }


/***************************************************************** FIM PE *****************************************************************/


/*********************************************************** FIM ESTILOS LAPTOP ***********************************************************/
}

@media only screen and (min-width:1280px){
/*************************************************************** ESTILOS PC ***************************************************************/
/************************************************************* VARIAVEIS CSS **************************************************************/

/*********************************************************** FIM VARIAVEIS CSS ************************************************************/


/***************************************************************** CABEÇA *****************************************************************/

/*************************************************************** FIM CABEÇA ***************************************************************/


/************************************************************* DESTAQUE INDEX *************************************************************/

/*********************************************************** FIM DESTAQUE INDEX ***********************************************************/


/***************************************************************** INDEX ******************************************************************/

/*************************************************************** FIM INDEX ****************************************************************/


/************************************************************* DESTAQUE CONTE *************************************************************/

/*********************************************************** FIM DESTAQUE CONTE ***********************************************************/


/*************************************************************** CONTE CIMA ***************************************************************/

/************************************************************* FIM CONTE CIMA *************************************************************/


/************************************************************ CONTE CONTACTOS *************************************************************/

/********************************************************** FIM CONTE CONTACTOS ***********************************************************/


/************************************************************** CONTE BAIXO ***************************************************************/

/************************************************************ FIM CONTE BAIXO *************************************************************/


/****************************************************************** 404 *******************************************************************/

/**************************************************************** FIM 404 *****************************************************************/


/******************************************************************* PE *******************************************************************/
footer.divfooter > .colunas65.hidemobile769{padding: 49px 90px 37px 20px;}

/***************************************************************** FIM PE *****************************************************************/


/************************************************************* FIM ESTILOS PC *************************************************************/
}

@media only screen and (min-width:2560px){
/******************************************************************** ********************************************************************/
/************************************************************* VARIAVEIS CSS **************************************************************/

/*********************************************************** FIM VARIAVEIS CSS ************************************************************/


/***************************************************************** CABEÇA *****************************************************************/

/*************************************************************** FIM CABEÇA ***************************************************************/


/************************************************************* DESTAQUE INDEX *************************************************************/

/*********************************************************** FIM DESTAQUE INDEX ***********************************************************/


/***************************************************************** INDEX ******************************************************************/

/*************************************************************** FIM INDEX ****************************************************************/


/************************************************************* DESTAQUE CONTE *************************************************************/

/*********************************************************** FIM DESTAQUE CONTE ***********************************************************/


/*************************************************************** CONTE CIMA ***************************************************************/

/************************************************************* FIM CONTE CIMA *************************************************************/


/************************************************************ CONTE CONTACTOS *************************************************************/

/********************************************************** FIM CONTE CONTACTOS ***********************************************************/


/************************************************************** CONTE BAIXO ***************************************************************/

/************************************************************ FIM CONTE BAIXO *************************************************************/


/****************************************************************** 404 *******************************************************************/

/**************************************************************** FIM 404 *****************************************************************/


/******************************************************************* PE *******************************************************************/

/***************************************************************** FIM PE *****************************************************************/


/****************************************************************** FIM ******************************************************************/
}

@media only screen and (min-width:3840px){
/*************************************************************** ESTILOS 4K ***************************************************************/
/************************************************************* VARIAVEIS CSS **************************************************************/

/*********************************************************** FIM VARIAVEIS CSS ************************************************************/


/***************************************************************** CABEÇA *****************************************************************/

/*************************************************************** FIM CABEÇA ***************************************************************/


/************************************************************* DESTAQUE INDEX *************************************************************/

/*********************************************************** FIM DESTAQUE INDEX ***********************************************************/


/***************************************************************** INDEX ******************************************************************/

/*************************************************************** FIM INDEX ****************************************************************/


/************************************************************* DESTAQUE CONTE *************************************************************/

/*********************************************************** FIM DESTAQUE CONTE ***********************************************************/


/*************************************************************** CONTE CIMA ***************************************************************/

/************************************************************* FIM CONTE CIMA *************************************************************/


/************************************************************ CONTE CONTACTOS *************************************************************/

/********************************************************** FIM CONTE CONTACTOS ***********************************************************/


/************************************************************** CONTE BAIXO ***************************************************************/

/************************************************************ FIM CONTE BAIXO *************************************************************/


/****************************************************************** 404 *******************************************************************/

/**************************************************************** FIM 404 *****************************************************************/


/******************************************************************* PE *******************************************************************/

/***************************************************************** FIM PE *****************************************************************/


/************************************************************* FIM ESTILOS 4K *************************************************************/
}