/* * st4rt3r CSS */ @font-face { font-family: 'argesta'; src: url('../fonts/argestadisplay/argestadisplay-regular-webfont.eot'); src: url('../fonts/argestadisplay/argestadisplay-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/argestadisplay/argestadisplay-regular-webfont.woff2') format('woff2'), url('../fonts/argestadisplay/argestadisplay-regular-webfont.woff') format('woff'), url('../fonts/argestadisplay/argestadisplay-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'silka'; src: url('../fonts/silka/silka-light-webfont.eot'); src: url('../fonts/silka/silka-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/silka/silka-light-webfont.woff2') format('woff2'), url('../fonts/silka/silka-light-webfont.woff') format('woff'), url('../fonts/silka/silka-light-webfont.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'silka'; src: url('../fonts/silka/silka-regular-webfont.eot'); src: url('../fonts/silka/silka-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/silka/silka-regular-webfont.woff2') format('woff2'), url('../fonts/silka/silka-regular-webfont.woff') format('woff'), url('../fonts/silka/silka-regular-webfont.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'silka'; src: url('../fonts/silka/silka-semibold-webfont.eot'); src: url('../fonts/silka/silka-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/silka/silka-semibold-webfont.woff2') format('woff2'), url('../fonts/silka/silka-semibold-webfont.woff') format('woff'), url('../fonts/silka/silka-semibold-webfont.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'silka'; src: url('../fonts/silka/silka-bold-webfont.eot'); src: url('../fonts/silka/silka-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/silka/silka-bold-webfont.woff2') format('woff2'), url('../fonts/silka/silka-bold-webfont.woff') format('woff'), url('../fonts/silka/silka-bold-webfont.ttf') format('truetype'); font-weight: 700; font-style: normal; } /* --------- Globals --------- */ :root { --main-bg-color: #fff; --main-color: #333; --main-font: 'silka'; --heading-font:'silka'; --primary: #8c24ff; --primary-hover:#6115b4; --success: #28a745; --success-hover: #0f9221; --secondary: #6c757d; --secondary-hover: #484e54; --danger:#dc3545; --danger-hover:#c73442; --warning:#ffc107; --warning-hover:#ff9a04; --info:#17a2b8; --info-hover:#128b9e; --light:#fff; --light-hover:#eee; --dark:#333; --dark-hover:#222; --link:#8c24ff; --link-hover:#6115b4; /* navbar-colors */ --navbar-bg:#fff; --navbar-fixed-bg:#fff; --navbar-color:#000; --navbar-fixed-color:#000; --navbar-transparent-color-light: #111; --navbar-transparent-color-dark: #fff; --megamenu-background:#fff; } body { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100vh; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: var(--main-color); font-family: var(--main-font); line-height: 1.6; background: var(--main-bg-color); } main { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } svg * { transform-box: fill-box; } .skip-to-content { position: absolute; left: -9999px; z-index: 999999; padding: 0.5rem 1em; background-color: black; color: #fff!important; height: 40px; opacity: 0; } .skip-to-content:focus { left: 50%; transform: translateX(-50%); opacity: 1; } /* --------------------- CONTAINERS ----------------- */ .main-wrapper { position: relative; overflow: hidden; } .navbar .container-full { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .container-fluid { padding-left: 2rem; padding-right: 2rem; } @media (min-width:1200px) { .container-fluid { max-width: 1400px; } } /* Typography */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: var(--heading-font); font-weight: 400; } h1, .h1 { font-size: 2rem; } h2, .h2 { font-size: 1.75rem; } h3, .h3 { font-size: 1.5rem; } h4, .h4 { font-size: 1.25rem; } h5, .h5 { font-size: 1.125rem; } h6, .h6 { font-size: 1rem; } @media (min-width: 768px) { h1, .h1 { font-size: 2.25rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1.125rem; } } @media (min-width: 1200px) { h1, .h1 { font-size: 3.5rem; } h2, .h2 { font-size: 3rem; } h3, .h3 { font-size: 2.5rem; } h4, .h4 { font-size: 2rem; } h5, .h5 { font-size: 1.5rem; } h6, .h6 { font-size: 1.25rem; } } b, strong { font-weight: 600; } .underline { text-decoration: underline!important;} .uppercase {text-transform:uppercase!important;} .serifed { font-family: 'argesta',serif; } .has-after { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .has-after:after { content: ''; display: block; width: 60px; height: 3px; border-bottom: 2px solid var(--primary); margin-left: 1rem; position: relative; } .has-after.reveal:after { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 1s; transition: all 1s; -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; } .has-after.appear:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .has-divider-top:before, .has-divider-bottom:after { content: ''; width: 60px; height: 3px; background: var(--primary); display: block; position: relative; margin: 1.5rem 0; } /* a links */ a { color: inherit; } a:hover, a:focus { color: inherit; text-decoration: underline; } a.nodecoration { text-decoration: none; } /* font-size */ .fs-lg {font-size: 20px !important;} .fs-md {font-size: 18px !important;} .fs {font-size: 16px !important;} .fs-sm {font-size: 14px !important;} .fs-xs {font-size: 12px !important;} .fs-xxs {font-size: 10px!important;} /* font-weight */ .fw-100 {font-weight: 100 !important;} .fw-200 {font-weight: 200 !important;} .fw-300 {font-weight: 300 !important;} .fw-400 {font-weight: 400 !important;} .fw-500 {font-weight: 500 !important;} .fw-600 {font-weight: 600 !important;} .fw-700 {font-weight: 700 !important;} .fw-800 {font-weight: 800 !important;} .fw-900 {font-weight: 900 !important;} /* letter-spacing */ .ls-01 {letter-spacing: 0.1px!important;} .ls-02 {letter-spacing: 0.2px!important;} .ls-03 {letter-spacing: 0.2px!important;} .ls-04 {letter-spacing: 0.4px!important;} .ls-05 {letter-spacing: 0.5px!important;} .ls-1 {letter-spacing: 1px!important;} .ls-2 {letter-spacing: 2px!important;} .ls-3 {letter-spacing: 3px!important;} .ls-4 {letter-spacing: 4px!important;} /* line-height */ .lh-10 {line-height: 1 !important;} .lh-11 {line-height: 1.1 !important;} .lh-12 {line-height: 1.2 !important;} .lh-13 {line-height: 1.3 !important;} .lh-14 {line-height: 1.4 !important;} .lh-15 {line-height: 1.5 !important;} .lh-16 {line-height: 1.6 !important;} /* Buttons */ .btn { min-height: 48px; border-radius: 999px; padding: .5rem 1.75rem; font-size: 1rem; line-height: 1.7; } .btn:hover { text-decoration: none; } .btn-sm { min-height: 40px; padding: 0.25rem 1.75rem; line-height: 1.9; } .btn-arrow { display: flex; align-items: center; padding-right: 0.75rem; } i.arrow { display: block; margin-left: 0.5rem; width: 32px; height: 32px; transition: all .25s; background-repeat: repeat; background-size: cover; background-position: 4px; background-image: url('data:image/svg+xml,'); } .btn:hover i.arrow { background-repeat: repeat; /*background-position: 65px;*/ background-position: 36px; } .btn-link.btn-arrow { display: flex; align-items: center; text-decoration: none; } .btn-link i.arrow { border-radius: 99px; background-color: #8c25ff; margin-left: 1rem; width: 42px; height: 42px; background-size: 32px 32px; background-position: 5px; transition: all .25s; } .btn-link:hover i.arrow { background-position: 37px; background-color: var(--primary-hover); transform: scale(1.1); } .btn-primary { background: var(--primary); border-color:var(--primary); } .btn-outline-primary { color: var(--primary); border-color:var(--primary); } .btn-primary:hover, .btn-primary:focus, .btn-outline-primary:hover, .btn-outline-primary:focus { background: var(--primary-hover); border-color:var(--primary-hover); } .btn-success { background: var(--success); border-color:var(--success); } .btn-outline-success { color: var(--success); border-color:var(--success); } .btn-success:hover, .btn-success:focus, .btn-outline-success:hover, .btn-outline-success:focus { background: var(--success-hover)!important; border-color:var(--success-hover)!important; } .btn-secondary { background: var(--secondary); border-color:var(--secondary); } .btn-outline-secondary { color: var(--secondary); border-color:var(--secondary); } .btn-secondary:hover, .btn-secondary:focus, .btn-outline-secondary:hover, .btn-outline-secondary:focus { background: var(--secondary-hover); border-color:var(--secondary-hover); } .btn-danger { background: var(--danger); border-color:var(--danger); } .btn-outline-danger { color: var(--danger); border-color:var(--danger); } .btn-danger:hover, .btn-danger:focus, .btn-outline-danger:hover, .btn-outline-danger:focus { background: var(--danger-hover); border-color:var(--danger-hover); } .btn-warning { background: var(--warning); border-color:var(--warning); } .btn-outline-warning { color: var(--warning); border-color:var(--warning); } .btn-warning:hover, .btn-warning:focus, .btn-outline-warning:hover, .btn-outline-warning:focus { background: var(--warning-hover); border-color:var(--warning-hover); } .btn-info { background: var(--info); border-color:var(--info); } .btn-outline-info { color: var(--info); border-color:var(--info); } .btn-info:hover, .btn-info:focus, .btn-outline-info:hover, .btn-outline-info:focus{ background: var(--info-hover); border-color:var(--info-hover); } .btn-light { color:var(--dark); background: var(--light); border-color:var(--light); } .btn-outline-light { color:var(--light); border-color:var(--light); } .btn-light:hover, .btn-light:focus, .btn-outline-light:hover, .btn-outline-light:focus { color:var(--dark); background: var(--light); border-color:var(--light); } .btn-dark { color:var(--light); background: var(--dark); border-color:var(--dark); } .btn-outline-dark { color:var(--dark); border-color:var(--dark); } .btn-dark:hover, .btn-dark:focus, .btn-outline-dark:hover, .btn-outline-dark:focus { color:var(--light); background: var(--dark); border-color:var(--dark); } .btn-link { color: var(--link); } .btn-link:hover, .btn-link:focus { color: var(--link-hover); } /* ------ COLORS ------ */ .c-inherit {color:inherit!important} .c-white {color: #fff !important;} .c-purple { color:#8c24ff; } .bg-white, .pseudo-bg-white:after, .pseudo-bg-white:before { background-color: #fff!important; } /* ------ LISTS ------- */ dl, ol, ul { padding-left: 1rem; } ul.bullet-list { list-style: none; padding-left: 1rem; } ul.bullet-list li { padding-right: 1rem; padding-top: 0.25rem; padding-bottom: 0.25rem; } ul.bullet li::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--primary); font-weight: bold; margin-right: .5rem; margin-left: -1rem; position: relative; display: inline; float: left; margin-top: .6rem; } ul.document_list, ul.block-list { list-style: none; padding-left: 0; } ul.document_list li, ul.block-list li { letter-spacing: .2px; padding: 0.5rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } ul.block-list li:first-child { padding-top: 0; } ul.block-list li:last-child { border-bottom: 0; } ul.document_list li .btn-download { color: #ccc; } ul.document_list li .btn-download:hover { color: #999; } .inline-list { list-style: none; margin: 0; padding: 0; } .inline-list li { display: inline-block; border-right: 1px solid var(--primary); padding: 0 0.5rem; margin: 0.5rem 0; } .inline-list li:last-child { border-right: 0px; } /* ------ CHECKBOX ------ */ .checkbox-wrap * { box-sizing: border-box; } .checkbox-wrap .cbx { -webkit-user-select: none; user-select: none; cursor: pointer; padding: 6px 8px; border-radius: 6px; overflow: hidden; transition: all 0.2s ease; display: flex; } .checkbox-wrap .cbx:not(:last-child) { margin-right: 6px; } .checkbox-wrap .cbx:hover { background: rgba(0,119,255,0.06); } .checkbox-wrap .cbx span { float: left; vertical-align: middle; transform: translate3d(0, 0, 0); } .checkbox-wrap .cbx span:first-child { position: relative; width: 18px; min-width:18px; height: 18px; border-radius: 4px; transform: scale(1); border: 1px solid #fff; transition: all 0.2s ease; box-shadow: 0 1px 1px rgba(0,16,75,0.05); } .checkbox-wrap .cbx span:first-child svg { position: absolute; top: 3px; left: 2px; fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 16px; stroke-dashoffset: 16px; transition: all 0.3s ease; transition-delay: 0.1s; transform: translate3d(0, 0, 0); } .checkbox-wrap .cbx span:last-child { padding-left: 8px; line-height: 18px; } .checkbox-wrap .cbx:hover span:first-child { border-color: #8c24ff; } .checkbox-wrap .inp-cbx { position: absolute; visibility: hidden; } .checkbox-wrap .inp-cbx:checked + .cbx span:first-child { background: #8c24ff; border-color: #8c24ff; animation: wave-4 0.4s ease; } .checkbox-wrap .inp-cbx:checked + .cbx span:first-child svg { stroke-dashoffset: 0; } .checkbox-wrap .inline-svg { position: absolute; width: 0; height: 0; pointer-events: none; user-select: none; } @media screen and (max-width: 640px) { .checkbox-wrap .cbx { width: 100%; display: flex; } } @-moz-keyframes wave-4 { 50% { transform: scale(0.9); } } @-webkit-keyframes wave-4 { 50% { transform: scale(0.9); } } @-o-keyframes wave-4 { 50% { transform: scale(0.9); } } @keyframes wave-4 { 50% { transform: scale(0.9); } } /* ----- IMAGES ----- */ img, .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } /* ----- HEIGHTS ----- */ .full-height { min-height: 100vh; } @media(min-width:992px) { .full-height-lg { min-height: 100vh; } } /* ----- RELATIVE POSITIONS ----- */ .relative { position: relative; } .not-relative { position: inherit;} /* ----- ABSOLUTE POSITIONS ----- */ .absolute { position: absolute; } @media(min-width:992px) { .absolute-lg { position: absolute; } } .top-0 {top:0;} .bottom {bottom:0} .left-0 {left:0;} .right-0 {right:0} /* ----- FLEX CLASSES ----- */ .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .flex-row, .flex-col { display: -webkit-box; display: -ms-flexbox; display: flex; } .flex-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex-row.row-center, .flex-col.col-middle { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .flex-row.col-middle, .flex-col.row-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex-col.col-end, .flex-row.row-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .flex-col.col-start .flex-row.row-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .flex-col.row-start .flex-row.col-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .flex-col.row-end, .flex-row.col-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } /* ----- BACKGROUND DIVS ----- */ .bg-image { background-position: center; background-size: cover; } .bg-image-lg, .bg-image-xl { background: transparent; background-image: none; } @media(min-width:992px) { .bg-image-lg { background-position: center; background-size: cover; } } @media(min-width:1200px) { .bg-image-xl { background-position: center; background-size: cover; } } .bg-16by9 { padding-bottom: 42.857143%; } .bg-4by3 { padding-bottom: 75%; } .bg-1by1 { padding-bottom: 100%; } /* Parallax-image ---*/ .parallax-wrap { position: relative; overflow: hidden; background: #ccc; } .parallax-wrap.parallax-vertical { padding-bottom: 128%; } .parallax-wrap.parallax-horizontal { padding-bottom: 64%; } .parallax-wrap .inner { position: absolute; width: 100%; transform-origin: center; left: 0; top: 0; } .parallax-wrap .inner img { width: 100%; transform-origin: center; transform: scale(1.1); } /* ----- IMGWRAP REVEAL ----- */ .imgwrap.reveal { overflow: hidden; position: relative; } .imgwrap.reveal:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: var(--main-bg-color); -webkit-transition: all .5s cubic-bezier(1,.01,1,.9); transition: all .5s cubic-bezier(1,.01,1,.9); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .imgwrap.to-right.appear:after { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } .imgwrap.to-left.appear:after { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } .imgwrap.to-top.appear:after { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } .imgwrap.to-bottom.appear:after { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } /* ------ REVEAL STYLES ----- */ .anime.reveal { opacity: 0; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; -webkit-transition: all 1s ease-out; transition: all 1s ease-out; } .anime.reveal.to-top { -webkit-transform: translate3d(0, 3rem, 0); transform: translate3d(0, 3rem, 0); } .anime.reveal.to-bottom { -webkit-transform: translate3d(0, -3rem, 0); transform: translate3d(0, -3rem, 0); } .anime.reveal.to-left { -webkit-transform: translate3d(3rem, 0, 0); transform: translate3d(3rem, 0, 0); } .anime.reveal.to-right { -webkit-transform: translate3d(-3rem, 0, 0); transform: translate3d(-3rem, 0, 0); } .anime.reveal.appear { opacity: 1; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } /* ANIME DELAYS */ .delay-01, .pseudo-delay-01:after, .pseudo-delay-01:before { -webkit-transition-delay: .1s!important; transition-delay: .1s!important; } .delay-02, .pseudo-delay-02:after, .pseudo-delay-02:before { -webkit-transition-delay: .2s!important; transition-delay: .2s!important; } .delay-03, .pseudo-delay-03:after, .pseudo-delay-03:before { -webkit-transition-delay: .3s!important; transition-delay: .3s!important; } .delay-04, .pseudo-delay-04:after, .pseudo-delay-04:before { -webkit-transition-delay: .4s!important; transition-delay: .4s!important; } .delay-05, .pseudo-delay-05:after, .pseudo-delay-05:before { -webkit-transition-delay: .5s!important; transition-delay: .5s!important; } .delay-06, .pseudo-delay-06:after, .pseudo-delay-06:before { -webkit-transition-delay: .6s!important; transition-delay: .6s!important; } .delay-07, .pseudo-delay-07:after, .pseudo-delay-07:before { -webkit-transition-delay: .7s!important; transition-delay: .7s!important; } .delay-08, .pseudo-delay-08:after, .pseudo-delay-08:before { -webkit-transition-delay: .8s!important; transition-delay: .8s!important; } .delay-09, .pseudo-delay-09:after, .pseudo-delay-09:before { -webkit-transition-delay: .9s!important; transition-delay: .9s!important; } .delay-1, .pseudo-delay-1:after, .pseudo-delay-1:before { -webkit-transition-delay: 1s!important; transition-delay: 1s!important; } /* PUSH CLASSES */ @media (min-width:992px) { .push-lg-1 { margin-left: -8.333334%;} .push-lg-2 { margin-left: -16.666668%;} .push-lg-3 { margin-left: -24.999999%;} .push-lg-4 { margin-left: -33.333334%;} .push-lg-5 { margin-left: -41.666668%;} .push-lg-6 { margin-left: -49.999999%;} .push-lg-7 { margin-left: -58.333334%;} .push-lg-8 { margin-left: -66.666668%;} .push-lg-9 { margin-left: -74.999999%;} .push-lg-10 { margin-left: -83.333334%;} .push-lg-11 { margin-left: -91.666668%;} } } /* NEG MARGINS */ @media (min-width:992px) { .neg-mt-lg-1 {margin-top: -1rem;} .neg-mt-lg-2 {margin-top: -2rem;} .neg-mt-lg-3 {margin-top: -3rem;} .neg-mt-lg-4 {margin-top: -4rem;} .neg-mt-lg-5 {margin-top: -5rem;} .neg-mt-lg-6 {margin-top: -6rem;} .neg-mt-lg-7 {margin-top: -7rem;} .neg-mt-lg-8 {margin-top: -8rem;} .neg-mt-lg-9 {margin-top: -1rem;} } /* Slide List */ .slide-list { position: relative; } .slide-list .slide-list-items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap; min-width: 100%; position: relative; overflow: hidden; -ms-flex-negative: 0; flex-shrink: 0; line-height: 1.2; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-animation: slide-left 45s linear infinite; animation: slide-left 45s linear infinite; } .slide-list .slide-list-items p { margin: 1rem 0.5rem; font-size: 2rem; } .slide-list { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; overflow: hidden; } @-webkit-keyframes slide-left { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes slide-left { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } /* ------------- NAVBAR ------------------ */ .navbar-toggler { position: absolute; top: 0.5rem; right: 1.5rem; } .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem; font-size: 14px; text-transform: uppercase; } /* --- navbar-brand --- */ .navbar-brand { max-width: 220px; } .navbar-brand img, .navbar-brand svg { display: block; width: 100%; } .site-header.transparent.dark path { fill:#fff; } .site-header.transparent.dark .is-fixed path { fill:#000; } @media (min-width:992px) { .site-header.transparent.dark:before { height: 120px; position: absolute; top: 0; left: 0; content: ''; background: #000000; background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, .3) 100%); width:100%; mix-blend-mode: multiply; z-index: 2; } .navbar-brand { margin-top: 1rem; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; flex: 1; margin-left: 0rem; } .navbar-expand-lg .navbar-nav { width: 100%; } .site-header .navbar-nav .menu-item { flex: 1; text-align: center; } .site-header.frontpage .navbar-brand, .site-header.frontpage .navbar-nav .menu-item { opacity: 0; } .lang.menu-item { max-width: 50px; } .lang.menu-item .dropdown-toggle::after { display: none; } .lang.menu-item .nav-link span { padding: 0.5rem; border: 1px solid; border-radius: 50%; } .lang .dropdown-menu { right: 0; left: auto; } /* Navbar */ .site-header .navbar-scrollup { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; width: 100%; left: 0; top:0; z-index: 8; -webkit-transition: all .75s; transition: all .75s; min-height: 90px; padding: 0 1rem; letter-spacing: 0.1px; font-size: 15px; font-weight: 500; background-color: var(--navbar-bg); } .site-header.transparent .navbar-scrollup { background-color: transparent; } .site-header .navbar-scrollup.is-fixed { position: fixed; top:-100px; -webkit-transition: -webkit-transform .75s, background .75s; transition: -webkit-transform .75s, background .75s; transition: transform .75s, background .75s; transition: transform .75s, -webkit-transform .75s, background .75s; -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); background-color: var(--navbar-fixed-bg) } .site-header .navbar-scrollup.is-visible { -webkit-transform: translate3d(0, 90px, 0)!important; transform: translate3d(0, 90px, 0)!important; top:-90px; } .navbar-expand-lg .navbar-nav .dropdown-menu { background: #fff; border: 0; border-radius: 0; margin: 0; padding: 0.75rem 0; border-radius: 1rem; margin-top: 1rem; } .navbar-expand-lg .navbar-nav .dropdown-menu .menu-item { font-size: 14px; text-align: left; text-transform: uppercase; } /* Navbar - If has top bar */ .site-header.has-topbar .navbar-scrollup { -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } .site-header.has-topbar .navbar-scrollup.is-fixed { top:-100px; -webkit-transform: translate3d(0, -40px, 0); transform: translate3d(0, -40px, 0); } /* Navbar - background */ .site-header .navbar-scrollup > * { z-index: 2; } /* Navbar Menu Items */ .navbar-scrollup .nav-link { color: var(--navbar-color); font-weight: 500; -webkit-transition: all .25s; transition: all .25s; -webkit-transition: all 0.23s; } .site-header.transparent.light .navbar-scrollup .nav-link { color:var(--navbar-transparent-color-light); } .site-header.transparent.dark .navbar-scrollup .nav-link { color:var(--navbar-transparent-color-dark); } .navbar-scrollup.is-fixed .nav-link, .navbar-scrollup.is-visible .nav-link { color: var(--navbar-fixed-color)!important; } .navbar-scrollup .current-menu-item .nav-link, .navbar-scrollup .current-menu-parent .nav-link, .navbar-scrollup .nav-link:hover, .navbar-scrollup .nav-link:focus {} .navbar-nav .dropdown-menu .dropdown-item:hover, .navbar-nav .dropdown-menu .dropdown-item:focus { background: transparent; outline: 0 none; } } /* -- end navbar desktop */ @media (min-width:1200px) { .navbar-expand-lg .navbar-collapse { margin-left: 4.5rem; max-width: 800px; } } @media (max-width:991.98px) { .navbar { display: block; position: absolute; z-index: 9; width: 100%; min-height: 100px; top: 0; padding: 1.5rem 0; } .navbar > .container, .navbar > .container-fluid, .navbar > .container-full { display: block; position: relative; padding: 0 1rem; } .navbar-collapse { background: #fff; } .navbar-nav { position: relative; display: block; padding: 1.5rem 0; border: 1px solid #ddd; } .navbar-brand { max-width: 240px; display: block; padding: 0 1rem; } .navbar-nav .nav-link { font-weight: 500; font-size: 14px; border-bottom: 1px solid #eee; padding: 1rem; } .navbar-nav > li:last-child > .nav-link { border-bottom: 0; } .navbar-expand-lg .navbar-nav .dropdown-menu { background: transparent; border: 0; padding: 0; } .navbar-nav .dropdown-menu .dropdown-item { font-size: 14px; text-transform: uppercase; font-weight: 500; color: #999; padding: 1rem 1rem; border-bottom: 1px solid #ddd; } .navbar-nav .dropdown-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .navbar-nav .dropdown-toggle::after { margin-left: auto; } .navbar-nav .dropdown-menu .dropdown-item:hover, .navbar-nav .dropdown-menu .dropdown-item:focus { background: transparent !important; outline: 0 none; } } /* ---- Mega Menu ----- */ li.megamenu { position: inherit; } .megamenu ul { list-style: none; padding-left: 0; } .megamenu > .dropdown-menu.depth_0 { width: 100%; background: var(--megamenu-background); margin: 0; padding: 1.5rem 0; border-radius: 0; border: 0; } .megamenu > .dropdown-menu.depth_0 > .container-fluid > .row{ width: 100%; margin: 0; } .megamenu .megamenu-column { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 0; } .megamenu-column .dropdown-menu { display: block; position: relative!important; margin: 0; padding: 0; min-width: auto; top: 0; background: 0; border: 0; } /* -------------- SECTIONS BLOCK STYLES ---------------- */ /* RELATED PAGES */ .related-pages-wrap {} .related-page { margin-bottom: 1rem; } .related-page-image { background: #eee; width: 60px; height: 60px; min-width: 60px; margin-right:1rem; } /* CLASSIC TABS */ .classic-tabs--image-wrap { position: relative; padding-bottom: 36%; overflow: hidden; margin-left: auto; margin-right: auto; } @media (max-width:991.98px) { .classic-tabs--image-wrap { padding-bottom: 56%; } } .classic-tabs--image.image-1, .classic-tabs--image.image-2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; } .classic-tabs .nav-tabs.has-image { margin-top: -3rem; } .classic-tabs .nav-tabs .nav-link { position: relative; min-height: 3rem; display: flex; align-items: center; padding: 0.5rem 1.5rem; background: #fff; border: 0px solid transparent; margin-right: 1px; color: inherit; } .classic-tabs .nav-tabs .nav-link:hover { background: #777; } .classic-tabs .nav-tabs .nav-item.show .nav-link, .classic-tabs .nav-tabs .nav-link.active { color: #fff; background-color: #333; } .classic-tabs .tab-pane { padding: 1rem 0 0; } /* VPILLS TABS */ .vpills-tabs {} .vpills-tabs .nav-pills .nav-link { padding: 0 1rem; margin-bottom: 1rem; border-radius: 0; color: inherit; border-left: 3px solid #999; } .vpills-tabs .nav-pills .nav-link:hover { border-left: 3px solid var(--primary); } .vpills-tabs .nav-pills .nav-link.active, .vpills-tabs .nav-pills .show > .nav-link { color: var(--primary); background: transparent; border-left: 3px solid var(--primary); } /* ACCORDION TABS */ .accordion .card-header { position: relative; } .accordion .card-header { padding: 0; display: flex; align-items: center; background: transparent; } .accordion .card-header .btn{ padding: 10px 0px; display: flex; align-items: center; flex: 1; border-radius: 0; color: inherit; text-decoration: none; border-bottom: 1px solid; } .accordion .card-header .btn:hover, .accordion .card-header .btn:focus { text-decoration: none; } .accordion .card-header .btn::after { content: "\f107"; color: #333; font-size: 20px; top: -2px; margin-left: auto; font-family: "FontAwesome" } .accordion .card-header .btn[aria-expanded="true"]::after { content: "\f106"; } .accordion-counter { margin-right: 0.5rem; width: 26px; height: 26px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; line-height: 1; } .accordion .card-header .btn[aria-expanded="true"] .accordion-counter { background: var(--primary); color: #fff; } /* TESTIMONIALS */ .testimonials-slider { overflow: hidden; } .testimonial-slider-header .swiper-pagination { position: relative; margin-left: auto; display: inline-block; width: auto; bottom: 0; font-size: 14px; color: #758594; } .testimonial-image { min-width: 120px; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; margin-bottom: 1rem; margin-left: auto; margin-right: auto; } .testimonial-content { text-align: center; } @media (min-width:768px) { .testimonials-slider .swiper-slide { display: flex; } .testimonial-image { min-width: 200px; width: 200px; height: 200px; margin-left: 0; margin-right: 3rem; } .testimonial-content { padding-top: 1rem; text-align: left; } } /* ----- SWIPERS ----- */ .logos-slider { position: relative; overflow: hidden; } /* ------- SWIPER AND TABS NAVIGATIONS --------- */ .slider-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 2rem; } .slider-header .view-all { margin-left: auto; padding: 0.5rem; } .slider-navigation { margin-left: auto; margin-right: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 82px; } .link--arrowed svg path, .link--arrowed svg circle { stroke: #758594; stroke-width: 1.5px; fill: transparent; } .next-link { height: auto !important; } .next-link svg path, .next-link svg circle { stroke: #999; stroke-width: 1.5px; fill: transparent; } .next-link:hover { color: #474d57; text-decoration: none; } .next-link:hover svg path, .next-link:hover svg circle { stroke: #474d57; stroke-width: 1.5px; fill: transparent; } .next-link:hover svg circle { stroke: transparent; } .link--arrowed { display: inline-block; height: 2rem; line-height: 2rem; margin-left: 5px; margin-right: 5px; text-decoration: none; } .link--arrowed .arrow-icon { position: relative; top: -1px; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; vertical-align: middle; } .link--arrowed .arrow-icon--circle { stroke-dashoffset: 0; stroke-width: 1px; stroke: transparent; } .vpills-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } /* --------------- POSTS --------------------- */ .single-post-page .image-wrap, .block-part-wrap { margin-bottom: 3rem; } /* Post Sidebars */ .post-navigation { font-size: 12px; margin-bottom: 6rem; } .sidebar > section { margin-bottom: 3rem; border: 1px solid #ddd; padding: 1.5rem; } .sidebar h2 { margin-bottom: 1.5rem; } .sidebar ul { padding-left: 0; list-style: none; font-size: 14px; } .sidebar ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 1rem 0; display: flex; } .sidebar ul li a { margin-right: auto; text-decoration: none; font-weight: 600; } .sidebar ul li:last-child { border-bottom: 1px solid transparent; } /* ----- PAGINATION ----- */ .page-link, .pagination .page-item span { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1; font-size: 14px; font-weight: 500; color: #3d5b80; background-color: #fff; border: 1px solid #dee2e6; } .pagination .page-item span { z-index: 1; color: #fff; font-weight: 600; background-color: var(--primary); border-color: var(--primary); } .page-link:hover, .page-link:focus { color: #3d5b80 !important; } /* ------------------ HERO SLIDER -------------------------*/ .hero-slider { overflow: hidden; position: relative; } .hero-slider .swiper-slide { position: relative; } /* hero height */ @media(min-width:992px){ .hero-slider .swiper-slide.h100vh { min-height: 100vh; } .hero-slider .swiper-slide.h75vh { min-height: 75vh; } .hero-slider .swiper-slide.h50vh { min-height: 50vh; } .hero-slider .swiper-slide.h16x9 { min-height: none; padding-bottom: 54%; } .hero-slider .swiper-slide .slide-inner, .hero-slider .slide-image-wrap { position: absolute; top:0; left: 0; width: 100%; height: 100%; } } .hero-slider .swiper-slide .slide-inner { background-color:var(--slide_bg); } .hero-slider .swiper-slide .slide-video, .hero-slider .swiper-slide .slide-image { width: 100%; height: 100%; left: 0; top: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .hero-slider .halfimage-wrap { position: relative; } .hero-slider .slide-inner .container-full, .hero-slider .slide-inner .container-fluid, .hero-slider .slide-inner .row, .hero-slider .slide-inner .halfimage-wrap, .hero-slider .slide-inner .slide-content { height: 100%; position: relative; } .hero-slider .slide-inner .container-full, .hero-slider .slide-inner .row, .hero-slider .slide-inner .halfimage-wrap { height: 100%; position: relative; } @media(min-width:992px) { .half-layout-container { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .hero-slider .container-fluid .row-reverse, .hero-slider .container-full .row-reverse { flex-direction: row-reverse; } } .hero-slider .slide-content { padding-top: 7.5rem; padding-bottom: 7.5rem; padding-left: 2.5rem; padding-right: 2.5rem; display: flex; flex-direction: column; justify-content: var(--herovalign); } .hero-slider .slide-content-inner { z-index: 2; position: relative; } .hero-slider .image-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.1); z-index: 1; } @media(min-width:992px){ .hero-slider .half-layout-container .row:not(.row-reverse) .slide-content { padding-left:4.5rem; padding-right:2.5rem; } .hero-slider .half-layout-container .row.row-reverse .slide-content { padding-right: 4.5rem; padding-left: 2.5rem; } .hero-slider .slide-content.light { color:#fff; } .hero-slider .slide-content.dark { color:#111; } } @media(min-width:1400px){ .hero-slider .half-layout-container .row:not(.row-reverse) .slide-content { padding-left:6rem; padding-right:2.5rem; } .hero-slider .half-layout-container .row.row-reverse .slide-content { padding-right: 6rem; padding-left: 2.5rem; } } @media(max-width:991.98px){ .hero-slider .slide-content { padding-top: 3rem; padding-bottom: 6rem; } .hero-slider .slide-inner { background-color: #f7f7f7!important; } } /* hero slider navigation */ .hero-slider-nav { position: absolute; bottom: 2rem; z-index: 8; width: 100%; } .hero-slider-nav .arrow-icon--arrow { stroke: rgba(255, 255, 255, 0.75) !important; } .hero-slider-nav .arrow-down svg { transform: rotate(90deg); } .hero-slider-nav .arrow-down .scroll-label { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; text-decoration: none!important; color: rgba(255, 255, 255, 0.75); } @media(max-width:991.98px){ .hero-slider-nav .arrow-icon--arrow { stroke:#111!important; } .hero-slider-nav .arrow-down .scroll-label { color:#111; } } /* GRID SLIDER */ .grid { display: grid; grid-gap: 1rem; grid-template-columns: 1fr 1fr 1fr; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .grid-slider { overflow: hidden; position: relative; } .swiper-slide .grid-wrapper { padding-bottom: 50%; grid-auto-flow: dense; } .swiper-slide .grid-wrapper.height-50 { padding-bottom: 50%; } .swiper-slide .grid-wrapper.height-75 { padding-bottom: 75%; } .swiper-slide .grid-wrapper.height-100 { padding-bottom: 100%; } .swiper-slide .grid-wrapper.height-125 { padding-bottom: 125%; } .grid-wrapper .grid.one { grid-template-columns: 1fr; } .grid-wrapper .grid.two { grid-template-columns: 1fr 1fr; } .grid-wrapper .grid.three { grid-template-columns: 1fr 1fr 1fr; } .grid-wrapper .grid.four { grid-template-columns: 1fr 1fr 1fr 1fr; } .grid-wrapper .grid.five { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .grid-wrapper .grid.six { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .grid-item.col-span-2 { grid-column: auto / span 2; } .grid-item.col-span-3 { grid-column: auto / span 3; } .grid-item.col-span-4 { grid-column: auto / span 4; } .grid-item.row-span-2 { grid-row: auto / span 2; } .grid-item.row-span-3 { grid-row: auto / span 3; } .grid-item.row-span-4 { grid-row: auto / span 4; } .grid-item { position: relative; overflow: hidden; } .grid-item img { width: 100%; height: 100%; left: 0; top: 0; position: absolute; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; transform-origin: center } .grid-item video { width: 100%; height: 100%; left: 0; top: 0; position: absolute; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; transform: scale(1.1); transform-origin: top center } /* ----- NEXT PAGE LINK ---- */ .next-page-link-wrapper a { text-decoration: none!important; } .next-page-link-wrapper a:hover span { text-decoration:underline; } /* ----- TOP BAR ----- */ .top-bar { position: absolute; left: 0; top: 0; width: 100%; height: 40px; -webkit-transition: all .75s; transition: all .75s; z-index: 9; } .top-bar.is-fixed { -webkit-transform: translate3d(0,-60px,0); transform: translate3d(0,-60px,0); } .top-bar .container-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .top-bar .widget_nav_menu { margin-left: auto; margin-right: 1rem; } .top-bar .menu { list-style: none; margin-bottom: 0; } .top-bar .menu li { display: inline-block; } .top-bar .menu li a { height: 40px; padding: 0 0.75rem; color: rgba(255, 255, 255, 0.75); font-weight: 500; font-size: 13px; border-right: 1px solid #aaa; } .top-bar .menu li.highlight a { color: #e0bf97; } .top-bar .menu li:last-child a { border-right: 0px; } .top-bar nav.topbar-nav{ background: #666; z-index: 2; position: relative; width: 100%; } .search-wrapper { width: 100%; position: relative; overflow: hidden; -webkit-transition: 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; margin-left: 0; min-height: 100px; background: #fff; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); opacity: 0; z-index: 0; width: 100%; } .search-wrapper.active { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-box-shadow: 0 0 5px rgb(0,0,0,0.2); box-shadow: 0 0 5px rgb(0,0,0,0.2); } .search-wrapper form { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .search-wrapper .form-control { border-radius: 0; border: 0 solid transparent; height: 100px; padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; background: transparent; -webkit-box-shadow: 0 0 0 transparent !important; box-shadow: 0 0 0 transparent !important; } .search-wrapper .btn { border: 1px solid transparent; position: absolute; padding: 0; font-size: 20px; 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; width: 42px; height: 42px; right: 1.25rem; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: 0.3s all; transition: 0.3s all; border-radius: 50%; } .search-wrapper .btn:hover, .search-wrapper .btn:focus { -webkit-box-shadow: 0 0 0 0; box-shadow: 0 0 0 #fff; outline: 0 none !important; border-color: transparent !important; background: transparent; } .search-btn { margin-left: 1rem; position: relative; right: 2rem; top: 0; width: 40px; height: 40px; } .search-btn .fa { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: 0.3s all; transition: 0.3s all; position: absolute; font-size: 16px; top: 0.625rem; right: 0rem; } .search-btn .fa.active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .search-btn .fa.fa-search { color: inherit; font-size: 18px; } .search-btn:hover .fa.fa-search { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -webkit-transition-delay: 0; transition-delay: 0; } .search-btn .fa.fa-times { color: #f26581; } .search-btn .fa.fa-times:hover { color: #f26581; } @media (min-width:992px) { .search-wrapper .fa-long-arrow-right { display: none; visibility: hidden; } } @media (max-width:991.98px) { .search-wrapper .fa-times { display: none; visibility: hidden; } } .search-wrapper.active:after { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } /* SPLITTING ANIMES */ /* more examples - https://codepen.io/shshaw/pen/XVjKrG */ /* Anime Words */ .animewords { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .animewords span.word { color: transparent; overflow: hidden; position: relative; padding: 0rem .15em; } .animewords span.word:before { display: block; content: attr(data-word); position: absolute; color: #333; top: 0; left: 0; padding: 0; } .animewords span.word:before { -webkit-transform: translateY(100%); transform: translateY(100%); } .animewords span.word.appear:before { -webkit-animation: reveal-wors 1.5s cubic-bezier(1,.08,.6,1.16) both; animation: reveal-wors 1.5s cubic-bezier(1,.08,.6,1.16) both; -webkit-animation-delay: calc(.05s * var(--line-index)); animation-delay: calc(.05s * var(--line-index)); } @-webkit-keyframes reveal-wors { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } } @keyframes reveal-wors { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } } /* Anime Chars */ .animechars span.word { color: transparent; overflow: hidden; position: relative; line-height: 1; display: inline-block; } .animechars span.word .char { color: transparent; overflow: hidden; position: relative; display: inline-block; } .animechars span.word .char:before { content: ''; display: block; content: attr(data-char); position: absolute; top:0; left: 0; color: #333; opacity: 0; } .animechars.appear span.char.appear:before { -webkit-animation: reveal-chars 0.5s cubic-bezier(1,.08,.6,1.16) forwards; animation: reveal-chars 0.5s cubic-bezier(1,.08,.6,1.16) forwards; -webkit-animation-delay: calc(.01s * var(--char-index)); animation-delay: calc(.01s * var(--char-index)); } @-webkit-keyframes reveal-chars { 0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } 100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } @keyframes reveal-chars { 0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } 100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } /* ----------------------- FOOTER --------------------------*/ .site-footer { font-size: 14px; padding-top: 4.5rem; letter-spacing: .1px; background: #000; color: #fff; } .footer-logo { max-width: 180px; } .footer-logo svg path { fill:#fff; } .site-footer a { text-decoration: underline; } .site-footer h2 { font-size: 14px; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; margin-bottom: 1rem; } .site-footer ul { list-style: none; padding-left: 0; margin-left: 0; } .site-footer ul li a { text-decoration: none !important; } .social-footer { display: flex; flex-direction: column; justify-content: center; } @media (min-width:768px) { .social-footer .social-media-icons { justify-content: flex-end; } } .social-footer .social-media-icons i { font-size: 1.25rem!important; line-height: 42px; height: 42px; width: 42px; } .social-media-icons a { color: #fff; } .legal-menu ul, .bottomline-menu ul { list-style: none; margin: 0; padding: 0; } .legal-menu ul li, .bottomline-menu ul li { display: inline-block; font-size: 13px; border-right: 1px solid #ccc; } .legal-menu ul li:last-child, .bottomline-menu ul li:last-child { border-right: 0px; } .legal-menu ul li a, .bottomline-menu ul li a { padding: 0 0.5rem; color: #fff; } .newslleter-bar { margin-top: 1rem; display: flex; align-items: center; gap: 1rem; padding: 0.5rem; border-radius: 999px; background: transparent; color: #fff; border: 1px solid #ddd; position:relative; } .newslleter-bar span.wpcf7-not-valid-tip { position: absolute; bottom: -34px; } .newslleter-bar .wpcf7-spinner { display:none; } .newslleter-bar p { margin:0; } .newslleter-bar > p { display:flex; width:100%; position:relative; } .newslleter-bar > p > .wpcf7-form-control-wrap { max-width:50%; } .newslleter-bar br { display:none!important; } .newslleter-input { flex: 1; border: 0; outline: none; font-size: 1rem; min-height: 46px; padding: 0.5rem 0.75em; border-radius: 999px; background: transparent; border-radius: 3rem; } .newslleter-submit { min-height: 46px; border-radius: 999px; padding: .5rem 1.75rem; font-size: 1rem; color: #fff; cursor: pointer; } .btn.disabled, .btn:disabled, fieldset:disabled .btn { color: #fff pointer-events: none; background-color: var(--primary); border-color: var(--primary); opacity: var(--bs-btn-disabled-opacity); } .bottomline, .bottomline-menu ul li { font-size: 11px!important; } /* ----- CONTACT FORM 7 ----- */ label { margin-bottom: 0.5rem; font-weight: 600; display: block; } .form-group p { margin-bottom: 0; font-size: 12px; } .form-control { height: 46px; } .form-control:hover, .form-control:focus { outline: 0 none !important; -webkit-box-shadow: 0 0 0px #3962ff; box-shadow: 0 0 0px #3962ff; } span.wpcf7-not-valid-tip { color: #da5a45; font-size: 12px; font-weight: normal; display: block; padding-top: 0.25rem; } div.wpcf7-response-output { margin: 2em 0 1em; color: #fff; padding: 0.2em 1em; border: 2px solid #da5a45; background: #da5a45; font-size: 13px; font-weight: 500; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border: 2px solid #d8b62c; background: #d8b62c; } div.wpcf7-mail-sent-ok { border: 2px solid #60c78a; background: #60c78a; } span.req { color: #ff5d54; font-size: 16px; line-height: 1; font-weight: 500; } .privacy-modal .modal-header { padding-left: 2rem; } .privacy-modal .modal-body { padding: 2rem; font-size: 14px; } /* ---------------- SECTIONS -------------- */ section.pt-15 { padding-top: 12rem !important; } section.pt-12 { padding-top: 9rem !important; } section.pt-9 { padding-top: 6rem !important; } section.pt-6 { padding-top: 3rem !important; } section.pt-3 { padding-top: 1.5rem !important; } section.pb-15 { padding-bottom: 12rem !important; } section.pb-12 { padding-bottom: 9rem !important; } section.pb-9 { padding-bottom: 6rem !important; } section.pb-6 { padding-bottom: 3rem !important; } section.pb-3 { padding-bottom: 1.5rem !important; } section.mt-15 { margin-top: 12rem !important; } section.mt-12 { margin-top: 9rem !important; } section.mt-9 { margin-top: 6rem !important; } section.mt-6 { margin-top: 3rem !important; } section.mt-3 { margin-top: 1.5rem !important;} section.mb-15 { margin-top: 12rem !important; } section.mb-12 { margin-top: 9rem !important; } section.mb-9 { margin-top: 6rem !important; } section.mb-6 { margin-top: 3rem !important; } section.mb-3 { margin-top: 1.5rem !important; } @media (min-width:992px) { section.pt-15 { padding-top: 15rem !important; } section.pt-12 { padding-top: 12rem !important; } section.pt-9 { padding-top: 9rem !important; } section.pt-6 { padding-top: 6rem !important; } section.pt-3 { padding-top: 3rem !important; } section.pb-15 { padding-bottom: 15rem !important; } section.pb-12 { padding-bottom: 12rem !important; } section.pb-9 { padding-bottom: 9rem !important; } section.pb-6 { padding-bottom: 6rem !important; } section.pb-3 { padding-bottom: 3rem !important; } section.mt-15 { margin-top: 15rem !important; } section.mt-12 { margin-top: 12rem !important; } section.mt-9 { margin-top: 9rem !important; } section.mt-6 { margin-top: 6rem !important; } section.mt-3 { margin-top: 3rem !important; } section.mb-15 { margin-top: 15rem !important; } section.mb-12 { margin-top: 12rem !important; } section.mb-9 { margin-top: 12rem !important; } section.mb-6 { margin-top: 6rem !important; } section.mb-3 { margin-top: 3rem !important; } } section.first-section { padding-top: 12rem!important; } @media(max-width:991.98px) { section.first-section { padding-top: 3rem!important; } } /* -------------- SOCIAL ICONS ------------------ */ .social-media-icons { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -0.5rem !important; } .social-media-icons li { border-left: 1px solid rgba(0, 0, 0, 0.1); padding: 0; } .social-media-icons li:first-child { border-left: 0px solid rgba(0, 0, 0, 0); } .social-media-icons i { font-size: 18px !important; color: inherit !important; text-align: center; line-height: 40px; height: 40px; width: 40px; overflow: hidden; transition: all 0.25s ease, opacity 0.2s linear; -webkit-transition: all 0.25s ease, opacity 0.2s linear; } .social-media-icons a { display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none; } .social-media-icons a:hover { text-decoration: none; } .social-media-icons i:before, .social-media-icons i:after { display: block; -webkit-transition: opacity 0.2s linear, -webkit-transform 0.25s ease; transition: opacity 0.2s linear, -webkit-transform 0.25s ease; transition: transform 0.25s ease, opacity 0.2s linear; transition: transform 0.25s ease, opacity 0.2s linear, -webkit-transform 0.25s ease; -webkit-transition: -webkit-transform 0.25s ease, opacity 0.2s linear; } .social-media-icons i:hover:before, .social-media-icons i:hover:after { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .social-media-icons .fa-facebook-f:before, .social-media-icons .fa-facebook:before, .social-media-icons .fa-facebook-f:after, .social-media-icons .fa-facebook:after { content: "\f09a"; } .social-media-icons .fa-google-plus:before, .social-media-icons .fa-google-plus:after { content: "\f0d5"; } .social-media-icons .fa-instagram:before, .social-media-icons .fa-instagram:after { content: "\f16d"; } .social-media-icons .fa-twitter:before, .social-media-icons .fa-twitter:after { content: "\f099"; } .social-media-icons .fa-flickr:before, .social-media-icons .fa-flickr:after { content: "\f16e"; } .social-media-icons .fa-pinterest:before, .social-media-icons .fa-pinterest:after { content: "\f0d2"; } .social-media-icons .fa-youtube:before, .social-media-icons .fa-youtube:after { content: "\f167"; } .social-media-icons .fa-vimeo-square:before, .social-media-icons .fa-vimeo-square:after { content: "\f194"; } .social-media-icons .fa-tumblr:before, .social-media-icons .fa-tumblr:after { content: "\f173"; } .social-media-icons .fa-dribbble:before, .social-media-icons .fa-dribbble:after { content: "\f17d"; } .social-media-icons .fa-whatsapp:before, .social-media-icons .fa-whatsapp:after { content: "\f232"; } .social-media-icons .fa-feed:before, .social-media-icons .fa-rss:before, .social-media-icons .fa-feed:after, .social-media-icons .fa-rss:after { content: "\f09e"; } .social-media-icons .fa-linkedin:before, .social-media-icons .fa-linkedin:after { content: "\f0e1"; } .social-media-icons .fa-tripadvisor:before, .social-media-icons .fa-tripadvisor:after { content: "\f262" !important; } .social-media-icons .fa-envelope:before, .social-media-icons .fa-envelope:after { content: "\f0e0"; } /* ------------- EKKO LIGHTBOX ------------- */ .ekko-lightbox { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; padding-right: 0 !important } .ekko-lightbox-container { position: relative } .ekko-lightbox-container > div.ekko-lightbox-item { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100% } .ekko-lightbox iframe { width: 100%; height: 100% } .ekko-lightbox-nav-overlay { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -ms-flexbox; display: -webkit-box; display: flex } .ekko-lightbox-nav-overlay a { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; opacity: 0; -webkit-transition: opacity .5s; transition: opacity .5s; color: #666; font-size: 40px; font-weight: 300; z-index: 1 } .ekko-lightbox-nav-overlay a > * { -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1 } .ekko-lightbox-nav-overlay a > :focus { outline: none } .ekko-lightbox-nav-overlay a span { padding: 0 15px; font-size: 16px; } .ekko-lightbox-nav-overlay a:last-child span { text-align: right } .ekko-lightbox-nav-overlay a:hover { text-decoration: none } .ekko-lightbox-nav-overlay a:focus { outline: none } .ekko-lightbox-nav-overlay a.disabled { cursor: default; visibility: hidden } .ekko-lightbox a:hover { opacity: 1; text-decoration: none } .ekko-lightbox .modal-dialog { display: none } .ekko-lightbox .modal-footer { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 14px; border-top: 0; padding-top: 0; } .ekko-lightbox-loader { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center } .ekko-lightbox-loader > div { width: 40px; height: 40px; position: relative; text-align: center } .ekko-lightbox-loader > div > div { width: 100%; height: 100%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: a 2s infinite ease-in-out; animation: a 2s infinite ease-in-out } .ekko-lightbox-loader > div > div:last-child { -webkit-animation-delay: -1s; animation-delay: -1s } .modal-dialog .ekko-lightbox-loader > div > div { background-color: #333 } @-webkit-keyframes a { 0%, to { transform: scale(0); -webkit-transform: scale(0) } 50% { transform: scale(1); -webkit-transform: scale(1) } } @keyframes a { 0%, to { transform: scale(0); -webkit-transform: scale(0) } 50% { transform: scale(1); -webkit-transform: scale(1) } } /* ----- FONT AWESOME ----- */ @font-face { font-family: 'FontAwesome'; src: url('../font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('../font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-user:before { content: "\f007"; } .fa-check:before { content: "\f00c"; } .fa-at:before { content: "\f1fa"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-phone:before { content: "\f095"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-linkedin:before { content: "\f0e1"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-calendar-o:before { content: "\f133"; } .fa-file:before { content: "\f15b"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-download:before { content: "\f019"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-play:before { content: "\f16a"; } .fa-instagram:before { content: "\f16d"; } .fa-skype:before { content: "\f17e"; } .fa-google:before { content: "\f1a0"; } .fa-fax:before { content: "\f1ac"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .swiper-pixi { position: relative; width: 100%; height: 100vh; display: block; } .swiper-pixi .swiper-slide{ min-height: 100vh; display: flex; align-items: center; color: #fff; font-size: 30px; } .rgbShiftSlider { display: block; position: absolute; left: 0; top: 0; /*mix-blend-mode: hard-light;*/ opacity: 0.85; width: 100vw; height: 100%; overflow: hidden; /*transform-origin : 50vw 300vh;*/ transform-origin: 50% 50%; } canvas { position: absolute; left: 0; top: 0; z-index: 0; } .form-check-input:checked { background-color: #8c25ff; border-color: #8c25ff; } /* WS Property Filters - Search UI */ .wspf-search-field { width: 100%; padding: 0.5rem 1rem; min-height: 50px; border-radius: 1.5rem; border: 1px solid #ddd; background: transparent; font-weight: 400; } .wspf-search-field:hover, .wspf-search-field:focus { background:#fff; } .wspf-search-field-wrap .btn-link.btn-arrow { right: 16px; position: absolute; } .wspf-search-field-wrap .btn-link.btn i.arrow { background-color:#fff; background-image: url('data:image/svg+xml,'); } .wspf-search-section .btn.btn-collapser { width: 100%; text-align: left; display: flex; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; min-height: 50px; border-radius: 1.5rem; border: 1px solid #ddd; background: #fff; font-weight: 400; } .wspf-search-section .btn.btn-collapser:hover { background: #f8f8f8; } .wspf-search-section .dropdown-toggle::after { margin-left: auto; } .wspf-search-section .select-count { margin-left: 5px; background: #d2a7ff !important; /* margin-right: 0.5rem; */ font-size: 11px; line-height: 1; padding: 6px 6px; border-radius: 999px; } .wspf-dropdown .collapse-wrap { position: relative; z-index: 5; position: absolute; background: #fff; border-radius: 1.5rem; width: 100%; margin-top: 0.25rem; } .wspf-dropdown-body { border-radius: 1.5rem; padding: 2.5rem 0.5rem 1rem; border: 1px solid #ddd; } .wspf-dropdown-body .scrollable-content { max-height: 220px; overflow-y: auto; padding: 0.5rem; } .wspf-dropdown-body .form-check { margin-bottom: 8px; } .wspf-dropdown-body .form-check:last-child { margin-bottom: 0; } .wspf-dropdown-body .form-check-input { margin-top: 3px; } .wspf-dropdown-body .form-check-label { cursor: pointer; margin-bottom: 0; font-weight: 400; font-size: 14px; line-height: 1.3; padding-top: 0.125rem; } /* Limpar seleção */ .wspf-search-section .clean-selection { display: none; font-size: 12px; font-weight: 400; cursor: pointer; padding: 0.5rem 1.25rem 0.25rem; color: #6013b5; position: absolute; z-index: 2; width: 100%; right: 0; background: #f7f7f7; border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; border: 1px solid #ddd; } .wspf-search-section .clean-selection i { font-size: 12px; } /* Inputs normais */ .wspf-label { display: block; font-weight: 600; margin-bottom: 6px; } .wspf-input { border-radius: 1.5rem; border: 1px solid #ddd; padding: 0.5rem 1rem; display: flex; height: 50px; background: #fff; } .wspf-input .wspf-pill-input { border: 0; width: 100%; min-width: unset; max-width: unset; } .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; width: 10px; height: 10px; transform: rotate(45deg); border: 0; border-bottom: 1px solid; border-right: 1px solid; } .wspf-input .wspf-pill-input:focus { outline: 0; box-shadow: 0; } .wspf-input .suffix { line-height: 1.9; padding-left: 0.25rem; } .wspf-submit .btn { min-height: 50px; width: 100%; border-radius: 1.5rem; } /* Ajuste para colunas */ .wspf-search-section .row.gx-1 { --bs-gutter-x: .5rem; } .wspf-search-section .row.gy-1 { --bs-gutter-y: .5rem; } .wspf-row { display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: auto auto; gap: 10px; } @media (min-width:578px){ .wspf-row { grid-template-columns: repeat(2, 1fr); } } @media (min-width:768px){ .wspf-row { grid-template-columns: repeat(3, 1fr); } } @media (min-width:992px){ .wspf-row { grid-template-columns: repeat(4, 1fr); } } @media (min-width:1200px){ .wspf-row { grid-template-columns: repeat(7, 1fr); } } .wspf-row {} .intro-section { width: 100%; min-height: 100vh; display: flex; align-items: center; justify-content: center; background: #8c24ff; position: relative; overflow: hidden; } .intro-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; z-index: 2; } .intro-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 3; } .mask-reveal { position: absolute; margin: auto; --mw: 0; --mh: 0; } .mask-reveal img{ width: 100%; height: 100vh; object-fit: cover; /* máscara */ -webkit-mask-image: url("../../images/intro-mask.svg"); mask-image: url("../../images/intro-mask.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; /* variáveis para anime js */ -webkit-mask-size: calc(var(--mw) * 1%) calc(var(--mh) * 1%); mask-size: calc(var(--mw) * 1%) calc(var(--mh) * 1%); } .intro-section .intro-logo { max-width: 600px; left: 0; right: 0; margin: auto; width: 70%; z-index: 3; transform-origin: center; transform: translate3d(0,75px,0); } /* .intro-section .intro-logo.active { transform: scale(.8); } */ .intro-section .intro-logo svg { width: 100%; } .intro-section .intro-logo svg path { opacity: 0; fill:#fff; transform-origin: center; } .intro-content { position: relative; z-index: 6; width: 100%; padding: 0 1.5rem; } /* Mouse scroll */ .intro-section .mouse_scroll { position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 3rem; z-index: 5; opacity: 0; } .mouse_scroll { display: block; margin: 0 auto; width: 24px; height: 100px; margin-top: 125px; } .m_scroll_arrows { display: block; width: 5px; height: 5px; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); border-right: 1px solid white; border-bottom: 1px solid white; margin: 0 0 3px 4px; width: 16px; height: 16px; } .unu { margin-top: 1px; } .unu, .doi, .trei { -webkit-animation: mouse-scroll 1s infinite; -moz-animation: mouse-scroll 1s infinite; animation: mouse-scroll 1s infinite; } .unu { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-direction: alternate; animation-direction: alternate; animation-delay: alternate; } .mouse { height: 42px; width: 24px; border-radius: 14px; transform: none; border: 1px solid white; top: 170px; } .wheel { display: block; margin: 5px auto; background: white; position: relative; height: 5px; width: 3px; border: 2px solid #fff; -webkit-border-radius: 8px; border-radius: 8px; } .wheel { -webkit-animation: mouse-wheel 0.6s linear infinite; -moz-animation: mouse-wheel 0.6s linear infinite; animation: mouse-wheel 0.6s linear infinite; } @-webkit-keyframes mouse-wheel { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); } } @-moz-keyframes mouse-wheel { 0% { top: 1px; } 25% { top: 2px; } 50% { top: 3px; } 75% { top: 2px; } 100% { top: 1px; } } @-o-keyframes mouse-wheel { 0% { top: 1px; } 25% { top: 2px; } 50% { top: 3px; } 75% { top: 2px; } 100% { top: 1px; } } @keyframes mouse-wheel { 0% { top: 1px; } 25% { top: 2px; } 50% { top: 3px; } 75% { top: 2px; } 100% { top: 1px; } } @-webkit-keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: 0.5; } 100% { opacity: 1; } } @-moz-keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: 0.5; } 100% { opacity: 1; } } @-o-keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: 0.5; } 100% { opacity: 1; } } @keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: 0.5; } 100% { opacity: 1; } } /* Home Search */ .wspf_home_search_block { z-index: 4; height: auto; /*max-height: 0;*/ overflow: hidden; transition: all 1.5s; max-width: 560px; margin: 0 auto; transform: translate3d(0,-50px,0); } .wspf_home_search_block.active { max-height: 400px; } .wspf-home-search { width: 100%; } .wspf-home-tabs { display: flex; gap: 1rem; flex-wrap: wrap; } .wspf-home-tabs .wspf-tab, .wspf-home-tabs .wspf-tab-link { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 1rem 0.5rem; border-radius: 999px; margin-bottom: 0; border: 0; font-weight: 400; font-size: 1rem; line-height: 1; flex: 1; text-decoration: none; cursor: pointer; user-select: none; background: rgba(255, 255, 255, 0.7); } .wspf-home-tabs .wspf-tab input { position: absolute; opacity: 0; pointer-events: none; } .wspf-home-tabs .wspf-tab span { font-size: 1rem; line-height: 1; color: rgba(0,0,0,0.65); } .wspf-home-tabs .wspf-tab:has(input:checked) { background: #fff; } .wspf-home-tabs .wspf-tab:has(input:checked) span { color: rgba(0,0,0,0.85); } .wspf-home-bar { margin-top: 1rem; display: flex; align-items: center; gap: 1rem; padding: 0.5rem; border-radius: 999px; background: #fff; } .wspf-home-input { flex: 1; border: 0; outline: none; font-size: 1rem; min-height: 46px; padding: 0.5rem 0.75em; border-radius: 999px; background: #fff; border-radius: 3rem; } .wspf-home-submit { min-height: 46px; border-radius: 999px; padding: .5rem 1.75rem; font-size: 1rem; color: #fff; cursor: pointer; } .wspf-tab-check.is-checked { background: rgba(255,255,255,1); } /* Opacity for Animation */ .wspf-home-tabs, .wspf-tab-link, .wspf-home-bar, .wspf-tab-check, .wspf-home-submit { opacity: 0; } @media(max-width:575.98px) { .wspf-home-bar { background: transparent; flex-direction: column; padding: .5rem 0; margin-top: 0.5rem; } .wspf-home-input { width: 100% } .wspf-home-submit { width: 100%; } } /* -- Index Imóvel -- */ .index-imovel { border: 1px solid #ddd; padding: 1rem; background: #fff; } .index-post-image { position: relative; display: block; } .badge { position: absolute; top: 1rem; left: 1rem; padding: 0,25rem; border-radius: 999px; background: #8c24ff; color:#fff; font-weight: 400; font-size: 14px; } .badge-zone { } .badge a { text-decoration: none; } .index-imovel-title { min-height: 46px; } .title-link { text-decoration: none; } .index-feat { display: flex; padding: 0.5rem 0; } .index-feat .index-value { margin-left: auto; } .index-feat .index-value a { text-decoration: none; } .index-footer { display: flex; align-items: center; } .index-price { font-size: 1.5rem; } .index-footer .btn-wrap { margin-left: auto; } /* List or Grid */ @media (min-width:992px) { .wspf-results-item.item-list .index-imovel { display: flex; gap:1rem; } .wspf-results-item.item-list .index-imovel .index-post-image { flex: 0 0 auto; width: 30%; } .wspf-results-item.item-list .index-imovel .index-post-image img { margin-bottom: 0!important; } .wspf-results-item.item-list .index-imovel .post-index-content { flex: 0 0 auto; width: 70%; display: flex; } .wspf-results-item.item-list .index-imovel .post-index-content .index-features { margin-top: auto!important; padding-top: 1rem; } .wspf-results-item.item-list .index-imovel .post-index-content .index-feat { border-bottom: 1px solid #DDD; } .wspf-results-item.item-list .index-imovel .post-index-content .index-content-main { flex: 0 0 auto; width: 66.66666666%; display: flex; flex-direction: column; padding:0.5rem 0.5rem ; } .wspf-results-item.item-list .index-imovel .index-footer { display: flex; align-items: center; flex-direction: column-reverse; margin-left: auto !important; margin-top: 0 !important; padding: 0.5rem 1rem; } .wspf-results-item.item-list .index-imovel .index-footer .price-wrap { margin-top: auto; } } /* Card/Elipse: 400px de largura */ .capsule-card, .area-card { position: relative; width: 360px; height: 540px; display: block; text-decoration: none; color: #fff; background: #ccc; border-radius: 180px; overflow: hidden; margin: 0 auto; } /* Imagem recortada */ .capsule-img, .area-img { position: absolute; inset: 0; width: 100%; height: 100%; background: red; transform: scale(1); transition: transform 1s ease; } .capsule-img { transform: scale(1.2); } .capsule-img img, .area-img img { object-fit: cover; width: 100%; height: 100%; } .area-content { position: absolute; width: 220px; height: calc(100% - 160px); background: rgba(140,37,255,0.7); inset: 0; margin: auto; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 1.75rem 1rem 1.75rem; z-index: 2; border-radius: 120px; } .area-title { margin: 0 0 1rem; font-weight: 400; line-height: 1.05; margin-top: auto; } .area-cta { display: flex; flex-direction: column; align-items: center; margin-top: auto; text-decoration: none; } .area-cta:hover, .area-cta:focus { text-decoration: none; } .area-cta br { display: none; } .area-cta .arrow { width: 42px; height: 42px; border-radius: 100%; background-size: 32px 32px; background-color: #fff; background-image: url('data:image/svg+xml,'); margin-bottom: 1rem; background-position: 5px; transition: all .25s; } .area-cta:hover .arrow { background-position: 37px; transform: scale(1.1); } .area-cta-label { text-transform: uppercase; letter-spacing: .2px; } /* Hover/focus */ .area-card:hover .area-img, .area-card:focus-visible .area-img { transform: scale(1.1); } /* Property Page */ .property-page { background: #f7f7f7; } .property-block { padding: 1.5rem; border: 1px solid #ddd; background: #fff; margin-bottom: 1.5rem; } .property-detail { display: flex; width: 100%; padding-top: 1rem; padding-bottom: 0.75rem; border-top:1px solid #000 } .property-details .property-detail { border-top: none; } @media(max-width:991.98px) { .property-details > .property-detail-wrap:nth-of-type(n+2) .property-detail { border-top: 1px solid #e5e5e5; } } @media(min-width:992px) { .property-details > .property-detail-wrap:nth-of-type(n+3) .property-detail { border-top: 1px solid #e5e5e5; } } .property-detail .pd-label { font-weight: 400; } .property-detail .pd-value { font-weight: 600; margin-left: auto; text-align: right; padding-left: 1rem; } .property-detail .pd-value.energia { width: 32px; height: auto; width: 100%; flex: 1; text-align: right; } .property-detail .pd-value.energia img { width: 32px; height: auto; } .property-slide { min-height: 500px; background: #ccc; } .property-gallery, .property-gallery-thumb{ position: relative; margin-bottom: 1rem; overflow: visible; } .property-gallery .swiper-slide { padding-bottom: 64%; position: relative; overflow: hidden; } .property-gallery .swiper-slide img { width:100%; height:100%; object-fit: cover; object-position: center; } .property-image-wrap, .property-thumb-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .property-gallery-thumbs .swiper-slide { position: relative; overflow: hidden; } .property-gallery-thumbs .swiper-slide .swiper-slide-inner { position: relative; padding-bottom: 100%; } .property-gallery-thumbs .swiper-slide img { width: 100%; height:100%; left: 0; top: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .property-gallery .swiper-button-next, .property-gallery .swiper-button-prev { color: #fff; transform: scale(.75); transform-origin: center; } .availability-badge { padding: 0.25rem 1.5rem; background: var(--primary); border-radius: 3rem; color: #fff; } .virtual-tour-btn { position: absolute; bottom: 1.5rem; right: 1rem; z-index: 2; } .feat-icons-wrap { display: flex; justify-content: center; margin-top: 3rem; } .feat-icons-wrap .feat-icon { width: 120px; min-width: 120px; font-size: 14px; font-weight: 600; text-align: center; } .feat-icons-wrap .feat-icon img { display: block; width: 60px; height: 60px; margin-left: auto; margin-right: auto; margin-bottom: 0.75rem } .property-accordion .card-body { padding: 1.5rem 0; } .property-accordion > .card-header:nth-last-child(2) > button{ border-bottom: 0 !important; } .property-accordion .card-body ul { margin-left: -1.5rem; margin-right: -1.5rem; list-style: none; } .property-accordion .card-body ul li { padding-top: 0.5rem; padding-bottom: 0.5rem; font-weight: 600; } .property-map { padding-bottom: 60%; border: 1px solid #ddd; } /* Property - Contact Form */ /* Wrapper */ .ws-contact-form{ max-width: 720px; /* ajusta se precisares */ margin: 0 auto; } /* Título */ .ws-contact-title{ font-size: clamp(42px, 5vw, 64px); line-height: 1.05; font-weight: 500; margin: 0 0 28px; color: #7a2cf6; /* roxo do screenshot */ letter-spacing: -0.02em; } /* Inputs pill (Bootstrap form-control / form-select) */ .ws-contact-form .ws-pill, .ws-contact-form .ws-area{ border: 1px solid #333; /* linha fina escura */ border-radius: 999px; padding: 0.5rem 1rem; color: #2b2b2b; background: #fff; box-shadow: none; } /* Altura consistente */ .ws-contact-form .ws-pill{ min-height: 48px; } /* Textarea com cantos arredondados “mais suaves” */ .ws-contact-form .ws-area{ border-radius: 28px; min-height: 120px; resize: vertical; } /* Placeholder */ .ws-contact-form .form-control::placeholder, .ws-contact-form .form-select{ color: #3f3f3f; } /* Focus */ .ws-contact-form .form-control:focus, .ws-contact-form .form-select:focus{ border-color: #7a2cf6; box-shadow: 0 0 0 .2rem rgba(122, 44, 246, .15); } /* Select: seta e espaçamento à direita */ .ws-contact-form .form-select.ws-pill{ padding-right: 52px; background-position: right 20px center; background-size: 18px 18px; } /* Checkbox (CF7 acceptance) */ .ws-consent .wpcf7-form-control-wrap{ display: block; } /* CF7 costuma renderizar: