Help
RSS
API
Feed
Maltego
Contact
Domain > www.bybeau.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2019-11-18
54.36.116.245
(
ClassC
)
2025-10-16
195.42.142.12
(
ClassC
)
Port 443
HTTP/1.1 200 OKDate: Thu, 16 Oct 2025 18:16:18 GMTServer: ApacheVary: User-Agent,Accept-EncodingExpires: Thu, 19 Nov 1981 08:52:00 GMTCache-Control: no-store, no-cache, must-revalidatePragma: no-cacheSet-Cookie: PHPSESSID3ded2bccf7a9df795ccaa7947e4a153f; path/Upgrade: h2Connection: UpgradeTransfer-Encoding: chunkedContent-Type: text/html !DOCTYPE html>html> head> meta http-equivcontent-type contenttext/html; charsetUTF-8> meta nameviewport contentwidthdevice-width, initial-scale1> meta http-equivX-UA-Compatible contentIEedge> meta http-equivX-UA-Compatible contentIE9> base hrefhttps://www.bybeau.com:443/> link relapple-touch-icon-precomposed hrefhttps://www.bybeau.com/favicon.png /> link relicon typeimage/png hrefhttps://www.bybeau.com/favicon.png /> meta nameapplication-name content /> meta namemsapplication-TileColor content# /> meta namemsapplication-TileImage contenthttps://www.bybeau.com/favicon.png /> title> Index BYBEAU/title> meta namegoogle-site-verification contentzUvDRO9eaMDyPAc0p6bwZbCZY_Hy91JYNJ3w0pbRBKU /> link relalternate hreflangen hrefhttps://www.bybeau.com/ /> link hrefhttps://fonts.googleapis.com/css2?familyLato:wght@100;300;400;900&displayswap relstylesheet> link relstylesheet hrefestrutura.1701358013.css typetext/css> meta nameDescription contentBYBEAU>meta namekeywords contentBYBEAU>meta nameauthor contenticonO2>meta namerevisit-after content2 days>meta nameaudience contentall, Alle>meta namerobots contentall>meta nameRobots contentINDEX,FOLLOW>meta namerobots contentindex, follow>meta namerating contentGeneral>meta namecoverage contentworldwide>meta namedistribution contentglobal>meta propertyfb:app_id content />meta nametheme-color content#a94f2e>meta namemsapplication-navbutton-color content#a94f2e>meta nameapple-mobile-web-app-capable contentyes>meta nameapple-mobile-web-app-status-bar-style contentblack-translucent>meta propertyog:image contenthttps://www.bybeau.com/imgs/semimagem.jpg /> script typetext/javascript srcScripts/js/jquery.min.js>/script> script typetext/javascript srcScripts/js/jquery.flexslider.js>/script> script srchttps://www.google.com/recaptcha/api.js>/script> link relstylesheet hrefScripts/css/jquery-ui.css typetext/css> style typetext/css> :root{ --corpri1: #a94f2e; --colour: 6; --corpri2: #1b1b1b; --corpri3: #898989; } html { height: 100%; } body { margin: 0; padding: 0; text-align: left; overflow: visible; height: 100%; letter-spacing: 3px; } body, textarea, input, button, select{ font: 100% Lato, Helvetica, sans-serif; } /style> style typetext/css> .gridContainer{ z-index: 1000; position: relative; background: #fff;} .input__label-content--hoshi,.divbg::after, .grayscale,.bgpagina,.flex-prev,.flex-next,.busubmit, .animate, .fixedratio, .titportfolio, .sabermais, .vermaismenuindex, .vermaisprodindex, .linhamenus,.animate_ease-out{ -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; }.animatelogo{ -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out; }.animate09{ -webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;-ms-transition: all 0.9s ease-out;-o-transition: all 0.9s ease-out;transition: all 0.9s ease-out; }.animatelinear{ -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; }.maxwidth1600{ max-width: 1600px;margin: 0 auto;position: relative; }.maxwidth1200{ width: 100%; max-width: 1200px; height:100%; margin: 0 auto; position: relative; }.maxwidth900{ width: 100%; max-width: 900px; height:100%; margin: 0 auto; position: relative; }.divdefault{ position: relative; float: left; width: 100%; clear: both; }.divdefaultright{ position: relative; float: right; width: 100%; clear: both; }.corpri1{ color: var(--corpri1); }.corpri2{ color: var(--corpri2); }.corpri3{ color: var(--corpri3); }.corpri4{ color: #ebe2de; }.corpri5{ color: #c6c6c6; }.corpri6{ color: #a94f2e; } .nowrap{ white-space: nowrap; }.thin{ font-weight: 100; }.lighter{ font-weight: 200; }.light{ font-weight: 300; }.regular{ font-weight: 400; }.semibold,.sbold{ font-weight: 600; }.bold{ font-weight: 700; }.extrabold{ font-weight: 800; }.black{ font-weight: 900; }.pointer{ cursor: pointer; }.esquerdo{ text-align: left; }.justificado{ text-align: justify; }.centro{ text-align: center; }.direito{ text-align: right; }.adefault{ text-decoration: inherit; color: inherit; }h1{padding:0;margin:0;}p{padding:0;margin:0;}.roxo{color:#2c1224;}.branco{color:#ffffff;}.preto{color:#000000;}.cinza{color:#919191;}.cinzaesc{color:#585548;}.cinzaesc:hover{color:#585548; }/*letra55 estrutura.php*/.letra305{font-size:305px; line-height:1; text-decoration:none; }.letra145{font-size:145px; line-height:1;text-decoration:none; }.letra125{font-size:125px; line-height:1;text-decoration:none; }.letra115{font-size:115px; line-height:1;text-decoration:none; }.letra94{font-size:94px; line-height:94px;text-decoration:none; }.letra80{font-size:80px;text-decoration:none;}.letra63{font-size:63px;text-decoration:none;}.letra54{font-size:54px;text-decoration:none;}.letra53{font-size:53px;text-decoration:none;}.letra52{font-size:52px;text-decoration:none;}.letra51{font-size:51px;text-decoration:none;}.letra50{font-size:50px;text-decoration:none;}.letra49{font-size:49px;text-decoration:none;}.letra48{font-size:48px;text-decoration:none;}.letra47{font-size:47px;text-decoration:none;}.letra46{font-size:46px;text-decoration:none; line-height:46px; }/*letra45 estrutura.css*/.letra44{font-size:44px;text-decoration:none;}.letra43{font-size:43px;text-decoration:none;}.letra42{font-size:42px;text-decoration:none;}.letra41{font-size:41px;text-decoration:none;}/*letra40 estrutura.css*/.letra39{font-size:39px;text-decoration:none;}.letra38{font-size:38px;text-decoration:none;}.letra37{font-size:37px;text-decoration:none;}.letra36{font-size:36px;text-decoration:none;}/*.letra35 estrutura */.letra35{font-size:35px;text-decoration:none;}.letra34{font-size:34px;text-decoration:none;}.letra33{font-size:33px;text-decoration:none;}.letra32{font-size:32px;text-decoration:none;}.letra31{font-size:31px;text-decoration:none;}/*letra30 estrutura.css*/.letra29{font-size:29px;text-decoration:none;}/*letra28 estrutura.css*/.letra27{font-size:27px;text-decoration:none;}.letra26{font-size:26px;text-decoration:none;}.letra25{font-size:25px;text-decoration:none;}.letra24{font-size:24px;text-decoration:none;}.letra23{font-size:23px;text-decoration:none;}.letra22{font-size:22px;text-decoration:none;}.letra21{font-size:21px;text-decoration:none;}.letra20{font-size:20px;text-decoration:none;}.letra19{font-size:19px;text-decoration:none;}.letra18{font-size:18px;text-decoration:none;}.letra17{font-size:17px;text-decoration:none;}.letra16{font-size:16px;text-decoration:none;}.letra15{font-size:15px;text-decoration:none;}.letra14{font-size:14px;text-decoration:none;}.letra13{font-size:13px;text-decoration:none;}.letra12{font-size:12px;text-decoration:none;}.letra11{font-size:11px;text-decoration:none;}.letra10{font-size:10px;text-decoration:none;}.letra9{ font-size:9px; text-decoration:none;}.underline{ text-decoration: underline; }#main-slider{ overflow: hidden; }.parar{ overflow:hidden; }/** BARRA MENU ITEMS **/.barramenu{ position: fixed; top: 0; width:100%; z-index: 2000; pointer-events: none; }.barramenu div{ pointer-events: all; }.menulogin{ margin-left: 0px; width: 100%; float: left; clear: none; cursor: pointer; position: absolute; z-index: 9000; right: 100%; top: 0px; width: 0; overflow: hidden; }.imgprocura{width: 100%; position: relative; float: left; clear: both; }.imglogin{ width: 18px; padding-right: 5px; box-sizing: border-box; }.degradetopo{position: absolute; top: 0; width: 100%; height: 180px; background: url(imgs/degradedestaque.png) repeat-x top /contain; }.flex-menu{ display: flex; align-items: center; height:100%; }.flex-menu .flex-item{ height:100%; }.flex-artigos{ display: flex; align-items: center; height:100%; }.flex-artigos .flex-artigos{ height:100%; }/** MENU **/.divmenu{ float: right; position: relative; width: 100%; height: 100%; display: none; }.tdmenu{ width: 100%; }.linhasubmenu{ width:38px; height:2px; background:#fff; margin: 0 10px;}.menupri{ color: #ffffff; text-decoration: none; }.menupri2{ color: #ffffff; text-decoration: none; font-weight: 900; letter-spacing: 10px; } div.submenu.active .linhasubmenu{background: var(--corpri1);} div.submenu.active a.submenu{color: var(--corpri1);} .wrapsubmenus div.submenu:hover .linhasubmenu{background: var(--corpri1);} .wrapsubmenus div.submenu:hover a.submenu{color: var(--corpri1);}/*.hovermenupri:hover .submenu, .hovermenupri:hover .linhasubmenu{background:var(--corpri1); }*/ .hovermenupri:hover .menupri, .hovermenupri:hover .menupri2{ color:var(--corpri1); }.bkmenuimg{ position:fixed; left:0; z-index:-1; width:100%; pointer-events: none; } .bgmenuimg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }/*.menupri2::after{ content: ; width: 2px; height: calc(100% - 20px); transform: skewX(-24deg); -webkit-transform: skewX(-24deg); -moz-transform: skewX(-24deg); -o-transform: skewX(-24deg); background: var(--corpri2); position: absolute; right: 95%; top: 20px;} */.submenu{ font-size: 11px; font-weight: 900; color: #ffffff; text-align:left; text-decoration: none; letter-spacing:5px; }/*td.submenu:hover a.submenu::after{ content: ; width: 1px; height: 22px; transform: skewX(-24deg); background: var(--corpri2); position: absolute; right: -6px; top: 0; }*/.submenu2{ font-size: 11px; font-weight: 900; color: #ffffff; text-align:left; text-decoration: none; }.menusubsub,.submenuborderbk{ background: #fff; padding-bottom: 12px; }.linhamenu{width: 100%; height: 2px; overflow: hidden; background: transparent; position: absolute; margin: 0 auto; top: 100%; z-index: -1; margin-top: 0px; }.menusubsub{padding: 15px 20px; box-sizing: border-box; left: -100%; opacity: 0; }.divmenu{ float: left; width: 100%; z-index: 1000; position: relative; }.opac{ opacity: 0.6; }.opac:hover{ opacity: 1; }/*.ordertr:hover .menumobilepri{color: #0c1532;}.ordertr:hover .menumobilepri2{color: #0c1532;}.ordertr:last-child .menumobilepri{color: #0c1532; position: relative;}.ordertr:last-child .menumobilepri2{color: #0c1532; position: relative;}.ordertr:last-child .menumobilepri2::after{content: ; width: 1px; height: 22px; transform: skewX(-24deg); -webkit-transform: skewX(-24deg);-moz-transform: skewX(-24deg); -o-transform: skewX(-24deg); background: var(--corpri2); position: absolute; right: -6px; top: 0;}.ordertr:last-child .menumobilepri::after{content: ; width: 1px; height: 22px; transform: skewX(-24deg); -webkit-transform: skewX(-24deg);-moz-transform: skewX(-24deg); -o-transform: skewX(-24deg); background: var(--corpri2); position: absolute; right: -6px; top: 0;} */.riscamenu{ position:absolute; width:2px; height:23px; background:rgba(171,171,171,0.5); margin-top:-20px; }/** MENU MOBILE **/.menumobilepri{ color: #fff; font-size: 13px; font-weight: 300; }.menumobilepri2{ color:#fff; font-size: 13px; font-weight: 400; }inputtypecheckbox{ width: 20px; }inputtyperadio{ width: 20px; }.wrapmenu{ display: inline-block; margin: 0 auto; clear: both; }.wrapmenu1{ position: relative; display: inline-block; margin: 0 auto; clear: both; margin-top: 0px; }.overlayazul{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(12,21,50,0.3); z-index: 8; }.wrapmenu1:hover .overlayazul{ background: rgba(12,21,50,0.8); }.linhaproduto{ width: 2px; height: 85px; transform: skewX(-24deg); -webkit-transform: skewX(-24deg); -moz-transform: skewX(-24deg); -o-transform: skewX(-24deg); background: var(--corpri2); position: absolute; left: 55px; top: 0px; }.linhamenus{width: 2px; height: 60px; transform: skewX(-24deg); -webkit-transform: skewX(-24deg); -moz-transform: skewX(-24deg); -o-transform: skewX(-24deg);; background: var(--corpri2); position: absolute; right: -5px; bottom: -40px; z-index: 1; display: none; }.wrapmenu1:hover .linhamenus{ display: block; }.wraptextomenu{ padding: 0 12%; box-sizing: border-box; z-index: 1000; }.linhaproduto{ display: none; }.wrapmenu1:hover .wraptextomenu{ display: block; }.wrapmenu1:hover .linhaproduto{ display: block; } /*.imagemconte:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}.imgportfolioindex:hover .sp{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}.paddingempresamiddle:hover .sp{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);} */ /** DEFAULTS **/ .cursor { position: fixed; height: 250px; width: 250px; border-radius: 50%; transform: translate(-50%, -50%) scale(1); z-index: 1000000000000000000; pointer-events: none; transition: transform 0.3s;}.luz{ mix-blend-mode: overlay; background: rgba(255,255,255,1); background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,0.11) 48%, rgba(255,255,255,0) 53%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(6%, rgba(255,255,255,1)), color-stop(48%, rgba(255,255,255,0.11)), color-stop(53%, rgba(255,255,255,0))); background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,0.11) 48%, rgba(255,255,255,0) 53%); background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,0.11) 48%, rgba(255,255,255,0) 53%); background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,0.11) 48%, rgba(255,255,255,0) 53%); background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,0.11) 48%, rgba(255,255,255,0) 53%);}select{ font-size: 24px; background-color: #ebeae6; background-repeat: repeat; padding: 6px; color: #333; -moz-border-radius: 5px; border-radius: 5px; border: none; padding: 10px; }.txtnorm{ color: #ebe2de; text-decoration: none; text-align: left; font-size:15px; font-weight: 400; letter-spacing: 0px; text-align:left; } .busubmit{ border:none; background: #383838; height: 50px; width: 100%; font-size:12px; color: #fff; font-weight: 400; border-radius: 0; text-align: center; cursor:pointer; }.busubmit:hover{ /*background: #1a9a6e;*/ background: var(--corpri1); }.busubmit2{ border:none; background: #3c3c3c; height: 50px; width: 100%; font-size:12px; color: #fff; font-weight: 400; border-radius: 0; text-align: center; }.busubmit2:hover{ /*background: #1a9a6e;*/ background: #ef7b10; }.caminho{ line-height: 0.5; position: relative;margin: 0 auto; clear: both; margin-top: 2px; }.titulocaminho{ color: var(--corpri1); text-decoration: none; font-size: 11px; font-weight: 400; pointer-events: all; text-transform: uppercase; }.titulocaminho2{ color: var(--corpri1); text-decoration: none; font-size: 11px; font-weight: 900; pointer-events: all; text-transform: uppercase; }.legendaloja{ font-size: 12px; line-height: normal; font-weight: normal; font-variant: normal; color: #c4b694; text-decoration: none; }.legendaloja2{ font-size: 12px; line-height: normal; font-weight: normal; font-variant: normal; color: #9d854d; text-decoration: none; }.bandeira{ color: #fff; font-size: 11px; text-decoration: none; }.bandeira2{ color: var(--corpri1); font-size: 11px; text-decoration: none; } #suggestions{ text-align: center; text-decoration: none; z-index: 2000; position: relative; color: #fff; position: absolute; top: calc(100% - 24px); width: 100%; background: rgba(9,70,60,0.9); box-sizing: border-box; left: 0; }#suggestions li{font-size: 16px; text-align: left; text-decoration: none; list-style: none; cursor: pointer; position: relative; width: 100%; clear: both; display: block; float: left; }#suggestions li:hover .vermais { opacity: 1; }#autoSuggestionsList{ color: #fff; text-align: center; text-decoration: none; z-index: 1800; margin-top: 2px; float: left; position: relative; overflow: auto; width: 100%; }.suggestions { margin-top: 40px; }.autoSuggestionsList{ }.alturajanela{ height: 100vh; }.bkcinza{ background: #a0a3a4; }.imglogocollapsed{ margin-top:-10px; }.imglogocollapsed,.imglogo{ position: relative; max-width: 300px; margin-left: auto; /*margin-right: auto;*/ }.imglogocollapsed{opacity: 0;}.imglogocollapsed.imglogosmall,.imglogo.imglogosmall{ top: 50%; position: absolute; max-width: 300px; width: 110px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); opacity: 0; margin-top:0px; }.imglogocollapsed.show{ opacity: 1; }.asidediv { float: left; }/*.wrapcaption{ float: left; position:absolute; width: 100%; max-width: 430px; z-index:100; } */.risca{ position:relative; width:1px; height:84px; background:rgba(171,171,171,0.7); margin: 0 auto; }.risca2{ position:absolute; width:1px; height:84px; background:rgba(171,171,171,0.5); animation: growdown 4s infinite; z-index:10; left:50%; } @keyframes growdown{ 0%{height:0px; top:0;} 25%{height: 100%; top:0; } 50%{height: 100%; bottom:0; } 100%{height: 0; bottom:0; }} @-moz-keyframes growdown{0%{height:0px; top:0;} 25%{height: 100%; top:0; } 50%{height: 100%; bottom:0; } 100%{height: 0; bottom:0; }} @-webkit-keyframes growdown{ 0%{height:0px; top:0;} 25%{height: 100%; top:0; } 50%{height: 100%; bottom:0; } 100%{height: 0; bottom:0; }} .wrapscrollprogress{ position: fixed; height: 100%; pointer-events: none; z-index: 100;}.scrollprogress{ position: absolute; z-index: 1200; height: 100%; max-height: 235px; width: 1px; background-color: #e6e6e6;}.ui-slider .ui-slider-handle{ height: 40px; width: 3px; background: var(--corpri1); display: block; transform: translate(-50%, 100%); left: 50%; position: absolute;}/* The progress container (grey background) */.progress-container{ height: 100%; position: relative; width: 4px; left: 50%; transform: translateX(-50%); } /* The progress bar (scroll indicator) */ .progress-bar { height: 40px; width: 20px; top: 0; position: absolute; left: 50%; transform: translateX(-50%);}.progress-bar::after{ content: ; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: var(--corpri1); width: 3px; height: 100%;}.ecraprincipal{ width:100%; height: 100vh; background: #ebe2de; top: 0; position: fixed; z-index: 3000; overflow: hidden; }.logoprincipal{ width:100%; height: 100vh; position:absolute; z-index: 900; }.rotatevertical{ writing-mode: vertical-lr; transform: rotate(180deg); text-orientation: mixed; /* float: left; */ transform-origin: 50% 50%; }.linha{ width: 1px; height:90%; background: var(--corpri3); }.linha2{ width:1px; height:90%; background: var(--corpri1); }.linhacor{ width: 1px; height:90%; background: var(--corpri1); }.posmenu{ width: 60px; position:absolute; top: 70px; cursor: pointer; }.posmenu2{ position:relative; margin-right: 50px; cursor: pointer; }.abremenu{ background: #1b1b1b; position: absolute; width: 0; overflow: hidden; height: 100vh;}/** FOOTER **/.footeritem{ float: left; clear: none; position: relative; }.logocopy{ -webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease; background:url(imgs/icono26.png) no-repeat center center/contain; opacity: 1; float: right; height:50px; }.logocopy:hover{ -webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease; background: url(imgs/icono2.png) no-repeat center center/contain; opacity: 1; float: right; }.bkpe{ width: 100%; position: relative; float: left; clear: both; box-sizing: border-box; }.copyright{ clear: none; width: auto; line-height: 1.6; }.wrapfootercopy{ float: left; clear: none; position: relative; }.logospe{ max-width: 350px; width: 100%; }.clickopen{ height: 55px; }.footerinfo{ position: relative; float: left; width: 100%; clear: both; background: rgba(48,48,48,0.8); }.flex,.flexfooter{ display: flex; align-items: initial; height: 100%; flex-direction: row; }.bgpe{ position: absolute; top: 0; left: 0; height: 100%; background: url(imgs/imgpe.jpg) no-repeat center center/cover; }.pepe{ position: absolute; left: 0; box-sizing:border-box; padding-left: 6.5%; }.logope{ width: 140px; height: 13px; background: url(imgs/logo2.png) no-repeat center center/contain; position: relative; }.linhacinza{ background: #ababab; height: 1px; position: relative; float: left; }.colours{ opacity:0 }.abrecolour:hover .colours{ opacity:1 }.linhacolour{ width:1px; height:30px; background: var(--corpri1); margin: 0 auto; }.linhacolour2{ width:20px; height:1px; background: var(--corpri1); margin-left: 8px; }.icongr{ background-image: url(imgs/B6.png); background-repeat: no-repeat; background-size: contain; height:86px; position:relative; float:left; }/** FORMS **/.login,.procura{ width: 100%; position: absolute; height: 100vh; border-bottom: 1px solid #080808; box-sizing: border-box; z-index: 10000; display: none; background: #eee; bottom: 0; }.login{background: #1b1b1b;}.wrapprocura{ width: 100%; clear: both; box-sizing: border-box; float: right; }.envioprocura{ background: url(imgs/lupa6.png) no-repeat center center/ contain; appearance: none; -moz-appearance: none; width: 30px; height: 30px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); cursor: pointer; } .cruzlogin,.cruzprocura{ background: url(imgs/cruz6.png) no-repeat center center/contain; width: 30px; height: 30px; position: absolute; cursor: pointer; z-index: 10000; }.closeproc{ background: url(imgs/cruz6.png) no-repeat center center/contain; height: 12px; width: 12px; cursor: pointer; float: right; position: relative; }.innerprocura{ box-sizing: border-box; width: 100%; position: relative; overflow: hidden; }textarea:focus, input:focus{ outline: none; }input{ border: 0; }.input { position: relative; display: inline-block; margin-top: 10px; width: 100%; vertical-align: top; float: left; }.wrapinputs{ float: left; clear: both; position: relative; width: 100%; margin-bottom: 10px; }input::-webkit-input-placeholder { color: var(--corpri1) ; opacity: 1; }input:-moz-placeholder { /* Firefox 18- */ color: var(--corpri1); opacity: 1; }input::-moz-placeholder { /* Firefox 19+ */ color: var(--corpri1); opacity: 1; }input:-ms-input-placeholder { color: var(--corpri1); opacity: 1; }.inputstring{ background: transparent; height: 80px; position: relative; width: 100%; clear: none; box-sizing: border-box; float: right; text-align: left; border-bottom: 1px solid var(--corpri1); padding-bottom: 5px; padding-right: 60px; }.inputstring::-webkit-input-placeholder { color: var(--corpri1); opacity: 1; }.inputstring:-moz-placeholder { /* Firefox 18- */ color: var(--corpri1); opacity: 1; }.inputstring::-moz-placeholder { /* Firefox 19+ */ color: var(--corpri1); opacity: 1; }.inputstring:-ms-input-placeholder { color: var(--corpri1); opacity: 1; }.inputnewsletter::-webkit-input-placeholder { color: #ffffff ; opacity: 1; font-weight: 400; font-size:10px; letter-spacing:3px; }.inputnewsletter:-moz-placeholder { /* Firefox 18- */ color: #ffffff; opacity: 1; font-weight: 400; font-size:10px;letter-spacing:3px; }.inputnewsletter::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; opacity: 1; font-weight: 400; font-size:10px;letter-spacing:3px; }.inputnewsletter:-ms-input-placeholder { color: #ffffff; opacity: 1; font-weight: 400; font-size:10px;letter-spacing:3px; }.inputnewsletter{ background: transparent; height: 100%; position: relative; width: 100%; clear: none; box-sizing: border-box; float: right; text-align: left; color: #ffffff; padding-bottom: 10px; }.submitnews{ background: url(imgs/setabaixo6.png) no-repeat center center /contain; transform:rotate(-90deg); width:15px; height:15px; }.divhidden{ float: left; width: 100%; height: 100%; position: absolute; display: none; bottom:0; right: 0; z-index: 100; }.facelinks{ width: auto; position: relative; float: right; z-index: 1000; pointer-events: all; }.titlepagina{float: right; position: relative; clear: both; max-width: 215px; }.ui-widget-overlay{ background: rgba(69,69,69,0.6); height: 100%; width: 100%; position: fixed; z-index: 100; top:0; }.dialogrel{ z-index: 201; position: absolute; width: 100%; left: 0; }.headpopup{ line-height: 40px; }.cruzpopup{ float: right; clear: none; position: relative; }.wrapmenu1:hover .vermaismenu.branco{ color: #d90011; }.sabermais{ margin-top: 10px; }.customcheckboxcor,.customcheckbox{ -webkit-appearance:none; -moz-appearance:none; appearance:none; display:inline-block; position:relative; width:15px !important; height:15px !important; padding: 0; margin: 0; border: 2px solid #ababab; box-sizing: content-box; float: left; }.customcheckbox{ width:10px !important; height:10px !important; border: 1px solid var(--corpri1); background: transparent; }.customradio{ -webkit-appearance:none; -moz-appearance:none; appearance:none; display:inline-block; position:relative; width:10px !important; height:10px !important; padding: 0; margin: 0; border: 1px solid var(--corpri2); box-sizing: content-box; float: left; background: transparent;}.customcheckboxcor{ border-radius: 50%; }.customradio:checked{ background: var(--corpri1); }.customcheckbox:checked{ background: var(--corpri1); }/** GALERIAS **/.txtinteriorgal{padding: 0 20px; box-sizing: border-box; }.imggaleria{ float: left; clear: both; position: relative; width: 100%; border-radius: 20px 20px 0 20px; box-sizing: border-box; }.galeria{float: left; clear: both; position: relative; width: 100%; }.galeriaconte{ float: left; clear: both; position: relative; width: 100%; }.imagemconte{ max-height: 380px; }.imgthumbempresa:hover{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); }.galeriaslide{ float: left; clear: both; position: relative; width: 100%; }.slideportfolio{ position: relative; float: left; clear: both; width: 100%; }.imgprod{ float: left; clear: both; position: relative; top: 0; width: 100%; box-sizing: border-box; height: 100%; }.divmenu{ overflow: auto; height: 100vh; }.txtimgprod{ opacity:0; }.imgprod:hover .txtimgprod{ opacity:1; }.bkgal{ background: rgba(0,0,0,0.60); width: calc(100% - 10px); height: calc(100% - 10px); position: absolute; top: 5px; left: 5px; opacity: 0; }.wrapimagemconte:hover .bkgal{ opacity: 1; }.iconmaispeq{ background:url(imgs/maisbr.png) no-repeat center center/ contain; width:25px; height:25px; position:relative; margin: 0 auto; }#carousel ul li:nth-child(3n+1) .imgthumbempresa{ margin-top: 15px; }#carousel ul li:nth-child(3n+3) .imgthumbempresa{ margin-top: 45px; } .slick-dotted .slick-slider{ }.slick-dots{ position: absolute; display: block; right: 100px; padding: 0; margin: 0; list-style: none; text-align: center; bottom: 30px; }.slick-dots li{ position: relative; display: inline-block; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; float: left; }#slickdusk .slick-dots li{ transform:translateY(-50%); }.slick-dots li button{font-size: 0; line-height: 0; display: block; width: 20px; height: 1px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; margin-bottom: 0; padding: 10px 0; box-sizing: border-box; }.slick-dots li:after{ display: block; position:absolute; content:; width: 20px; height: 1px; background: var(--corpri1); top: 50%; transform: translateY(-50%); }#slickdusk .slick-dots li:after{background: var(--corpri3); }.slick-dots li.slick-active::after { background: #ffffff; }#slickdusk .slick-dots li.slick-active::after{background: var(--corpri1); }.slidespecs .slick-next,.galeriaport .slick-next{ right:20px; background: url(imgs/setadir6.png) no-repeat center center/contain; box-sizing:border-box; position: absolute; top: auto; width: 60px; bottom:30px; height: 14px; z-index: 999; cursor: pointer; }.galeriaport .slick-prev{ }.galeriaport .slick-prev:hover{ }.galeriaport .slick-next:hover{ background:url(imgs/setadirbr.png) no-repeat center center/contain; }.slideprodutos .slick-next{ right:20px; background: url(imgs/setadirbr.png) no-repeat center center/contain; box-sizing:border-box; position: absolute; top: auto; width: 50px; bottom: 14px; height: 10px; z-index: 999; cursor: pointer; }.slick-prev, .slick-next{ position: absolute; padding-top: 10px; padding-bottom: 10px; box-sizing: border-box; } .slideprodutos .slick-prev{ left:20px; background: url(imgs/setadirbr.png) no-repeat center center/contain; box-sizing:border-box; position: absolute; top: auto; width: 50px; bottom: 14px; height: 10px; z-index: 999; cursor: pointer; transform: rotate(180deg); }.slideprodutos .slick-prev:hover{}.slideprodutos .slick-next:hover{}#slickdusk .slick-next, #slickxyz .slick-next{ right: 10px; background: url(imgs/setadir7.png) no-repeat center center/contain; box-sizing:border-box; position: absolute; top: auto; width: 60px; bottom:-30px; height: 14px; z-index: 999; cursor: pointer; }#slickdusk .slick-next{background: url(imgs/setadir6.png) no-repeat center center/contain;} #slickxyz .slick-next:hover{ background:url(imgs/setadir7.png) no-repeat center center/contain; }#slickdusk .slick-dots{ position: absolute; bottom: -31px; display: block; right: 104px; height:10px; padding: 0; margin: 0; list-style: none; text-align: center; } #slickxyz .slick-dots{ position: absolute; bottom: -27px; display: block; right:80px; height:10px; padding: 0; margin: 0; list-style: none; text-align: center; }#slickxyz .slick-dots li{font-size: 0; line-height: 0; display: block; width: 20px; height: 2px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }#slickxyz .slick-dots li { background: var(--corpri1); }#slickxyz .slick-dots li.slick-active { background: var(--corpri2); }@media only screen and(min-width: 769px){ .galeriaport .slick-next{ right: 70px; } #slickdusk .slick-next{ bottom: -44px; right: 70px; } .slideprodutos .slick-next{ bottom: -60px; right: 70px; }}.bkgetyour{ width:100%; position: relative; left:0; float:left; background: var(--corpri1); }.degradeslide{ position:absolute; left:0; width:100%; height:220px; background: url(imgs/pixel.png) repeat-x top /contain; bottom:0; z-index:0; }.linhacolourbr{ width:1px; height:30px; background: #ffffff; margin: 0 auto; }/** ORÇAMENTO **/ .orcamento{ float: right; clear: both; width: 100%; max-width: 800px; position: relative; margin: 0 auto; display: none; padding: 0px 0 50px 0; box-sizing: border-box; } .buorcamento{ box-sizing: border-box; background: rgba(176,168,145,0.9); float: right; position: relative; padding: 0 10px; height: 40px; line-height: 40px; text-align: center; clear: none; } .wraporcamento{ position: relative; float: left; width: 100%; clear: both; background: rgba(0,111,183,0.8); }/** CONTACTOS **/ .localizacao{ float: left; clear: both; position: relative; width: 100%; box-sizing: border-box; overflow: hidden; } .formcontacto{ float: left; clear: both; position: relative; width: 100%; } /************************INPUT EFFECTS***********************/ .input--hoshi{ overflow: hidden; } .input__field--hoshi{ width: 100%; padding: 0; padding-left: 5px; padding-bottom: 0px; background: transparent; } .input__field--hoshi::after{ margin-top: 0px; } .input__label--hoshi{ position: absolute; bottom: 0; left: 0; padding: 0; padding-left: 0px; width: 100%; height: calc(100% - 10px); text-align: left; pointer-events: none; } .textarea .input__label-content--hoshi{ margin-top: 0px; } .input__label-content--hoshi{ position: absolute; top: 0px; padding-left: 0px; margin-top: 20px; } .input__label--hoshi::before{ content: ; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 20px); } .input__label--hoshi::after{ margin-top: 0px; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); -webkit-transition:-webkit-transform 0.3s; transition:transform 0.3s; } .input--filled .input__label--hoshi{ margin-top: 0px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .input__field--hoshi:focus + .input__label--hoshi::after, .input--filled .input__label--hoshi::after{ margin-top: 0px;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi, .input--filled .input__label-content--hoshi{opacity: 1; margin-top: -8px; font-size: 10px; } @-webkit-keyframes anim-1{ 0%{ opacity: 0; margin-top: 0px; font-size: 14px; } 100%{ opacity: 1; margin-top: -8px; font-size: 10px; } } @keyframes anim-1{ 0%{ opacity: 0; margin-top: 0px; font-size: 14px; } 100%{ opacity: 1; margin-top: -8px; font-size: 10px; } } .inputlogin, .defaultinput{ height: 50px; width: 100%; float: left; position: relative; padding: 0 ; box-sizing: border-box;color: #ffffff; background: transparent; border-bottom: 1px solid var(--corpri1); padding-top: 15px; box-sizing: border-box; } .defaultinput2{ height: 50px; width: 100%; float: left; position: relative; box-sizing: border-box;color: var(--corpri1); padding: 0 10px; box-sizing: border-box; background:#fff } .inputlogin{ color: var(--corpri1); } .defaulttextarea{ height: 110px; width: 100%; float: left; position: relative; padding: 15px 0px; color: #ffffff; font-size: 13px; margin-top: 0; border-bottom: 1px solid var(--corpri1); padding-top: 20px; box-sizing: border-box; } .defaulttextarea2{ height: 110px; width: 100%; float: left; position: relative; padding: 15px 0px; box-sizing:border-box; color: var(--corpri1); font-size: 13px; margin-top: 0; padding-top: 15px; } .erronewsletter{ line-height: 1.0; padding-top: 5px; padding-bottom: 5px; } .langmob{ clear: both; float: right; padding-right: 20px; box-sizing: border-box; } /* Icon menu */ .closemenu{ width: 32px; height: 32px; position: absolute; top: 0px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: right; background: url(imgs/cruz6.png) no-repeat center center/contain; } .iconmenufixo{ position: absolute; cursor: pointer; width: 40px; height: 40px; } .iconmenufixo span { background: var(--corpri1); border-radius: 0; position: absolute; display: block; height: 30px; width: 1px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out; } .iconmenufixo span:nth-child(1){ left: 0px; } .iconmenufixo span:nth-child(2){ opacity: 0;} .iconmenufixo span:nth-child(3){ left: 8px; } .iconmenufixo.open span:nth-child(1) { top: 0px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .iconmenufixo.open span:nth-child(2) { opacity: 0; } .iconmenufixo.open span:nth-child(3) { top: 0px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .subpe:hover{ color: #d90011; } /*.menupri:hover{color: #d90011;}*/ .galconte:first-child .imagemconte{ height: 235px; } .hoverproduto:hover .fixedratio{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1);}/* fim icon menu */ /** DESTAQUE **/ .vermaisprodindex:hover{ font-size: 13px; } .caption{ position: absolute; right: 0; text-align: right; height: auto; width: auto; } .opacityvermais{ opacity: 0.6; } .imgcontecima{background-size: cover; position: relative; z-index: 0; top: 0; } .bkdestaque{background:rgba(0,0,0,0.45); width:100%; height:100%; position:absolute; top:0; left:0; } /** INDEX **/ .linhabr{width:70px; height:1px; background:#fff; margin: 0 10px; } .setadirgr{background:url(imgs/setadirgrande6.png) no-repeat center center /contain; width:170px; height:30px; } .wraptitprod{ position: relative; float: left; clear: both; cursor: pointer; } .iconmais{background:url(imgs/maiscinza.png) no-repeat center center/ contain; width:40px; height:40px; position:relative; margin: 0 auto; } .iconmais:hover{background:url(imgs/maislar.png) no-repeat center center/ contain; width:40px; height:40px; } .sabermais{position:relative; margin: 0 auto; margin-top:10px; opacity:0; } .iconmais:hover ~ .sabermais{ opacity:1; } .iconmaisbr{background:url(imgs/maisbr.png) no-repeat center center/ contain; width:24px; height:24px; position:relative; margin: 0 auto; } .divinfo{ width:100%; height:100%; position:absolute; background:rgba(0,0,0,0.3); opacity:0; } .onprod:hover .divinfo{ opacity: 1; } .bkvantagens{ background:rgba(0,0,0,0.35); width:100%; height:100%; position:absolute; top:0; left:0; } .degradelateral{ position:absolute; top:0; right:0; width:640px; height:100%; background:url(imgs/degradevantagens.png) repeat-y top /contain; } .bolaprod{ -webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;position:relative;border:1px solid #ffffff; border-radius:50%; -webkit-animation:anim-moema-2 4s infinite;animation:anim-moema-2 4s infinite; } @-webkit-keyframes anim-moema-2{ 0%{opacity:0.5; -webkit-transform:scale3d(0.5,0.5,0.5);transform:scale3d(0.5,0.5,0.5); } 50%{ opacity:1;-webkit-transform: scale3d(1,1,1);transform:scale3d(1,1,1); } 100%{opacity:0.5; -webkit-transform: scale3d(0.5,0.5,0.5);transform:scale3d(0.5,0.5,0.5); } } /*@keyframes anim-moema-2{to{opacity:0;-webkit-transform:scale3d(2, 2, 2);transform:scale3d(2, 2, 2);} } */ .brancoop{ color:rgba(255,255,255,0.4); } .ponto:hover .brancoop{ color:rgba(255,255,255,1); } .txtsabermais{ opacity: 0; } .wrappag:hover .txtsabermais{ opacity: 1; } .imgpaginas{ transform: scale(1); } .wrappag:hover .imgpaginas{ transform: scale(1.1); } .titulodestprod{ width:100%; position:relative; mix-blend-mode: overlay; z-index:100; transform: translate3d(0, 0, 0) !important; -webkit-backface-visibility: visible !important; } .titulodestprod2{ width:100%; position:absolute; top:0; left:0;opacity: 0.2; z-index:110; transform: translate3d(0, 0, 0) !important; -webkit-backface-visibility: visible !important; } .cantopopup{ pointer-events: none; } .cantopopup1{ position:absolute; border-top:1px solid #ffffff; border-left:1px solid #ffffff; width:20px; height:20px; z-index:10; cursor:pointer; } .cantopopup2{ position:absolute; border-top:1px solid #ffffff; border-right:1px solid #ffffff; width:20px; height:20px; z-index:10; cursor:pointer; } .cantopopup3{ position:absolute; border-bottom:1px solid #ffffff; border-left:1px solid #ffffff; width:20px; height:20px; z-index:10; cursor:pointer; } .cantopopup4{ position:absolute; border-bottom:1px solid #ffffff; border-right:1px solid #ffffff; width:20px; height:20px; z-index:10; cursor:pointer; } .cantopopupcor1{ position:absolute; border-top:1px solid var(--corpri1); border-left:1px solid var(--corpri1); width:20px; height:20px; z-index:10; cursor:pointer; } .cantopopupcor2{ position:absolute; border-top:1px solid var(--corpri1); border-right:1px solid var(--corpri1); width:20px; height:20px; z-index:10; cursor:pointer; } .cantopopupcor3{ position:absolute; border-bottom:1px solid var(--corpri1); border-left:1px solid var(--corpri1); width:20px; height:20px; z-index:10; cursor:pointer; } .cantopopupcor4{ position:absolute; border-bottom:1px solid var(--corpri1); border-right:1px solid var(--corpri1); width:20px; height:20px; z-index:10; cursor:pointer; } .closefullscreen{ width: 32px; height: 32px; position: absolute; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: right; background: url(imgs/cruzbranca.png) no-repeat center center/contain; opacity:1; z-index:3000; } .bkeventos{ position: absolute; left:0; float:left; background: var(--corpri1); } .maisbr{ background: url(imgs/maisbranco.png) no-repeat center center/ contain; position:absolute; right:0; bottom:0; } .txtmascara{ position:relative; } .txtmascara2{ opacity:0; } /*.retiramascara:hover .txtmascara2{ opacity:1; } .retiramascara:hover .cantopopupcor1{ border-top:1px solid #ffffff; border-left:1px solid #ffffff; } .retiramascara:hover .cantopopupcor2{ border-top:1px solid #ffffff; border-right:1px solid #ffffff; } .retiramascara:hover .cantopopupcor3{ border-bottom:1px solid #ffffff; border-left:1px solid #ffffff; } .retiramascara:hover .cantopopupcor4{ border-bottom:1px solid #ffffff; border-right:1px solid #ffffff; } */ .bkpreto{ background: rgba(0,0,0,0.6); width: 100%; height: 100%; position: absolute; top: 0px; left: 0; } .hovergrosso{ font-weight: 100; } .hovergrosso:hover{ font-weight: 400; } .bgtxtnovoprod{ background: rgb(27,27,27,1); width:50%; height:100%; position:absolute; top:0; right:0; opacity: 0; } .bktxtnovoprod{ height: 100%; position: absolute; top:0; right:0; display: flex; vertical-align: middle; align-items: center; overflow: hidden; } .showup{ padding: 20% 15%; box-sizing: border-box; height: 100%; top: 100%; position: relative; background: rgb(27,27,27,1); opacity: 1; } .showup .wrap{ overflow: hidden; position: relative; float: left; width: 100%; height: 100%; } /* EMPRESA INDEX */ .descriempresa{ margin-top: 15px; } .txtempresa{ line-height: 1.5; } .imgslideempresa{ position: relative; width: 100%; clear: both; } .wrapficheiro{ padding: 5px 15px 5px 0; box-sizing: border-box; line-height: 0.7; clear: both; float: left; margin-right: 15px; } .wrapficheiro:hover .wrapfilename{ color: #303030; } .titcontrela{ border-bottom: 1px solid #c6c6c6; } .linhaprod{ width: 100%; height: 1px; background: #1a9a6e; margin-top: 5px; position: relative; } .innerlinhaprod{ width: 30px; height: 3px; background: #09463c; left: 50%; transform: translateX(-50%); position: absolute; margin-top: -1px; } #carousel{ float: right; width: 100%; } .imgthumbempresa > img{cursor: pointer; outline: none; user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none; position: relative; display: block; max-height: 270px; } .empresasabermaismargin{ margin-top: 60px; white-space: nowrap; } .linhalegendaslide{ width: 30px; height: 2px; background: #09463c; float: left; clear: none; position: relative; margin-top: 8px; margin-left: 5px; } .txtlegendaslide{position: relative; float: left; clear: none; } .legendaslide{min-height: 25px; width: 100%; position: relative; float: left; text-align: right; padding-top: 10px; padding-bottom: 5px; box-sizing: border-box; } /* CONTE PARTE CIMA 2 (páginas) */ .wrapimgpaginas, .imgpaginas{ box-sizing: border-box; width: 100%; clear: none; position: relative; float: left; z-index: 1; } .wrapimgmenus, .imgmenus{ box-sizing: border-box; width: 100%; clear: none; position: relative; float: left; z-index: 1; } .imgmenusindex3, .imgmenusindex2, .wrapimgmenusindex, .imgmenusindex{ box-sizing: border-box; width: 100%; clear: none; position: absolute; float: left; z-index:1; } .imgmenusindex3{ position: relative; z-index: 1000; } .maispags{ width: 18px; margin-left: 10px; bottom: 0; position: absolute; left: 100%; opacity: 0.3; } .hoverpag:hover .maispags{ opacity: 0.8; } .bgpaginaprod, .bgpagina{ background: rgba(12,21,50,0.85); right: 0px; position: absolute; width: calc(100% - 40px); margin-left: 40px; } .bgpaginaprod{right: auto; left: 0; position: relative; } .bgpaginahover{ background: rgba(26,154,110,0.9); } .bgmenuprod, .bgmenu{ background: rgba(12,21,50,0.40); right: 0px; position: absolute; width: calc(100%); height: 100%; /*margin-left: 40px; */ } .bgmenuprod{right: auto; left: 0; position: relative; } .bgmenuhover{ background: rgba(12,21,50,0.80); } .bgmenu:hover{ background: rgba(12,21,50,0.80); } .imgmenu{height: 50vh; } .bkpretomenu{ background:rgba(0,0,0,0.6); width:100%; height:100%; position: absolute; top:0px; left:0; z-index: 1000; } .hovermenu:hover .bkpretomenu{ opacity: 0.5; } .hovermenu:hover .mais1, .hovermenu:hover .mais2, .hovermenu:hover .mais3, .hovermenu:hover .mais4{opacity:1;} .titulomenu{ font-weight: 100;} .textomenu{ opacity: 0;} .hovermenu:hover .titulomenu{ font-weight: 900;} .hovermenu:hover .textomenu{ opacity: 1;} .hovermenu:hover .imgmenu{ transform: scale(1.05);} .mais1, .mais2, .mais3, .mais4{ position:absolute; background:url(imgs/maisconte.png) no-repeat center center /contain; width:20px; height:20px; z-index:10; cursor:pointer; opacity:0; } .textodimple{ background:#1b1b1b; right:0; position:absolute; bottom:0; transform: translateY(100%); float:right; z-index:1000; } .degradeartigo{ position:absolute; left:0; bottom:0; width:100%; height:220px; background:url(imgs/pixel.png) repeat-x top /contain; z-index: -1; } .degradeartigo2{ position:absolute; left:0; top:0; width:100%; height:220px; background:url(imgs/pixel.png) repeat-x top /contain; transform: rotate(180deg); z-index: -1; } /* CONTE PRODUTOS */ .titrelaciona{ margin-bottom: 15px; } .wrapprodnav{ width: 100%; position: relative; clear: both; padding-top: 35px; padding-bottom: 35px; box-sizing: border-box; } .wrapprodnav > div{ } /* .prod-prev{float: left; position: relative; cursor: pointer; color: #c5c5c5; } .prod-next{float: right; position: relative; cursor: pointer; color: #c5c5c5; } .prod-prev:hover .imgprodprev{ filter:brightness(80%); } .prod-next:hover .imgprodnext{ filter:brightness(80%); } */ .imgimagprodprev, .imgimagprodnext{ position: absolute; width: var(--widthmargin); top: 50%; transform: translateY(-50%); opacity: 0; } .imgimagprodprev{ right: 100%; } .imgimagprodnext{ left: 100%; } .prod-prev:hover .imgimagprodprev{ opacity: 1; } .prod-next:hover .imgimagprodnext{ opacity: 1; } .imgproduto{ width: 100%; position: relative; clear: both; max-height: 600px; } .inputcontacto{ } .marginsubmitprod{ margin-top: 25px; } .imgprodprev{ transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); } .imgprodnext{ transform:translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } /* .imgprodprev{right: calc(100% + 10px); } .imgprodnext{ left: calc(100% + 10px); } */ .titproduto{ margin-bottom: 10px; } .slideprods{ box-sizing: border-box; position: relative; } .slideprods>div{ max-height: 350px; } .sabermaisdest{ margin-top: 10px; } .innerpag:hover .bgpagina{ /* width: calc(100% - 15%); height: calc(100% - 20%); */ max-height: 350px; background: rgba(0,111,183,0.9); } .wrapvermais{ width: 58px; height: 85%; background: rgba(0, 111, 183, 0.6); right: 0; bottom: 0; position: absolute; } .noticiatxt{ line-height: 1.6; } .wrapvermaishidden{ display: none; position: relative; margin-top: 10px; } .wrapform{ width: 100%; } .maisbefore{ width: 58px; margin-bottom: 20px; position: absolute; right: 0; bottom: 0; text-align: center; opacity: 0.3; z-index: 0; } .riscasabermais{ width: 100%; height: 1px; background: #1a9a6e; position: relative; } .riscasabermais2{ width: 30px; height: 3px; background: #fff; position: absolute; right: 0; transform:translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); pointer-events: none; } .sabermaisprod{ opacity: 1; margin-top: 10px; } .grayscale{ filter: grayscale(1); opacity: 0.6; } .grayscale:hover{ filter: grayscale(0); opacity: 1; } .pagtxt{ padding-top: 30px; box-sizing: border-box; } .titsubscreva{ transform: translateY(-20px); -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); white-space: nowrap; } .informacaobutton:hover{ background: #0c1532; } .downloadficha:hover{ background: #0c1532; } .informacaobutton:hover .corpri1{ color: #fff; } .downloadficha:hover .corpri1{ color: #fff; } .informacaobutton{position: relative; float: left; width: 225px; height: 50px; background: #e9eaf2; } .downloadficha{position: relative; float: left; width: 225px; height: 50px; background: #e9eaf2; margin-left: 5px; } .iconsocial{ width: 20px; height: 20px; float: left; top: 0; position: relative; } .iconsocial::before, .iconsocial::after{ content: ; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; } .iconsocial::before{ opacity: 1; } .iconsocial:hover::before{ opacity: 0; } .iconsocial:hover::after{ opacity: 1 } .iconfacebook::before{ background: url(imgs/facebook6.png) no-repeat center center/contain;} .iconfacebook::after{background: url(imgs/facebookbranco.png) no-repeat center center/contain} .icontwitter::before{ background: url(imgs/twitter6.png) no-repeat center center/contain; } .icontwitter::after{background: url(imgs/twitterbranco.png) no-repeat center center/contain;} .iconlinkedin::before{ background: url(imgs/linkedin6.png) no-repeat center center/contain; } .iconlinkedin::after{background: url(imgs/linkedinbranco.png) no-repeat center center/contain;} .iconinstagram::before{ background: url(imgs/instagram6.png) no-repeat center center/contain; } .iconinstagram::after{background: url(imgs/instagrambranco.png) no-repeat center center/contain;} .iconvimeo::before{ background: url(imgs/vimeo6.png) no-repeat center center/contain; } .iconvimeo::after{background: url(imgs/vimeobranco.png) no-repeat center center/contain;} .wrapconflitos{ margin-bottom: 5px; } .hiddenprivacy{ display: none; } .imgthumbempresa{ position: relative; } .imgspot{ height: 100%; position: absolute; left: 0; top: 0; width: 100%; } .hoverinfo{position: relative; } .divbg{ content:; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #09463c; } .divbg.hover{ background: #1a9a6e; } .divbg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .imgspot.hover{ filter: invert(1) brightness(500%); } .menucliente { background: #eee; display: none; position: absolute; top: 0; right: 0; z-index: 1000; box-sizing: border-box; } .menucli{ list-style: none; } .wrapnav{position: absolute; width: auto; right: 0; } .wrapnav .flex-prev, .wrapnav .flex-next{ float: left; position: absolute; clear: none; cursor: pointer; } .colunas3index:hover .sabermais{ font-size: 13px; } .vermaismenuindex:hover{ font-size: 13px; } .wrapnav .flex-prev{ /*margin-right: 32px;*/ } .bkportfolio2 { background:rgba(0,0,0,0.30); width:100%; height:100%; position:absolute; top:0; left:0; z-index: -1; } .bkportfolio{ background:rgba(0,0,0,0.10); width:100%; height:100%; position:absolute; top:0; left:0; z-index: -1; } .bkportfolio2{ opacity: 0; pointer-events: none; } .imgportfolioindex{ position: relative; float: left; } .portfolioimages{ position: relative; float: left; width:100%; clear: both; } .imgportfolioindex.img1{ width: 105.8%; z-index: 2; } .imgportfolioindex.img2{ width: 75%; } .imgportfolioindex.img3{ float: left; width: 80%; transform: translateX(-15%); -webkit-transform: translateX(-15%); -moz-transform: translateX(-15%); -o-transform: translateX(-15%); } .imgportfolioindex.img4{ width: 60%; max-height: 500px; } .wrapmsabermaisempresa{ width: 20%; position: absolute; bottom: 0; right: 0; } .vermais{ float: right; text-align: right; clear: both; } .titportfolio:hover{ opacity: 1; } .titportfolio{ opacity: 0.4; } .abrefullscreen{ cursor: pointer; } .imgmenusindex3, .imgmenusindex2, .imgmenusindex{ transform: scale(1); } .imgmenusindex{ opacity: 1; z-index: 1000; } .hoverimgart:hover .imgmenusindex3, .hoverimgart:hover .imgmenusindex2, .hoverimgart:hover .imgmenusindex{ transform: scale(1.1); } .hovermenu:hover .imgmenusindex3, .hovermenu:hover .imgmenusindex, .hoverimgart:hover .imgmenusindex{ opacity: 0; } .legendaport{ position: absolute; bottom: 16%; right: 0; padding: 40px 40px 40px 60px; background: rgba(23,21,50,0.8); display: none; pointer-events: none; } .legendaport::after{ content:; width: 2px; height: 60px; transform: skewX(-24deg); -webkit-transform: skewX(-24deg); -moz-transform: skewX(-24deg); -o-transform: skewX(-24deg); background: #fff; position: absolute; right: 22px; top: 20px; } .bkfamprods{ background:rgba(0,0,0,0.2); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .bkbotao{ background:rgba(48,48,48,0.9); width: 100%; height: 100%; position: absolute; z-index: -1; } .cantodir{ background:url(imgs/setacantodir.png) no-repeat center center /contain; right: 5px; bottom: 5px; width: 9px; height: 9px; position: absolute; } .cantoesq{ background:url(imgs/setacantoesq.png) no-repeat center center /contain; left: 5px; bottom: 5px; width: 9px; height: 9px; position: absolute; } .contactope{ position: relative; width: 100%; line-height:20px; box-sizing: border-box; } .flexmenu{ display: flex;flex-wrap: nowrap; justify-content: space-between; align-items: center; } .flexmenu .flex-item:nth-child(1), .flexmenu .flex-item:nth-child(3){ flex-grow: 1; } .flexmenu .flex-item:nth-child(2){ flex-grow: 2; } .flex, .flexdefault{ display: flex; } .flex.nowrap, .flex-nowrap{ flex-wrap: nowrap; } .flex-wrap, .flex.wrap{ flex-wrap: wrap; } .space-between, .flexdefault, .flex-space-between{ justify-content: space-between; } .flex-center, .flexdefault, .flex-align-center{ align-items: center; } .flex-column{ flex-direction: column; } .flex-center{ justify-content: center; } .flex-center-vertical{ align-items: center; } .flex-left{ justify-content: flex-start; } .flex-baseline{ align-items: baseline; } .flex-top{ align-items: flex-start; } .flex-bottom{ align-items: flex-end; } .flex-right{ justify-content: flex-end; } .flex-vertical-top{ align-items: flex-start; } .flex-vertical-bottom{ align-items: flex-end; } .wrapimgspeq{ background: #fff; } .imgpeq{ box-sizing: border-box; } .imgpeq:nth-child(1){ width:100%; height: 33.33%; padding-bottom: 3px; } .imgpeq:nth-child(2){ width:100%; height: 33.33%; padding-top: 3px; padding-bottom: 3px; } .imgpeq:nth-child(3){ width:100%; height: 33.33%; padding-top: 3px; padding-bottom: 0px; } .smallmargin{ padding: 0 5px; box-sizing: border-box; } .flexcolecao{ display: flex; justify-content: center; } .bgcolecao{ width: 100%; height: 100%; position: absolute; top:0; left: 0; } .bgcolecao:nth-child(n + 2){ opacity: 0; } .maisshow, .wrapcolecao{ display: none; opacity: 0; } .itemcolecao div{ width:calc(100% - 6px); margin: 0 3px; height: 100%; box-sizing: border-box; border:1px solid rgba(255,255,255,0.7); } .linhabrget{ width: 100%; height: 1px; background: #fff; margin-top: 3px; margin-bottom: 5px; } .escolhepais{ width:100%; height:50px; background:#eee; max-width: 240px; } .opcoespais{ width: 100%; background: #eee; max-width: 240px; position: absolute; margin-top: 50px; top: 10px; } .linhaesc{ width:90%; background: var(--corpri1); margin: 0 auto; height: 1px; } .fullscreenimages{ position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 100000; opacity: 0; pointer-events: none; } .fullscreenimages .images{ height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .fullscreenimages .imgfullscreen{ opacity: 0; height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .fullscreenimages .wrapnav{ position: absolute; left: 0; bottom: 12%; right: 0; width: 100%; pointer-events: none; z-index: 3; } .fullscreenimages .wrapnav div{ opacity: 0; pointer-events: none; height: 15px; width: 64px; position: absolute; pointer-events: none; } .fullscreenimages .wrapnav .prev{ cursor: pointer; background: url(imgs/setadirbr.png) no-repeat center center / contain; transform: rotate(-180deg); transform-origin: 50%; } .fullscreenimages .wrapnav .next{ cursor: pointer; background: url(imgs/setadirbr.png) no-repeat center center / contain; } .fullscreenimages .wrapnav .prev.active{ opacity: 1; pointer-events: all; } .fullscreenimages .wrapnav .next.active{ opacity: 1; pointer-events: all; } .maisorbit{ margin: 40px; pointer-events: none; position: absolute; background:url(imgs/maispeq6.png) no-repeat center center /contain; width:25px; height:25px; z-index:10; cursor:pointer; opacity:1; } .textoarea1,.textoarea2, .textoarea3, .textoarea4{ opacity: 0; } .area1 .maisorbit{ top:0; left:0; } .area2 .maisorbit{ top:0; right:0; } .area3 .maisorbit{ bottom:0; left:0; } .area4 .maisorbit{ bottom:0; right:0; } .area1 .duskhiddentxt table tr td{ text-align: left; vertical-align: top; } .area2 .duskhiddentxt table tr td{ text-align: right; vertical-align: top; } .area3 .duskhiddentxt table tr td{ text-align: left; vertical-align: bottom; } .area4 .duskhiddentxt table tr td{ text-align: right; vertical-align: bottom; } .area3 .duskhiddentxt table, .area1 .duskhiddentxt table{ float:left; } .area2 .duskhiddentxt table, .area4 .duskhiddentxt table{ float:right; } .bodywrap{ position: relative; float: left; width: 100%; clear: both; background: #fff; z-index: 1; min-height: 100vh; } .linhavine{ width: 1px; height: 100px; background: var(--corpri1); position: absolute; left: 50%; bottom: 0px; } .wrapsubmenus{ width: 100%; position: relative; float: left; clear: both; display: flex; justify-content: flex-start; flex-wrap: wrap; } .lang.showmobile table td{ padding-right: 5px; box-sizing: border-box; } .lang.showmobile{ margin-top: 10px; margin-bottom: 30px; } .wrapfooter{ display: flex; position: relative; float: left; clear: both; flex-wrap: wrap; width: 100%; height: 100%; justify-content: flex-start; align-items: center; } .iconprocura{ cursor: pointer; background: url(imgs/lupa6.png) no-repeat center center / cover; } .iconlogin{ cursor: pointer; background: url(imgs/user6.png) no-repeat center center / cover; position: relative;} .iconlogin::after{ content: LOGIN; font-size: 11px; color: var(--corpri1); position: absolute; left: 50%; top: calc(100% + 10px); transform: translateX(-48%); } .wrapsidebar{ width: var(--margindefault); } .wrapabrecli{ width: var(--margindefault); } .abremenucli{ cursor: pointer; margin:0 auto; width: 20px; height: 20px; background: url(imgs/userpeq6.png) no-repeat center center /contain; } .pointernone{ pointer-events: none; } .pointerall{ pointer-events: all; } .wrapproclista{ display: flex; width: 100%; position: relative; float: left; clear: both; flex-wrap: nowrap; justify-content: flex-start; } .wrapnoresult > li { width: 100%; text-align: center; } .conteudofull{ z-index: 1000; } .textogaleria{ background:#eee; right:0; position:absolute; bottom:0; transform: translateY(100%); float: right; z-index:1000; } .undermenu{ background: rgb(255,255,255); background: -moz-linear-gradient(180deg, rgba(255,255,255,0.8) 0%, rgba(0,212,255,0) 100%); background: -webkit-linear-gradient(180deg, rgba(255,255,255,0.8) 0%, rgba(0,212,255,0) 100%); background: linear-gradient(180deg, rgba(255,255,255,0.8) 0%, rgba(0,212,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr#ffffff, endColorstr#00d4ff, GradientType1); height: 200px; position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; pointer-events: none; } .wrapcontacto{ background: var(--corpri1); clear: none; } inputnameconfirmorobot{ position: absolute; transform: scale(0); } .duskimg{ pointer-events: none; } .bgins{ position: relative; float: left; clear: both; width: 100%; height: 100%; background: #1b1b1b; } .txtmascara2.imgpopup:hover{transform:scale(1);} .imgpopup:hover{ transform: scale(1.1); transform-origin: 50% 50%; } .wrapimg{ overflow: hidden; } .imgpopup{ -webkit-transition: transform 0.9s ease-out, transform-origin 0.9s ease-out;-moz-transition: transform 0.9s ease-out, transform-origin 0.9s ease-out;-ms-transition: transform 0.9s ease-out, transform-origin 0.9s ease-out;-o-transition: transform 0.9s ease-out, transform-origin 0.9s ease-out;transition: transform 0.9s ease-out, transform-origin 0.9s ease-out; } .heightgaltot{ height: calc(100vh - 50px); } .gradientdusk{ background: -moz-linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr#ffffff,endColorstr#00d4ff,GradientType1); height: 20vh; top: 0; position: absolute; width: 100%; z-index: 10; } .marginfacelinks.branco .facelinksicon{ filter: brightness(900); } .cantopopup{ opacity: 0; } .abrefullscreen:hover .cantopopup{ opacity: 1; } .linhalogin{float:left; width: 40px; margin-left: 15px; clear: none; height: 1px; background: var(--corpri1); position: relative; top: 50%; transform: translateY(-49%); } .slideprodutos::after{ content: ; width: 100%; height: 150px; position: absolute; left: 0; bottom: 0; background: -moz-linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); pointer-events: none; } .arealogin{ position: absolute;z-index: 100; display: flex; } .fundocliente{ background: url(imgs/semimagem.jpg) no-repeat center center/cover; width: 100%; clear: both; position: relative; min-height: 200px; } .fundotxtcliente{ background: #1b1b1b; box-sizing: border-box; } .wrapfundocliente{ position: relative; margin: 0 auto; width: 100%; } .wrapcliente{ background: #eee; position: relative; float: left; width: 100%; } .cursordefault{ cursor: default; } .uppercase{ text-transform: uppercase; } .capitalize{ text-transform: capitalize; } .wrapelinfo{ padding-bottom: 5px; box-sizing: border-box; border-bottom: 1px solid var(--corpri1); margin-top: 30px; } .wrapinfotamanho{ padding-top: 20px; padding-bottom: 5px; box-sizing: border-box; } .wrappropinfo{ margin-top: 50px; box-sizing: border-box; } .specstit{ position: absolute; left: calc(var(--margindefault) /2); bottom: 40px; transform:translateX(-50%); z-index: 1000; } .specstit2{ position: absolute; z-index: 1000; } .downloadbtn{ background: url(imgs/download6.png) no-repeat center bottom/contain; height: 50px; width:16px; transform: rotate(180deg); } .imgliga{ width:100%; height:100%; position:relative; } .imgliga.imgon{opacity: 0;} .xyzleft, .xyztop1, .xyztop2, .xyzright{ position: absolute; opacity: 0; } .xyzleft{ left: -100%; top: 0px; z-index: 1000; transform: translateX(-50%); } .xyztop1{ top: -100%; left: 50%; transform: translateX(-50%); } .xyztop2{ top: -100%; left: 50%; transform: translateX(-50%); } .xyzright{ left: 100%; top: 0; transform: translateX(-50%); } .wrapimginfo{ max-height: 40px; max-width:25px; vertical-align: middle; margin-right: 10px; } .heightinteriorgal{height:calc(100% - 280px); padding-bottom: 40px; padding-top: 140px; } .tracocaminho{ background: url(imgs/tracocaminho6.jpg); margin-right: 5px; display: inline-block; vertical-align: middle; } .textoxyzprincipal{ pointer-events: none; transform: translateY(100%); bottom: 0; } .txtxyzinterior{ pointer-events: all; } .titcookie{ text-align: left; letter-spacing: 1px; } .closecookie{ cursor:pointer; background: url(imgs/cruz6.png) no-repeat center center/contain; float: right; padding-left: 20px; box-sizing: border-box; } #bkcookie{ line-height: 18px; margin-bottom: 0; right: 0; overflow: visible; z-index:99999; position: fixed; bottom:0; background: #eee; text-align:right; display:none; z-index: 100000; padding: 30px 35px; box-sizing: border-box; } .txtcookie{ padding-top: 10px; box-sizing: border-box; line-height: 1.2; } .topvine{} .divwrapgetyour{ width:100%; position:relative; float:right; } .wraplampadaxyz{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .ligar{ position: absolute; bottom: 0; z-index: 100; cursor: pointer; transform: translateX(-50%); } .margintopgal{ margin-top: var(--margindefault); } .divisionportfoliovine{ background: #1b1b1b; position: relative; float: left; height: var(--margindefault); width: calc(100% - var(--margindefault)*2); margin: 0 var(--margindefault); } .topgaleriadusk{ margin-top: var(--margindefault); } .alturamenuconte{ height: calc(100vh - 130px); margin-top: 130px; } .imgliga, .imgligadesliga, .imgandadusk{ width: 100%; height: 100%; background-size: contain; position: absolute; opacity: 1; top: -100%; left: 0; max-height: 28cm; } .imgligadesliga.imgon, .imgliga.imgon, .imgandadusk.imgoff{ opacity: 0; position: absolute; } .imgliga, .imgligadesliga{ top: 0; } .imganda{ overflow: hidden; } .closemenucli{ background: url(imgs/cruz6.png) no-repeat center center/contain; width: 20px; height: 20px; position: absolute; cursor: pointer; z-index: 1000;} .clearfix::after{ content:; clear: both; display: table; } .slidespecs{ width: 100%; clear: both; position: relative; } .slidespecs .slick-list{padding-bottom: 40px!important; box-sizing: border-box; } /* espaço para a legenda */ .imgslidespecs{max-height: 380px; width: 100%; position: relative;} .imgslidespecs .legenda{position: absolute; bottom: -20px; left: 20px; pointer-events: none; text-align: right;} .fimgrelha{position: relative; float: left; width: 100%; display: flex; flex-wrap: nowrap; margin-top: 5px;} .fimgrelha .grid-item{height: 215px; flex-grow: 1;} .wraptxtgrid .txtgrid, .wraptxtgridimg{ position:absolute; right: 0;top: 50%; transform:translateY(-50%); width:100%; pointer-events: none; letter-spacing: 20px; } .wraptxtgrid .txtgrid{ right: auto; left: 0; } .meetprod{ position: absolute; top: calc(50% + 40px); padding-left: var(--margindefault); box-sizing: border-box; } .fundoportfolio2:first-child(){ background: #f00; } .fundoportfolio2, .fundoportfolio{ background: #eee; position: relative; float: left; width:100%; padding-top: var(--margindefault); box-sizing: border-box; } .fundoportfolio2{ background: #fff; } .wrapgrelhas > div:first-child() .fundoportfolio2{ padding-top: 0; } .wrapficheiros{ position: relative; float: left; margin-top: 10px; width: 100%; } .wrapficheiros.prod{ display: flex; width: 100%; justify-content: center; } .ficheirosprod{ display: none; position: absolute; bottom: 0; background: #1b1b1b; padding: 20px; box-sizing: border-box; z-index: 10; } .wrapgrelha{ width:100%; float: left; position: relative; } .maisgrelha{ bottom: 0; position: absolute; min-width: 40px; min-height: 40px; max-width: 100px; max-height: 100px; width: 7.8vw; height: 7.8vw; background: url(imgs/mais6.png) no-repeat center center/contain; } .maisgrelha span { text-align: right; letter-spacing: 0.5px; font-size: 10px; position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-100%, -100%); } .closeficheirosprod{ width: 25px; height: 25px; position: absolute; right: 25px; top:25px; background: url(imgs/cruz6.png) no-repeat center center / contain; } .titnovoprod{ position: absolute; transform: translateY(-100%); right: 0; top:0; } .slick-slider.slideindex{ position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100vh; } .dimple180on{ background: url(imgs/dimple180on.png) no-repeat center top/ contain; } .dimple150on{ background: url(imgs/dimple150on.png) no-repeat center top/ contain; } .dimple120on{ background: url(imgs/dimple120on.png) no-repeat center top/ contain; } .dimple180off{ background: url(imgs/dimple180off.png) no-repeat center top/ contain; } .dimple150off{ background: url(imgs/dimple150off.png) no-repeat center top/ contain; } .dimple120off{ background: url(imgs/dimple120off.png) no-repeat center top/ contain; } .lampada180, .lampada150, .lampada120{ max-width: 70%; width: 100%; height: 100vh; top: 0; left: 50%; transform: translateX(-50%) translateY(-150%); position: absolute; } .maisprodutonovo{ background: url(imgs/mais6.png) no-repeat center center/contain; position: absolute; bottom: 0; right: 0; width: 15%; } /* DUSK ORBIT */ .mudaimgdusk{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 100%; width: 100%; } .wrapduskorbit{ width: 100%; height: 100vh; margin-top: 40px; margin-bottom: 40px; } .orbitdusk > .divdefault{ min-height: 500px; display: flex; justify-content: center; } .orbitdusk > .divdefault>table{ min-height: 500px; } .duskorbitimg{ width:100%; max-width:80vh; max-height:80vh; height:100%; overflow:hidden; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:50%; } .duskorbittit{ width:100%; max-height:820px; height:100%; position:absolute; top:50%; left:0; transform:translateY(-50%); } .width-margin{ width:calc(var(--width) - var(--margindefault)*2); } .duskhiddentxt{letter-spacing: 0; line-height: 1; position: absolute; z-index: 100; top:0; left:0; width: 100%; height: calc(100% - var(--marginhiddentxt)); pointer-events: none; } .wrapduskhiddentxt .areaorbit{ width: 50%; height: 50%; position: absolute; } .wrapduskhiddentxt .area1{ top:0; left: 0; } .wrapduskhiddentxt .area2{ top:0; right: 0; } .wrapduskhiddentxt .area3{ bottom:0; left: 0; } .wrapduskhiddentxt .area4{ bottom:0; right: 0; } .innerduskorbit, .wrapduskorbitimgs{ position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - var(--marginduskorbit) * 2); margin-top: var(--marginduskorbit); margin-bottom: var(--marginduskorbit); } .innerduskorbit{ width: 100%; height: 100%; margin-top: 0; margin-bottom: 0; } .boladusk{ transform: translateX(-50%); height:100%; height: 100%; left: 50%; position: absolute; } .innerorbittit{ height: 100%; background-clip: text!important; background-clip: text; -webkit-background-clip: text!important; color: transparent; } .fontsizeduskorbit{ display: flex; justify-content: center; align-items: center; } .fontsizeduskorbit .wraptxt{ text-align: center; } .maxwidthtxtorbit{ display: inline-block; } .wrapduskhiddentxt{ position: relative; z-index: 100; height: 100%; width: 100%; } /*FIM DUSK ORBIT*/ .pretobranco{ filter: grayscale(1); } .colunasgetyour{} .mostrapaisgeral{ display: flex; justify-content: flex-end; } .joininicial, .joinfinal{overflow: hidden;} divclass* gsap-marker,divclass^gsap-marker{ z-index: 10000!important; }/style> /head> body> div classgridContainer clearfix> div idLayoutDiv1> div classcursor luz animate>/div> div classecraprincipal> div classlogoprincipal>/div> div idtoggle stylebackground:url(imgs/ecrainicial.jpg) no-repeat center center /cover; width:100%; height:100%; position:absolute; display:none; z-index:1000;>/div> /div> div classbarramenu animate stylez-index: 2000;> div classiconmenufixo>span>/span>span>/span>span>/span>/div> div idlogo> a href. titleBYBEAU> div classdivdefault> img srcimgs/logobr.png border0 altLogotipo classanimatelogo imglogo mudaimglogo> /div> /a> /div> div classabremenu> div classdivdefault styleheight: 100%;> div idmenu classdivmenu stylemargin: 0 auto; width:auto; float:none;> div classprocura defaultmenupadd styleheight: 100%;> div classcruzprocura>/div> div classwrapprocura styleheight: 100%;> table cellpadding0 cellspacing0 border0 width100% height100%>tr>td styleheight:100%;> form methodpost target_self actionprocurareg.php stylewhite-space: nowrap;> table cellpadding0 cellspacing0 width100% styleposition: relative;>tr>td> div classinnerprocura animate> input typetext nametermo maxlength65 size25 alignabsmiddle height20 classcorpri1 light direito inputstring idinputString autocompleteoff placeholderSEARCH onkeyuplookup(this.value,desktop); onfocuslookup(this.value,desktop);> input typehidden nameprocura value1> input namesubmit typesubmit value border0 alignabsmiddle classenvioprocura> /div> /td>/tr>tr>td> div classsuggestionsBox suggestions styledisplay:none;>div classsuggestionList autoSuggestionsList>/div>/div> /td>/tr> /table> /form> /td>/tr>/table> /div> /div> div classlogin styleheight: 100%;> div classcruzlogin>/div> div idabreloginfix classnavclose styleheight:100%;> table classdefaultmenupadd cellpadding0 cellspacing0 width100% styleheight: 100%;>tr>td> table height100% cellpadding0 cellspacing0 classtablelogin stylemin-width: 240px;>tr>td aligncenter idclientelogin styleposition:relative;> div classminwidthlogin wraplogin styleposition:relative; float:left; width:100%; height:100%; z-index:100;> div classtitlogin letra50 light corpri1 esquerdo>CLIENT BR> LOGIN/div> form classloja action/ methodpost> input typehidden namelogincli value1> div classreslogin> table width100% cellpadding0 cellspacing0> tr>td>div classpreto letra12 loginnotifica styledisplay:none; padding: 5px 0; box-sizing:border-box;>/div>/td>/tr> tr> td aligncenter> input typetext nameusername maxlength65 size25 alignabsmiddle value placeholderEMAIL class defaultinput letra12 regular esquerdo corpri3 inputlogin hovercursor> /td> /tr> tr> td aligncenter> div stylemargin-top:20px;> input typepassword namepasswd maxlength65 size25 alignabsmiddle placeholderPASSWORD classletra12 regular esquerdo corpri3 inputlogin defaultinput hovercursor> /div> /td>/tr>tr> td alignleft> div classhovercursor styleposition:relative; box-sizing:border-box; margin-top:5px;> a hrefhttps://www.bybeau.com:443/en/client?recuperar1 classlight letra10 branco esquerdo styleletter-spacing:0; >Recover Password/a> /div> /td>/tr> tr>td aligncenter stylepadding-top:25px; padding-left:0px;> input namesubmit typesubmit valueLOGIN classletra12 centro branco busubmit regular animate hovercursor alignabsmiddle border0> /td>/tr> /table> /div> /form> /div> /td>/tr> /table> /td>/tr>/table> /div> /div> table classalturamenu conteudomenu width100% border0 cellpadding0 cellspacing0>tr>td classwrapmenusocial valignbottom> div classmenusocial> table cellpadding0 cellspacing0 border0>tr>td aligncenter stylepadding-bottom:20px;> div classrotatevertical corpri1 letra12 black stylemargin: 0 auto; width:15px;>FOLLOW US/div> /td>/tr>tr>td aligncenter stylepadding-bottom:20px;> div classlinha2 styleheight:77px; margin: 0 auto;>/div> /td>/tr>tr>td aligncenter stylepadding-bottom:20px;> div classdivdefault> table>tr>td> a hrefhttps://www.facebook.com/ByBeauDesign/>div classanimate iconsocial iconfacebook>/div>/a> /td>/tr>tr>td> a hrefhttps://www.instagram.com/bybeaudesign/>div classanimate iconsocial iconinstagram>/div>/a> /td>/tr>tr>td> a hrefhttps://www.linkedin.com/company/beau-mcclellan-design>div classanimate iconsocial iconlinkedin>/div>/a> /td>/tr>tr>td> a hrefhttps://vimeo.com/beaumcclellan>div classanimate iconsocial iconvimeo>/div>/a> /td>/tr>/table> /div> /td>/tr>/table> /div> /td> td alignleft classwrapmenupos> div classclosemenu>/div> table classtablemenu border0 cellpadding0 cellspacing0 stylefloat:left;>tr classheightlinhamenu> td aligncenter classhovermenupri menubu data-id1 styleposition: relative; > div classmarginmenus stylepadding:0px; z-index:1000;> table cellpadding0 cellspacing0 width100% height100%>tr>td stylevertical-align: middle; height: 100%; text-align: left;> div classwrapmenu> a href. classmenupri2 titleIndex>INDEX/a> /div> /td>/tr>/table> script> $(function(){ $(.menubu2).hover(function(){ abremenu2($(this))}, function (){ abremenu2(off) }); function abremenu2($this){ $(.bgmenuimg).stop(true,false).animate({opacity: 0}); if($this ! off){ dataimg $($this).attr(data-id); $(.bgmenuimgdata-id + dataimg + ).stop(true,false).animate({opacity: 1}); //$(.bkmenuimg).css({background:url(+ dataimg + ) no-repeat center center /cover}); //$(.bkmenuimg).stop(true, true).fadeToggle(slow); } } /* $(td.submenu).hoverIntent({ over: function(){abresub($(this))}, timeout: 400, out: function(){fechasub($(this))}}); function abresub($this){ $this.find(.menusubsub).stop(true, true).css({left: 104% , opacity : 1}, 350); } function fechasub($this){ $this.find(.menusubsub).stop(true, true).css({left: -100%, opacity : 0}, 350); } */ }); /script> /div>/td>tr classheightlinhamenu> td aligncenter classhovermenupri menubu data-id2 styleposition: relative; > div classmarginmenus stylepadding:0px; z-index:1000;> table cellpadding0 cellspacing0 width100% height100%>tr>td stylevertical-align: middle; height: 100%; text-align: left;> div classwrapmenu> a hrefhttps://www.bybeau.com:443/en/bybeau/ classmenupri titleByBeau>BYBEAU/a> /div> /td>/tr>/table> script> $(function(){ $(.menubu2).hover(function(){ abremenu2($(this))}, function (){ abremenu2(off) }); function abremenu2($this){ $(.bgmenuimg).stop(true,false).animate({opacity: 0}); if($this ! off){ dataimg $($this).attr(data-id); $(.bgmenuimgdata-id + dataimg + ).stop(true,false).animate({opacity: 1}); //$(.bkmenuimg).css({background:url(+ dataimg + ) no-repeat center center /cover}); //$(.bkmenuimg).stop(true, true).fadeToggle(slow); } } /* $(td.submenu).hoverIntent({ over: function(){abresub($(this))}, timeout: 400, out: function(){fechasub($(this))}}); function abresub($this){ $this.find(.menusubsub).stop(true, true).css({left: 104% , opacity : 1}, 350); } function fechasub($this){ $this.find(.menusubsub).stop(true, true).css({left: -100%, opacity : 0}, 350); } */ }); /script> /div>/td>tr classheightlinhamenu> td aligncenter classhovermenupri menubu data-id3 styleposition: relative; > div classmarginmenus stylepadding:0px; z-index:1000;> table cellpadding0 cellspacing0 width100% height100%>tr>td stylevertical-align: middle; height: 100%; text-align: left;> div classwrapmenu> a hrefhttps://www.bybeau.com:443/en/products/ classmenupri titleProducts>PRODUCTS/a> /div> /td>/tr>/table> div classsubmenu submenuposih idsubposi style position:relative; margin-top: 5px;> div classwrapsubmenus>div classsubmenu menubu2 alignleft data-id7 valignmiddle onclicklocation.hrefhttps://www.bybeau.com:443/en/products/dimple/> table>tr>td>a hrefhttps://www.bybeau.com:443/en/products/dimple/ classsubmenu styleposition: relative; titleDimple>DIMPLE/a>/td>td>div aligncenter>div classlinhasubmenu >/div>/div>/td>/tr>/table>/div>div classsubmenu menubu2 alignleft data-id8 valignmiddle onclicklocation.hrefhttps://www.bybeau.com:443/en/products/dusk/> table>tr>td>a hrefhttps://www.bybeau.com:443/en/products/dusk/ classsubmenu styleposition: relative; titleDusk>DUSK/a>/td>td>div aligncenter>div classlinhasubmenu >/div>/div>/td>/tr>/table>/div>div classsubmenu menubu2 alignleft data-id9 valignmiddle onclicklocation.hrefhttps://www.bybeau.com:443/en/products/vine/> table>tr>td>a hrefhttps://www.bybeau.com:443/en/products/vine/ classsubmenu styleposition: relative; titleVine>VINE/a>/td>td>div aligncenter>div classlinhasubmenu >/div>/div>/td>/tr>/table>/div>div classsubmenu menubu2 alignleft data-id10 valignmiddle onclicklocation.hrefhttps://www.bybeau.com:443/en/products/xyz/> table>tr>td>a hrefhttps://www.bybeau.com:443/en/products/xyz/ classsubmenu styleposition: relative; titleXYZ>XYZ/a>/td>/tr>/table>/div>/div>/div>script> $(function(){ $(.menubu2).hover(function(){ abremenu2($(this))}, function (){ abremenu2(off) }); function abremenu2($this){ $(.bgmenuimg).stop(true,false).animate({opacity: 0}); if($this ! off){ dataimg $($this).attr(data-id); $(.bgmenuimgdata-id + dataimg + ).stop(true,false).animate({opacity: 1}); //$(.bkmenuimg).css({background:url(+ dataimg + ) no-repeat center center /cover}); //$(.bkmenuimg).stop(true, true).fadeToggle(slow); } } /* $(td.submenu).hoverIntent({ over: function(){abresub($(this))}, timeout: 400, out: function(){fechasub($(this))}}); function abresub($this){ $this.find(.menusubsub).stop(true, true).css({left: 104% , opacity : 1}, 350); } function fechasub($this){ $this.find(.menusubsub).stop(true, true).css({left: -100%, opacity : 0}, 350); } */ }); /script> /div>/td>tr classheightlinhamenu> td aligncenter classhovermenupri menubu data-id5 styleposition: relative; > div classmarginmenus stylepadding:0px; z-index:1000;> table cellpadding0 cellspacing0 width100% height100%>tr>td stylevertical-align: middle; height: 100%; text-align: left;> div classwrapmenu> a hrefhttps://www.bybeau.com:443/en/special-projects/ classmenupri titleSpecial Projects>SPECIAL PROJECTS/a> /div> /td>/tr>/table> script> $(function(){ $(.menubu2).hover(function(){ abremenu2($(this))}, function (){ abremenu2(off) }); function abremenu2($this){ $(.bgmenuimg).stop(true,false).animate({opacity: 0}); if($this ! off){ dataimg $($this).attr(data-id); $(.bgmenuimgdata-id + dataimg + ).stop(true,false).animate({opacity: 1}); //$(.bkmenuimg).css({background:url(+ dataimg + ) no-repeat center center /cover}); //$(.bkmenuimg).stop(true, true).fadeToggle(slow); } } /* $(td.submenu).hoverIntent({ over: function(){abresub($(this))}, timeout: 400, out: function(){fechasub($(this))}}); function abresub($this){ $this.find(.menusubsub).stop(true, true).css({left: 104% , opacity : 1}, 350); } function fechasub($this){ $this.find(.menusubsub).stop(true, true).css({left: -100%, opacity : 0}, 350); } */ }); /script> /div>/td>tr classheightlinhamenu> td aligncenter classhovermenupri menubu data-id11 styleposition: relative; > div classmarginmenus stylepadding:0px; z-index:1000;> table cellpadding0 cellspacing0 width100% height100%>tr>td stylevertical-align: middle; height: 100%; text-align: left;> div classwrapmenu> a hrefhttps://www.bybeau.com:443/en/installations/ classmenupri titleInstallations>INSTALLATIONS/a> /div> /td>/tr>/table> script> $(function(){ $(.menubu2).hover(function(){ abremenu2($(this))}, function (){ abremenu2(off) }); function abremenu2($this){ $(.bgmenuimg).stop(true,false).animate({opacity: 0}); if($this ! off){ dataimg $($this).attr(data-id); $(.bgmenuimgdata-id + dataimg + ).stop(true,false).animate({opacity: 1}); //$(.bkmenuimg).css({background:url(+ dataimg + ) no-repeat center center /cover}); //$(.bkmenuimg).stop(true, true).fadeToggle(slow); } } /* $(td.submenu).hoverIntent({ over: function(){abresub($(this))}, timeout: 400, out: function(){fechasub($(this))}}); function abresub($this){ $this.find(.menusubsub).stop(true, true).css({left: 104% , opacity : 1}, 350); } function fechasub($this){ $this.find(.menusubsub).stop(true, true).css({left: -100%, opacity : 0}, 350); } */ }); /script> /div>/td>tr classheightlinhamenu> td aligncenter classhovermenupri menubu data-id14 styleposition: relative; > div classmarginmenus stylepadding:0px; z-index:1000;> table cellpadding0 cellspacing0 width100% height100%>tr>td stylevertical-align: middle; height: 100%; text-align: left;> div classwrapmenu> a hrefhttps://www.bybeau.com:443/en/intellectual-property/acid-anti-copying-in-design-35 classmenupri titleIntellectual Property>INTELLECTUAL PROPERTY/a> /div> /td>/tr>/table> script> $(function(){ $(.menubu2).hover(function(){ abremenu2($(this))}, function (){ abremenu2(off) }); function abremenu2($this){ $(.bgmenuimg).stop(true,false).animate({opacity: 0}); if($this ! off){ dataimg $($this).attr(data-id); $(.bgmenuimgdata-id + dataimg + ).stop(true,false).animate({opacity: 1}); //$(.bkmenuimg).css({background:url(+ dataimg + ) no-repeat center center /cover}); //$(.bkmenuimg).stop(true, true).fadeToggle(slow); } } /* $(td.submenu).hoverIntent({ over: function(){abresub($(this))}, timeout: 400, out: function(){fechasub($(this))}}); function abresub($this){ $this.find(.menusubsub).stop(true, true).css({left: 104% , opacity : 1}, 350); } function fechasub($this){ $this.find(.menusubsub).stop(true, true).css({left: -100%, opacity : 0}, 350); } */ }); /script> /div>/td>tr classheightlinhamenu> td aligncenter classhovermenupri menubu data-id13 styleposition: relative; > div classmarginmenus stylepadding:0px; z-index:1000;> table cellpadding0 cellspacing0 width100% height100%>tr>td stylevertical-align: middle; height: 100%; text-align: left;> div classwrapmenu> a hrefhttps://www.bybeau.com:443/en/news/ classmenupri titleNews>NEWS/a> /div> /td>/tr>/table> script> $(function(){ $(.menubu2).hover(function(){ abremenu2($(this))}, function (){ abremenu2(off) }); function abremenu2($this){ $(.bgmenuimg).stop(true,false).animate({opacity: 0}); if($this ! off){ dataimg $($this).attr(data-id); $(.bgmenuimgdata-id + dataimg + ).stop(true,false).animate({opacity: 1}); //$(.bkmenuimg).css({background:url(+ dataimg + ) no-repeat center center /cover}); //$(.bkmenuimg).stop(true, true).fadeToggle(slow); } } /* $(td.submenu).hoverIntent({ over: function(){abresub($(this))}, timeout: 400, out: function(){fechasub($(this))}}); function abresub($this){ $this.find(.menusubsub).stop(true, true).css({left: 104% , opacity : 1}, 350); } function fechasub($this){ $this.find(.menusubsub).stop(true, true).css({left: -100%, opacity : 0}, 350); } */ }); /script> /div>/td>tr classheightlinhamenu> td aligncenter classhovermenupri menubu data-id6 styleposition: relative; > div classmarginmenus stylepadding:0px; z-index:1000;> table cellpadding0 cellspacing0 width100% height100%>tr>td stylevertical-align: middle; height: 100%; text-align: left;> div classwrapmenu> a hrefhttps://www.bybeau.com:443/en/contacts/contacts-1 classmenupri titleContacts>CONTACTS/a> /div> /td>/tr>/table> script> $(function(){ $(.menubu2).hover(function(){ abremenu2($(this))}, function (){ abremenu2(off) }); function abremenu2($this){ $(.bgmenuimg).stop(true,false).animate({opacity: 0}); if($this ! off){ dataimg $($this).attr(data-id); $(.bgmenuimgdata-id + dataimg + ).stop(true,false).animate({opacity: 1}); //$(.bkmenuimg).css({background:url(+ dataimg + ) no-repeat center center /cover}); //$(.bkmenuimg).stop(true, true).fadeToggle(slow); } } /* $(td.submenu).hoverIntent({ over: function(){abresub($(this))}, timeout: 400, out: function(){fechasub($(this))}}); function abresub($this){ $this.find(.menusubsub).stop(true, true).css({left: 104% , opacity : 1}, 350); } function fechasub($this){ $this.find(.menusubsub).stop(true, true).css({left: -100%, opacity : 0}, 350); } */ }); /script> /div>/td>/table> div classwrapiconsmenu> div classiconprocura>/div> div classiconlogin>/div> /div> script> $(function(){ $(.menubu).hover(function(){ abremenu($(this))}, function (){ abremenu(off) }); function abremenu($this){ $(.bgmenuimg).stop(true,false).animate({opacity: 0}); if($this ! off){ dataimg $($this).attr(data-id); $(.bgmenuimgdata-id + dataimg + ).stop(true,false).animate({opacity: 1}); //$(.bkmenuimg).css({background:url(+ dataimg + ) no-repeat center center /cover}); //$(.bkmenuimg).stop(true, true).fadeToggle(slow); } } /* $(td.submenu).hoverIntent({ over: function(){abresub($(this))}, timeout: 400, out: function(){fechasub($(this))}}); function abresub($this){ $this.find(.menusubsub).stop(true, true).css({left: 104% , opacity : 1}, 350); } function fechasub($this){ $this.find(.menusubsub).stop(true, true).css({left: -100%, opacity : 0}, 350); } */ }); /script> /td>td width50 classhidemobiletd stylevertical-align: top;> div classalturamenu2 posmenu2 rotatevertical branco letra12 > /td>/tr> tr>td colspan2 alignright> div classfloatinfope styleletter-spacing:0; height: auto;> a hrefhttps://www.livroreclamacoes.pt/inicio classadefault target_blank> span classcorpri1 letra10 regular infope stylewhite-space: nowrap;>Complaints Book/span> /a> a hrefhttps://www.bybeau.com:443/en/consumer-conflicts-27 titleConsumer Conflicts classadefault> span classcorpri1 letra10 regular infope stylewhite-space: nowrap;>Consumer Conflicts/span> /a> a hrefhttps://www.bybeau.com:443/en/privacy-policy-28 titlePrivacy Policy classadefault> span classcorpri1 letra10 regular infope stylewhite-space: nowrap;>Privacy Policy/span> /a> /div> /td>/tr>/table> div classbkmenuimg> div classbkpretomenu>/div> div classbgmenuimg data-id1 stylebackground: url(image.php?imageimage.php?image160277782451599173.jpg&maxwidth2000) no-repeat center center / cover;>/div>div classbgmenuimg data-id2 stylebackground: url(image.php?imageimage.php?image163765958929991371.jpg&maxwidth2000) no-repeat center center / cover;>/div>div classbgmenuimg data-id3 stylebackground: url(image.php?image1602780019.jpg) no-repeat center center / cover;>/div>div classbgmenuimg data-id7 stylebackground: url(image.php?image1603185795.jpg) no-repeat center center / cover;>/div>div classbgmenuimg data-id8 stylebackground: url(image.php?image1660900769.jpg) no-repeat center center / cover;>/div>div classbgmenuimg data-id9 stylebackground: url(image.php?image1660752015.jpg) no-repeat center center / cover;>/div>div classbgmenuimg data-id10 stylebackground: url(image.php?image1602777292.jpg) no-repeat center center / cover;>/div>div classbgmenuimg data-id5 stylebackground: url(image.php?image1602777402.jpg) no-repeat center center / cover;>/div>div classbgmenuimg data-id11 stylebackground: url(image.php?image1602777047.jpg) no-repeat center center / cover;>/div>div classbgmenuimg data-id14 stylebackground: url(image.php?imageimage.php?image170168799716829616.jpg&maxwidth2000) no-repeat center center / cover;>/div>div classbgmenuimg data-id13 stylebackground: url(image.php?image1606317576.jpg) no-repeat center center / cover;>/div>div classbgmenuimg data-id6 stylebackground: url(image.php?imageimage.php?image11-dimple----39839538.jpg&maxwidth2000) no-repeat center center / cover;>/div> /div> /div> /div> /div> div classmenumobile>/div> /div>div classbodywrap> div classwrapscrollprogress> div classscrollprogress> div classprogress-container> div classprogress-bar idmyBar>/div> /div> /div> /div> div classmenucliente> div classclosemenucli>/div> table border0> /table> /div> script> $(function(){ $(.slideindex).slick({ centerMode: true, centerPadding: 0, autoplay: true, fade:true, infinite: true, dots: false, autoplaySpeed: 3000, }); }); /script> div classdivdefault> div classlangindex hidemobile> div classalturamenu2 rotatevertical branco letra12> table width100% height100% classdivdefault border0>tr> td aligncenter> /td> /tr>/table> /div> /div> div classslideindex> div classimgslideindex alturajanela stylebackground: url(image.php?image160277782451599173.jpg&maxwidth1980) no-repeat center center /cover; >/div> div classimgslideindex alturajanela stylebackground: url(image.php?image31-dimple----960393.jpg&maxwidth1980) no-repeat center center /cover; >/div> div classimgslideindex alturajanela stylebackground: url(image.php?image1602780221.jpg&maxwidth1980) no-repeat center center /cover; >/div> /div> div classbkpreto>/div> div classalturajanela divdefault> div classalturamenu bumenu posmenu rotatevertical branco letra12> table width100% height100% classdivdefault border0> tr>td height50% alignleft>div classlinha>/div>/td>td aligncenter>MENU/td>td height50% alignright>div classlinha>/div>/td>/tr> /table> /div> table classwrapcaption border0 cellpadding0 cellspacing0> tr>td valignmiddle alignright> table border0 stylemargin-top:0px; width:100%;> tr>td alignright valigntop>div>table stylefloat:right;>tr>td>a hrefhttps://www.bybeau.com:443/en/bybeau/studio-2 classadefault>div classdireito letra12 black branco>STUDIO/div>/a>/td>td>div classlinhabr stylewidth:70px;>/div>/td>/tr>/table>/div>/td>/tr> tr>td alignright valigntop> a hrefhttps://www.bybeau.com:443/en/products/ classadefault> div>table stylefloat:right;>tr>td>div classdireito letra80 branco hovergrosso animatelinear txtdest styleletter-spacing:10px;>PRODUCTS /div>/td>/tr>tr>td>/td>/tr>/table>/div> /a> /td>/tr> tr>td alignright valigntop> a hrefhttps://www.bybeau.com:443/en/special-projects/ classadefault> div>table stylefloat:right;>tr>td>div classdireito letra80 branco hovergrosso animatelinear txtdest styleletter-spacing:10px;>SPECIAL PROJECTS /div>/td>/tr>tr>td>/td>/tr>/table>/div> /a> /td>/tr> tr>td alignright valigntop> a hrefhttps://www.bybeau.com:443/en/installations/ classadefault> div>table stylefloat:right;>tr>td>div classdireito letra80 branco hovergrosso animatelinear txtdest styleletter-spacing:10px;>INSTALLATIONS /div>/td>/tr>tr>td>/td>/tr>/table>/div> /a> /td>/tr> /table> /td>/tr> /table> /div> /div> div classdivdefault alturafixa> div classdivdefault alturajanela prodnovo stylez-index:1000;> div classmargindefault margintopdefault1 marginbottomdefault styleheight:calc(100% - 250px); position:relative; float:left;> a hrefhttps://www.bybeau.com:443/en/products/xyz/xyz-14> div classdivdefault parallax_scroll styleheight:100%;> div classdivdefault direito corpri1 letra50 thin titnovoprod styleline-height:0.8;>NEW PRODUCT/div> div class data-album1 data-srcimage.php?image1410--xyz---98216970.jpg stylewidth:100%; height:100%; background:url(image.php?image1410--xyz---98216970.jpg&maxwidth1600) no-repeat center center /cover; position:absolute; top:0;> table cellpadding0 cellspacing0 height100% border0 stylemargin: 0 auto;>tr>td aligncenter valignmiddle> table cellpadding0 cellspacing0 border0 width100% stylemargin: 0 auto;>tr>td aligncenter valignmiddle> div classparallax_scroll stylemix-blend-mode: overlay;> div classletra115 branco centro black titulodestprod titprodindex>XYZ/div> div classletra115 branco centro black titulodestprod2 titprodindex>XYZ/div> /div> /td>/tr> tr>td alignleft> div classletra13 branco esquerdo black parallax_scroll stylemargin-left:5px;>span classcorpri1>#MEET/span>XYZ/div> /td>/tr>/table> /td>/tr>/table> /div> div classbgtxtnovoprod>/div> /div> div classbktxtnovoprod> div classmy-scrollable-element branco letra12 esquerdo showup> div classwrap light letra15 corpri4 esquerdo styleline-height:26px; letter-spacing:0px;> div>Created as an expression of space and how we design within it, our inspiration was the language of architecture, the three-dimensional axis – where points in space can be positioned by x, y and z coordinates. The minimal design extends light across each axis from the central hub, the clean lines incorporating cutting-edge Bluetooth technology and innovative magnetic engineering. It offers an incredible degree of articulation, independent axis control, and dynamic tuneable light reflecting a greater awareness of the role lighting plays to our health and wellbeing./div>div>br>/div>div>The XYZ Cartesian coordinates date back to the 17th century and enable designers, architects and engineers to understand and communicate space and dimensions, it was a simple, magical language to help us understand our place in the world. Something that was always there but had never been expressed.br>br>After creating a form to represent this concept, we had to develop a lighting system that would explore it. The engineering for this unique design would require perfect balance in order to achieve a pure and engaging user experience./div>div>br>/div>div>br>/div> /div> div classmaisprodutonovo data-ratio1>/div> /div> /div> /a> /div> /div> /div> div classdivdefault> div classdivdefault wrapeventoindex> div classdivdefault alturajanela style position:relative; float:left;> div classdivdefault styleheight:100%;> a hrefhttps://www.bybeau.com:443/en/installations/decisions-24> div classbkeventos style height:100%; cursor:pointer;> div classtextoeventos stylemax-width:340px; height:100%; margin: 0 auto; opacity:0;> table border0 height100% width100% cellpadding0 cellspacing0>tr>td aligncenter valignmiddle> div classdivdefault letra13 black esquerdo corpri2>INSTALLATIONS/div> div classdivdefault letra25 esquerdo branco wraptitevent>DECISIONS/div> div classdivdefault txtevento letra17 regular esquerdo branco stylemargin-top:50px; letter-spacing:0; line-height:30px;> Decisions at LUZA, Algarve International Festival of Light, Second Edition 2018 Loulé, Algarve, Portugal Lighting, control and interaction design. In association with Ledscontrol. ByBeau + Ledscontrol - Decisions LUZA Festival is an innovative .../div> /td>/tr>/table> /div> div classmaisbr>/div> /div> div classnovoevento styleheight:100%; float:right; right:0; position:absolute; top:0; overflow:hidden;> div classimagemscale widthscreen stylebackground:url(image.php?image241-decisions----73763232.jpg&maxwidth1600) no-repeat center center /cover; width:100%; height:100%; position:absolute; right: 0; >/div> div classmargindefault marginlocation styleheight:100%;> table width100% height100% border0 stylemargin: 0 auto;>tr>td aligncenter valignmiddle> div classlocationfade parallax_scroll stylemargin-top: 50px;> div classdivdefault letra13 black esquerdo corpri1>INSTALLATIONS/div> div classdivdefault letra25 esquerdo branco wraptitevent>DECISIONS/div> /div> /td>/tr> tr>td alignleft valignbottom> div classdivdefault wraptitevent> div classletra145 branco black esquerdo titulodestprod titprodindex2>INSTALLATION/div> div classletra145 branco black esquerdo titulodestprod2 titprodindex2>INSTALLATION/div> /div> /td>/tr>/table> /div> /div> /a> /div> /div> /div> /div> div classdivdefault alturajanela> a hrefhttps://www.bybeau.com:443/en/special-projects/crystal--19 classadefault> div classmargindefault margintopdefault marginbottomdefault animate wrapprojespecial styleposition:relative; float:left;> div classdivdefault styleheight:100%;> div classretiramascara stylewidth:100%; height:50%; top:25%; position: absolute; z-index: 100; width: 89%; margin: 0 auto; left: 50%; transform: translateX(-50%);>/div> div classconteudofull animate cantopopupcor1 abrefullscreen data-album2>/div> div classconteudofull animate cantopopupcor2 abrefullscreen data-album2>/div> div classconteudofull animate cantopopupcor3 abrefullscreen data-album2>/div> div classconteudofull animate cantopopupcor4 abrefullscreen data-album2>/div> div classtxtmascara letra115 black animate stylewidth:100%; height:100%; position:relative; float:left; z-index:0;> table classconteudofull parallax_scroll wrapprojesp letra115 black txtproj imgmask style color:transparent; background-repeat:no-repeat; background-size:cover; background-position:center; -webkit-background-clip: text; background-clip: text; background-image:url(image.php?image160259859353349310.JPG&maxwidth1600) data-album2 height100% cellpadding0 cellspacing0 border0> tr> td> div classstarttxt rotatevertical corpri1 letra12 txtspecialproj>SPECIAL PROJECTS/div> CRYSTAL div classletra20 black esquerdo know styleletter-spacing:5px;>KNOW MORE/div> /td>/tr>/table> div classtxtmascara2 animate letra115 black animate imgfullscreen2 imgpopup wrapprojesp2 data-album2 stylewidth:100%; height:100%; background-image:url(image.php?image160259859353349310.JPG&maxwidth1600); background-repeat:no-repeat; background-size:cover; background-position:center; position:absolute; top:0; left:0; z-index:10000 data-srcimage.php?image160259859353349310.JPG&maxwidth1600 data-width data-height> div classclosefullscreen2>/div> table class conteudofull parallax_scroll marginwrapproj cellpadding0 cellspacing0 width100% height100%>tr>td classbranco> CRYSTAL div classletra20 black esquerdo branco know styleletter-spacing:5px;>KNOW MORE/div> /td>/tr>/table> /div> /div> /div> /div> /a> /div> script> /*$(window).resize(function(){ setloadresizeindex(); }); $(function(){setloadresizeindex();}); function setloadresizeindex(){ calctophovermascara(); $(.widthscreen).width($(window).width()); } var observer new MutationObserver(calctophovermascara); //executa a função quando ha uma mutação ↓ observer.observe($(.wrapprojesp)0, {attributes: true});// → → → → de atributos function calctophovermascara(){ if($(.rotatevertical).length && $(.txtmascara).length){ setTimeout(function(){ let topmascara $(.starttxt).offset().top - $(.txtmascara).offset().top; let heightmascara $(.txtmascara).height() - topmascara; $(.retiramascara).css({height: heightmascara, top: topmascara}); },200); } }*/ /script> /div>script typetext/javascript srcScripts/js/lightbox.js charsetutf-8>/script>script typetext/javascript srcScripts/js/jquery-ui-1.10.2.custom.min.js>/script>script typetext/javascript srcScripts/js/jquery.hoverintent.js>/script>script typetext/javascript srcScripts/js/jquery.sticky-kit.min.js>/script>script typetext/javascript srcScripts/js/jquery-ui-1.10.2.custom.min.js>/script>script typetext/javascript srcScripts/js/placeholder.js>/script>script typetext/javascript srcScripts/js/slick.js>/script>script typetext/javascript srcScripts/js/imagesloaded.js charsetutf-8>/script>script typetext/javascript srcScripts/js/jquery.parallaxify.js charsetutf-8>/script>script typetext/javascript srcScripts/js/gsap.js>/script>script typetext/javascript srcScripts/js/ScrollTrigger.js>/script>script typetext/javascript srcScripts/js/ScrollToPlugin.js>/script>script typetext/javascript srchttps://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/TextPlugin3.min.js>/script>link relstylesheet typetext/css hrefScripts/css/photoswipe.css>link relstylesheet typetext/css hrefScripts/css/default-skin.css>link relstylesheet hrefScripts/css/flexslider.css typetext/css>link relstylesheet hrefScripts/css/lightbox.css typetext/css>link relstylesheet hrefScripts/css/slick.css typetext/css>script> var slidesset desktop, procura new Object(), menu new Object(), login new Object(), menucliente new Object(), animmenufinished, isFullscreen false, scrollpe false, novoprod false, novoprod2 false, fromslider false, $timeoutpe , imgativa false, tlprod false, tlgalprod false, tl false, tl2 false, tap false, timeoutscroll, isTouchDevice ontouchstart in window || navigator.msMaxTouchPoints, originaltouch {x:false, y:false, background:false}, deviceorientationfunc, devicemotionfunc, MozOrientationfunc, sizebk, sizeevento; procura.open false; menu.open false; menucliente.open false; login.open false; $(window).on(load, function(){ onloadnresize(); }); $(window).resize(function(){ onloadnresize(); restarttimelines(); }); $(window).on(scroll, function(){ controlscroll(); }); $(function(){ tap (ontouchstart in document.documentElement); if(tap){ $(.cursor).hide(); } onloadnresize(); setmenunorm(); // When the user scrolls the page, execute myFunction window.onscroll function() { scrollprogress(); }; $(.imgpopup).each(function(){ if($(this).find(.legenda).text().replace(/\s+/g, ).length){ $(this).find(.cantopopup4).hide(); } }); /*$(.progress-container #myBar).draggable({ axis: y, containment: .progress-container, drag: function(e,ui){ console.log(ui.position.top); if(ui.position.top 0){ ui.position.top 0; }else if(ui.position.top > $(.progress-container).height() - $(.progress-container #myBar).height()){ ui.position.top $(.progress-container).height() - $(.progress-container #myBar).height(); } console.log(ui.position.top); let scroll (( parseInt($(#myBar).css(top)) * 100 / $(.progress-container).height())); let scrollval 0. + parseInt(scroll); let scrolled $(document).height() * scrollval; fromslider true; $(html, body).scrollTop(scrolled); }, stop: function(){ fromslider false; } }); */ var iOS /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream; if(iOS){ $(.imgmask).addClass(preto).css({background: none, color: #000}); } /*var mousedown false; $(.progress-container #myBar).on(mouseup, function(){ mousedown false; }); $(.progress-container #myBar).on(mousedown, function(e){ mousedown true; startmousey e.originalEvent.clientY; }); $(.progress-container #myBar).on(mousemove, function(e){ var mousey e.originalEvent.clientY; if(mousedown true){ var mouse mousey - startmousey; console.log(mousey - startmousey); var scroll (( parseInt($(#myBar).css(top)) * 100 / $(.progress-container).height())); var scrollval 0. + parseInt(scroll); var scrolled $(document).height() * scrollval; $(html, body).scrollTop(scrolled); } }); */ function scrollprogress(){ if(fromsliderfalse){ var winScroll document.body.scrollTop || document.documentElement.scrollTop; var scrolled (($(body, html).scrollTop() / $(document).height())) * 100; $(#myBar).css({top: scrolled + %}); //$( .scrollprogress ).slider(value, scrolled); }else{ } fechaalbumfullscreen(scroll); } /*$(.alturamenu).height($(window).height() - 140); */ //$(.abremenu).height($(window).height()); $(.minalturajanela).css({min-height:$(window).height()}); $(.alturajanelapeq).css({height:$(window).height()}); //$(.alturaconte).css({height:$(.alturaconte).height()}); // $(.imgacid).hover(()>{ // $(.wraptxtacid).stop(true,true).animate({width:$(.textoacid).width()}); // }, ()>{ // $(.wraptxtacid).stop(true,true).animate({width:0}); // }) $(.bumenu, .iconmenufixo).click(function(){ $(.abremenu).stop(true,true).animate({width:100%}, function(){ $(.divmenu).fadeIn(); menu.opentrue; }); }); $(document).mousemove(function(e){ if($(window).width() > 769){ if((e.originalEvent.clientY) $(.gridContainer).height() && (e.originalEvent.clientY) $(.gridContainer).width()){ var x e.originalEvent.clientX; var y e.originalEvent.clientY; //$(.mouseunder).css({left:x, top:y}); $(.cursor).css({left:x, top:y}); } } }); if($(.titulocaminho2).length > 0){ $(.titulocaminho2).html($(.titulocaminho2).html().replace(/ /gi,)); } setTimeout(function(){ $(.logoprincipal).imagesLoaded(function(){ $(#toggle).toggle( pulsate, {times:3}, function(){ setTimeout(function(){ $(.ecraprincipal).animate({top:-100%},{complete: function(){ $(.ecraprincipal).hide(); }}); } ,200); }); $(.flex-direction-nav).each(function(){ if($(this).find(.flex-prev).hasClass(flex-disabled) && $(this).find(.flex-next).hasClass(flex-disabled)){$(this).hide();}}); }); }, 1500); var bottom $(.gridcontainer).innerHeight(); var difference $(html, body).height() - bottom; if(difference > 0){ $(.bgconte).css({margin-bottom: difference}); } animmenufinished1; controlscroll(); $(.hoverproduto).hover(function(){ $(this).find(.imghidden).stop(true,true).css({opacity:1},{duration: 250, queue:false}); $(this).find(.imghover).stop(true,true).css({opacity:0},{duration: 250, queue:false}); $(this).find(.innerlinhaprod).stop(true,true).animate({width: 100%}); /* $(this).find(.imgprod:nth-child(2)).stop(true,true).css({opacity: 1}); $(this).find(.imgprod:nth-child(1)).stop(true,true).css({opacity: 0}); */ }, function(){ $(this).find(.imghover).stop(true,true).css({opacity:1},{duration: 250, queue:false}); $(this).find(.imghidden).stop(true,true).css({opacity:0},{duration: 250, queue:false}); $(this).find(.innerlinhaprod).stop(true,true).animate({width: 30}); /* $(this).find(.imgprod:nth-child(1)).stop(true,true).css({opacity: 1}); $(this).find(.imgprod:nth-child(2)).stop(true,true).css({opacity: 0}); */ }); /*$(.imgprod).hover(function(){ $(this).find(.divhidden).stop(true,true).fadeIn(); },function(){ $(this).find(.divhidden).stop(true,true).fadeOut(); }); */ $(.innerpag).hover(function(){ $(this).find(.wrapvermaishidden).stop(true,true).slideDown(); },function(){ $(this).find(.wrapvermaishidden).stop(true,true).slideUp(); }); /*var contaclickeventos1; $(.bkeventos).click(function(){ if(contaclickeventos1){ $(.novoevento).stop(true,true).removeClass(animate); $(.bkeventos).stop(true,true).animate({width:50%}, function(){ $(.textoeventos).stop(true,true).fadeIn(); }); $(.novoevento).stop(true,true).animate({width:50%}); $(.locationfade).stop(true,true).fadeOut(); $(.marginlocation).stop(true,true).removeClass(margindefault); contaclickeventos0; } else { $(.novoevento).stop(true,true).addClass(animate); $(.textoeventos).stop(true,true).fadeOut(function(){ $(.bkeventos).stop(true,true).animate({width:150px}); }); $(.novoevento).stop(true,true).css({width:calc(100% - 150px)}); $(.locationfade).stop(true,true).fadeIn(); $(.marginlocation).stop(true,true).addClass(margindefault); contaclickeventos1; } }); */ //parallax scroll $(window).on(ready scroll, function(e){ var parallaxElement $(.parallax_scroll), parallaxQuantity parallaxElement.length; window.requestAnimationFrame(function(){ for (var i 0; i parallaxQuantity; i++){ var currentElement parallaxElement.eq(i), windowTop $(window).scrollTop(), elementTop currentElement.offset().top, elementHeight currentElement.height(), viewPortHeight window.innerHeight * 0.5 - elementHeight * 0.5, scrolled windowTop - elementTop + viewPortHeight; currentElement.css({ transform: translate3d(0, + scrolled * -0.15 + px, 0) }); } }); var scaleElement $(.imagemscale), scaleQuantity scaleElement.length; window.requestAnimationFrame(function(){ for (var i 0; i scaleQuantity; i++){ var currentElement scaleElement.eq(i), windowTop $(window).scrollTop(), elementTop currentElement.offset().top, elementHeight currentElement.outerHeight(), viewPortHeight window.innerHeight * 0.5 - elementHeight * 0.5, //scrolledscale elementTop + viewPortHeight; scrolledscale 1 + (windowTop - elementTop + viewPortHeight) * 0.0001; if(scrolledscale>1 && scrolledscale1.1){ currentElement.css({ transform: scale( + scrolledscale + ) }); } } }); /*clearTimeout(timeoutscroll); timeoutscroll setTimeout(function(){ checkinternational(); }, 500); */ }); gsap.registerPlugin(ScrollTrigger, TextPlugin); if($(.showup).length){ let tlprod gsap.timeline({ scrollTrigger: { trigger: .prodnovo, scrub: true, pin: true, start: top top, end: () > ($(.showup .wrap)0.scrollHeight*2)+px, toggleActions: restart pause reverse pause } }) .to(.showup, { top: 0 }, 0) .to(.showup .wrap, {scrollTo: $(.showup .wrap)0.scrollHeight, duration: 1}, +0.1) .to(.showup, { opacity: 0, top: -100% }, +0.1); } /* if($(.innercontactos).length){ let tlcontact gsap.timeline({ scrollTrigger: { trigger: .alturaconte, scrub: true, pin: true, start: top top, toggleActions: restart pause reverse pause, markers: true, // only during development! } }).to(.innercontactos, {scrollTo:$(.innercontactos)0.scrollHeight }); } let tlfooter gsap.timeline({ scrollTrigger: { trigger: .footer, scrub: true, pin: true, start: 60% bottom, toggleActions: restart pause reverse pause }, }) .to(.joininicial, {opacity: 0},0) .to(.joinfinal, {opacity: 1},0); */ //tl.fromTo($(.wrapeventoindex)0, { xPercent: 100, x: 0}, {xPercent: 0}); //.fromTo(section.querySelector(.afterImage img), {xPercent: -100, x: 0}, {xPercent: 0}, 0); // $(.novoevento).stop(true,true).animate({width:50%}); /* $(.bkeventos).stop(true,true).animate({width:50%}, function(){ $(.textoeventos).stop(true,true).fadeIn(); }); $(.novoevento).stop(true,true).animate({width:50%}); $(.locationfade).stop(true,true).fadeOut(); $(.marginlocation).stop(true,true).removeClass(margindefault); */ $(.cruzprocura).on(click, function(){ fechaprocura(); }); $(.cruzlogin).on(click, function(){ fechalogin(); }); $(.retiramascara).hoverIntent({over: function(){ }, timeout: 50, out: function(){ /*if(isFullscreen){ var d {}; var speed 300; d.width 100%; d.height 100%; d.left 0; d.top 0; d.zIndex 10; isFullscreen false; $(.conteudofull).animate({opacity:1}); $(.closefullscreen2).animate({opacity:0}); $(.imgfullscreen2).animate(d,speed); } */ } }); $(document).on(click, .iconprocura, function(){ if(procura.open false){ abreprocura(); procura.opentrue; } }); $(document).on(click, .iconlogin, function(){ if(login.open false){ abrelogin(); login.opentrue; } }); $(document).mouseup(function(e){ var container $(.menumobile, .iconmenumobile); // if the target of the click isnt the container nor a descendant of the container if (!container.is(e.target) && container.has(e.target).length 0){ $(.menumobile).stop(true,true).slideUp(); } }); $(.wrapsabermais).hoverIntent({over: function(){ $(this).find(.riscasabermais2).stop(true,true).animate({width: 100%}, function(){ $(this).parents(.sabermais).find(.txtsabermais).stop(true,true).animate({color:#fff}); }); }, timeout: 50, out: function(){ $(this).find(.txtsabermais).stop(true,true).animate({color:#1a9a6e}, function(){ $(this).parents(.sabermais).stop(true,true).find(.riscasabermais2).css({width: 27px}); }); }}); $(.wraptitprod, .wrapsabermais1).hoverIntent({over: function(){ $this $(this); $(this).find(.innerlinhatit).stop(true,true).animate({width: 100%}, function(){ $this.find(.txtsabermais).stop(true,true).animate({color:#09463c}); }); }, timeout: 50, out: function(){ $(this).find(.txtsabermais).stop(true,true).animate({color:#1a9a6e}, function(){ $this.find(.innerlinhatit).stop(true,true).animate({width: 20px}); }); }}); $(.hoverinfo).hoverIntent({over: function(){ $(this).find(.divhidden, .sabermaison).fadeIn(); $(this).find(.divbg, .imgspot).addClass(hover); }, timeout: 50, out: function(){ $(this).find(.divhidden, .sabermaison).fadeOut(); $(this).find(.divbg, .imgspot).removeClass(hover); }}); $(.wrappag, .wrapmenu1).hoverIntent({over: function(){ //$(this).find(.bgpagina).addClass(bgpaginahover); $(this).find(.wraptitpag).css({color: #d90011}); /*$(this).find(.innerlinhatit).stop(true,true).animate({width: 100%}, {queue:false}); $(this).find(.txtsabermais).stop(true,true).animate({color:#09463c}); */ }, timeout: 50, out: function(){ //$(this).find(.bgpagina).removeClass(bgpaginahover); $(this).find(.wraptitpag).css({color: #fff}); /*$(this).find(.txtsabermais).stop(true,true).animate({color:#1a9a6e}, {queue:false}); $(this).find(.innerlinhatit).stop(true,true).animate({width: 20px},{queue:false});*/ }}); $(.closemenu).click(function(){ menu.openfalse; /*$(.menumobile).stop(true,true).slideUp(); $(.iconmenumobile).removeClass(open); */ $(.divmenu).fadeOut(function(){ $(.abremenu).stop(true,true).animate({width:0}); }); }); $(.iconmenumobile).click(function(){ $(.menumobile).stop(true,true).slideToggle(200, function(){ }); //$(.24horasmob).toggle(); $(.iconmenumobile).toggleClass(open); //$(.overlay_menu).fadeToggle(); }); if($(window).width() > 769){ /* alturagarantias$(.divgarantia).height(); $(.divareares).height(alturagarantias); */ setmaxheight(.heightgarantias); } $(document).on(click, .abremenucli, .wraplogininfo, function(){ menuclientehandle(); }); $(document).on(click, .closemenucli, function(){ fechamenucli(); }); var tooltips document.querySelectorAll(.tooltip span); window.onmousemove function (e) { var x (e.clientX), y (e.clientY + 20); for (var i 0; i tooltips.length; i++) { tooltipsi.getBoundingClientRect(); tooltipsi.style.top y + px; tooltipsi.style.left x - tooltipsi.getBoundingClientRect().width + px; } }; function map_range(input, in_min, in_max, out_min, out_max) { return (input - in_min) * (out_max - out_min) / (in_max - in_min) + out_min; } $(.wrapproduto).hover(function(){ $(this).find(.maisshow).stop(true,true).slideDown().animate({opacity:1},{queue:false}); $(this).find(.wrapcolecao).stop(true,true).slideDown().animate({opacity:1},{queue:false}); $(this).find(.bkportfolio2).stop(true,true).animate({opacity:1},{queue:false}); }, function(){ $(this).find(.maisshow).stop(true,true).slideUp().animate({opacity:0}, {queue: false}); $(this).find(.wrapcolecao).stop(true,true).slideUp().animate({opacity:0}, {queue: false}); $(this).find(.bkportfolio2).stop(true,true).animate({opacity:0}, {queue: false}); }); if($(.wrapprojespecial).length){ var tlspecialproj gsap.timeline({ scrollTrigger: { trigger: .wrapprojespecial, scrub: true, pin: false, start: top 30%, end: top 10%, toggleActions: restart pause reverse pause }, }) .to(.txtmascara2, {opacity:1}, ) .to(.cantopopupcor1, {border-top: 1px solid #ffffff, border-left:1px solid #ffffff }, ) .to(.cantopopupcor2, {border-top: 1px solid #ffffff, border-right:1px solid #ffffff }, ) .to(.cantopopupcor3, {border-bottom: 1px solid #ffffff, border-left:1px solid #ffffff }, ) .to(.cantopopupcor4, {border-bottom: 1px solid #ffffff, border-right:1px solid #ffffff }, ); } /* $(.retiramascara).hover(function(){ $(.txtmascara2).stop(true,true).animate({opacity:1},{queue:false}); $(.cantopopupcor1).stop(true,true).css({border-top:1px solid #ffffff, border-left:1px solid #ffffff}); $(.cantopopupcor2).stop(true,true).css({border-top:1px solid #ffffff, border-right:1px solid #ffffff}); $(.cantopopupcor3).stop(true,true).css({border-bottom:1px solid #ffffff, border-left:1px solid #ffffff}); $(.cantopopupcor4).stop(true,true).css({border-bottom:1px solid #ffffff, border-right:1px solid #ffffff}); },function(){ $(.txtmascara2).stop(true,true).animate({opacity:0},{queue:false}); $(.cantopopupcor1).stop(true,true).css({border-top:1px solid var(--corpri1), border-left: 1px solid var(--corpri1)}); $(.cantopopupcor2).stop(true,true).css({border-top:1px solid var(--corpri1), border-right: 1px solid var(--corpri1)}); $(.cantopopupcor3).stop(true,true).css({border-bottom:1px solid var(--corpri1), border-left: 1px solid var(--corpri1)}); $(.cantopopupcor4).stop(true,true).css({border-bottom:1px solid var(--corpri1), border-right: 1px solid var(--corpri1)}); });*/ /* $(.itemcolecao).hover(function(){ //era para mudar o fundo do produto fazendo hover na img pequena (menu coleçoes) $(this) }); */ if($(.imgpopup).length){ $(.fullscreenimages).html(div classwrapnav>div classprev>/div>div classnext>/div>/div>div classimages>/div>div classclosefullscreen>); var countimgs 1; $(.imgpopup).each(function(){ if($(this).not().hasClass(slick-cloned) || $(this).not().parents(.slick-cloned)){ $(this).attr({data-id: countimgs}); var album $(this).attr(data-album); var src $(this).attr(data-src); $(this).attr({data-idimgpopup: countimgs}); if($(this).parents(.slick-slider).length){ //está dentro de um slide var extra $(this).attr(data-slideid); $(data-idimgpopup + countimgs + ).parents(.slick-slider).slick(slickPause); } var div div classimgfullscreen data-id + countimgs + data-extra + extra + data-album + album + data-src+src+ styleopacity: 0.2; background:url( ) no-repeat center center/cover;>/div>; $(.fullscreenimages).find(.images).append(div); countimgs++; }else{ } }); $(.imgpopup).hover(function(){ $(this).find(.legenda).stop(true,false).fadeIn(); $(this).find(.abrefullscreen).stop(true,false).fadeIn(); }, function(){ $(this).find(.legenda).stop(true,false).fadeOut(); $(this).find(.abrefullscreen).stop(true,false).fadeOut(); }); } $(.abrefullscreen).click(function(){ abrealbumfullscreen($(this).attr(data-album), $(this).attr(data-id)); }); $(.closefullscreen).click(fechaalbumfullscreen); $(.imgfullscreen).on(mousemove, function(e){ if(!isTouchDevice){ $(.imgfullscreen).css({backgroundPosition: (e.originalEvent.clientX/$(window).width())*100 + % + (e.originalEvent.clientY/$(window).height())*100 + %}); } }); $(.imgfullscreen).on(touchstart, function(e){ originaltouch.x e.originalEvent.touches0.clientX; originaltouch.y e.originalEvent.touches0.clientY; originaltouch.background $(.imgfullscreen).css(backgroundPosition); }); /*$(.imgfullscreen).parallaxify({ positionProperty: backgroundPosition, responsive: true, motionType: natural, mouseMotionType: gaussian, useMouseMove: false, useGyroscope: true, motionAngleX: 80, motionAngleY: 80, alphaFilter: 0.5, adjustBasePosition: true, alphaPosition: 0.025, }); */ /* $(.imgfullscreen).addEventListener(devicemotion, function(){ var x (((originaltouch.x - e.originalEvent.touches0.clientX)/$(window).width())*100)+parseInt(background0); var y (((originaltouch.y - e.originalEvent.touches0.clientY)/$(window).height())*100)+parseInt(background1); x x0?0:(x>100?100:x); y y0?0:(y>100?100:y); $(.imgfullscreen).css({backgroundPosition: x + % + y + %}); }, false); */ deviceorientationfunc function (){ bgcontroll(event.beta, event.gamma);} devicemotionfunc function () { bgcontroll(event.accelerationIncludingGravity.x * 2, event.accelerationIncludingGravity.y * 2);} MozOrientationfunc function () { bgcontroll(orientation.x * 50, orientation.y * 50); } //$(window).off(deviceorientation devicemotion MozOrientation); /*if (window.DeviceOrientationEvent){ window.addEventListener(deviceorientation, deviceorientationfunc, true); } else if (window.DeviceMotionEvent){ window.addEventListener(devicemotion, devicemotionfunc, true); } else { window.addEventListener(MozOrientation, MozOrientationfunc, true); }*/ function bgcontroll(x, y){ if($(.imgfullscreen).length){ var background $(.imgfullscreen).css(backgroundPosition).split( ); var xfinal (x+parseInt(background0)); var yfinal (y+parseInt(background1)); xfinal x0?0:(x>100?100:x); yfinal y0?0:(y>100?100:y); $(.imgfullscreen).css({backgroundPosition: xfinal + % + yfinal + %}); } } /*var gyroscope new Gyroscope({frequency: 60}); gyroscope.addEventListener(reading, e > { console.log(Angular velocity along the X-axis + gyroscope.x); console.log(Angular velocity along the Y-axis + gyroscope.y); console.log(Angular velocity along the Z-axis + gyroscope.z); $(.divcoiso).html(gyroscope.x + + gyroscope.y); }); gyroscope.start(); */ $(.imgfullscreen).on(touchmove, function(e){ e.preventDefault(); var background originaltouch.background.split( ); var x (((originaltouch.x - e.originalEvent.touches0.clientX)/$(window).width())*100)+parseInt(background0); var y (((originaltouch.y - e.originalEvent.touches0.clientY)/$(window).height())*100)+parseInt(background1); x x0?0:(x>100?100:x); y y0?0:(y>100?100:y); $(.imgfullscreen).css({backgroundPosition: x + % + y + %}); }); var tap (ontouchstart in document.documentElement); if(tap){ $(.cursor).hide(); } $(document).on(mousemove mouseenter, function(e){ var container .wrapimg; // if the target of the click isnt the container nor a descendant of the container if ($(e.target).hasClass(wrapimg) || $(e.target).parents(container).length > 0){ if($(e.target).hasClass(wrapimg)){ var $this $(e.target); }else if($(e.target).parents(container).length){ var $this $(e.target).parents(container).find(.imgpopup); }else{ } if($this.parents(.slick-track).length){ var obj $this.parents(.slick-track); var transformMatrix obj.css(-webkit-transform) || obj.css(-moz-transform) || obj.css(-ms-transform) || obj.css(-o-transform) || obj.css(transform); var matrix transformMatrix.replace(/^0-9\-.,/g, ).split(,); //var x matrix12 || matrix4;//translate x //var y matrix13 || matrix5;//translate y var extraoffset parseInt(matrix12 || matrix4); extraoffset (extraoffset > 0) ? -extraoffset : Math.abs(extraoffset); //inverte o valor, se for positivo fica negativo e vice versa }else{ var extraoffset 0; } var x ( 50 + (e.pageX - (parseInt($this.offset().left + (extraoffset)) + ($this.width()/2))) / ($this.width() / 100)); x x>100?100:x; var y ( 50 + (e.pageY - (($this.offset().top) + ($this.height()/2))) / ($this.height() / 100)); y y>100?100:y; $this.css({ transform-origin: x + % + y +%}); }else{ /* console.log(target); console.log(e.target); console.log(target find); */ /*console.log(e.target.find(.imgpopup)); console.log(target parent find); */ //console.log($(e.target).parents(container).find(.imgpopup)); } }).on(mouseout, .wrapimg, function(e){ $(this).css({ transformOrigin: 50%}); }); if($(.txtinteriorgal).length){ $(.slideprodutos .imgpopup).imagesLoaded(function(){ setscrolltriggerprod(); setTimeout(function(){ ScrollTrigger.refresh(); },1000); }); } if($(window).width() > 769){ calcheightgrid(); setmaxheight(.heightgarantias); sizebk 50%, sizeevento 50%; }else{ sizebk 90%, sizeevento 10%; } let tleventos gsap.timeline({ scrollTrigger: { trigger: .wrapeventoindex, scrub: true, pin: true, start: top top, addClass: divdefault, toggleActions: restart pause reverse pause } }) .to(#logo, {filter: brightness(20)}) .fromTo(.iconmenufixo, {filter: brightness(1)}, {filter: brightness(20)},) .to(.bkeventos, {width: () > sizebk}, 0.1) .to(.novoevento, {width: () > sizeevento}, 0.1) .to(.locationfade, {opacity: 0}, 0.1) .to(.textoeventos, {opacity: 1}); gsap.timeline({ scrollTrigger: { trigger: .wrapeventoindex, scrub: true, pin: false, start: bottom top, end: +99%, toggleActions: restart pause reverse pause } }) .to(#logo, {filter: brightness(1)}, +1) .to(.iconmenufixo, {filter: brightness(1)}, ) var tlfooter gsap.timeline({ scrollTrigger: { trigger: .footermargin, scrub: false, pin: false, start: bottom 105%, end: bottom 100.5%, toggleActions: play none none reverse }, }) .fromTo(.joininicial, {opacity: 1, position: relative, height: auto}, { opacity: 0, position: absolute, height: 0 }, +0.8) .fromTo(.joinfinal, {opacity: 0, height: 0}, {opacity: 1, height: auto}, ) .add(() > { calcheightfooter(()>{$(html, body).animate({scrollTop: $(document).height()})}); }); setTimeout(function(){ ScrollTrigger.refresh(); }, 2000); }); // functions /*function checkinternational(){ if($(window).height() + $(document).scrollTop() > ($(document).height()-10)){ clearTimeout($timeoutpe); $timeoutpe setTimeout(function(){ if(scrollpefalse){ $(.joininicial).stop(true,false).slideUp({queue:false}); $(.joinfinal).stop(true,false).slideDown({queue:false}); scrollpetrue; } },200); } else { clearTimeout($timeoutpe); if(scrollpetrue){ $(.joininicial).stop(true,false).slideDown({queue:false}); $(.joinfinal).stop(true,false).slideUp({queue:false}); scrollpefalse; } } } */ function setscrolltriggerprod(){ tlgalprod gsap.timeline({ scrollTrigger: { trigger: .topgaleria, scrub: true, pin: true, start: bottom bottom, addClass: divdefault, end: () > ($(.wrapdesctxtgal).height() + $(.textogaleria).height())/$(window).height()+%, end: +150%, toggleActions: restart pause reverse pause }, }); if($(.txtgal).length && $(.wrapdesctxtgal).text().length>0){ tlgalprod.to(.txtgal, {scrollTo: $(.wrapdesctxtgal).height()}, 0); } if($(.textogaleria).length){ if($(.txtinteriorgal)0.scrollHeight>$(.txtinteriorgal).height()){ tlgalprod.to(.txtinteriorgal, {scrollTo: $(.txtinteriorgal)0.scrollHeight, duration: 100 }, 0); } tlgalprod.to(.textogaleria, {transform: translateY(0), duration: 100, ease: linear}, +0.1); } } function abreprocura(){ procura.open true; $(.procura).slideDown(); } function fechaprocura(){ procura.open false; $(.procura).slideUp(); } function abrelogin(){ login.open true; $(.login).slideDown(); } function fechalogin(){ login.open false; $(.login).slideUp(); } function abrealbumfullscreen(album, img){ if(typeof img undefined || img || img.length0){ img $(.fullscreenimages).find(.imgfullscreendata-album + album + ).eq(0).attr(data-id); } var slide $(.fullscreenimages).find(.imgfullscreendata-album + album + data-id + img + ); /*slide.parallaxify({ positionProperty: transform, responsive: true, motionType: natural, mouseMotionType: gaussian, useMouseMove: false, useGyroscope: true, motionAngleX: 80, motionAngleY: 80, alphaFilter: 0.5, adjustBasePosition: true, alphaPosition: 0.025, }); */ $(.fullscreenimages).find(.imgfullscreen).css({opacity: 0, pointerEvents: none}); var startWidth $(data-idimgpopup + img + ).width(), startHeight $(data-idimgpopup + img + ).height(), startX $(data-idimgpopup + img + ).offset().left, startY $(data-idimgpopup + img + ).offset().top - $(window).scrollTop(), startOrigin $(data-idimgpopup + img + ).css(transform-origin), startScale parseFloat($(data-idimgpopup + img + )0.getBoundingClientRect().width) / parseFloat($(data-idimgpopup + img + )0.offsetWidth); //startTransform $(data-idimgpopup + img + ).css(transform); imgativa img; slide.css({ background: url( + slide.attr(data-src) + ) no-repeat center center/cover }); slide.imagesLoaded(function(){ $(.fullscreenimages).css({pointerEvents: all, display: block}).animate({opacity:1}, function(){ }).css({width: (startWidth*startScale), height: (startHeight*startScale), left: startX, top: startY}).animate({width: $(window).width(), height: 100vh, left: 0, top: 0, transformOrigin: 50%, transform: 0 }); slide.animate({opacity: 1}).css({pointerEvents: all}); }); checkfullscreenitems(album, img); } var $timeoutfechaalbum; function fechaalbumfullscreen(from){ if(from ! scroll || (from scroll && !tap)){ clearTimeout($timeoutfechaalbum); if(imgativa!false){ img imgativa; time 0; if($(data-idimgpopup + img + ).parents(.slick-slider).length){ //$(data-idimgpopup + img + ).parents(.slick-slider).slick(slickPlay); $(data-idimgpopup + img + ).parents(.slick-slider).slick(slickGoTo, $(data-idimgpopup + img + ).attr(data-slideid)); time 500; } if(typeof from ! undefined && from scroll){ time 0; } $timeoutfechaalbum setTimeout(function(){ var startWidth $(data-idimgpopup + img + ).width(), startHeight $(data-idimgpopup + img + ).height(), startX $(data-idimgpopup + img + ).offset().left, startY $(data-idimgpopup + img + ).offset().top - $(window).scrollTop(); $(.fullscreenimages).find(.wrapnav div).removeClass(active); $(.fullscreenimages).animate({width: startWidth, height: startHeight, left: startX, top: startY}); $(.fullscreenimages).find(.imgfullscreen).animate({opacity:0}); $(.fullscreenimages).css({pointerEvents: none}).animate({opacity:0}, function(){ $(this).css({display:none}); }); imgativa false; },time); } } } function checkfullscreenitems(album, img){ if($(.fullscreenimages).find(.imgfullscreendata-album + album + ).length > 1){ var prev ; var atual ; //$(.fullscreenimages).find(.imgfullscreendata-album + album + ).each(function(){ atual $(.fullscreenimages).find(.imgfullscreendata-album + album + data-id + img + ); prev atual.prev(data-album + album + ); next atual.next(data-album + album + ); if(prev.length){ prev.css({ background: url( + prev.attr(data-src) + ) no-repeat center center/cover }); $(.fullscreenimages).find(.wrapnav .prev).addClass(active).unbind(click).bind(click,function(){changeslidefullscreen(prev.attr(data-album), prev.attr(data-id));}); }else{ $(.fullscreenimages).find(.wrapnav .prev).removeClass(active).unbind(click); } if(next.length){ next.css({ background: url( + next.attr(data-src) + ) no-repeat center center/cover }); $(.fullscreenimages).find(.wrapnav .next).addClass(active).unbind(click).bind(click,function(){changeslidefullscreen(next.attr(data-album), next.attr(data-id));}); }else{ $(.fullscreenimages).find(.wrapnav .next).removeClass(active).unbind(click) } } } function changeslidefullscreen(album, img){ imgativa img; var slide $(.fullscreenimages .images).find(.imgfullscreendata-album + album + data-id + img + ); slide.css({ background: url( + slide.attr(data-src) + ) no-repeat center center/cover }); $(.fullscreenimages .images).find(.imgfullscreen).css({zIndex: 0}); slide.css({zIndex: 1}).animate({opacity: 1}, function(){ $(.fullscreenimages .images).find(.imgfullscreen).not($(this)).css({opacity: 0}); }); checkfullscreenitems(album, img); } function menuclientehandle(){ if(menucliente.open true){ //fecha o menu fechamenucli(); }else{ //abre o menu abremenucli(); } } function fechamenucli(){ $(.menucliente).slideUp(); menucliente.open false; } function abremenucli(){ $(.menucliente).slideDown(); menucliente.open true; } function restarttimelines(){ setTimeout(function(){ if(tlprod){ tlprod.refresh(true); } if(tl){ tl.refresh(true); } if(tl2){ tl2.refresh(true); } },1000); } function onloadnresize(){ $(html).css({--widthmargin: ($(.margindefault).css(marginLeft)), --width: ($(window).width() + px)}); $(.imgnoticia).each(function(){ var $this $(this); $this.height($this.width() * 0.66); }); if($(window).width() > 1150){ setmaxheight(.bknews); setmaxheight(.colunaspeheight); }else{ removeheight(.bknews); removeheight(.colunaspeheight); } alturratxt $(.divtxt).height(); $(.divimgart).css({height: calc(100% - +alturratxt+px)}); calcratios(); if($(window).width() > 769){ calcheightgrid(); setmaxheight(.heightgarantias); sizebk 50%, sizeevento 50%; }else{ sizebk 90%, sizeevento 10%; } $(.fullscreenimages).css({height: 100vh}); ScrollTrigger.refresh(); setTimeout(function(){ calcheightfooter(); }, 1000); } function calcheightfooter(callback){ $(.footermargin).height($(.footer).height()); if(typeof callback function){callback();}} function calcratios(){ //console.log(calcratios); $(data-ratio).each(function(){ if( typeof $(this).attr(data-ratiochange) ! undefined){ var ratiochange $(this).attr(data-ratiochange); }else{ var ratiochange 769; } if($(window).width() ratiochange && typeof $(this).attr(data-ratiomob) ! undefined){ var inputtype ratiomob; }else{ var inputtype ratio; } if(typeof $(this).attr(data- + inputtype) ! undefined && $(this).attr(data-+ inputtype) ! ){ $(this).height($(this).innerWidth()*$(this).attr(data- + inputtype)); } }); $(data-ratiovertical).each(function(){ if( typeof $(this).attr(data-ratiochange) ! undefined){ var ratiochange $(this).attr(data-ratiochange); }else{ var ratiochange 769; } if($(window).width() ratiochange && typeof $(this).attr(data-ratiomob) ! undefined){ var inputtype ratioverticalmob; }else{ var inputtype ratiovertical; } if(typeof $(this).attr(data- + inputtype) ! undefined && $(this).attr(data-+ inputtype) ! ){ if($(this).innerHeight()*$(this).attr(data- + inputtype) ($(window).width() - (parseInt($(html).css(margindefault))*2))){ $(this).width($(this).innerHeight()*$(this).attr(data- + inputtype)); }else{ $(this).height($(this).innerWidth()*$(this).attr(data- + inputtype)); } } }); $(data-ratiomin).each(function(){ if(typeof $(this).attr(data-ratiochange) ! undefined){ var ratiochange $(this).attr(data-ratiochange); }else{ var ratiochange 769; } if(!($(window).width() ratiochange && (typeof $(this).attr(data-ratiomobile)!undefined && $(this).attr(data-ratiomobile)false)) || typeof $(this).attr(data-ratiomobile) undefined){ if($(window).width() ratiochange && typeof $(this).attr(data-ratiominmob) ! undefined){ var inputtype ratiominmob;}else{var inputtype ratiomin;} if(typeof $(this).attr(data-+inputtype)!undefined && $(this).attr(data-+inputtype)!){$(this).css({min-height: $(this).innerWidth()*$(this).attr(data-+inputtype)});} } }); } function setmaxheight(elemento, getheightsfrom, inner){ var maxHeight 0; if(typeof getheightsfrom ! undefined && getheightsfrom ! ){ var heightfrom getheightsfrom; }else{ var heightfrom elemento; } if(typeof inner undefined || inner false){ $(heightfrom).each(function(){ if(typeof getheightsfrom undefined || getheightsfrom ){ removeheight(this); } maxHeight maxHeight > $(this).height() ? maxHeight : $(this).height(); }); }else{ $(heightfrom).each(function(){ if(typeof getheightsfrom undefined || getheightsfrom ){ removeheight(this); } let heightinner $(this).innerHeight(); maxHeight maxHeight > heightinner ? maxHeight : (heightinner); }); } $(elemento).height(maxHeight); return maxHeight; } function removeheight(elemento){ if(typeof $(elemento).attr(style) ! undefined){$(elemento).attr(style, function(i, style){ return style.replace(/(?!min-height|max-height)height^;+;?/g, ); }); }} function removewidth(elemento){ if(typeof $(elemento).attr(style) ! undefined){$(elemento).attr(style, function(i, style){ return style.replace(/width^;+;?/g, ); }); }} function calcheightgrid(){ calcratios(); var itemsgrid 6; removeheight($(.grid)); $(.grid).each(function(){ max0; heightfinal 0; max $(this).find(.grid-item).last().position().top + $(this).find(.grid-item).last().find(.imgpopup).height(); /*if($(this).find(.grid-item).length itemsgrid){ console.log(if); heightfinal $(this).height(); }else{ console.log(max); $(this).find(.grid-item).each(function(){ if(max $(this).position().top + $(this).find(.imgpopup).height()){ max $(this).position().top + $(this).find(.imgpopup).height(); } console.log(max: + max); console.log($(this).position().top + $(this).height()); }); }*/ /*if($(this).find(.grid-item).length itemsgrid){ $(this).height(max); }else{*/ $(this).height(max); //} }); } function calcslide(sliderel, mobsize, parentElement){ if(typeof sliderel ! undefined){ //console.log(sliderel.slider.data(flexslider)); var slider sliderel.slider.data(flexslider); var windowwidth $(window).width(); if(windowwidth > mobsize){ if (/^\d+(\.\d+)?%$/.test(sliderel.widthdesktop)){ var newwidth $(parentElement).width() * (0. + sliderel.widthdesktop.replace(/%/g, )); }else{ var newwidth sliderel.widthdesktop; } slider.vars.itemWidth newwidth; if (/^\d+(\.\d+)?%$/.test(sliderel.margindesktop)){ var newmargin $(parentElement).width() * (0. + sliderel.margindesktop.replace(/%/g, )); } else { var newmargin sliderel.margindesktop; } slider.vars.itemMargin newmargin; //console.log(newmargin); slider.doMath(); slider.setup(); }else{ if(/^\d+(\.\d+)?%$/.test(sliderel.widthmobile)){ var newwidthmob $(parentElement).width() * (0. + sliderel.widthmobile.replace(/%/g, )); }else{ var newwidthmob sliderel.widthmobile; } slider.vars.itemWidth newwidthmob; if (/^\d+(\.\d+)?%$/.test(sliderel.marginmobile)){ var newmargin $(parentElement).width() * (0. + sliderel.marginmobile.replace(/%/g, )); } else { var newmargin sliderel.marginmobile; } slider.vars.itemMargin newmargin; slider.doMath(); slider.setup(); } } } var menuscroll 0; function setmenuscroll(){ animmenufinished0; if($(window).width() > 769){ $(.barramenu).css({ height: 100 }); }else{ $(.barramenu).css({ height: 50 }); } $(.iconmenufixo).fadeIn(); $(.mudaimglogo).attr({src:imgs/logo6.png}); /* $(.imglogo, .imglogocollapsed).addClass(imglogosmall); $(.imglogocollapsed).addClass(show); */ animmenufinished1; menuscroll 1; } function setmenunorm(){ animmenufinished0; if($(window).width() > 769){ $(.barramenu).css({height: 100}); $(.iconmenufixo).fadeOut(); }else{ $(.barramenu).css({height: 60}); } $(.mudaimglogo).attr({src:imgs/logobr.png}); /*$(.imglogocollapsed).removeClass(show); $(.imglogo, .imglogocollapsed).removeClass(imglogosmall); */ animmenufinished1; menuscroll0; } function controlscroll(){ if(menu.opentrue && $(window).width() > 769){ $(.divmenu).fadeOut(function(){ $(.abremenu).stop(true,true).animate({width:0}); }); menu.open false; } if(procura.opentrue){ $(.procura).slideUp(); procura.openfalse; } if(animmenufinished1){ if($(window).width() > 769){ if($(document).scrollTop() > ($(window).height())){ if(menuscroll 0 ){setmenuscroll(); } }else{ if(menuscroll 1 ){setmenunorm(); } } } else { if($(document).scrollTop() > ($(window).height())){ if(menuscroll 0 ){setmenuscroll(); } }else{ if(menuscroll 1 ){setmenunorm(); } } } } } lightbox.option({ resizeDuration: 200, wrapAround: true, albumLabel: Image %1 of %2, showImageNumberLabel: true, alwaysShowNavOnTouchDevices: true, centerit:true, }); $(document).mouseup(function(e){ if(menucliente.open true){ var container $(.menucliente); // if the target of the click isnt the container nor a descendant of the container if(!container.is(e.target) && container.has(e.target).length 0){ fechamenucli(); } } }); $(document).on({mouseenter: function(){ $(.cursor).removeClass(luz); }, mouseleave: function(){ $(.cursor).addClass(luz); }}, .bkeventos, .footer, .textogaleria); function scrolltope(){ setTimeout(function(){ $(html, body).animate({ scrollTop: $(.gridContainer).height() + $(window).height() }, 1000, function(){ }); },500); } /*$(window).scroll(function(){ $(.imagemscale).each(function(){ var pContainerHeight $(this).height(); console.log(wScroll + teste+pContainerHeight); if ($(document).scrollTop() > pContainerHeight) { var wScroll $(this).scrollTop(); var wZoomIn 1+(wScroll*.0005); var wZoomOut 1.1-(wScroll*.00003); var backgroundSize 105 - (5 - (pContainerHeight - wScroll) / pContainerHeight * 5); console.log(wScroll + teste + backgroundSize); backgroundSize backgroundSize 100 ? 100 : backgroundSize; $(.imagemscale).css(background-size, backgroundSize + %); /* if (wScroll > pContainerHeight){ console.log(teste); $(this).find(.imagemscale).css({ transform : scale(+ wZoomOut +) }); }*/ /* } }); }); */ function lookup(inputString){ if(inputString.length 0){ // Hide the suggestion box. $(.suggestions).stop(true,false).slideUp(); } else { $(.suggestions).stop(true,false).slideUp(300); $.ajax({ //ajax para ir guardar alterações do elemento apagado url: procuralista.php, data: {queryString: inputString}, dataType: html, type: post, success: function(data){ if(data.length >0){ setTimeout(function(){ $(.autoSuggestionsList).html(data); var height ($(.wrapprocura).width() / parseInt($(html).css(--itemsprocura))) - parseInt($(html).css(--paddingprocura)); $(.imgprocura).height(height); $(.suggestions).stop(true,false).slideDown(300); },200); } }, error: function(e, x, data){ //alert(An error ocurred! Error/Data recieved: + data + .); //debug } }); } } // lookup function fill(thisValue){ //$(#inputString).val(thisValue); //setTimeout($(#suggestions).hide();, 200); document.location.href thisValue; } $(function(){ window.fbAsyncInit function(){ FB.init({ appId : 2031378903642322, xfbml : true, version : v2.5 }); }; (function(d, s, id){ var js, fjs d.getElementsByTagName(s)0; if (d.getElementById(id)) {return;} js d.createElement(s); js.id id; js.src //connect.facebook.net/en_US/sdk.js; fjs.parentNode.insertBefore(js, fjs); }(document, script, facebook-jssdk)); });/script> /div>/div> div classfootermargin>/div> div classfooter stylebackground:#1b1b1b; z-index:0;> div classmargindefaultdesktop styleposition:relative; float:left; height:100%;> div classwrapfooter> div classwrapcolorsfooter> div classmargindefaultfooter styleheight:100%;> div classabrecolour animate> table border0 width20 cellpadding0 cellspacing0>tr>td> div classdivdefault rotatevertical nowrap corpri1 letra11 black stylewidth:15px;>CHOOSE YOUR COLOR/div> /td>td> div classdivdefault colours animate> table border0 cellpadding0 cellspacing0>tr>td>table border0 stylepadding-left:10px;>tr>td>a href/?colour1>img srcimgs/Bpeq1.png border0 width15 />/a>/td>td>/td>/tr>/table>/td>/tr>tr>td>table border0 stylepadding-left:10px;>tr>td>a href/?colour2>img srcimgs/Bpeq2.png border0 width15 />/a>/td>td>/td>/tr>/table>/td>/tr>tr>td>table border0 stylepadding-left:10px;>tr>td>a href/?colour3>img srcimgs/Bpeq3.png border0 width15 />/a>/td>td>/td>/tr>/table>/td>/tr>tr>td>table border0 stylepadding-left:10px;>tr>td>a href/?colour4>img srcimgs/Bpeq4.png border0 width15 />/a>/td>td>/td>/tr>/table>/td>/tr>tr>td>table border0 stylepadding-left:10px;>tr>td>a href/?colour5>img srcimgs/Bpeq5.png border0 width15 />/a>/td>td>/td>/tr>/table>/td>/tr>tr>td>table border0 stylepadding-left:10px;>tr>td>a href/?colour6>img srcimgs/Bpeq6.png border0 width15 />/a>/td>td>div classlinhacolour2>/div>/td>/tr>/table>/td>/tr> /table> /div> /td>/tr> tr>td rowspan2 aligncenter classpaddinglinhacores>div classlinhacolour>/div>/td>td>/td>/tr>/table> /div> /div> /div> div classicongr pointer onClickwindow.location.>/div> div classwrapinfofooter> div classmargindefaultfooter> table cellpadding0 cellspacing0 height100% width100%>tr>td stylevertical-align:bottom; text-align: left; position:relative;> div classjoininicial stylecursor:pointer;> div classdivdefault letra42 comunity thin corpri1 esquerdo> JOIN OUR br> COMMUNITY /div> div classdivdefault letra10 corpri1 esquerdo wrapinternationalsales styleletter-spacing:1px;> div>a hrefhttps://www.bybeau.com:443/en/contacts/contacts-1 classadefault>+351 span classblack>289 432 615/span>/a> | a hrefmailto:info@bybeau.com classcorpri1 letra10>info@bybeau.com/a>/div> div> a hrefhttps://www.bybeau.com:443/en/contacts/contacts-1 classcorpri3 letra10 black> div>div stylefloat:left; letter-spacing:3px; >INTERNACIONAL SALESdiv classlinhaprod stylebackground:var(--corpri3); margin-top:2px;>/div>/div>/div> /a> /div> /div> /div> div classjoinfinal> div classdivdefault> div classdivdefault letra10 black corpri1 esquerdo stylemargin-bottom:5px;>SUBSCRIBE TO THE NEWSLETTER/div> form action/ methodpost> table classwrapnewstable cellpadding0 cellspacing0 border0 stylewidth:100%; max-width:222px;float:left; margin-bottom:30px;> tr> td classlegenda valigntop> input typehidden nameinsereemail value1> input typetext nameconfirmorobot stylemargin-left:-500%; position:absolute;> div classdivdefault wrapnewsinput> table cellpadding0 cellspacing0 width100% style border-bottom: 1px solid rgba(255,255,255,0.5);>tr>td> input nameaddmail typetext class esquerdo inputnewsletter branco letra12 placeholderINSERT YOUR E-MAIL stylebackground:none;> /td>td styletext-align:right;> input classsubmitnews namesubmit typesubmit value border0 alignabsmiddle> /td>/tr>/table> /div> /td> /tr>tr>td colspan2> div classhiddenprivacy> label forconfirmonews> table cellpadding0 cellspacing0 width100% stylefloat: left; max-width:300px; position:absolute;>tr> td stylevertical-align:top; text-align: left; padding-top: 1px;> input typecheckbox required nameconfirmonews classconfirmonews customcheckbox value1 style margin-top: 0;> /td>td classesquerdo branco letra10 styleline-height:1; padding-top: 2px; padding-left:5px;> a hrefhttps://www.bybeau.com:443/en/privacy-policy-28 target_blank classadefault cinza style letter-spacing:0.5px; text-decoration:none; > I authorize the use of this data for marketing purposes and I have read and accept the Privacy Policy /a> /td>/tr> /table> /label> /div> /td>/tr> /table> /form> script> $(function(){ $(inputnameaddmail).focus(function(){ $(.hiddenprivacy).slideDown(); }); });/script> /div> div classdivdefault letra10 corpri1 esquerdo wrapinternationalsales styleletter-spacing:1px;> div>a hrefhttps://www.bybeau.com:443/en/contacts/contacts-1 classadefault>+351 span classblack>289 432 615/span>/a> | a hrefmailto:info@bybeau.com classcorpri1 letra10>info@bybeau.com/a>/div> div> a hrefhttps://www.bybeau.com:443/en/contacts/contacts-1 classcorpri3 letra10 black adefault> div>div stylefloat:left; letter-spacing:3px;>INTERNACIONAL SALESdiv classlinhaprod stylebackground:var(--corpri3); margin-top:2px;>/div>/div>/div> /a> /div> /div> div classdivdefault letra10 corpri1 esquerdo> div classhidemobile styleposition:relative; float:left> table border0>tr> td aligncenter> div classlinha2 styleheight:1px; width:70px;>/div> /td> td aligncenter stylepadding-left:10px;> div classcorpri1 letra10 black>/div> /td>td aligncenter> div classdivdefault> a hrefhttps://www.facebook.com/ByBeauDesign/ target_blank>div classanimate iconsocial iconfacebook>/div>/a> a hrefhttps://www.instagram.com/bybeaudesign/ target_blank>div classanimate iconsocial iconinstagram>/div>/a> a hrefhttps://www.linkedin.com/company/beau-mcclellan-design target_blank>div classanimate iconsocial iconlinkedin>/div>/a> a hrefhttps://vimeo.com/beaumcclellan target_blank>div classanimate iconsocial iconvimeo>/div>/a> /div> /td>/tr> /table> /div> div classshowmobile> table border0 cellpadding0 cellspacing0>tr> td class alignleft> div classcorpri1 letra10 black>/div> /td>/tr> tr>td aligncenter> div classdivdefault flex> a hrefhttps://www.facebook.com/ByBeauDesign/ target_blank>div classanimate iconsocial iconfacebook>/div>/a> a hrefhttps://www.instagram.com/bybeaudesign/ target_blank>div classanimate iconsocial iconinstagram>/div>/a> a hrefhttps://www.linkedin.com/company/beau-mcclellan-design target_blank>div classanimate iconsocial iconlinkedin>/div>/a> a hrefhttps://vimeo.com/beaumcclellan target_blank>div classanimate iconsocial iconvimeo>/div>/a> /div> /td>/tr> /table> /div> /div> /div> /td> div classacidmemberpe> a hrefhttps://www.bybeau.com:443/en/intellectual-property/acid-anti-copying-in-design-35> div classimgacid tooltip> img srcimgs/acidmemberlogo.png width100% style> span>The intellectual capital underpinning the ByBeau Studio brand cannot be underestimated. br>Our people, creative skill, and expertise together with our intellectual property are fundamental to our corporate social responsibility. br>Ethics, compliance, and respect for intellectual property lie at the heart of our ethos. br>All intellectual property rights in our products and designs (and on this website) are, and will remain, the property of ByBeau Studio.br>Any infringements will be treated seriously./span> /div> !-- div classwraptxtacid style> div classtextoacid> div classbranco letra12 regular styleletter-spacing:0; line-height:16px;> The intellectual capital underpinning the ByBeau Studio brand cannot be underestimated. br>Our people, creative skill, and expertise together with our intellectual property are fundamental to our corporate social responsibility. br>Ethics, compliance, and respect for intellectual property lie at the heart of our ethos. br>All intellectual property rights in our products and designs (and on this website) are, and will remain, the property of ByBeau Studio. Any infringements will be treated seriously. /div> /div> /div> --> /a> /div>/tr>/table> /div> /div> /div> /div> div classcopyright> table cellpadding0 cellspacing0 height100% width100% classletra12 regular corpri2 tablecopy>tr>td valignbottom> a hrefhttp://www.iconO2.com classesquerdo target_blank>div classlogocopy floatcopy>/div>/a> /td>/tr>/table> /div> script srcScripts/js/classie.js>/script> script> (function() { // trim polyfill : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trim if (!String.prototype.trim) { (function() { // Make sure we trim BOM and NBSP var rtrim /^\s\uFEFF\xA0+|\s\uFEFF\xA0+$/g; String.prototype.trim function(){ return this.replace(rtrim, ); }; })(); } .slice.call( document.querySelectorAll( .input__field ) ).forEach( function( inputEl ) { // in case the input is already filled.. if( inputEl.value.trim() ! ){ //console.log(inputEl); classie.add( inputEl.parentNode, input--filled); } // events: inputEl.addEventListener( focus, onInputFocus); inputEl.addEventListener( blur, onInputBlur); }); function onInputFocus(ev){ classie.add( ev.target.parentNode, input--filled); } function onInputBlur(ev){ if( ev.target.value.trim() ){ //console.log(ev); classie.remove( ev.target.parentNode, input--filled); } } })(); /script>/div>div idbkcookie classtxtnorm> table cellpadding0 cellspacing0 width100% height100%>tr>td> div classtitcookie corpri1>COOKIES/div> div classtxtcookie corpri3 letra10 esquerdo>We use cookies to help give you the best experience on our website. If you continue without changing your cookie settings, well assume you are happy to receive cookies on the BYBEAU website. However, if you would like to, you can change your cookie settings at any time./div> /td>td stylevertical-align: bottom;> div classclosecookie>/div> /td>/tr>/table>/div>script typetext/javascript> $(function(){ $(#bkcookie).stop(true, true).slideDown(); $(.closecookie).click(function(){ $(#bkcookie).stop(true, true).slideUp(); }); }); function closecookie(){ $(#bkcookie).stop(true, true).slideUp(); }/script>div classoverlay_menu>/div>/div>div classfullscreenimages>/div>/body>!-- Global site tag (gtag.js) - Google Analytics -->script async srchttps://www.googletagmanager.com/gtag/js?idG-HLJ4WFQ023>/script>script> window.dataLayer window.dataLayer || ; function gtag(){dataLayer.push(arguments);} gtag(js, new Date()); gtag(config, G-HLJ4WFQ023);/script>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]