@charset "utf-8"; @font-face { font-family: 'Exo'; src: url(font/Exo-Bold.eot); src: url('font/Exo-Bold.eot#iefix') format('embedded-opentype'), url(font/Exo-Bold.woff2) format('woff2'), url(font/Exo-Bold.woff) format('woff'), url(font/Exo-Bold.ttf) format('truetype'), url('font/Exo-Bold.svg#Exo-Bold') format('svg'); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'Exo'; src: url(font/Exo-Medium.eot); src: url('font/Exo-Medium.eot#iefix') format('embedded-opentype'), url(font/Exo-Medium.woff2) format('woff2'), url(font/Exo-Medium.woff) format('woff'), url(font/Exo-Medium.ttf) format('truetype'), url('font/Exo-Medium.svg#Exo-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Exo'; src: url(font/Exo-Italic.eot); src: url('font/Exo-Italic.eot#iefix') format('embedded-opentype'), url(font/Exo-Italic.woff2) format('woff2'), url(font/Exo-Italic.woff) format('woff'), url(font/Exo-Italic.ttf) format('truetype'), url('font/Exo-Italic.svg#Exo-Italic') format('svg'); font-weight: 400; font-style: italic; font-display: swap } @font-face { font-family: 'Exo'; src: url(font/Exo-Regular.eot); src: url('font/Exo-Regular.eot#iefix') format('embedded-opentype'), url(font/Exo-Regular.woff2) format('woff2'), url(font/Exo-Regular.woff) format('woff'), url(font/Exo-Regular.ttf) format('truetype'), url('font/Exo-Regular.svg#Exo-Regular') format('svg'); font-weight: 400; font-style: normal; font-display: swap }.formwhatts{position:fixed;bottom:90px;right:20px;z-index:9998;width:300px;background:#fff;display:none}body {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} body { font-family: "Calibri", sans-serif !important } p{color: #58595b; font-size: 1.1rem;line-height: normal }.pmenor{font-size: 1rem;line-height: normal}body.mobile-nav-active #mobile-nav { left: 0 } ::-webkit-scrollbar { width: 10px } ::-webkit-scrollbar-thumb { -webkit-border-radius: 0; border-radius: 0; background: rgb(109 110 113 / .9) } h1, h2, h3, h4, h5 { font-family: "Exo" } .bg-cinza1 { background-color: #939598 } .bg-cinza2 { background-color: #58595b } .bg-vermelho1 { background-color: #ff6600 } .bg-vermelho2 { background-color: #c94f00 } .text-cinza1 { color: #939598 } .text-cinza2 { color: #58595b } .text-vermelho1 { color: #ff6600 } .text-vermelho2 { color: #c94f00 } .back-servico { background-size: cover; min-height: 300px } .bt-face-top { background-image: url(../imagens/logo_facebook_b.svg); background-repeat: no-repeat; padding-left: 25px; padding-bottom: 25px; margin-right: 15px; -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s } .bt-face-top:hover { background-image: url(../imagens/logo_facebook_p.svg); -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s } .bt-face-topm { background-image: url(../imagens/logo_facebook_c.svg); background-repeat: no-repeat; padding-left: 25px; padding-bottom: 25px; margin-right: 15px; -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s } .bt-face-topm:hover { background-image: url(../imagens/logo_facebook_r.svg); -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s } .bt-insta-top { background-image: url(../imagens/logo_instagram_b.svg); background-repeat: no-repeat; padding-left: 25px; padding-bottom: 25px; margin-right: 15px; -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s } .bt-insta-top:hover { background-image: url(../imagens/logo_instagram_p.svg); -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s } .bt-insta-topm { background-image: url(../imagens/logo_instagram_c.svg); background-repeat: no-repeat; padding-left: 25px; padding-bottom: 25px; margin-right: 15px; -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s } .bt-insta-topm:hover { background-image: url(../imagens/logo_instagram_r.svg); -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s } .bt-linkedin-top { background-image: url(../imagens/logo_linkedin_b.svg); background-repeat: no-repeat; padding-left: 25px; padding-bottom: 25px; margin-right: 15px; -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s } .bt-linkedin-top:hover { background-image: url(../imagens/logo_linkedin_p.svg); -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s } .bt-linkedin-topm { background-image: url(../imagens/logo_linkedin_c.svg); background-repeat: no-repeat; padding-left: 25px; padding-bottom: 25px; margin-right: 15px; -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s } .bt-linkedin-topm:hover { background-image: url(../imagens/logo_linkedin_r.svg); -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s } .bt-phone-top { font-family: "Exo"; font-weight: 700; background-image: url(../imagens/ico_phone_c.svg); background-repeat: no-repeat; background-position-y: 3px; background-size: 12%; font-size: 1.1rem; padding-left: 25px; padding-bottom: 25px; margin-right: 0; text-decoration: none; color: #58595b } .bt-phone-top:hover { background-image: url(../imagens/ico_phone_r.svg); color: #ff6600 } .bt-mail-top { font-family: "Exo"; font-weight: 700; background-image: url(../imagens/ico_mail_c.svg); background-repeat: no-repeat; background-position-y: 3px; background-size: 10%; padding-left: 25px; padding-bottom: 0; margin-right: 0; text-decoration: none; color: #58595b } .bt-mail-top:hover { background-image: url(../imagens/ico_mail_r.svg); color: #ff6600 } .bt-insta-bot { background-image: url(../imagens/logo_instagram_b.svg); background-repeat: no-repeat; padding-left: 37px; padding-top: 37px; margin-right: 15px; -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s } .bt-insta-bot:hover { background-image: url(../imagens/logo_instagram_p.svg); -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s } .bt-face-bot { background-image: url(../imagens/logo_facebook_b.svg); background-repeat: no-repeat; padding-left: 37px; padding-top: 37px; margin-right: 15px; -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s } .bt-face-bot:hover { background-image: url(../imagens/logo_facebook_p.svg); -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s } .bt-linkedin-bot { background-image: url(../imagens/logo_linkedin_b.svg); background-repeat: no-repeat; padding-left: 37px; padding-top: 37px; margin-right: 15px; -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s } .bt-linkedin-bot:hover { background-image: url(../imagens/logo_linkedin_p.svg); -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s } .btn-outline-danger { color: #ff6600 !important; border-color: #ff6600 !important } .bg-servico-int { background-repeat: no-repeat; background-position-y: center; background-size: 60% } .btn-outline-danger:hover { color: #ffffff !important; border-color: #ff6600 !important; background-color: #ff6600 !important } .contato .telrod { font-family: "Exo"; font-weight: 700; font-size: 1.2rem; background-image: url(../imagens/ico_phone_b.svg); background-repeat: no-repeat; background-position-y: 5px; background-size: 10%; padding-bottom: 35px; padding-left: 25px; text-decoration: none; color: #fff } .contato .telrod:hover { background-image: url(../imagens/ico_phone_p.svg); color: #000 } .contato .mailrod { font-family: "Exo"; font-weight: 700; font-size: 1rem; background-image: url(../imagens/ico_mail.svg); background-repeat: no-repeat; background-position-y: 5px; background-size: 10%; padding-bottom: 30px; padding-left: 25px; padding-top: 2px; text-decoration: none; color: #fff } .contato .mailrod:hover { background-image: url(../imagens/ico_mail_p.svg); color: #000 } .telcontato { font-family: "Exo"; font-weight: 700; font-size: 1.2rem; background-image: url(../imagens/ico_phone_c.svg); background-repeat: no-repeat; background-position-y: 5px; background-size: 10%; padding-bottom: 35px; padding-left: 25px; text-decoration: none; color: #58595b } .telcontato:hover { background-image: url(../imagens/ico_phone_p.svg); color: #000 } .mailcontato { font-family: "Exo"; font-weight: 700; font-size: 1rem; background-image: url(../imagens/ico_mail_c.svg); background-repeat: no-repeat; background-position-y: 5px; background-size: 10%; padding-bottom: 30px; padding-left: 25px; padding-top: 2px; text-decoration: none; color: #58595b } .mailcontato:hover { background-image: url(../imagens/ico_mail_p.svg); color: #000 } .logo-color { display: none } .animation { animation: alerta 1.5s infinite } .botao { position: fixed; z-index: 1; bottom: 20px; right: 15px; background: #25d366; padding-top: 5px; padding-left: 2px; border: 2px solid #25d366; border-radius: 70px; box-shadow: 0 0 0 0 rgb(174 26 39 / .5); text-align: center; width: 55px; height: 55px; transition: background, padding 500ms ease-in-out; -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s } .botao:hover { background: #58595b; border: 2px solid #fff } .back-to-top { position: fixed; z-index: 5; background: #58595b; border-color: #fff; width: 44px; height: 44px; left: 15px; bottom: 80px; background-image: url(../imagens/top-arrow.svg); background-position-y: -2px; border-radius: 0 } .back-to-top:hover { background: #939598; border-color: #fff; background-image: url(../imagens/top-arrow.svg); background-position-y: -2px } #header { position: absolute; left: 0; top: 0; right: 0; transition: all 0.5s; z-index: 997 } #header.header-scrolled .logo-branco { display: none } #header.header-scrolled .logo-color { display: block } #header.header-scrolled { background: #fff; transition: all 0.5s; border-bottom: 3px solid #ff6600; top: -39px; position: fixed } #header.header-scrolled-int .logo-branco { display: none } #header.header-scrolled-int .logo-color { display: block } #header.header-scrolled-int { background: #fff; transition: all 0.5s; border-bottom: 3px solid #ff6600; position: fixed } #mobile-nav-toggle { position: absolute; right: 0; z-index: 999; border: solid 0; top: 0; margin: 20px 10px 0 0; background: none; display: none; transition: all 0.4s; cursor: pointer; background-image: url(../imagens/menu.svg); background-repeat: no-repeat; background-size: contain; padding-left: 50px; padding-top: 50px; width: 50px; height: 50px } .header-scrolled #mobile-nav-toggle { background-image: url(../imagens/menu_a.svg) } .header-scrolled-int #mobile-nav-toggle { background-image: url(../imagens/menu_a.svg) } #mobile-nav-toggle.fa-menu { background-image: url(../imagens/menu_x.svg) !important; -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s } #mobile-body-overly { width: 100%; height: 100%; z-index: 997; top: 0; left: 0; position: fixed; background: rgb(0 0 0 / .4); display: none } #mobile-nav { position: fixed; padding-top: 18px; bottom: 0; z-index: 998; top: 0; left: -270px; width: 260px; overflow-y: auto; background-color: #fff; transition: 0.4s; box-shadow: 0 0 10px #58595b } #mobile-nav ul { padding: 0; margin: 0; list-style: none } #mobile-nav ul li a { background-color: #fff; color: #939598; border-radius: inherit; margin-right: .0rem !important; font-family: "Exo"; font-weight: 400; font-style: normal; display: flex } #mobile-nav ul li a.active { background-color: #ff6600 !important; border-color: #ff6600; color: #fff } #mobile-nav ul li a:hover { color: #fff; background-color: #ff6600 !important; border-color: #ff6600 } .icon-menumobile { display: none } #nav-menu-container { float: right; margin: 0 } .nav-menu > li { float: left; list-style: none; margin-top: 15px; margin-left: 10px; position: relative } .nav-menu a { background-color: inherit; border-color: #fff; font-family: "Exo"; font-weight: 500; border: solid 0; border-radius: 0; color: #fff; font-size: 1rem } .nav-menu a.active { background-color: #ff6600; color: #fff } .nav-menu a:hover { background-color: #ff6600; color: #fff } .nav-menu > li:hover div { background-color: rgb(7 99 139 / .5) } .header-scrolled .nav-menu > li:hover div { background-color: #ff6600; border-color: #ff6600; color: #fff } .nav-menu > li span { padding: 15px; width: 44px; background-image: url(../imagens/arrow-menua.svg); background-position-y: 20px; background-position-x: 10px; background-repeat: no-repeat; background-size: 40% } .nav-menu > li ul { border-radius: 5px; position: absolute; display: none; text-align: left; box-shadow: 0 0 39px 0 rgb(0 0 0 / .12); transition: background .3s, border .3s, border-radius .3s, box-shadow .3s; --e-column-margin-right: 0; --e-column-margin-left: 0; background-color: #fff; margin-top: 10px; padding: 1.3rem } .nav-menu > li ul li { list-style: none; line-height: 35px } .nav-menu > li ul li a { color: #000000 !important; background-color: #ffffff !important; font-family: "Exo"; padding: 10px 15px; line-height: 18px; text-decoration: none } .nav-menu > li ul li a:hover { color: #008bbf !important; background-color: #ffffff !important } .header-scrolled .nav-menu > li span { background-image: url(../imagens/arrow-menu.svg) } .header-scrolled .nav-menu > li:hover span { background-image: url(../imagens/arrow-menua.svg) } .header-scrolled .nav-menu > li:hover a { background-color: #ff6600; border-color: #ff6600; color: #fff } .header-scrolled-int .nav-menu > li span { background-image: url(../imagens/arrow-menu.svg) } .header-scrolled-int .nav-menu > li:hover span { background-image: url(../imagens/arrow-menua.svg) } .header-scrolled-int .nav-menu > li:hover a { background-color: #ff6600; border-color: #ff6600; color: #fff } #mobile-nav ul li div { background-color: #fff; color: #000; border-radius: inherit; margin-right: .0rem !important; font-family: "Exo"; font-weight: 400; font-style: normal; display: flex; border: solid 1px; border-color: #07638b !important } #mobile-nav ul li div:hover { color: #000; background-color: #ffffff !important; border-color: #008bbf } #mobile-nav ul li span { background-image: url(../imagens/arrow-menu.svg); padding: 15px; position: absolute; right: 10px; background-position-y: 5px; background-position-x: 10px; background-repeat: no-repeat; background-size: 40% } #mobile-nav ul li .fa-chevron-up span { background-image: url(../imagens/arrow-menu.svg); transform: rotate(180deg); background-position-y: 13px; background-position-x: 8px } #mobile-nav ul li .fa-chevron-up { color: #000; background-color: #ffffff !important; border-color: #008bbf } #mobile-nav ul li .fa-chevron-up:before { content: "" !important } #mobile-nav ul li ul li a { background-color: #6d6e71 !important; border-bottom: solid 1px; border-color: #fff; color: #fff; text-decoration: none; padding-left: 12px; padding-top: 5px; padding-bottom: 5px } .menu-has-children { background-color: inherit; border-color: #fff; font-family: "Exo"; border: solid 0; border-radius: 0; color: #fff; font-size: .9rem } .menu-has-children:hover { background-color: rgb(7 99 139 / .5); color: #fff } .header-scrolled .menu-has-children { color: #000 } .header-scrolled .menu-has-children:hover { background-color: #ff6600; border-color: #ff6600; color: #fff } .header-scrolled .nav-menu a { background-color: inherit; color: #939598; border-color: #ff6600; font-family: "Exo"; border: solid 0; border-bottom: solid 0px !important; border-radius: 0 } .header-scrolled .nav-menu a:hover { background-color: #ff6600; border-color: #ff6600; color: #fff } .header-scrolled .nav-menu a.active { background-color: #ff6600; border-color: #ff6600; color: #fff } .header-scrolled-int .menu-has-children:hover { background-color: #ff6600; border-color: #ff6600; color: #fff } .header-scrolled-int .nav-menu a { background-color: inherit; color: #939598; border-color: #ff6600; font-family: "Exo"; border: solid 0; border-bottom: solid 0px !important; border-radius: 0 } .header-scrolled-int .nav-menu a:hover { background-color: #ff6600; border-color: #ff6600; color: #fff } .header-scrolled-int .nav-menu a.active { background-color: #ff6600; border-color: #ff6600; color: #fff } .menu-rod ul { margin-left: -30px } .menu-rod ul li { list-style: none } .menu-rod ul li a { font-family: "Exo"; color: #fff; text-decoration: none; font-size: .8rem; -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s; transition: 1s } .menu-rod ul li a:hover { color: #000; -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s; transition: 1s } .menu-rod ul li span { font-family: "Exo"; color: #fff; text-decoration: none; font-size: .8rem } .hero { display: table; width: 100%; height: 100vh; background-position: top; background-repeat: no-repeat; background-size: cover } .hero .banner { text-align: left; position: absolute; bottom: 10%; z-index: 2 } .hero.servico { background-image: url(../imagens/banner/banner-servico.jpg) } .hero .banner p { color: #fff } .banner p { color: #fff } .hero-video { display: inherit; overflow: hidden; position: relative; z-index: 1 } .hero-video video { position: fixed; top: 0; left: 0; object-fit: cover; width: 100% } .video-layer-box { background: linear-gradient(#fff0, rgb(0 0 0 / .5)); position: absolute; z-index: 0; top: 0 } h1 small { font-size: 1.2rem; font-weight: 400; display: block; color: #fff } h1 { font-size: 2.5rem; color: #fff; font-weight: 700 } h2.title { font-weight: 500; font-style: normal; color: #939598; font-size: 3rem } h2.title small { color: #ff6600; font-weight: 700; font-size: 3rem; display: contents } h2 { font-weight: 700; color: #ff6600; font-size: 2.2rem } h2 small { display: block; color: #939598; font-weight: 400; font-size: 1.2rem } h2.title2 { font-weight: bold !important; font-size: calc(1.275rem + .3vw) !important; color: #58595b !important } h2.title2 small { display: block !important; font-size: 1.2rem !important; font-weight: normal !important; color: #58595b !important } h3 { font-weight: 700; font-size: 1.3rem } h3 small { display: block; font-weight: 400; font-size: 1.1rem } h3.title { font-weight: 700; font-size: 4rem; color: #ff6600 } h3.title small { display: block; font-weight: 700; font-size: 1.2rem; color: #58595b } h3.title1 { font-weight: 700; font-size: 1.8rem; color: #ff6600 } h3.title1 small { display: block; font-size: 1.2rem; font-weight: 400; color: #58595b } h3.title2 { font-weight: 700; font-size: calc(1.1rem + .3vw); color: #58595b } h3.title2 small { display: block; font-size: 1.2rem; font-weight: 400; color: #58595b } h3.titleblog { font-weight: 700; font-size: calc(1.1rem + .2vw); color: #ffffff } h3.titleblog small { display: block; font-size: 1rem; font-weight: 400; color: #ffffff } h3.title3 { font-weight: 700; font-size: calc(1.7rem); color: #58595b } h3.title3 small { display: block; font-size: 1.1rem; font-weight: 400; color: #58595b } h3.title-menor { font-weight: 700; font-size: 1.1rem; color: #fff } h3.title-menor small { display: block; font-size: 1rem; font-weight: 400; color: #fff } h4 { font-weight: 700; color: #58595b } h4 small { display: block; font-weight: 400 } .widget-wrap { background-color: #f7f8f9; padding: 1rem; margin-bottom: 1rem } .widget-wrap h4 { color: #ff6600; font-size: 1.5rem } .widget-wrap ul li { list-style-type: none; background-image: url(../imagens/ico_checked.svg); background-position-y: .6rem; background-repeat: no-repeat; background-size: 20px; padding-left: 30px; margin-left: -30px; border-bottom: solid 1px #6d6e71; border-bottom-style: dashed; padding-top: .5rem; padding-bottom: .5rem } .widget-wrap ul li a { color: #000; text-decoration: none; font-size: 1.1rem } .widget-wrap ul li a small { font-size: 1.1rem } .widget-wrap ul li a:hover { color: #ff6600; text-decoration: none; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; transition: 0.2s } .grecaptcha-badge { display: none } .pagination .page-numbers { padding: 8px 14px; border: 1px solid #f5f5f5; color: #000; text-decoration: none; margin: 0 5px 0 0; display: inline-block; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; transition: 1s } .pagination .current { background-color: #f5f5f5 !important; border: 1px solid #f5f5f5 !important; color: #000000 !important } .pagination .page-numbers:hover { background-color: #939598; border-color: #939598; color: #fff; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; transition: 0.2s } .svgwhite { filter: brightness(0) invert(1); margin-top: -30px } .imgnegative { margin-top: -30px } .traco { position: absolute; right: 0; width: 55%; z-index: 0; height: 140px; margin-top: -5px } .traco1 { position: absolute; left: 0; width: 55%; z-index: 0; height: 140px; margin-top: -29px } .m-titulo { margin-top: -29px } .blocoservicos { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; transform: scale(1); background-blend-mode: multiply; -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s; transition: 1s; cursor: pointer } .blocoservicos:hover { transform: scale(1.02); z-index: 9; background-color: #ff6600; filter: grayscale(0%) } .minbloco { min-height: 330px } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100% } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out } .owl-carousel .owl-item { float: left } .owl-next { background: #ff6600; border-color: #fff; content-visibility: hidden; width: 35px; height: 35px; bottom: 80px; background-image: url(../imagens/top-arrow.svg); background-position-y: -2px; border-radius: 0; transform: rotate(90deg); float: left; cursor: pointer } .owl-next:hover { border-color: #fff; background: #c94f00; background-image: url(../imagens/top-arrow.svg); width: 35px; height: 35px; background-position-y: -2px } .owl-prev { background: #ff6600; border-color: #fff; content-visibility: hidden; width: 35px; height: 35px; bottom: 80px; background-image: url(../imagens/top-arrow.svg); background-position-y: -2px; border-radius: 0; transform: rotate(270deg); float: left; margin-right: 10px; cursor: pointer } .owl-prev:hover { border-color: #fff; background: #c94f00; background-image: url(../imagens/top-arrow.svg); width: 35px; height: 35px; background-position-y: -2px } .modal { position: fixed; z-index: 999; width: 100%; height: 100%; background: rgb(88 89 91 / .78); display: none; flex-direction: column; justify-content: center; align-items: center } .modal-popup { position: relative; z-index: 999; background-color: #f2f2f2; border: solid 2px #fff; background-position: top center; width: 92vmin; max-width: 800px; min-width: 310px; text-align: center; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease } .btn-fechar { position: absolute; top: -10px; right: -10px; background: #ff6600; border-color: #fff; border-radius: 0; font-family: "Exo"; font-weight: 700; font-size: 1.2rem } .btn-fechar:hover { background-color: #c94f00; border-color: #ffffff !important } .stage-vc { position: fixed; z-index: 999; width: 100%; height: 100%; background: rgb(0 0 0 / .78); display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: -48px } .modal-desc { min-height: 14%; background-color: rgb(0 0 0 / .6); position: absolute; bottom: 8px; left: 8px; right: 8px; text-align: left; border-top: solid 1px; border-color: #fff; border-top-style: dashed } .bt-modalnextprev { position: absolute; right: 0; top: 76%; width: 120px } .next-vc { background: #ff6600; border-color: #fff; width: 35px; height: 35px; bottom: 80px; background-image: url(../imagens/top-arrow.svg); background-position-y: -2px; cursor: pointer; transform: rotate(90deg); border-radius: 0 } .next-vc:hover { border-color: #fff; background-color: #c94f00 } .btn-primary { --bs-btn-color: #ff6600; --bs-btn-border-color: #ff6600; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #ff6600; --bs-btn-hover-border-color: #ff6600; --bs-btn-focus-shadow-rgb: 220, 53, 69; --bs-btn-active-color: #fff; --bs-btn-active-bg: #ff6600; --bs-btn-active-border-color: #ff6600; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ff6600; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #ff6600; --bs-gradient: none; border-radius: 0; background-color: #fff0 } .btn-primary:hover { color: #ffffff !important; border-color: #ff6600 !important; background-color: #ff6600 !important } .previous-vc { background: #ff6600; border-color: #fff; width: 35px; height: 35px; bottom: 80px; background-image: url(../imagens/top-arrow.svg); background-position-y: -2px; transform: rotate(270deg); border-radius: 0 } .previous-vc:hover { border-color: #fff; background-color: #c94f00 } .modal-desc h3 { font-size: 1.2rem; font-family: "Exo" } .modal-desc h3 small { color: #fff } .linhatitulo:after { left: 0; content: ""; bottom: 0; height: 2px; width: 30px; background-color: #ff6600; display: block } .textarea { resize: none } .form-control { border-radius: 0px !important } .obras { background-size: cover; background-position: center; min-height: 500px; -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s; transition: 1s; cursor: default !important } .obras:hover { transform: scale(1.02); position: relative; z-index: 3; -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s; transition: 1s; cursor: pointer } .obrastext { position: absolute; bottom: 5% } .obras-layer-box { background: linear-gradient(#fff0, rgb(0 0 0 / .7)); position: absolute; z-index: 0; top: 0 } .obras1 {background-size: cover; background-position: center; min-height: 350px; -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s; transition: 1s; cursor: default !important;} .obras1:hover { transform: scale(1.10); position: relative; z-index: 3; -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s; transition: 1s; cursor: pointer } .obras1text { position: absolute; bottom: 5% } .obras1-layer-box { background: linear-gradient(#fff0, rgb(0 0 0 / .7)); position: absolute; z-index: 0; top: 0 } .obras2 {background-size: cover; background-position: center; min-height: 500px; -webkit-transition: background 1s; -moz-transition: background 1s; 	-o-transition: background 1s; transition: background 1s; transition: 1s; cursor: default !important; } .obras2:hover { transform: scale(1.10); position: relative; z-index: 3; -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s; transition: 1s; cursor: pointer } .obras2text { position: absolute; bottom: 5% } .obras2-layer-box { background: linear-gradient(#fff0, rgb(0 0 0 / .7)); position: absolute; z-index: 0; top: 0 } .linha-titulo { border-left: solid 10px; padding-left: 15px; border-color: #ff6600 } .paralax { background-image: url(../imagens/fundo-predios.svg); position: relative; z-index: 1; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover } body .sk-ww-google-reviews .sk-carousel { padding: 0 0px !important } body .sk-ww-google-reviews .sk-slider__btn--left { left: 4%; transform: translate(-50%, -50%) } body .sk-ww-google-reviews .sk-slider__btn { top: inherit; background-color: #ff6600 !important; height: 35px; width: 35px; border-radius: 0% !important; margin-top: 8px !important; s } body .sk-ww-google-reviews .sk-post__rating-icon { fill: #ffffff !important } body .sk-ww-google-reviews .sk-slider__btn--left { left: 20px !important } body .sk-ww-google-reviews .sk-post__header { padding: 12px 12px 12px 12px !important } body .sk-ww-google-reviews .sk-slide-item > * { margin: 0 5px !important } body .sk-ww-google-reviews .sk-post__body { padding: 12px 12px 12px 12px !important } body .sk-ww-google-reviews .sk-slider__btn--right { left: 35px !important; right: inherit; transform: translate(50%, -50%) } body .sk-ww-google-reviews .sk-slider__btn-icon { width: 30px !important; height: 30px !important; fill: #ffffff !important } @keyframes alerta { 0% { transform: scale() } 70% { transform: scale(); box-shadow: 0 0 0 50px #fff0 } 100% { transform: scale(); box-shadow: 0 0 0 0 #fff0 } 0% { transform1: scale() } 70% { transform1: scale(); box-shadow: 0 0 0 50px #fff0 } 100% { transform1: scale(); box-shadow: 0 0 0 0 #fff0 } } .botao-vertical { position: fixed; top: 40%; right: 20px; transform: translateY(-50%) rotate(-90deg); transform-origin: right center; background-color: #ff6600; color: white; font-family: "Exo", sans-serif; font-weight: 600; padding: 10px 15px; border-radius: 0px 0px 0 0; text-decoration: none; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3); z-index: 9999; font-size: 1rem; white-space: nowrap; animation: balanco 2s infinite ease-in-out; transition: background-color 0.3s ease; } .botao-vertical:hover { background-color: #c94f00; } /* Animação suave de balanço */ @keyframes balanco { 0%, 100% { transform: translateY(-50%) rotate(-90deg); } 50% { transform: translateY(-50%) rotate(-90deg) translateY(5px); } } @media (max-width:1200px) { #mobile-nav-toggle { display: inline } #nav-menu-container { display: none } .icon-menumobile { display: inline } .topo { display: none } #header.header-scrolled { top: 0px !important } } @media (max-width:991px) { .traco { width: 100% } .traco1 { width: 100% } .rodcenter { text-align: center !important } .bt-modalnextprev { top: 75%; width: 120px } } @media (max-width:767px) { h1 small { font-size: 1.2rem } h1 { font-size: 2.2rem } .nonemd { display: none } .bt-modalnextprev { top: 70%; width: 120px } .modal-desc h3 { font-size: 1rem; font-family: "Exo" } .modal-desc h3 small { color: #fff; font-size: .9rem } h3.title3 { font-weight: 700; font-size: calc(1.275rem + .3vw); color: #58595b } h3.title3 small { display: block; font-size: 1.1rem; font-weight: 400; color: #58595b } .botao-vertical { font-size: 0.9rem; padding: 10px 15px; } } @media (max-width:513px) { .svgwhite { margin-top: 0; display: block } h2.title { font-size: 2.8rem } h2.title small { font-size: 2.8rem } h1 { font-size: 2rem } h2 { font-size: 1.8rem } h2 small { font-size: 1.2rem } .imgnegative { margin-top: 0 } .bt-modalnextprev { top: 55%; width: 120px } }
/* Retoq brand orange */
:root{--bs-danger:#ff6600;--bs-danger-rgb:255,102,0}.btn-danger,.btn-outline-danger{--bs-btn-color:#fff;--bs-btn-bg:#ff6600;--bs-btn-border-color:#ff6600;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#c94f00;--bs-btn-hover-border-color:#c94f00;--bs-btn-active-bg:#c94f00;--bs-btn-active-border-color:#c94f00;--bs-btn-focus-shadow-rgb:255,102,0}.btn-outline-danger{--bs-btn-color:#c94f00;--bs-btn-bg:transparent}.text-danger{color:#c94f00!important}.border-danger{border-color:#ff6600!important}.bg-danger{background-color:#ff6600!important}