/*
====================================================
* [Master Stylesheet]
====================================================
TOC:
=======
1. PRIMARY STYLES
PAGE LOADER
2. PAGE CONTENT ON VISIBLE ANIMATIONS
3. MENU STYLING
LOGO
MAIN MENU
SLIDE PAGE ON MENU VISIBLE
TOGGLE CAKE ICON
4. FIXED ELEMENTS STYLINGS
PAGE NAIGATION NEXT PREV BUTTON
FIXED PHONE AND EMAIL WRITINGS
LEFT WRITING
RIGHT WRITING
FOOTER_WRITING
5. PAGEPILING SLIDING ANIMATIONS
6. FIRST AREA STYLING
7. SINGLE PAGE STYLING
8. PROJECTS AREA STYLING
PAGE ANIMATE CLICKING VIEW PROJECTS BUTTON
SINGLE PROJECTS STYLING
SWIPER STYLING FOR SINGLE PROJECT
9. PAGEPILING CUSTOM STYLING
PAGE ANIMATIONS
NAVIGATION
===================================================== */
/* ---------------------------------
1. PRIMARY STYLES
--------------------------------- */
html { font-size: 100%; height: 100%; width: 100%; }
body{ margin: 0; overflow-x: hidden; font-size: 15px; font-family: 'Open Sans', sans-serif; word-wrap: break-word;
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
h1, h2, h3, h4, h5, h6, p, a, ul, span, li, img{ margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,ul,a,p{ font-family: 'Titillium Web', sans-serif; font-weight: 300; }
h1,h2,h3,h4,h5,h6{ font-weight: 400; line-height: 1.3; }
p{ line-height: 1.6; font-weight: 300; }
h1{ font-size: 6em; line-height: 1; }
h2{ font-size: 4em; }
h3{ font-size: 2.2em; }
h4{ font-size: 1.8em; }
h5{ font-size: 1.2em; }
h6{ font-size: .85em; letter-spacing: 2px; }
a{ display: inline-block; text-decoration: none; color: inherit; }
a:focus, a:active, a:hover { text-decoration: none; }
b{ font-weight: 700; }
img{ width: 100%; }
.navbar{ font-weight: 300; letter-spacing: 2px; }
li{ list-style: none; }
input,textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
font-weight: 700;
}
/* PAGE LOADER */
.css-loader{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #000; color: #fff; z-index: 99999;
text-align: center; font-size: 50px; }
.css-loader span{ font-size: .9em; animation: font-blur 5s infinite; margin: 0 4px; line-height: 100vh; }
.css-loader span:nth-child(1){ animation-delay: 0s; }
.css-loader span:nth-child(2){ animation-delay: .4s; }
.css-loader span:nth-child(3){ animation-delay: .8s; }
.css-loader span:nth-child(4){ animation-delay: 1.2s; }
.css-loader span:nth-child(5){ animation-delay: 1.6s; }
.css-loader span:nth-child(6){ animation-delay: 2s; }
.css-loader span:nth-child(7){ animation-delay: 2.4s; }
/*CAR LOADER*/
.car-loader .car__body, .new-header .car__body {
-webkit-animation: coolVerticalShake .2s ease-in-out infinite alternate;
animation: coolVerticalShake .2s ease-in-out infinite alternate;
}
.car-loader .car__line, .new-header .car__line {
transform-origin: center right;
stroke-dasharray: 22;
animation: line 0.9s ease-in-out infinite;
animation-fill-mode: both;
}
.car-loader .car__line--top, .new-header .car__line--top {
animation-delay: 0s;
}
.car-loader .car__line--middle, .new-header .car__line--middle {
animation-delay: 0.2s;
}
.car-loader .car__line--bottom, .new-header .car__line--bottom {
animation-delay: 0.4s;
}
@keyframes shake {
0% {
transform: translateY(-1%);
}
100% {
transform: translateY(3%);
}
}
@keyframes coolVerticalShake {
0% { transform: translateY(-1%) }
100% { transform: translateY(3%) }
}
@keyframes line {
0% {
stroke-dashoffset: 22;
}
25% {
stroke-dashoffset: 22;
}
50% {
stroke-dashoffset: 0;
}
51% {
stroke-dashoffset: 0;
}
80% {
stroke-dashoffset: -22;
}
100% {
stroke-dashoffset: -22;
}
}
/*END CAR LOADER*/
@keyframes font-blur{
0%{ filter: blur(0px); }
50%{ filter: blur(4px); }
100%{ filter: blur(0px); }
}
/*styles fix*/
.fz-12{
font-size: 12px;
}
.fz-14{
font-size: 14px;
}
.fz-16{
font-size: 16px;
}
.fz-18{
font-size: 18px;
}
.fz-20{
font-size: 20px;
}
.fz-36{
font-size: 36px;
}
.fz-40{
font-size: 40px;
}
.video-background {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.video-foreground,
.video-background iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.pp-tooltip{
margin-left: 15px !important;
margin-top: 8px !important;
}
.pp-tooltip.left{
background-color: #14141480;
border-radius: 5px;
padding: 2px 10px;
max-width: 300px;
}
.pp-tooltip.left:empty{
display:none!important;
}
/*
@media only screen and (max-width: 769px){
#pp-nav {
display: block !important;
left:40% !important;
top: 80px !important;
}
#pp-nav ul li{
float: left !important;
}
}
*/
@media (min-aspect-ratio: 16/9) {
.video-foreground {
height: 300%;
top: -100%;
}
}
@media (max-aspect-ratio: 16/9) {
.video-foreground {
width: 300%;
left: -100%;
}
}
/* ---------------------------------
2. PAGE CONTENT ON VISIBLE ANIMATIONS
--------------------------------- */
.to-top,
.to-bottom,
.to-left,
.to-right,
.scale-up,
.scale-down,
[data-animation-in],
[data-animation-out]{ animation-duration: .6s; animation-timing-function: cubic-bezier(0.770, 0.01, 0.425, 0.820);
animation-fill-mode: forwards; opacity: 0; }
.to-top{ animation-name: to-top-anim; }
@keyframes to-top-anim{
0%{ opacity: 0; transform: translateY(60px); }
100%{ opacity: 1; transform: translateY(0px); }
}
.to-bottom{ animation-name: to-bottom-anim; }
@keyframes to-bottom-anim{
0%{ opacity: 0; transform: translateY(-60px); }
100%{ opacity: 1; transform: translateY(0px); }
}
.to-left{ animation-name: to-left-anim; }
@keyframes to-left-anim{
0%{ opacity: 0; transform: translateX(40%); }
100%{ opacity: 1; transform: translateX(0px); }
}
.to-right{ animation-name: to-right-anim; }
@keyframes to-right-anim{
0%{ opacity: 0; transform: translateX(-40%); }
100%{ opacity: 1; transform: translateX(0px); }
}
.scale-up{ animation-name: scale-up-anim; }
@keyframes scale-up-anim{
0%{ opacity: 0; transform: scale(.95); }
100%{ opacity: 1; transform: scale(1); }
}
.scale-down{ animation-name: scale-down-anim; }
@keyframes scale-down-anim{
0%{ opacity: 0; transform: scale(1.05); }
100%{ opacity: 1; transform: scale(1); }
}
.to-opacity-1{ animation-name: to-opacity-1-anim; }
@keyframes to-opacity-1-anim{
0%{ opacity: 0; }
100%{ opacity: 1; }
}
.delay-2{ animation-delay: .7s; }
.delay-3{ animation-delay: .85s; }
.delay-4{ animation-delay: 1s; }
/* ---------------------------------
3. MENU STYLING
--------------------------------- */
header{ position: fixed; top: 20px; left: 0; right: 0; z-index: 10000; padding: 0 30px; }
/* LOGO */
.logo{ height: 254px; float: left; margin: 10px 0; position: relative; z-index: 1000; width: 100%; }
.logo a{ display: block; height: 100%; }
.logo img{ width: auto; height: 120%; }
/* MAIN MENU */
.main-menu{ position: fixed; top: 0; height: 100%; width: 40%; z-index: 100; text-align: center; left: -40%;
opacity: 1; overflow: hidden; transition: all .65s cubic-bezier(0.770, 0.05, 0.475, 0.870); display: table; }
.menu-wrapper { display: table-cell; vertical-align: middle; }
.main-menu.visible{ left: 0; }
.menu-to-right{ animation: menu-to-right-anim .65s cubic-bezier(0.770, 0.05, 0.475, 0.870); }
@keyframes menu-to-right-anim{
0%{ transform: translateX(0%); }
100%{ transform: translateX(70%); }
}
.main-menu ul.nav-menu> li{ font-size: 2em; margin: 10px 0; letter-spacing: 5px; }
.main-menu ul.nav-menu> li> .icons>li{ font-size: .5em; display: inline-block; margin: 30px 0px 10px; }
.main-menu ul.nav-menu> li> .icons>li>a{ padding: 5px ; }
/* SLIDE PAGE ON MENU VISIBLE */
[data-slide-page-for-menu]{ transition: all .65s cubic-bezier(0.770, 0.05, 0.475, 0.870); }
.page-slide-to-right{ transform: translateX(15%); }
/* TOGGLE CAKE ICON */
.nav-icon{ border-radius:0; border: 0; margin: 21.5px 0; height: 11px; width: 23px; position: relative; float: right;
background: none; cursor: pointer; z-index: 10000; transition: all .2s ease-in-out; margin-right: 15px; }
.nav-icon:after{ content:''; position: absolute; top: -16px; bottom: -18px; right: -12px; left: -12px; z-index: -1;
border-radius: 100px; border-width: 1px; border-style: solid; transition: all .4s ease-in-out; }
.nav-icon:hover:after{ transform: scale(1.1); }
.nav-icon span{ display: block; position: absolute; height: 1px; width: 100%; left: 0; transition: all .4s ease-in-out; }
.nav-icon span:nth-child(1){ top: 0; width: 80%; }
.nav-icon span:nth-child(2){ top: 6px; }
.nav-icon span:nth-child(3){ top: 12px; margin-left: 30%; width: 70%; }
.nav-icon:hover span{ width: 100%; margin-left: 0; }
.nav-icon.close-btn{ transform: rotate(-90deg); }
.nav-icon.close-btn span{ width: 100%; margin-left: 0; }
.nav-icon.close-btn span:nth-child(2){ opacity: 0; }
.nav-icon.close-btn span:nth-child(1){ transform: translateY(6px) rotate(45deg); }
.nav-icon.close-btn span:nth-child(3){ transform: translateY(-6px) rotate(-45deg); }
/* ---------------------------------
4. FIXED ELEMENTS STYLINGS
--------------------------------- */
/* PAGE NAIGATION NEXT PREV BUTTON*/
.page-nav-area{ position: fixed; bottom: 30px; right: 20px; height: 50px; z-index: 20; }
.page-nav-area .next,
.page-nav-area .prev{ position: absolute; right: 0; text-align: right; }
.page-nav-area .next{ bottom: -5px; transform: rotate(90deg); }
.page-nav-area .prev{ top: -5px; transform: rotate(-90deg); }
.page-nav-area i{ font-size: 2em; }
/* FIXED PHONE AND EMAIL WRITINGS */
.fixed-writing{ position: fixed; z-index: 20; }
.fixed-writing a,
.fixed-writing .copyright{ letter-spacing: 4px; }
.fixed-writing .copyright{ line-height: 14px; }
.fixed-writing .copyright .cpy-icon{ height: 14px; width: 14px; margin-right: 10px; float: left; }
/* LEFT WRITING */
.left-writing{ top: 50%; left: 20px; line-height: 40px; margin-top: -20px;
transform-origin: left top; transform: rotate(-90deg) translateZ(0) translateX(-50%); }
/* RIGHT WRITING */
.right-writing{ top: 50%; right: 20px; line-height: 40px; margin-top: -20px;
transform-origin: right top; transform: rotate(90deg) translateZ(0) translateX(50%); }
/* FOOTER_WRITING */
.footer-writing{ bottom: 30px; }
.footer-writing.left{ left: 45px; }
.footer-writing.right{ right: 45px; }
.footer-writing .icons{}
.footer-writing .icons > li{ display: inline-block; }
.footer-writing .icons > li > a{ padding: 0 5px; font-size: .85em; }
.icons li{
font-size: 40px;
}
/* ---------------------------------
5. PAGEPILING SLIDING ANIMATIONS
--------------------------------- */
.bg-to-top-small,
.bg-to-bottom-small,
.content-to-top-small,
.content-to-bottom-small,
.bg-to-top,
.bg-to-bottom,
.content-to-top,
.content-to-bottom{ animation-duration: .6s; animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.770, 0.05, 0.475, 0.870); }
.content-to-top{ animation-name: content-to-top-anim; }
@keyframes content-to-top-anim{
0%{ transform: translateY(90%);}
100%{ transform: translateY(0%);}
}
.content-to-bottom{ animation-name: content-to-bottom-anim; }
@keyframes content-to-bottom-anim{
0%{ transform: translateY(0%); }
100%{ transform: translateY(90%);}
}
.content-to-top-small{ animation-name: content-to-top-small-anim; }
@keyframes content-to-top-small-anim{
0%{ transform: translateY(200px); }
100%{ transform: translateY(0%); }
}
.content-to-bottom-small{ animation-name: content-to-bottom-small-anim; }
@keyframes content-to-bottom-small-anim{
0%{ transform: translateY(0%); }
100%{ transform: translateY(200px); }
}
.bg-to-top{ animation-name: bg-to-top-anim; }
@keyframes bg-to-top-anim{
0%{ transform: translateY(90%); }
100%{ transform: translateY(0%); }
}
.bg-to-bottom{ animation-name: bg-to-bottom-anim; }
@keyframes bg-to-bottom-anim{
0%{ transform: translateY(0%); }
100%{ transform: translateY(90%); }
}
.bg-to-top-small{ animation-name: bg-to-top-small-anim; }
@keyframes bg-to-top-small-anim{
0%{ transform: translateY(200px); }
100%{ transform: translateY(0%); }
}
.bg-to-bottom-small{ animation-name: bg-to-bottom-small-anim; }
@keyframes bg-to-bottom-small-anim{
0%{ transform: translateY(0%); }
100%{ transform: translateY(200px); }
}
/* ---------------------------------
6. FIRST AREA STYLING
--------------------------------- */
#section-1 .name{ letter-spacing: 5px; }
#section-1 .title{ margin: 20px 0 25px; display:inline-block; }
#section-1 .about-me-btn{ font-weight: 800; transition: all .3s;border-bottom-width: 3px; border-bottom-style: solid; }
#section-1 .about-me-btn:hover{ transform: translateY(-4px); }
/* ---------------------------------
7. SINGLE PAGE STYLING
--------------------------------- */
.single-page{ overflow: hidden; }
.single-page-wrapper{ height: 100%; width: 100%; position: absolute; top: 0; overflow: hidden; }
.single-page-wrapper-2{ display: table; height: 100%; width: 100%; }
.single-page-bg{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; background-size: cover;
overflow: hidden; background-position: center center; }
.single-page-bg:after{ content:''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; }
.content-wrapper{ display: table-cell; vertical-align: middle; transition: all .7s ease-in-out;
text-align: center; padding: 0 20%; }
.content-wrapper .title{ margin-bottom: 0px; font-weight: 900; }
.content-wrapper .desc{ margin: 20px 0 40px; }
.content-wrapper .projetcs-btn{ padding: 20px 35px; border-radius: 100px; font-weight: 900; transition: all .2s ease-in-out; }
.content-wrapper .projetcs-btn:hover{ transform: translateY(5px); }
/* ---------------------------------
8. PROJECTS AREA STYLING
--------------------------------- */
/* PAGE ANIMATE CLICKING VIEW PROJECTS BUTTON*/
.single-page-wrapper{ transition: all .65s cubic-bezier(0.770, 0.05, 0.475, 0.870); }
.page-slide{ transform: translateX(-30%); cursor: url(../../images/close.png), auto; }
.page-slide:after{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; content:''; background: rgba(0,0,0,1);
z-index: 100; opacity: 0; animation: bg-opcity-anim 1s forwards cubic-bezier(0.770, 0.05, 0.475, 0.870); }
@keyframes bg-opcity-anim{
0%{ opacity: 0; }
100%{ opacity: .7; }
}
/* SINGLE PROJECTS STYLING */
.projects{ position: absolute; top: 0; bottom: 0; left: 100%; width: 60%; overflow: hidden; z-index: 100;
/*cursor: n-resize;*/ text-align: center; transition: left .65s cubic-bezier(0.770, 0.05, 0.475, 0.870); }
.project-close-btn{ display: none; }
.visible-projects{ left: 40%; }
.visible-projects .projects-content-wrapper{
animation: projects-content-wrapper-anim .65s forwards cubic-bezier(0.770, 0.05, 0.475, 0.870); }
@keyframes projects-content-wrapper-anim{
0%{ transform: translateX(-95%); }
100%{ transform: translateX(0%); }
}
.projects-content-wrapper{ width: 100%; height: 100%; }
.swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
.swiper-slide{ display: table; }
.single-project-wrapper{ display: table-cell; vertical-align: middle; text-align: center; }
.single-project{ position: relative; text-align: left; width: 60%; margin: 0 auto; }
.single-project img{ height: auto; width: 60%; }
.single-project .p-info .title{ padding: 20px 0px 15px; }
.single-project .p-info .info { padding: 5px 0; overflow: hidden; }
.single-project .p-info .info span.left{ float: left; width: 150px; }
.single-project .p-info .info span.right{ float: left; width: calc(100% - 150px); }
.single-project .p-info .info .details-btn{ font-weight: 700; margin: 15px 0; margin-right: 20px; }
/* SWIPER STYLING FOR SINGLE PROJECT*/
.swiper-container-vertical > .swiper-scrollbar{ top: 0; right: 0; background: none; height: 100%; }
.swiper-scrollbar-drag{ border-radius: 2px; }
/* ---------------------------------
9. PAGEPILING CUSTOM STYLING
--------------------------------- */
/* PAGE ANIMATIONS */
.pp-easing {
-webkit-transition: all 600ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
-moz-transition: all 600ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
-o-transition: all 600ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
transition: all 600ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
/* custom */
-webkit-transition-timing-function: cubic-bezier(0.770, 0.05, 0.475, 0.870);
-moz-transition-timing-function: cubic-bezier(0.770, 0.05, 0.475, 0.870);
-o-transition-timing-function: cubic-bezier(0.770, 0.05, 0.475, 0.870);
transition-timing-function: cubic-bezier(0.770, 0.05, 0.475, 0.870);
}
/* NAVIGATION */
/*
#pp-nav{ bottom: 50%; z-index: 10; transform: translateY(50%);}
#pp-nav.right {
transform: rotate(270deg);
left: 49.5%;
bottom: 0px;
}
#pp-nav li, .pp-slidesNav li{
width: auto;
height: auto;
margin: 0;
}
#pp-nav li>a, .pp-slidesNav li>a{
padding: 6px 0;
height: 1px;
width: 15px;
}
#pp-nav span, .pp-slidesNav span{
height: 1px;
margin: 3px 0;
width: 100%;
border: 0;
border-radius: 0;
transition: all .2s ease-in-out;
}
#pp-nav li:hover span, .pp-slidesNav:hover span{
width: 23px;
}
#pp-nav li .active span, .pp-slidesNav .active span{
width: 25px;
}
*/
/* NAVIGATION */
#pp-nav{bottom: 50%; z-index: 10; }
#pp-nav.right {
left: 55px;
}
#pp-nav li, .pp-slidesNav li{
width: auto;
height: auto;
margin: 0;
}
#pp-nav li>a, .pp-slidesNav li>a{
padding: 6px 0;
height: 1px;
width: 15px;
}
#pp-nav span, .pp-slidesNav span{
height: 1px;
margin: 3px 0;
width: 100%;
border: 0;
border-radius: 0;
transition: all .2s ease-in-out;
}
#pp-nav li:hover span, .pp-slidesNav:hover span{
/*width: 23px;*/
margin-left: 4px;
transition: margin-left 0.25s linear;
width: 25px !important;
}
#pp-nav li .active span, .pp-slidesNav .active span{
width: 25px;
}
#pp-nav li>a>span{
box-shadow: 0 0 8px #383838;
}
/* ##################### CUSTOM STYLES ######################## */
/* ---- slide 1 ---- */
#myVideo{
min-height: 100vh;
min-width: 100vw;
position: relative;
overflow: hidden;
width: auto;
height: auto;
}
#bright_logo{
height: auto;
width: 40%
}
#slide1_text{
font-size: 1.5em;
font-weight: 300;
text-align: center;
}
#calcule_btn{
background-color: #fff;
padding: 20px 35px; border-radius: 100px;
margin: 0px auto; text-align: center;
font-weight: 900;
color: #116baa;
position: absolute;
bottom: 20%;
left: 46.5%;
transform: translateX(-50%);
}
/* mobile:
h3.title{
width: 80vw;
text-align: center;
}
*/
/* ---- slide 2 ---- */
.calculator_grid{
display: grid;
margin: 0px auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.selector_container{
border-right: 1px solid #dfdfdf;
padding: 15px 0px;
transition: 0.3s all ease;
cursor: pointer;
}
.selector_container:hover{
background-color: rgba(255,255,255,0.2);
}
#selector_container_last{
border-right: 0px solid #dfdfdf!important;
}
.selector_icon{
height: 64px;
width: auto;
}
.selector_container p{
font-size: 1.8em;
font-weight: 400;
line-height: 1.3;
font-size: 1.8em;
font-family: 'Titillium Web', sans-serif;
color: #D2D2D2;
}
#selector_container_first{
animation: mymove 1.5s infinite;
}
@keyframes mymove {
0% {background-color: rgba(255,255,255,0.0);}
50% {background-color: rgba(255,255,255,0.2);}
100% {background-color: rgba(255,255,255,0.0);}
}
/* --- slide 3--- */
.vantagens_container{display: block}
.equipa_container{display: none}
.testemunhos_container{display: none}
.span_slide3{
transition: 0.3s all ease;
cursor: pointer;
}
.span_active{color: #45b0d0}
#span_1:hover{
color: #45b0d0;
}
#span_2:hover{
color: #45b0d0;
}
#span_3:hover{
color: #45b0d0;
}
.projetcs-btn-slide3{
margin-right: 15px;
}
.p-info{
font-family: 'Titillium Web', sans-serif;
font-size: 1.1em;
}
.equipa_profissionais{
width: 15%;
border-radius: 50%;
margin-right: 45px;
/* mobile:;
width: 21%;
border-radius: 50%;
margin-right: 10px;
*/
}
/* ---slide 4 --- */
.pacotes_grid{
display: grid;
grid-template-rows: 1fr 1fr 1fr;
grid-template-columns: 40% 60%;
grid-row-gap: 10%;
height: 65vh;
margin-top: -4vh;
}
.pacotes_grid div{
cursor: pointer;
display: flex;
flex-flow: column;
}
.pacotes_grid div img{
width: 40%;
transition: 0.3s all ease;
margin: auto;
}
.pacotes_grid div img:hover{
filter: drop-shadow(0px 0px 15px rgba(255,255,255,0.5));
}
.pacotes_grid div p{
color: white;
margin: auto;
font-weight: 900;
text-align: left;
font-size: 18px;
}
/* --- slide 5 --- */
.footer_grid{
display: grid;
grid-template-columns: 18% 18% auto 18% 18%;
}
.footer_grid img{
transition: 0.3s all ease;
cursor: pointer;
}
.footer_grid > img:nth-child(3){transform: translateY(-20px);}
.footer_grid img:hover{
transform: translateY(-3px);
}
#section-6 h6{
font-size: 1.8em;
color: #aaa;
}
#section-6 p{
color: gray;
font-weight: 600;
margin-top: 2vh
}
.scroll-section{
overflow: hidden auto;
position: absolute;
height: 50vh;
top: 50%;
padding: 5px 15px;
transform: translateY(-50%);
}
.last_footer{
cursor: pointer;
font-size: 17px;
}
/* ---- velocimetro ---- */
/*
#pp-nav.right{display: none!important}
#pp-nav > ul:nth-child(1) > li:nth-child(1) > a:nth-child(1) > span:nth-child(1){
transform: rotate(-20deg);
width: 130%;
}
#pp-nav > ul:nth-child(1) > li:nth-child(2) > a:nth-child(1) > span:nth-child(1){
transform: rotate(-10deg);
width: 200%;
}
#pp-nav > ul:nth-child(1) > li:nth-child(3) > a:nth-child(1) > span:nth-child(1){
width: 235%;
}
#pp-nav > ul:nth-child(1) > li:nth-child(4) > a:nth-child(1) > span:nth-child(1){
transform: rotate(10deg);
width: 200%;
}
#pp-nav > ul:nth-child(1) > li:nth-child(5) > a:nth-child(1) > span:nth-child(1){
transform: rotate(20deg);
width: 130%;
}
*/
/* ############################################# NOVO EDIT 20 Out ###################################### */
/* ---- arrows scroll ---- */
.arrows-scroll{
position: absolute;
height: 32px;
width: 32px;
left: 50%;
transform: translateX(-50%);
}
.arrow_links{
-webkit-animation: bounce-scroll-down 2s infinite;
animation: bounce-scroll-down 2s infinite;
}
.arrow_links>div{
width: 100%;
text-align:center;
font-size:40px;
padding:0px;
bottom:10px;
}
.next-slide-icon{
cursor: pointer;
}
.bounce{
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
#arrows-down{
bottom: 2%;
animation: scrolling-up 1.5s infinite;
}
#arrows-up{
top: 2%;
transform: translateX(-50%) rotate(180deg);
animation: scrolling-down 1.5s infinite;
}
@keyframes scrolling-up{
0%{ bottom: 2%; }
50%{ bottom: 3%; }
100%{ bottom: 2%; }
}
@keyframes scrolling-down{
0%{ top: 2%; }
50%{ top: 3%; }
100%{ top: 2%; }
}
@keyframes bounce-scroll-down {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-20px);
}
60% {
transform: translateY(-10px);
}
}
/* SLIDE 2 */
/* ---------------------------------
7. TEAM SECTION STYLING
--------------------------------- */
.team-area .swiper-container{ overflow: visible; }
.team-area .team-container{ /*margin-left: 25vw;*/ width: 60vw; }
.team-area .about{ text-align: left; padding-bottom: 60px; }
.team-area .about:after{ content: ''; display: block; clear: both; }
.team-area .about .left-area{ /*width: 300px; float: left;*/ position: relative; text-align: center;}
.team-area .left-area .name{ position: absolute; bottom: 15px; left: 20px; }
.team-area .left-area .designation{ position: absolute; top: 20px; right: 10px; letter-spacing: 4px;
transform-origin: right top; transform: rotate(90deg) translateZ(0) translateX(100%); }
.team-area .about .left-area img{ height: 500px; width: 800px; }
.team-area .about .right-area{ /*float: right; width: calc(100% - 300px);*/ padding: 20px 0px; text-align: center;}
.team-area .about .right-area .right-area-wrapper{ margin: 0 20px; }
.team-area .about .right-area .title{ line-height: 1; margin-bottom: 20px; }
/* SWIPER SLIDER STYLING */
.swiper-container-vertical > .swiper-scrollbar{ top: 0; right: 0; background: none; height: 100%; }
.swiper-scrollbar-drag{ border-radius: 2px; }
/* SWIPER CONTROL BUTTON */
.swiper-control-wrapper{ position: absolute; bottom: 0%; right: 30px; height: 45px; width: 180px; border-width: 1px;
border-style: solid; z-index: 10; }
.swiper-control{ position: static; margin: 0; width: auto; height: 100%; line-height: 45px; width: 50%; font-size: .6em; }
.swiper-control.swiper-button-next{ float: right; border-left-width: inherit; border-left-style: inherit; }
/* ---------------------------------
7. TEAM SECTION STYLING
--------------------------------- */
.single-page .left-area .name{ color: #fff; }
.single-page .left-area .designation{ color: #fff; }
/* SWIPER SLIDER STYLING */
.swiper-scrollbar-drag{ background: #75bdb0; }
/* SWIPER CONTROL BUTTON */
.swiper-control-wrapper{ border-color: #333; }
.swiper-control{ background: #19223e; color: #fff; border-color: #333; font-size: 10px;}
/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 992px) {
/* ---------------------------------
7. TEAM SECTION STYLING
--------------------------------- */
.team-area .swiper-container{ overflow: hidden; }
.team-area .team-container{ margin-left: 5vw; width: 90vw; }
}
/* custom team styling */
/*#swiper-img{width: 80%}*/
.team-container{cursor: grabbing;}
.right-area-wrapper .desc{font-size: 1.2em; margin-top: 10px}
.pe-7s-angle-right{
color: #45b0d0;
font-size: 100px;
position: inherit;
right: 0px;
top: 27%;
transform: translateY(-50%);
background-image: none;
left: auto;
width: auto;
height: auto;
margin-top: 0px;
z-index: 99999;
cursor: pointer;
}
.pe-7s-angle-left{
color: #45b0d0;
font-size: 100px;
position: inherit;
left: 0px;
top: 27%;
transform: translateY(-50%);
background-image: none;
width: auto;
height: auto;
margin-top: 0px;
z-index: 99999;
cursor: pointer;
}
#continue-btn{
position: fixed;
bottom: 7%;
left: 50%;
transform: translateX(-50%);
padding: 13px 30px;
z-index: 99999;
transition: 0.3s all ease;
margin-bottom: 32px;
}
#continue-btn:hover{
bottom: 7.3%;
}
.swiper-slide p a:hover{color: #45b0d0}
/* ############################################# NOVO EDIT 31 Out ###################################### */
.config-arrows{display: none}
.selector_container i{
transform: rotate(90deg);
vertical-align: middle;
}
.telefone{
position: fixed;
bottom: 43px;
right: 208px;
color: #eee;
z-index: 99999;
}
.pe-7s-phone{
font-size: 28px;
vertical-align: middle;
font-weight: 900;
color: #45b0d0;
}
.telefone p{
font-size: 20px;
font-weight: 600;
}
.telefone p:hover{color: white}
.logo{margin-left: 15px;text-align: center;}
#agendar-btn{
position: fixed;
right: 0;
height: 229px;
bottom: 95px;
transform: rotate(0deg) translateY(-50%);
padding: 20px;
z-index: 999999;
line-height: 2px;
writing-mode: vertical-rl;
text-orientation: upright;
}
#agendar-btn:hover{
border: 2px solid white;
background: transparent;
color: white;
padding: 8px 18px;
}
.tds-footer {
padding: 20px 0;
z-index: 1000;
position: absolute;
bottom: 0px;
width: 100%;
color:white
}
.visually-hidden {
position: absolute !important;
overflow: hidden;
clip: rect(1px,1px,1px,1px);
width: 1px;
height: 1px;
word-wrap: normal;
}
.tds-footer--centered {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
@media (min-width: 640px){
.tds-footer-meta {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
}
}
.tds-footer-list_item:first-child, .tds-footer-list_item:first-child .tds-footer-list_link {
margin-right: 0;
}
.tds-content_container {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-right: 24px;
padding-right: var(--tds-size--3x);
padding-left: 24px;
padding-left: var(--tds-size--3x);
}
.tds-footer-meta li a {
padding: 5px;
}
.marcas-pke-img{
width: 78px;
margin-left: 17px;
margin-top: 33px;
}
.agendar-top{
top: 40%;
}
.saber-mais-top{
top: 69%;
height: 279px !important;
}
.footer-menu{
margin-top: 50px;
}
.social ul {
list-style: none;
margin-bottom: 0;
padding: 0;
}
.social ul li {
display: inline-block;
}
.social a {
border-radius: 5px;
border: 1px solid #fff;
color: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 25px;
width: 25px;
margin: 0 6px;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.social a.facebook:hover {
background: #3b5999;
}
.social a.instagram:hover {
background: #e4405f;
}
.social a.youtube:hover {
background: #cd201f;
}
@media only screen and (min-width: 992px){
.social ul li a:hover {
-webkit-transform: rotate(45deg) translateY(-2.5px) translateX(-2.5px)!important;
transform: rotate(45deg) translateY(-2.5px) translateX(-2.5px)!important;
}
.social a:hover {
text-decoration: none;
}
}
.menu-rede-social{
display: flex;
margin-top: 100px;
}
.social a i {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
font-size: 13px;
}
.social{
margin-left: 25px;
}
/*Sliders*/
.center-item{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.description{
width: fit-content;
position: absolute;
bottom: 115px;
}
.description .bg-black-text{
background: black;
color: white;
font-size: 24px;
padding: 2px 18px;
border-radius: 7px;
}
.p-description{
margin-bottom: 15px;
text-align: left;
}
.buttons{
border-radius: 50px;
height: 62px;
margin-top: 20px;
width: 400px;
margin: 0 auto;
}
.buttons ul {
display: flex;
align-items: center;
}
.buttons .bt-comprar{
background: white;
height: 54px;
vertical-align: middle;
display: table-cell;
width: 158px;
text-align: center;
border-radius: 50px;
left: 4px;
position: relative;
/*top: 4px;*/
font-weight: 800;
}
.buttons .bt-comprar:hover{
background: transparent;
color: white;
border: solid 2px white;
}
.bt-comprar.simular:disabled{
background:gray !important;
color:white;
pointer-events: none;
}
.links ul {
list-style: none;
margin-bottom: 0;
padding: 0;
/*float: left;*/
margin: 0;
background: black;
border-radius: 35px;
height: 62px;
box-shadow: 2px 0px 12px -1px white;
}
.links ul li {
display: inline-block;
}
.links ul .btn-comprar {
padding-right: 34px;
}
.links ul .btn-icon {
padding-right: 12px;
}
.btn-icon a {
border: solid 1px black;
border-radius: 50%;
padding: 4px;
}
.btn-icon a:hover {
border-color: white;
}
.btn-icon>a img{
width: 100%;
height: 40px;
}
.btn-news>img.icon-1{
padding: 3px;
}
.logo-mobile{
display: none;
}
.logo-desktop a img{
width: 350px;
}
.links ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.modal-newsletter{
background: white;
position: sticky;
width: 301px;
padding: 22px;
text-align: initial;
left: 44%;
border-radius: 20px;
/*top: 7px;*/
z-index: 999;
}
.modal-newsletter:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-width: 12px;
border-style: solid;
border-color: transparent #FFFFFF transparent transparent;
bottom: -24px;
left: 45%;
transform: rotateZ(
270deg
);
}
.modal-newsletter input{
border: solid 4px black;
height: 47px;
border-radius: 50px;
margin-bottom: 12px;
}
.modal-newsletter select{
border: solid 4px black;
height: 47px;
border-radius: 50px;
margin-bottom: 12px;
}
.modal-newsletter label{
font-weight: normal;
}
.modal-newsletter .obrigatorio{
background-image:url(../images/icon-obrigatorio.png);
background-repeat: no-repeat;
background-size: 27px;
background-position: right;
background-position-y: 6px;
background-position-x: 98%;
}
.wid-car-slid3{
position: absolute;
bottom: 145px;
display: flex;
justify-content: center;
align-items: center;
}
.wid-slid1{
position: absolute;
bottom: 40px;
margin: 0;
}
.circle-icon {
background: #000000;
color: #ffffff;
width: 40px;
height:40px;
border-radius: 50%;
text-align: center;
line-height: 40px;
vertical-align: middle;
}
.modal-newsletter h4{
font-weight: inherit;
font-size: 32px;
color:black !important;
}
.modal-newsletter .sub-titulo{
font-size: 15px;
color: #888888 !important;
}
/*//modal phone*/
.modal-phone{
background: white;
position: sticky;
width: 301px;
padding: 22px;
text-align: initial;
left: 45%;
border-radius: 20px;
/*top: 7px;*/
z-index: 999999;
}
.modal-phone:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-width: 12px;
border-style: solid;
border-color: transparent #FFFFFF transparent transparent;
bottom: -24px;
left: 73%;
transform: rotateZ(
270deg
);
}
.modal-phone input{
border: solid 4px black;
height: 47px;
border-radius: 50px;
margin-bottom: 12px;
}
.modal-phone label{
font-weight: normal;
}
.modal-phone .obrigatorio{
background-image:url(../images/icon-obrigatorio.png);
background-repeat: no-repeat;
background-size: 27px;
background-position: right;
background-position-y: 6px;
background-position-x: 98%;
}
.modal-phone h4{
font-weight: inherit;
font-size: 32px;
color:black !important;
}
.modal-phone p{
color: #888888 !important;
}
.modal-phone .sub-titulo{
font-size: 15px;
}
.form-check-input {
height: auto !important;
}
.header{
width: 100%;
text-align: right;
}
.header img{
width: 30px;
}
.active-menu-pke{
background: #0e1730;
color: white !important;
padding: 20px;
animation-delay: .4s;
transition: background 1s;
-webkit-box-shadow: 0px 0px 24px -4px rgb(255 255 255);
-moz-box-shadow: 0px 0px 24px -4px rgba(255,255,255,1);
box-shadow: 0px 0px 24px -4px rgb(255 255 255);
border: solid 3px white;
border-radius: 8px;
cursor: pointer;
}
.active-menu-pke2{
background: #0e1730;
color: white !important;
height: 100%;
padding: 15px;
animation-delay: .4s;
transition: background 1s;
-webkit-box-shadow: 0px 0px 24px -4px rgb(255 255 255);
-moz-box-shadow: 0px 0px 24px -4px rgba(255,255,255,1);
box-shadow: 0px 0px 24px -4px rgb(255 255 255);
border: solid 3px white;
border-radius: 8px;
cursor: pointer;
}
.btn-oval.btn-black{
background: black;
color: white;
height: 50px;
width: 136px;
text-align: center;
border-radius: 50px;
font-weight: 800;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: background .5s ease, color .5s ease;
transition: background .5s ease, color .5s ease;
}
.btn-oval.btn-black:hover {
background: transparent;
color: black;
border: solid 2px black;
}
.btn-oval.btn-hover-white:hover {
background: white;
color: black;
border: solid 2px black;
}
#section-2 .logo {
margin-left: 0;
text-align: left;
height: auto;
margin-top: 40px;
}
#section-2 h2{
background: black;
text-align: center;
color: white;
font-weight: 100;
border-radius: 8px;
margin-top: 24%;
padding: 10px 0px;
font-size: 30px;
}
.description-pke p{
color: white;
margin-top: 7%;
font-size: 21px;
margin-bottom: 7%;
}
.servico ul{
width: 100%;
display: flex;
}
.servico ul li{
background: white;
border-radius: 12px;
padding: 20px;
height: initial;
width: 220px;
text-align: center;
-webkit-box-shadow: -13px -1px 9px -12px rgb(0 0 0 / 38%);
-moz-box-shadow: -13px -1px 9px -12px rgba(0,0,0,0.38);
box-shadow: -13px -1px 9px -12px rgb(0 0 0 / 38%);
margin-right: -11px;
animation-delay: .4s;
transition: background 1s;
min-height: 367px;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.servico ul li img {
width: 40px;
margin-bottom: 28px;
}
.servico ul li h4 {
font-size: 20px;
font-weight: 700;
}
.servico ul li:hover{
background: #0e1730;
background: #0e1730;
z-index: 9;
width: 703px;
transform: scale(1.2);
-webkit-box-shadow: 0px 0px 24px -4px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 24px -4px rgba(255,255,255,1);
box-shadow: 0px 0px 24px -4px rgba(255,255,255,1);
animation-delay: .4s;
border: solid 2px white;
}
.question-number{
background: #0e1730;
background: #0e1730;
-webkit-box-shadow: 0px 0px 24px 5px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 24px 5px rgba(255,255,255,1);
box-shadow: 0px 0px 24px 5px rgba(255,255,255,1);
border: solid 5px white;
border-radius: 5%;
}
.servico ul li:hover h4{
color: #fff;
}
.service-desc{
display: none;
}
.servico ul li:hover .title-service{
display: none;
}
.servico ul li:hover .service-desc{
display: block;
}
.servico ul li:hover .service-desc img{
filter: brightness(0) invert(1);
margin-top: 97px;
}
.service-desc p{
color: white;
height: 325px;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.separador{
height: 325px;
border-right: solid 1px #ffffff26;
}
.vh-100{
height: 100vh;
}
.logo-mobile-service{
display: none;
}
.logo-mobile-auto{
display: none;
}
.fix-widget{
margin-top: 4%;
}
.logo-desktop-service{
margin-top: 35px;
}
#section-3 h2 {
background: white;
text-align: center;
color: black;
font-weight: 100;
border-radius: 8px;
margin-top: 24%;
padding: 10px 0px;
font-size: 30px;
}
.person-component>div img{
border-radius: 8px;
}
.down-to-icon{
width: 50px;
margin-top: 30%;
}
#section-3 h4 {
color: white;
font-size: 30px;
margin-top: 25px;
}
#section-3 P {
color: white;
}
.about-pke ul{
height: 100vh;
position: absolute;
background: white;
right: 0;
}
.benefits-pke ul{
height: 100vh;
position: absolute;
background: white;
right: 0;
}
.about-pke ul li {
height: 20%;
font-size: 24px;
margin-bottom: 0px;
transform: rotate(
270deg
);
width: 58px;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
cursor: pointer;
}
.benefits-pke ul li {
height: 14%;
font-size: 24px;
margin-bottom: 0px;
width: 58px;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
cursor: pointer;
border-top: solid 1px;
}
.about-pke ul li a {
color: black;
}
.benefits-pke ul li a {
color: black;
height: 100%;
}
.about-pke ul li:hover a {
background: #0e1730;
color: white;
padding: 20px;
animation-delay: .4s;
transition: background 1s;
-webkit-box-shadow: 0px 0px 24px -4px rgb(255 255 255);
-moz-box-shadow: 0px 0px 24px -4px rgba(255,255,255,1);
box-shadow: 0px 0px 24px -4px rgb(255 255 255);
border: solid 3px white;
border-radius: 8px;
cursor: pointer;
}
.benefits-pke ul li:hover a {
background: #0e1730;
color: white;
padding: 20px;
animation-delay: .4s;
transition: background 1s;
-webkit-box-shadow: 0px 0px 24px -4px rgb(255 255 255);
-moz-box-shadow: 0px 0px 24px -4px rgba(255,255,255,1);
box-shadow: 0px 0px 24px -4px rgb(255 255 255);
border: solid 3px white;
border-radius: 8px;
cursor: pointer;
}
.sidebar-menu{
position: absolute;
top: 0;
right: 5%;
}
.sidebar-menu-page-3{
position: absolute;
top: 0;
left: 7%;
}
.descr-infos ul{
background: white;
position: absolute;
width: 97px;
right: -2px;
top: 0;
height: 100vh;
padding: 8px;
}
.person-component{
display: flex;
justify-content: center;
align-items: center;
height: 320px;
}
.box-1 h4{
text-align: center !important;
color: black !important;
font-weight: 700 !important;
margin-bottom: 30px;
}
.box-1 p{
text-align: justify;
color: black !important;
}
.box-4 h4{
text-align: center !important;
color: black !important;
font-weight: 700 !important;
margin-bottom: 30px;
}
.box-4 p{
text-align: justify;
color: black !important;
margin: 25px;
}
.box-1{
padding: 50px;
}
.border-bottom{
border-bottom: solid 1px black;
}
.box-3 h5{
font-size: 32px;
text-transform: uppercase;
}
.box-3 p{
color: black !important;
width: 70%;
}
.box-5 h5{
font-size: 32px;
margin-top: 50px;
text-transform: uppercase;
}
.box-5 p{
color: black !important;
}
.aspas{
font-size: 56px;
font-family: 'FontAwesome';
}
.active-sidebar {
background: #0e1730;
color: white;
padding: 20px;
animation-delay: .4s;
transition: background 1s;
-webkit-box-shadow: 0px 0px 24px -4px rgb(255 255 255);
-moz-box-shadow: 0px 0px 24px -4px rgba(255,255,255,1);
box-shadow: 0px 0px 24px -4px rgb(255 255 255);
border: solid 3px white;
border-radius: 8px;
cursor: pointer;
}
.box-1,.box-2,.box-3,.box-4,.box-5{
width: 98%;
}
.content-text-62,
.content-text-64 {
text-shadow: 1px 1px #222;
}
.aspas.final{
float: right;
width: auto;
margin-right: 19px;
}
.tipo-imovel{
background: white;
width: fit-content;
padding: 4px 24px;
border-radius: 10px;
font-size: 27px;
margin: 0 auto;
margin-top: 39px;
}
.tipo-sub-imovel{
color: white;
font-size: 21px;
text-transform: uppercase;
margin-top: 20px;
text-decoration: underline;
}
.custom-select {
position: relative;
}
.custom-select select {
display: none; /*hide original SELECT element:*/
}
.select-selected {
background-color: transparent;
}
/*style the arrow inside the select element:*/
.select-selected:after {
position: absolute;
content: "";
top: 21px;
right: 17px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #fff transparent transparent transparent;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
border-color: transparent transparent #fff transparent;
top: 7px;
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
color: #ffffff;
padding: 11px;
border: 3px solid white;
border-color: white white white white;
cursor: pointer;
user-select: none;
border-radius: 30px;
}
.select-selected:hover{
background: white;
color: black;
}
/*style items (options):*/
.select-items {
background-color: transparent;
top: 100%;
left: 0;
right: 0;
z-index: 99;
max-height: 150px;
overflow-y: auto;
position: initial;
}
.select-items div{
border: none !important;
margin-top: 5px;
}
/*hide the items when the select box is closed:*/
.select-hide {
display: none;
}
.select-items div:hover, .same-as-selected {
background-color: rgba(0, 0, 0, 0.1);
}
.form-auto{
margin-top: 20px;
}
.tipo-desc-imovel{
color: white;
font-size: 19px;
letter-spacing: 3px;
margin-top: 20px;
}
#pp-nav li{
border: none;
width: 25px;
height: 25px;
border-radius: 50%;
margin-bottom: 4px;
}
#pp-nav span, .pp-slidesNav span {
background: #e52b2b;
border-radius: 20px;
height: 25px;
width: 25px;
margin-bottom: 26px;
}
#pp-nav li>a, .pp-slidesNav li>a {
padding: 6px 0;
height: 36px;
width: 15px;
/* display: none; */
}
#pp-nav span, .pp-slidesNav span {
background: transparent !important;
border: solid 3px white !important;
}
#pp-nav li .active span, .pp-slidesNav .active span {
background: #ffffff !important;
}
/*.owl-carousel{*/
/*transform: rotate(90deg);*/
/*width: 100%;*/
/*margin-top:100px;*/
/*}*/
/*.item{*/
/*transform: rotate(-90deg);*/
/*}*/
/*.owl-carousel .owl-nav{*/
/*display: flex;*/
/*justify-content: space-between;*/
/*position: absolute;*/
/*width: 100%;*/
/*top: calc(50% - 33px);*/
/*}*/
/*div.owl-carousel .owl-nav .owl-prev, div.owl-carousel .owl-nav .owl-next{*/
/*font-size:36px;*/
/*top:unset;*/
/*bottom: 15px;*/
/*}*/
/* --------------------------------
xnavigation
-------------------------------- */
.cd-nav-container {
position: fixed;
z-index: 4;
top: 0;
right: 0;
width: 80%;
height: 100%;
overflow-y: auto;
background-color: #ffffff;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s;
-moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s;
transition: transform 0.4s 0s, box-shadow 0s 0.4s;
}
.cd-nav-container.is-visible {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-overflow-scrolling: touch;
box-shadow: -4px 0 30px rgba(0, 0, 0, 0.2);
-webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0s;
-moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0s;
transition: transform 0.4s 0s, box-shadow 0s 0s;
}
.cd-nav-container header {
padding: 1.5em 0 0 6.25%;
height: 68px;
position: relative;
}
.cd-nav-container h3 {
font-size: 1.6rem;
font-weight: bold;
font-family: "Lora", serif;
text-transform: uppercase;
color: #5c4b51;
}
@media only screen and (min-width: 700px) {
.cd-nav-container {
width: 70%;
}
.cd-nav-container header {
height: 116px;
padding-top: 3em;
}
}
.cd-close-nav {
/* 'X' close icon */
position: absolute;
height: 44px;
width: 44px;
/* set the right position value so that it overlaps the .cd-nav-trigger*/
right: 6.25%;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
/* image replacement */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.cd-close-nav::after, .cd-close-nav::before {
/* lines of 'X' icon */
content: '';
position: absolute;
height: 3px;
width: 32px;
left: 50%;
top: 50%;
background-color: #5c4b51;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cd-close-nav::after {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.cd-close-nav::before {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
-o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.no-touch .cd-close-nav:hover {
opacity: .8;
}
@media only screen and (min-width: 700px) {
.cd-close-nav {
right: 7.14%;
}
}
.cd-nav {
background-color: #f2f2f2;
}
.cd-nav::after {
clear: both;
content: "";
display: table;
}
.cd-nav li {
width: 50%;
float: left;
/* 68px is the navigation header height and the menu items will be allocated in 3 rows */
height: calc((100vh - 68px)/3);
min-height: 120px;
border: 1px solid #ffffff;
border-top: none;
border-left: none;
}
.cd-nav li:nth-of-type(2n) {
border-right-width: 0;
}
.cd-nav a {
position: relative;
display: block;
width: 100%;
height: 100%;
text-align: center;
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.no-touch .cd-nav a:hover svg {
-webkit-animation: cd-shock 0.3s;
-moz-animation: cd-shock 0.3s;
animation: cd-shock 0.3s;
}
.no-touch .cd-nav li a:hover span *,
.cd-nav li.cd-selected a span * {
/* on hover or if selected - change text and icon color*/
stroke: #ffffff;
}
.no-touch .cd-nav li a:hover em,
.cd-nav li.cd-selected a em {
/* on hover or if selected - change text and icon color*/
color: #ffffff;
}
.no-touch .cd-nav li:first-of-type a:hover,
.cd-nav li.cd-selected:first-of-type a {
/* on hover or if selected - change background color*/
background-color: #9e87ce;
}
.no-touch .cd-nav li:nth-of-type(2) a:hover,
.cd-nav li.cd-selected:nth-of-type(2) a {
/* on hover or if selected - change background color*/
background-color: #5c4b51;
}
.no-touch .cd-nav li:nth-of-type(3) a:hover,
.cd-nav li.cd-selected:nth-of-type(3) a {
/* on hover or if selected - change background color*/
background-color: #e0cf75;
}
.no-touch .cd-nav li:nth-of-type(4) a:hover,
.cd-nav li.cd-selected:nth-of-type(4) a {
/* on hover or if selected - change background color*/
background-color: #f5b65a;
}
.no-touch .cd-nav li:nth-of-type(5) a:hover,
.cd-nav li.cd-selected:nth-of-type(5) a {
/* on hover or if selected - change background color*/
background-color: #f25f5c;
}
.no-touch .cd-nav li:nth-of-type(6) a:hover,
.cd-nav li.cd-selected:nth-of-type(6) a {
/* on hover or if selected - change background color*/
background-color: #8abeb2;
}
.cd-nav span, .cd-nav em {
position: absolute;
}
.cd-nav span {
top: calc(50% - 48px);
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
height: 48px;
width: 48px;
}
.cd-nav span * {
-webkit-transition: stroke 0.2s;
-moz-transition: stroke 0.2s;
transition: stroke 0.2s;
}
.cd-nav em {
width: 100%;
left: 0;
top: calc(50% + 15px);
color: #5c4b51;
-webkit-transition: color 0.2s;
-moz-transition: color 0.2s;
transition: color 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@media only screen and (min-width: 700px) {
.cd-nav li {
/* 116px is the navigation header height and the menu items will be allocated in 3 rows */
height: calc((100vh - 116px)/3);
min-height: 200px;
}
.cd-nav span {
height: 64px;
width: 64px;
top: calc(50% - 56px);
}
.cd-nav em {
font-size: 2.2rem;
font-weight: 300;
top: calc(50% + 21px);
}
}
@media only screen and (min-width: 1024px) {
.cd-nav li {
width: 33.33%;
float: left;
/* 116px is the navigation header height and the menu items will be allocated in 2 rows */
height: calc((100vh - 116px)/2);
min-height: 250px;
}
.cd-nav li:nth-of-type(2n) {
border-right-width: 1px;
}
.cd-nav li:nth-of-type(3n) {
border-right-width: 0;
}
.cd-nav em {
font-size: 2.5rem;
}
}
@-webkit-keyframes cd-shock {
0% {
-webkit-transform: rotate(0);
}
30% {
-webkit-transform: rotate(10deg);
}
60% {
-webkit-transform: rotate(-10deg);
}
100% {
-webkit-transform: rotate(0);
}
}
@-moz-keyframes cd-shock {
0% {
-moz-transform: rotate(0);
}
30% {
-moz-transform: rotate(10deg);
}
60% {
-moz-transform: rotate(-10deg);
}
100% {
-moz-transform: rotate(0);
}
}
@keyframes cd-shock {
0% {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
30% {
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
transform: rotate(10deg);
}
60% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
}
100% {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
}
/* --------------------------------
xshadow layer
-------------------------------- */
.cd-overlay {
/* shadow layer visible when navigation is open */
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
cursor: pointer;
background-color: rgba(0, 0, 0, 0.35);
visibility: hidden;
opacity: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
-moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;
transition: opacity 0.4s 0s, visibility 0s 0.4s;
}
.cd-overlay.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.4s 0s, visibility 0s 0s;
-moz-transition: opacity 0.4s 0s, visibility 0s 0s;
transition: opacity 0.4s 0s, visibility 0s 0s;
}
/* --------------------------------
xcontent
-------------------------------- */
main {
position: relative;
height: 100vh;
overflow-x: hidden;
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
box-shadow: 0 0 30px #241d20;
}
main.scale-down {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
.cd-section {
position: absolute;
z-index: 1;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow-y: auto;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform 0s 0.4s;
-moz-transition: -moz-transform 0s 0.4s;
transition: transform 0s 0.4s;
}
.cd-section.cd-selected {
position: relative;
z-index: 2;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.4s 0s;
-moz-transition: -moz-transform 0.4s 0s;
transition: transform 0.4s 0s;
-webkit-overflow-scrolling: touch;
}
.cd-section header {
height: 100vh;
background: #9e87ce;
position: relative;
}
.cd-section.projects header {
background-color: #5c4b51;
}
.cd-section.about header {
background-color: #e0cf75;
}
.cd-section.services header {
background-color: #f5b65a;
}
.cd-section.careers header {
background-color: #f25f5c;
}
.cd-section.contact header {
background-color: #8abeb2;
}
@media only screen and (min-width: 700px) {
.cd-section {
/* not 100vh to fix a small bug --> border visible otherwise */
header: 102vh;
}
}
.cd-title {
position: relative;
top: 48%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: #ffffff;
text-align: center;
}
.cd-title > * {
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cd-title h2 {
font-size: 2.8rem;
margin-bottom: .8em;
}
.cd-title a {
display: inline-block;
padding: 1.2em 1.6em;
border-radius: 50em;
border: 2px solid rgba(255, 255, 255, 0.5);
font-weight: 700;
color: #ffffff;
font-family: "Lora", serif;
}
.no-touch .cd-title a:hover {
border-color: #ffffff;
}
.cd-title span {
vertical-align: middle;
display: inline-block;
}
@media only screen and (min-width: 700px) {
.cd-title h2 {
font-size: 5rem;
font-weight: 300;
margin-bottom: .6em;
}
}
.cd-content {
background-color: #ffffff;
padding: 4em 0;
}
.cd-content p {
width: 90%;
max-width: 800px;
margin: 2em auto;
line-height: 2;
color: #78626a;
}
.no-js main, .no-js .cd-section {
height: auto;
overflow: visible;
}
.no-js .cd-section {
position: static;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.no-js .cd-nav-container {
width: 100%;
position: static;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
height: auto;
overflow: visible;
}
.no-js .cd-close-nav {
display: none;
}
.no-js .cd-nav li {
width: 50%;
float: left;
}
@media only screen and (min-width: 700px) {
.no-js .cd-nav li {
width: 33.3%;
float: left;
}
.no-js .cd-nav li:nth-of-type(2n) a {
border-right-width: 1px;
}
}
@media only screen and (min-width: 1024px) {
.no-js .cd-nav li {
width: 16.66%;
float: left;
}
.no-js .cd-nav li:nth-of-type(3n) a {
border-right-width: 1px solid #e0cf75;
}
.right-sidebar{
position: absolute;
}
}
/*pagina 2 */
#section-5 .logo-desktop a img {
width: 200px;
margin-top: 40px;
}
.result-select{
color: white;
margin-top: 6%;
}
.result-select .line1{
font-size: 30px;
border-bottom: 1px solid white;
width: fit-content;
margin-bottom: 15px;
}
.result-select .line2{
font-size: 14px;
}
.result-select .line3{
font-size: 84px;
line-height: 116px;
font-weight: lighter;
}
.result-select .line4{
font-size: 46px;
font-weight: 300;
}
.result-select .line5{
font-size: 46px;
background: white;
color: black;
width: fit-content;
padding: 0 17px;
border-radius: 10px;
text-transform: uppercase;
font-weight: 100;
}
.result-select .line6{
font-size: 46px;
font-weight: 800;
}
#section-6 .logo-desktop a img {
width: 200px;
margin-top: 40px;
}
.vantagens{
margin-top: 2%;
}
.vantagens ul li {
height: 256px;
width: 336px;
background-size: cover !important;
background-color: white !important;
border-radius: 13px;
box-shadow: 0px 0px 6px -1px black;
border: solid 2px white;
margin-left: -17px;
cursor: pointer;
}
.vantagens ul {
display: flex;
}
.vantagens ul li p{
color: white !important;
font-size: 25px;
font-weight: 300 !important;
text-align: center;
height: 246px;
vertical-align: bottom;
display: table-cell;
padding: 19px;
line-height: 28px;
animation-delay: .4s;
transition: background 1s;
}
.vantagens ul li:hover {
z-index: 9;
transform: scale(1.2);
box-shadow: 0px 0px 8px 1px white;
animation-delay: .4s;
}
.line-separator{
padding: 0;
padding-right: 17px;
}
.line-separator img{
margin-top: 25px;
}
.description-vantagens p{
font-size: 20px;
font-weight: 500 !important;
color: black !important;
}
.bold-text{
font-weight: 600 !important;
}
.title-vantagens{
background: black;
color: white;
font-size: 30px;
text-align: center;
border-radius: 9px;
width: max-content;
padding: 7px 29px;
margin-top: 25%;
}
.img-marca{
width: 56px;
}
.img-carro{
width: 185px;
margin-left: 25px;
}
.img-desc-car{
text-align: center;
margin-top: 35px;
}
#section-7 .logo-desktop a img {
width: 200px;
margin-top: 40px;
}
.title-provasocial{
background: white;
color: BLACK;
font-size: 30px;
text-align: center;
border-radius: 9px;
width: max-content;
padding: 7px 29px;
margin-top: 12%;
}
.provasocial{
/*margin-top: 20%;*/
}
.provasocial ul{
width: 100%
}
.provasocial ul li{
height: 93px;
width: 100%;
background-size: cover;
background-color: white !important;
border-radius: 13px;
box-shadow: 0px 0px 4px 1px white;
border: solid 2px white;
margin-top: -11px;
cursor: pointer;
}
.provasocial ul li:hover{
z-index: 999;
position: relative;
transform: scale(1.1);
}
.provasocial ul li:nth-child(1){
margin-top: 5px!important;
}
.provasocial ul li p{
color: white !important;
font-size: 25px;
font-weight: 300 !important;
text-align: center;
/*margin-top: 26px;*/
animation-delay: .4s;
transition: background 1s;
width: 100%;
line-height: 100%;
}
.provasocial-descricao{
/*margin-top: 14%;*/
}
.provasocial ul li p small{
font-size: 14px;
}
.provasocial-descricao h3
,.provasocial-descricao p
,.provasocial-descricao ul li {
color: white;
}
.provasocial-descricao p{
font-weight: 600;
}
.provasocial-descricao-mobile{
display: none;
}
.provasocial-descricao-mobile h3,p{
color: white;
}
.provasocial-descricao-mobile p{
font-weight: 600;
}
.hei-item-d{
height: 96px;
box-shadow: 0px 0px 4px 1px white;
border: solid 1px white;
border-radius: 6px;
}
.hei-item-d p{
font-size: 18px;
text-align: center;
padding-top: 15px;
}
#section-8 .logo-desktop a img {
width: 200px;
margin-top: 40px;
}
#section-8 .owl-prev,
#section-8 .owl-next {
width: 15px;
height: 100px;
position: absolute;
top: 50%;
transform: translateY(-50%);
display: block;
}
#section-8 .owl-prev{
left: -12px;
}
#section-8 .owl-next{
right: -12px;
}
#section-8 .owl-prev i,
#section-8 .owl-next i {
transform: scale(2.5);
}
#section-9 .logo-desktop a img {
width: 200px;
margin-top: 40px;
}
#section-10 .logo-desktop a img {
width: 200px;
margin-top: 40px;
}
.title-opc{
color: black;
font-size: 33px;
font-weight: 500;
line-height: 24px;
border-bottom: solid 2px black;
padding-bottom: 11px;
}
.p-opcaoes {
margin-top: 30px;
min-height: 280px;
}
.p-opcaoes p{
color: black;
border-bottom: solid 1px black;
font-size: 16px;
font-weight: 500;
}
.title-opcoes{
background: black;
color: white;
font-size: 30px;
text-align: center;
border-radius: 9px;
width: max-content;
padding: 7px 29px;
margin-top: 10%;
margin-left: 140px;
}
.title-opcoes-white{
background: white;
color: black;
font-size: 30px;
text-align: center;
border-radius: 9px;
width: max-content;
padding: 7px 29px;
margin-top: 10%;
}
.margin-top-opc{
margin-top: 50px;
}
.buttonsf{
text-align: center;
}
.buttonsf a{
background: black;
padding: 17px;
border-radius: 30px;
color: white;
font-weight: 900;
}
.buttonsf a:hover{
background: transparent;
color: black;
border: solid 1px black;
}
.desc-opcoes-mobile{
display: none;
}
.desc-opcoes-mob{
display: none;
}
.title-opc {
display: flex;
}
.p-opcaoes {
margin-top: 6px;
}
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: transparent;
-webkit-transition: .4s;
transition: .4s;
border: solid 1px black;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: black;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #000000;
}
input:checked + .slider:before {
background-color: #fff;
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
#section-page-4 .logo-desktop a img {
width: 200px;
margin-top: 40px;
}
.switch-text{
display: flex;
margin-top: 52px;
}
.switch-text p{
color: black;
line-height: 18px;
margin-left: 15px;
}
/*calendar*/
#calendar{
background: white;
padding: 10px;
margin-top: 30px;
border-radius: 10px;
}
.calendar-yvv div {
color: black;
font-weight: inherit;
font-size: 15px;
font-family: 'Titillium Web', sans-serif;
background: #e3e3e3;
}
.btn.btn-outline-light{
border: solid 1px black;
border-radius: 50%;
color: black;
height: 50px;
width: 50px;
font-size: 21px;
}
.calendar-yvv .d-flex.border.w-100.border-top-0.bg-dark.text-white{
background: #e3e3e3 !important;
color: black !important;
font-weight: 700;
font-family: 'Titillium Web', sans-serif;
}
.btn-rounded-success {
position: relative;
transition: all .5s;
margin: 3px;
}
.d-flex.border.flex-fill.w-100.justify-content-center.pt-3.pb-3.btn{
margin: 3px;
box-shadow: none;
border: none !important;
background: white;
height: 47px;
font-size: 14px;
color: black;
}
.calendar-yvv > .w-100{
background: #e3e3e3;
}
.calendar-yvv.w-100 > div {
background: white !important;
}
.calendar-yvv span.text-uppercase{
color: black;
font-size: 20px;
font-weight: inherit;
}
.btn-rounded-success:hover:after {
background: transparent !important;
border: none !important;
}
.btn-rounded-success:hover{
background: #3a85bd !important;
color: white !important;
transform: scale(1.3);
z-index: 9;
}
.sidebar-black{
background: #181818;
height: 100vh;
}
.right-sidebar{
right: 0;
}
.left-sidebar{
left: 0;
}
.icons-steps{
margin-top: 40px;
}
.icons-steps li{
cursor: pointer;
margin-bottom: 20px;
border-bottom: solid 1px #ffffff38;
padding-bottom: 20px;
color: #ffffff38;
}
.icons-steps li img{
width: 50px;
margin-bottom: 6px;
}
.icons-steps li:hover img{
filter: brightness(0) invert(1);
}
.icons-steps li:hover h5{
color:white;
}
.active-step{
filter: brightness(0) invert(1);
}
.active-step-title img{
filter: brightness(0) invert(1);
}
.active-step-title * {
color: white!important;
}
.resumo-compra h3{
color: white;
margin-top: 43px;
font-weight: 300;
letter-spacing: 5px;
}
.box-resume{
background: #1e1e1e;
width: 100%;
padding: 18px;
}
.your-auto,.box-resume h5{
color: white;
margin-top: 0px;
}
.your-auto .custom-select{
margin-bottom: 16px;
}
.your-auto .select-selected:after{
display: none;
}
.choice-option-background {
background: #1e1e1e !important;
}
.choice-option{
background: black;
width: 100%;
padding: 20px 20px 10px 20px;
}
.choice-option p span{
font-size: 22px;
}
.choice-option p img{
width: 34px;
margin-bottom: 10px;
margin-right: 10px;
}
.type-choices img{
width: 40px;
height: 40px;
}
.type-choices h5{
color: white;
font-weight: 600;
font-size: 12px;
line-height: 15px;
margin-top: 20px;
}
.type-choices .col-sm-4{
background: #1e1e1e;
text-align: center;
padding: 20px;
border: solid 15px #181818;
}
.columns2{
/* columns: 2;
-webkit-columns: 2;
-moz-columns: 2;*/
padding: 15px;
}
.total-resume{
background: black;
min-height: 10rem;
position: relative;
margin: 0 0 20px 0;
display: flex;
align-items: center;
border-radius: 10px;
}
.total-resume ul{
background: black;
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
list-style-position: inside;
grid-template-columns: auto 1fr;
width: 100%;
max-width: 100%;
position: absolute;
}
.total-resume ul li{
color: #a7a7a7;
font-weight: 800;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.colorwhite{
color:white !important;
}
.btn-resume-extra-box p{
color: black;
line-height: 17px;
}
.mt-extra{
margin-top: 10%;
}
.mt-extra .row{
margin-bottom: 20px;
}
.btn-resume-extra-box .incluido p{
color: #a7a7a7 !important;
}
.mt-extra{
overflow: scroll;
height: 610px;
overflow-x: hidden;
}
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
::-webkit-scrollbar
{
width: 12px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #555;
}
.resume-extra{
height: 315px;
overflow: scroll;
overflow-x: hidden;
}
.resume-extra p{
color: white;
font-size: 22px;
background: black;
padding: 15px;
margin-bottom: 10px;
}
.resume-extra img{
width: 35px;
margin-right: 8px;
margin-bottom: 6px;
}
.resume-extra h5{
margin-bottom: 20px;
}
.sty-resume-dadospessoais-box{
background: white;
padding: 20px;
border-radius: 20px;
margin-top: 40px;
}
.sty-resume-dadospessoais-box h5{
color: black;
font-weight: 700;
margin-bottom: 25px;
}
.sty-resume-dadospessoais-box input{
border: solid 3px black !important;
height: 47px !important;
border-radius: 50px !important;
margin-bottom: 12px !important;
font-size: 12px !important;
}
.sty-resume-dadospessoais-box label{
font-weight: normal;
}
.sty-resume-dadospessoais-box .obrigatorio{
background-image:url(../images/icon-obrigatorio.png);
background-repeat: no-repeat;
background-size: 27px;
background-position: right;
background-position-y: 6px;
background-position-x: 98%;
}
.sty-resume-dadospessoais-box textarea{
border: solid 3px black;
border-radius: 20px;
margin-bottom: 12px;
font-size: 12px;
}
.btn.btn-seguinte{
background: black;
color: white;
font-weight: 700;
border-radius: 50px;
padding: 12px 36px;
float: right;
margin-top: 24px;
}
.btn.btn-seguinte:hover{
background: white;
color: black;
border: solid 1px black;
}
.btn-resume-dadospessoais-box h5{
color: white;
margin-top: 20px;
margin-bottom: 20px;
font-weight: 800;
}
.resume-dadospessoais p{
color: #a7a7a7;
font-weight: 800;
font-size: 14px;
line-height: 16px;
}
.wizard > .steps {
display: none;
}
.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
background: black;
color: white;
font-weight: 700;
border-radius: 50px;
padding: 12px 36px;
float: right;
margin-top: 24px;
}
.wizard > .content {
background: #ffffff;
}
.session-pagamento li{
margin-bottom: 20px;
}
.session-pagamento li img{
width: 80px;
margin-left: 20px;
}
.session-pagamento{
margin-left: 39%;
}
.finish-resume, .resume-thanks{
background: #181818;
width: 100%;
height: 100vh;
z-index: 99999;
position: absolute;
overflow: scroll;
overflow-x: hidden;
}
.logo-resume img{
width: 200px;
}
.finish-resume h2{
color: white;
font-size: 30px;
text-align: center;
margin-top: 25%;
}
.resume-box-finish {
margin-top: 40px;
}
.icon-resume-final {
text-align: end;
border-right: solid 1px #383838;
height: 80px;
width: 100%;
}
.icon-resume-final img{
width: 40px;
margin-right: 15px;
margin-top: 17px;
}
.resume-desc-finish{
margin-bottom: 25px;
}
.resume-desc-finish h5{
color: white;
font-weight: 600;
font-size: 20px;
}
.resume-desc-finish p{
background: #1e1e1e;
padding: 20px;
border-radius: 10px;
font-weight: 700;
color: #a7a7a7;
margin-top: 15px;
line-height: 18px;
}
.resume-desc-finish-choice{
background: #1e1e1e;
padding: 20px;
border-radius: 10px;
margin-top: 15px;
}
.resume-desc-finish-choice p, .resume-desc-finish-choice h5{
padding: 0;
margin-top: 0;
font-weight: 700;
}
.full-resume-buy{
margin-top: 7%;
}
.icon-resume-final:hover img{
filter: brightness(0) invert(1);
}
.easypay-logo{
height: fit-content!important;
}
.paypal-logo{
width: 100px !important;
}
.mb-logo{
width: 100px !important;
}
.date-past{
background: #cecfcf !important;
cursor: no-drop !important;
color:black !important;
font-weight: normal !important;
}
.date-past:hover {
background: #d6d6d6!important;
color: black !important;
transform: scale(1);
z-index: 9;
}
.indisponivel-data{
background: #ff0400;
height: 9px;
width: 20px;
border-radius: 4px;
position: absolute;
top: 7px;
left: 7px;
}
/*menu*/
.cd-nav-container.cd-nav-container-menu.is-visible {
width: 40%;
overflow: unset;
}
.cd-footer{
position:absolute;
left:0;
bottom:0;
right:0;
width:100%;
z-index:8
}
.cd-nav-trigger-menu-cart{
position: absolute;
z-index: 8;
right: 0;
top:0;
margin-right: 140px;
font-size: 40px;
text-shadow: white 0px 0px 8px;
}
.cd-nav-trigger-menu{
position: absolute;
z-index: 9;
right: 0;
top:0;
margin: 78px;
font-size: 40px;
text-shadow: white 0px 0px 8px;
}
.cd-nav-overlay{
height: 100%;
background: transparent;
position: fixed;
z-index: 99;
left:0;
bottom:0;
top:0;
right: 42.4%;
display: none;
}
.cd-nav-container.is-visible{
z-index: 9;
}
.cd-nav-container-menu {
background: #181818;
z-index: 100 !important;
}
.text-shadow-dark:hover{
text-shadow: black 0px 0px 8px!important;
}
.menu-principal li{
font-size: 54px;
color: white;
font-weight: 100 !important;
text-align: right;
margin-right: 80px;
font-family: 'Open Sans';
}
.contatos-menu
,.form-menu-side {
padding: 40px 50px;
}
.form-menu-side {
padding-left: 0;
}
.contatos-menu h5
,.form-menu-side h5 {
font-size: 31px;
text-transform: uppercase;
color: white;
margin-bottom: 12px;
}
.contatos-menu p{
line-height: 110%;
font-size: 17px;
}
.maps-iframe{
max-width: 100%;
height: auto!important;
border-radius: 10px;
margin-top: 10px;
filter: invert(90%);
}
.rede-social{
display: flex;
}
.rede-social li img{
width: 60px;
margin-right: 34px;
margin-bottom: 23px;
}
.rede-social a:hover{
color: #181818 !important;
}
.copy{
display: flex;
margin-top: 20px;
}
.copy li img{
width: auto;
}
.copy li{
margin-right: 15px;
}
.cd-nav-container-menu header {
height: 62px;
padding-top: 3em;
}
.form-menu-side input{
background: transparent;
border: solid 3px white;
border-radius: 20px;
height: 46px;
width: 90%;
margin-bottom: 20px;
}
.form-menu-side textarea{
background: transparent;
border: solid 3px white;
border-radius: 20px;
height: 90px;
width: 90%;
margin-bottom: 20px;
}
.form-menu-side .btn-send-form-liguem{
height: 45px;
border-radius: 20px;
width: 132px;
font-weight: 700;
text-align: center;
border: none;
}
.form-menu-side .btn-send-form-liguem:hover{
background: #181818;
border: solid 2px white;
color: white;
}
.liaceito-termos label{
color: white;
}
.liaceito-termos input{
width: auto;
height: auto;
}
.cd-nav-container-menu .cd-close-nav::after, .cd-close-nav::before {
content: '';
position: absolute;
height: 3px;
width: 32px;
left: 50%;
top: 50%;
background-color: black;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.custom-underline {
color: #dfe5f3;
text-decoration: none;
background-image: linear-gradient(rgb(24 24 24), rgb(24 24 24)), linear-gradient(#efefef, #efefef);
background-size: 100% 2px, 0 2px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
transition: background-size 0.5s linear;
display: list-item;
width: 100%;
float: right;
}
.custom-underline:hover a:not(.custom-underline ul a),
.custom-underline a[aria-expanded="true"] {
font-weight: bold;
}
.custom-underline:hover {
background-size: 0 2px, 100% 2px;
cursor: pointer;
}
.close-resume{
color: white;
font-size: 34px;
float: right;
margin-top: 67px;
}
.form-input-label{
font-size: 12px;
text-transform: uppercase;
font-weight: bold!important;
margin-left: 10px;
margin-bottom: 8px;
}
#section-page-4 .title-opcoes{
margin: auto!important;
font-size: 21px !important;
}
.btn-primary-blue{
background-color: #3a85bd!important;
color:#ffffff;
}
.btn-primary-resume{
background: white;
color: black;
padding: 10px 30px;
border-radius: 20px;
font-weight: 700;
}
.btn-primary-resume:hover{
background: transparent;
color: white;
border: solid 2px white;
}
.resume-thanks{
text-align: center;
}
.resume-thanks img{
width: 300px;
}
.resume-thanks h1{
color: white;
font-size: 40px;
margin-top: 65px;
margin-bottom: 25px;
font-weight: 100;
}
.resume-thanks p{
font-weight: bolder;
margin-bottom: 32px;
}
.center-page-obrigado{
margin: 0;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}
.cd-nav-container header {
display: none;
}
.box-4.scroll_sec{
overflow: hidden;
}
.testmonial-content{
font-size: 16px;
font-style: italic;
}
.description-vantagens.content{
overflow: hidden auto;
}
.content{
height: 680px;
}
.copy a {
transition: 0.3s all linear;
}
.copy a:hover {
filter: drop-shadow(0 0 5px #878787)
}
.close-menu {
background: #181818;
}
.text-white{
color: #ffffff !important;
}
.close-menu:hover {
transform: translateX(-15%);
}
.close-menu2:hover {
transform: translateX(-9%);
transition-duration: .4s;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position-x: 95%;
background-position-y: 7px;
border: 1px solid #dfdfdf;
border-radius: 2px;
margin-right: 2rem;
padding: 1rem;
padding-right: 2rem;
}
.select-arrow{
background-image: url("data:image/svg+xml;utf8,");
}
.select-custom-box{
border: solid 3px black;
border-radius: 50px;
width: 100%;
font-weight: 800;
padding: 0.7rem;
font-size: 12px;
text-transform: uppercase;
color: #999;
}
.selected-review:empty{
display: none;
}
.lds-dual-ring {
display: inline-block;
width: 80px;
height: 80px;
}
.lds-dual-ring:after {
content: " ";
display: block;
width: 64px;
height: 64px;
margin: 8px;
border-radius: 50%;
border: 6px solid #fff;
border-color: #fff transparent #fff transparent;
animation: lds-dual-ring 1.2s linear infinite;
}
.lds-dual-ring.lds-dual-ring-black:after {
border-color: #000 transparent #000 transparent;
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.display-none {
display: none !important;
}
@media only screen and (min-width: 769px) {
.display-md-block {
display: block !important;
}
}
.reviews-p3{
background-image: url(../images/bg-part-pagina3.jpg);
height: 305px;
background-repeat: no-repeat;
background-position: center;
}
.reviews-p3 h4{
color: white;
font-weight: unset;
font-size: 31px;
margin-top: 30px;
}
.reviews-p3 .local{
font-weight: bold;
}
.reviews-p3 .descripton-3{
font-size: 16px;
font-weight: 600;
margin-top: -20px;
height: 90px;
}
.reviews-p3 span{
font-size: 50px;
color: white;
font-family: cursive;
}
.reviews-p3 .seco{
margin-left: 635px;
}
.reviews-p3 .aspas{
width: 20px !important;
margin-bottom: 0;
margin-top: 15px;
}
.aspas.aspa-fim{
display: inline-block !important;
margin-left: 20px;
margin-top: 0;
position: absolute;
}
@media (max-width: 1440px){
.reviews-p3 {
height: 240px;
}
.reviews-p3 h4 {
font-size: 25px;
margin-top: 10px;
}
.reviews-p3 .aspas {
width: 11px !important;
margin-bottom: 21px;
margin-top: 3px;
}
.aspas.aspa-fim {
margin-top: 5px;
}
.reviews-p3 .owl-carousel{
height: 135px;
}
.reviews-p3 .descripton-3 {
font-size: 14px;
font-weight: 600;
margin-top: -20px;
height: auto;
}
.btn-icon a img {
height: 33px;
width: 33px;
}
}
@media (max-width: 576px) {
.reviews-p3 {
height: 310px;
overflow-y: scroll;
}
}
.mfp-bg
,.mfp-wrap {
z-index: 9999;
}
.owl-carousel-slide3-page3 .owl-stage {
display: flex;
}
.owl-carousel-slide3-page3 .item {
display: flex;
flex: 1 0 auto;
height: 100%;
position: relative;
overflow: hidden;
flex-direction: column;
align-items: stretch;
}
.container-content-show * {
color: white;
}
.container-content-show img:not(.popup-gallery img) {
width: auto;
}
.modal-sl-3 .modal-dialog {
border-radius: 15px;
}
.modal-sl-3 .modal-dialog {
border-radius: 15px;
}
.modal-sl-3 .modal-header {
border: none;
}
.modal-sl-3 .modal-content {
background: black;
}
.float-right{
float: right;
}
.title-vantagens-modal{
background: black;
color: white;
font-size: 30px;
text-align: center;
border-radius: 9px;
width: max-content;
padding: 7px 29px;
}
.title-vantagens-modal-sub{
color: white;
font-weight: bold;
text-align: center;
font-size: 15px;
border-bottom: solid 1px #3a3a3a;
padding-bottom: 15px;
}
.pesquisa_modal_vant{
color: white;
font-weight: bold;
border: solid 4px white;
background: black;
width: 270px;
margin-top: 20px;
text-align: center;
padding: 9px;
border-radius: 26px;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("../images/icon-lupa.png");
background-repeat: no-repeat;
background-position-x: 99%;
background-position-y: 3px;
background-size: 31px;
}
.pagination ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
color: white;
}
.pagination ul li {
border: solid 3px white;
padding: 5px;
border-radius: 50%;
width: 37px;
text-align: center;
margin-right: 12px;
font-weight: bold;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.pagination ul li:not(.disabled) {
cursor: pointer;
}
.pagination ul .active-pag
,.pagination ul li.active {
background: white;
color: black;
}
.pagination ul li:not(.disabled):hover {
background: white;
color: black;
}
.pagination ul li.disabled:hover
,.pagination ul li.disabled *:hover {
background: black;
color: white;
cursor: default;
}
.title-vantagens-modal-sub {
text-align: center;
font-size: 15px;
border-bottom: none;
padding-bottom: 10px;
cursor: pointer;
}
.mftp-bg {
opacity: .95;
}
.modal .hide-inside-modal {
display: none;
}
#modalAPKE .modal-body {
text-align: left !important;
}
#modalAPKE .panel-title a
,#modalAPKE .panel-body * {
color: black;
}
#modalAPKE .quem-e-pke {
float: none;
width: 100%;
}
#modalAPKE .quem-e-pke h2
,#modalAPKE .quem-e-pke h4 {
color: white;
}
.tipo-imovel h2 {
font-size: 27px !important;
}
.buttons {
bottom: 75px;
position: fixed !important;
left: 50%;
margin-left: -200px;
}
.pp-tableCell {
width: 100vw;
}
.form-menu-side ::placeholder {
color: white;
opacity: 1;
}
.form-menu-side :-ms-input-placeholder {
color: white;
}
.form-menu-side ::-ms-input-placeholder {
color: white;
}
.modal-dialog .pagination {
display: flex;
align-items: center;
justify-content: center;
}
.whatsapp-float {
position: fixed;
width: 60px;
height: 60px;
bottom: 100px;
right: 25px;
background-color: #25d366;
color: #FFF;
border-radius: 50px;
text-align: center;
font-size: 32px;
box-shadow: 2px 2px 3px #333;
z-index: 100;
margin-top: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.linkedin-float {
position: fixed;
width: 60px;
height: 60px;
bottom: 180px;
right: 25px;
background-color: #0077b5;
color: #FFF;
border-radius: 50px;
text-align: center;
font-size: 32px;
box-shadow: 2px 2px 3px #333;
z-index: 100;
margin-top: 16px;
display: flex;
align-items: center;
justify-content: center;
font-size: 26px;
}
.tiktok-float {
position: fixed;
width: 60px;
height: 60px;
bottom: 260px;
right: 25px;
background-color: #000;
color: #FFF;
border-radius: 50px;
text-align: center;
font-size: 32px;
box-shadow: 2px 2px 3px #333;
z-index: 100;
margin-top: 16px;
display: flex;
align-items: center;
justify-content: center;
font-size: 26px;
}
.whatsapp-float:hover i,
.linkedin-float:hover i,
.tiktok-float:hover i {
color: #fff;
}
.center-social {
padding-left: 33px;
}