/*
* st4rt3r CSS
*/
/* --------- Globals --------- */
:root {
--main-bg-color: #f5f3ed;
--main-color: #333;
--main-font: "Poppins", sans-serif;
--heading-font: "Poppins", sans-serif;
--primary: #EC411D;
--primary-hover:#F0674A;
--success: #28a745;
--success-hover: #0f9221;
--secondary: #F99AAB;
--secondary-hover: #FAAEBC;
--danger:#dc3545;
--danger-hover:#c73442;
--warning:#ffc107;
--warning-hover:#ff9a04;
--info:#17a2b8;
--info-hover:#128b9e;
--light:#f5f3ed;
--light-hover:#fff;
--dark:#333;
--dark-hover:#222;
--link:#007bff;
--link-hover:#006adc;
/* navbar-colors */
--navbar-bg:transparent;
--navbar-fixed-bg:#fff;
--navbar-color:#ccc;
--navbar-fixed-color:#333;
}
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.5;
font-size: 1.125rem;
background: var(--main-bg-color);
}
@media (min-width: 992px) {
body {
font-size: 1.125rem;
}
}
main {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
svg * {
transform-box: fill-box;
}
/* --------------------- 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;
}
@media (min-width:1200px) {
.container-fluid {
max-width: 1350px;
}
}
/* Typography */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
font-family: var(--heading-font);
}
h1, .h1 { font-size: 3.5rem; }
h2, .h2 { font-size: 2.75rem; }
h3, .h3 { font-size: 2.25rem; }
h4, .h4 { font-size: 1.75rem; }
h5, .h5 { font-size: 1.5rem; }
h6, .h6 { font-size: 1.25rem; }
@media (min-width: 1200px) {
h1, .h1 { font-size: 6rem; letter-spacing: -1.5px}
h2, .h2 { font-size: 4.5rem; }
h3, .h3 { font-size: 2.5rem; }
h4, .h4 { font-size: 2rem; }
}
b, strong { font-weight: 600; }
.underline { text-decoration: underline!important;}
.uppercase {text-transform:uppercase!important;}
.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;
}
/* font-size */
.fs-lg {font-size: 1.25rem !important;}
.fs-md {font-size: 1.125rem !important;}
.fs {font-size: 1rem !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-shadow {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.btn {
font-weight: 500;
padding: .75rem 1.25rem;
cursor: pointer;
letter-spacing: .3px;
background-size: 200% 100%!important;
background-position: 100% 0!important;
transition: background-position .5s;
border: 0!important;
}
.btn-primary {
background: var(--primary);
border-color:var(--primary);
}
.btn-primary:hover,
.btn-primary:focus {
background: var(--primary-hover);
border-color:var(--primary-hover);
}
.btn-lg {
font-size: 18px;
}
.btn-outline-primary {
color: var(--primary);
border-color:var(--primary);
}
.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;}
.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;
}
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;
}
ul.check-list {
margin: 0;
padding-left: 0;
margin-left: 0;
}
ul.check-list li {
position: relative;
list-style-type: none;
padding-left: 1.5rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
letter-spacing: 0;
border-bottom: 1px solid #eee;
}
ul.check-list li:last-child {
border-bottom: 1px solid transparent;
}
ul.check-list li:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 9px;
width: 8px;
height: 14px;
border-radius: 0;
background: transparent;
border-width: 0 3px 3px 0;
border-style: solid;
border-color: #329b6a;
transform-origin: bottom left;
transform: rotate(45deg);
}
/* ----- 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 > .container,
.navbar > .container-fluid,
.navbar > .container-full {
display: flex;
position: relative;
align-items: center;
}
.navbar-toggler {
position: absolute;
top: 1.25rem;
right: 1rem;
}
.navbar-nav .nav-link {
padding-right: 1rem;
padding-left: 1rem;
}
/* --- navbar-brand --- */
.navbar-brand {
max-width: 150px;
}
@media(max-width:575.98px) {
.navbar-brand {
max-width: 120px;
}
.navbar-toggler {
position: absolute;
top: 0.75rem;
right: 0.25rem;
}
}
.navbar-brand img,
.navbar-brand svg {
display: block;
width: 100%;
}
.navbar-brand svg .cls-1 {
fill: #333;
}
.menu-wrap {
top: 0;
left:0;
width: 100%;
position: fixed;
z-index: 7;
overflow: scroll;
display: none;
}
.menu-wrap.active {
display: block;
}
.menu-wrap .navbar-collapse {
position: relative;
min-height: 100vh;
background: #f5f3ed;
background:#F99AAB;
background-image: url(../../images/team-dynamics-menu-new.png);
background-size: cover;
background-position: center;
width: 100%;
top: 0;
z-index: 7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow:hidden;
}
/* Navbar */
.site-header .navbar-scrollup {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .5s;
transition: all .5s;
position: absolute;
width: 100%;
left: 0;
top:0;
z-index: 8;
min-height: 90px;
padding: 0 1rem;
letter-spacing: 0.1px;
font-size: 15px;
font-weight: 500;
}
.site-header .navbar-scrollup.is-fixed {
position: fixed;
top:-90px;
-webkit-transition: -webkit-transform .75s;
transition: -webkit-transform .75s;
transition: transform .75s;
transition: transform .75s, -webkit-transform .75s;
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
}
.site-header .navbar-scrollup.is-visible,
.site-header .navbar-scrollup.active {
-webkit-transform: translate3d(0, 90px, 0)!important;
transform: translate3d(0, 90px, 0)!important;
top:-90px;
}
.site-header .navbar-scrollup:before {
background: transparent;
content: '';
filter: blur(4px);
position: absolute;
-webkit-transition: all .5s;
transition: all .5s;
width: 100%;
height: 100px;
top: 0;
left: 0;
z-index: 1;
}
.site-header .navbar-scrollup.is-fixed:before {
background: linear-gradient(180deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .08) 100%, rgba(255, 255, 255, 0) 100%);
}
.site-header .navbar-scrollup.active:before {
background: transparent;
}
.site-header .navbar-scrollup > * {
z-index: 2;
}
.navbar-nav {
min-width: 992px;
padding-left: 1rem;
padding-right: 1rem;
}
.menu-wrap .nav-link {
font-size: 5rem;
font-weight: 600;
text-align: left;
color: #fff;
line-height: 1.2;
}
@media (max-width:991.98px) {
.menu-wrap .nav-link {
font-size: 3.5rem;
}
}
@media (max-width:575.98px) {
.menu-wrap .nav-link {
font-size: 2rem;
}
}
.menu-wrap .current-menu-item .nav-link,
.menu-wrap .current-menu-parent .nav-link {
}
.menu-wrap .nav-link:hover,
.menu-wrap .nav-link:focus {
color: #333;
}
.navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar-nav .dropdown-menu .dropdown-item:focus {
background: transparent;
outline: 0 none;
}
/* ---- Mega Menu ----- */
li.megamenu {
position: inherit;
}
.megamenu > .dropdown-menu.depth_0 {
width: 100%;
background: red;
margin: 0;
padding: 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%;
}
.megamenu-column .dropdown-menu {
display: block;
position: relative!important;
margin: 0;
padding: 0;
min-width: auto;
top: 0;
background: 0;
border: 0;
}
@media(max-width:991.98px){
.site-header .navbar-scrollup {
overflow:hidden;
}
.site-header .navbar-scrollup:before {
background: linear-gradient(180deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .08) 100%, rgba(255, 255, 255, 0) 100%)!important;
width: 110%;
left: -5%;
top: -5%;
}
}
/* -------------- 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;
border-bottom: 1px solid currentColor;
}
.accordion .card-header:last-of-type {
border-bottom: 0!important;
}
.accordion .card-header .btn{
padding: 10px 0;
display: flex;
align-items: flex-start;
text-align: left;
line-height: 1.2;
white-space: normal;
flex: 1;
border-radius: 0;
color: inherit;
}
.accordion .card-header .btn:hover,
.accordion .card-header .btn:focus {
text-decoration: none;
}
.accordion .card-header .btn::after {
content: "+";
top: -2px;
margin-left: auto;
}
.accordion .card-header .btn[aria-expanded="true"]::after {
content: "-";
}
.accordion .card-body {
padding: 4.5rem 0;
}
.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;
}
/* ----- 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 {
color: #777;
height: auto !important;
font-size: 14px;
}
.next-link span {
color: #49678a;
}
.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;
}
.hero-right svg path,
.hero-left svg path {
stroke: rgba(255, 255, 255, 0.75) !important;
}
.link--arrowed {
display: inline-block;
height: 2rem;
line-height: 2rem;
margin-left: 5px;
margin-right: 5px;
}
.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,
.archive-template {
padding-top: 12rem!important;
}
.single-post-page .image-wrap,
.block-part-wrap {
margin-bottom: 6rem;
}
.block-part-wrap h2 {
font-size: 2rem;
font-weight:600;
margin-bottom:1rem;
}
.block-part-wrap h3 {
font-size: 1.5rem;
margin-top: 3rem;
font-weight: 600;
}
.block-part-wrap ul {
margin-bottom:3rem;
margin-top: 2rem;
list-style:none;
padding:0;
}
.block-part-wrap ul li {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left:.5rem;
}
.block-part-wrap ul li::before {
content: '';
width: 8px;
height: 8px;
border-radius: 50%;
background: #f77a03;
font-weight: bold;
margin-right: .75rem;
margin-left: -0.5rem;
position: relative;
display: inline;
float: left;
margin-top: 9px;
}
/* Post Sidebars */
.post-navigation {
font-size: 12px;
margin-bottom: 6rem;
}
.sidebar > section {
margin-bottom: 3rem;
}
.sidebar h2.h4 {
font-size: 1rem;
margin-bottom: 1.5rem;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 14px;
}
.sidebar ul {
font-size: 14px;
padding-left: 0;
list-style: none;
margin-bottom: 3rem;
}
.sidebar ul li {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 0.25rem 0;
}
.sidebar ul li:last-child {
border-bottom: 1px solid transparent;
padding: 0.25rem 0;
}
/* ----- 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-swiper,
.hero-single {
overflow: hidden;
position: relative;
}
.hero-swiper .swiper-slide .row {
margin-left: 0;
margin-right: 0;
}
.hero-swiper .swiper-slide .row-reverse,
.hero-single .swiper-slide .row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.hero-swiper .swiper-slide,
.hero-single .swiper-slide {
background-position: center;
background-size: cover;
overflow: hidden;
position: relative;
}
.hero-swiper .swiper-slide video,
.hero-single .swiper-slide 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;
}
.slide-content-image {
background-position: center;
background-size: cover;
}
.hero-swiper .swiper-slide .slide-content,
.hero-single .swiper-slide .slide-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 3rem;
padding-bottom: 6rem;
padding-left: 2rem;
padding-right: 2rem;
}
.hero-swiper .swiper-slide .slide-content .slide-content-inner > span,
.hero-single .swiper-slide .slide-content .slide-content-inner > span {
display: block;
}
@media(min-width:992px) {
.hero-swiper .swiper-slide .slide-content,
.hero-single .swiper-slide .slide-content {
padding-top: 6rem;
padding-bottom: 6rem;
padding-left: 0rem;
padding-right: 0rem;
}
}
@media(max-width:991.98px) {
.hero-swiper .swiper-slide .slide-content,
.hero-single .swiper-slide .slide-content {
background: #333;
}
}
@media (min-width:992px) {
.h100vh .swiper-slide .slide-content,
.h100vh .swiper-slide .slide-content-image {
min-height: 100vh;
}
.h75vh .swiper-slide .slide-content,
.h75vh .swiper-slide .slide-content-image {
min-height: 75vh;
}
.h50vh .swiper-slide .slide-content,
.h50vh .swiper-slide .slide-content-image {
min-height: 50vh;
}
.h16x9 {
padding-bottom: 64%;
}
.h16x9 .swipper-wrapper {
display: flex;
flex: 1;
height: 100%;
background: #ccc;
}
}
@media (max-width:991.98px) {
.hero-swiper .swiper-slide .slide-content-image,
.hero-single .swiper-slide .slide-content-image {
padding-bottom: 64%;
}
}
.hero-swiper .swiper-slide.row-reverse,
.hero-single .swiper-slide.row-reverse {
margin: 0 !important;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.hero-swiper .swiper-slide .slide-content.light,
.hero-single .swiper-slide .slide-content.light {
color: #fff;
}
@media (min-width:992px) {
.hero-swiper .swiper-slide.overlay:before,
.hero-single .swiper-slide.overlay:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
top: 0;
left: 0;
z-index: 4;
}
}
.hero-swiper .swiper-slide .slide-content-inner,
.hero-single .swiper-slide .slide-content-inner {
z-index: 5;
}
@media (min-width:992px) {
.hero-swiper .swiper-slide.half-image .slide-content-inner,
.hero-single .swiper-slide.half-image .slide-content-inner {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
}
/* hero slider navigation */
.hero-slider-nav {
position: absolute;
bottom: 2rem;
z-index: 8;
width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.slide-image-wrap {
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 100%;
display: block;
}
.slide-image {
background-size: cover;
background-position: center;
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 100%;
display: block;
}
@media(max-width:991.98px) {
.slide-image-wrap {
padding-bottom: 64%;
height: auto;
position: relative;
}
.slide-video,
.slide-image {
}
}
/* ----- TOP BAR ----- */
.top-bar {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 40px;
-webkit-transition: all .5s;
transition: all .5s;
-webkit-transition-delay: .25s;
transition-delay: .25s;
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: 3rem;
letter-spacing: .1px;
background: #f5f3ed;
}
.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;
}
.bottomline {
font-size: 12px;
}
.bottomline ul {
list-style: none;
margin: 0;
padding: 0;
}
.bottomline ul li {
display: inline-block;
font-size: 12px;
}
.bottomline ul li a {
padding: 0 0.5rem;
}
/* ----- CONTACT FORM 7 ----- */
label {
display: block;
margin-bottom: 0;
transition: all .5s;
}
.form-group p {
margin-bottom: 0;
font-size: 12px;
}
.form-control {
height: 46px;
color: currentColor;
background: transparent;
border: 0;
border-bottom: 1px solid currentColor;
border-radius: 0;
padding: 0;
font-size: 18px;
}
.form-control:hover,
.form-control:focus {
outline: 0 none !important;
-webkit-box-shadow: 0 0 0px #3962ff;
box-shadow: 0 0 0px #3962ff;
background: transparent;
}
.form-control:focus + label {
color: red;
}
.form-control::placeholder {
color: currentColor!important;
opacity: 1; /* Firefox */
}
.form-control::-ms-input-placeholder { /* Edge 12 -18 */
color: currentColor!important;
}
input:focus + label {
color: #111;
transform: translate(0, -2.75rem);
}
input:focus + label,
input:not(:placeholder-shown) + label {
color: currentColor;
transform: translate(0, -2.75rem);
}
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;
}
.acceptance-group input {
background-color: transparent;
border-color: #ff7a00;
width: 18px;
height: 18px;
border-radius: 0;
position: absolute;
left: 0;
}
.acceptance-group input:checked {
border-color: #ff7a00;
background-color: #ff7a00
}
.acceptance-group label {
padding-left: 1.75rem;
}
.acceptance-group .wpcf7-list-item {
display: inline-block;
margin: 0;
font-size: 14px;
}
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 {
padding: 0;
}
.social-media-icons i {
font-size: 26px !important;
color: inherit !important;
text-align: center;
line-height: 40px;
height: 40px;
width: 60px;
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: "\f16a";
}
.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;
}
/* LOADING PAGE */
.loading-page {
min-height: 100vh;
width: 100%;
display: flex;
align-items: center;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
.loading-page .loading-bg {
background-color: #f99aab;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(136deg, #ff8e2b 0, #ef4825 49.48%, #f99aab 100%);
z-index: 10001036;
background-position: center center;
transition: opacity 3s ease;
opacity: 1;
display: block;
z-index: 9;
}
.loading-page .container-fluid {
z-index: 9;
}
.intro-logo-wrap svg {
width: 100%;
}
.intro-logo-wrap svg path{
transform-origin: center;
opacity: 0;
}
/* HERO FRONTPAGE */
.frontpage-hero {
min-height: 100vh;
color: #f5f3ed;
background: rgb(250,152,169);
background: linear-gradient(0deg, rgba(250,152,169,1) 0%, rgba(237,67,29,1) 50%, rgba(255,121,0,1) 100%);
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.frontpage-hero .hero-text {
font-size: 180px;
line-height: 154px;
letter-spacing: -1.44px;
display: block;
z-index: 3;
position: relative;
font-weight: 600;
}
.frontpage-hero .container-absolute {
width: 100%;
position: absolute;
z-index: 0;
bottom: 0;
right: 0;
min-height: 100vh;
padding-top: 100px;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
#hero .video {
width: 160%;
transform: translateX(-35%);
-webkit-mask-image: var(--mask-image);
mask-image: var(--mask-image);
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: top right;
mask-position: top right;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-o-object-position: center center;
object-position: center center;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 4 / 3;
}
@media (max-width: 991.98px) {
.frontpage-hero {
min-height: auto;
padding:0;
}
.frontpage-hero .container-absolute {
position:relative;
min-height: auto;
padding:3rem 0;
order:2;
}
#hero .video {
width:120%;
margin-left:-30%;
}
}
@media (min-width: 992px) {
#hero .video,
.page-template-page_others #hero .video,
.privacy-policy #hero .video {
width: 50vw;
aspect-ratio: 1 / 3;
height: auto;
max-height: calc(100vh - 80px);
transform: translateY(0);
}
}
/* INTRO */
.c-pink-light {
color: #fbbac5;
}
.c-pink,
.c-pink-1 {color: #F99AAB;}
.c-pink-2 {color: #FAAEBC;}
.c-pink-3 {color: #FBC2CD;}
.c-pink-4 {color: #FDD7DD;}
.c-pink-5 {color: #FEEBEE;}
.c-red,
.c-red-1{color:#EC411D;}
.c-red-2{ color:#F0674A;}
.c-red-3{ color:#F48D77;}
.c-red-4{ color:#F7B3A5;}
.c-red-5{ color:#FBD9D2;}
.c-orange,
.c-orange-1 {color:#FF7A00;}
.c-orange-2 {color:#FF9533;}
.c-orange-3 {color:#FFAF66;}
.c-orange-4 {color:#FFCA99;}
.c-orange-5 {color:#FFE4CC;}
.c-grey,
.c-grey-5 {color: #555}
.c-grey-6 {color: #666}
.c-grey-7 {color: #777}
.c-grey-8 {color: #888}
.c-grey-9 {color: #999}
.c-gray-c {color: #c1c1c1;}
.c-grey-3,
.c-black {
color:#333;
}
.bg-pink,
.bg-pink-1 {background-color: #F99AAB;}
.bg-pink-2 {background-color: #FAAEBC;}
.bg-pink-3 {background-color: #FBC2CD;}
.bg-pink-4 {background-color: #FDD7DD;}
.bg-pink-5 {background-color: #FEEBEE;}
.bg-red,
.bg-red-1{background-color:#EC411D;}
.bg-red-2{ background-color:#F0674A;}
.bg-red-3{ background-color:#F48D77;}
.bg-red-4{ background-color:#F7B3A5;}
.bg-red-5{ background-color:#FBD9D2;}
.bg-orange,
.bg-orange-1 {background-color:#FF7A00;}
.bg-orange-2 {background-color:#FF9533;}
.bg-orange-3 {background-color:#FFAF66;}
.bg-orange-4 {background-color:#FFCA99;}
.bg-orange-5 {background-color:#FFE4CC;}
.team {
display: inline-block;
}
.team .e {
display: inline-block;
transform: rotate(-40deg) translate(-3px, -2px);
}
@media (min-width: 1200px) {
.team .e {
display: inline-block;
transform: rotate(-55deg) translate(-8px, -4px);
}
}
/* HOME ILLUSTRATION */
.home-illustration {
background: #fb98a9;
}
.home-illustration svg {
min-width: 100%;
max-width: 100%;
}
/* INTRO ACTIVITIES */
.activities-intro {
background: rgb(237,71,28);
background: linear-gradient(0deg, rgb(253,115,6) 0%, rgb(255,121,0) 100%);
position: relative;
}
.activities-intro:after {
content: "";
position: absolute;
z-index: 1;
top: 100%;
width: 100%;
height: 161px;
background-size: cover;
background-position: top center;
background-image: url(../../images/bg-clients-bottom.svg);
}
.activities-intro-slider .swiper-slide {
min-height: 250px;
display: flex;
flex-direction: column;
justify-content: center;
}
.activities-intro-slider .swiper-slide p {
transition: all 1s;
opacity: 0;
}
.activities-intro-slider .swiper-slide-active p {
opacity: 1;
}
.swiper .swiper-pagination {
display: flex;
width: auto;
position: relative;
gap: 15px;
margin: 0 auto;
justify-content: center;
}
.swiper-pagination-bullet {
width:15px;
height:15px;
border: solid 1px #f5f3ee;
background: transparent;
opacity: 1;
}
.swiper-pagination-bullet-active {
background: #f5f3ee;
}
/* TESTIMONIAL SLIDER - CLIENTS */
section.client-testimonials {
position: relative;
}
.swiper-clients-wrap:before {
content: "“";
position: absolute;
top: 0;
left:-110px;
display: inline-block;
color: #fb98a9;
font-size: 180px;
line-height: 1;
letter-spacing: 1px;
font-weight: 700;
}
#clients .meta {
font-size: 1.5rem;
line-height: 1.3;
margin-top: 1.5rem;
}
@media (min-width: 992px) {
#clients .text {
margin-top: 0;
font-size: 1.75rem;
line-height: 1.4;
letter-spacing: .4px;
font-weight: 500;
}
}
@media(min-width:992px) {
#clients .global-review {
margin-top: -15rem;
position: relative;
z-index: 2;
}
}
#clients .global-review strong {
font-size: 90px;
line-height: 72px;
font-weight: 600;
letter-spacing: -2px;
}
#clients .global-review .small {
font-size: 16px;
}
#clients .global-review svg {
vertical-align:top;
}
.swiper-clients .swiper-pagination {
justify-content: flex-start;
}
.swiper-clients .swiper-pagination-bullet {
border: solid 1px #666;
}
.swiper-clients .swiper-pagination-bullet-active {
background: #666;
}
.review-highlights {}
.review-highlights strong {
font-size: 70px;
line-height: 0.9;
}
/* Contacts */
.icon {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #555;
color: #fff;
font-size: 20px;
}
.phone-icon {}
.swiper-teams {
position: relative;
color: #181617;
text-align: center;
}
.swiper-teams .parallax-bg {
position: absolute;
z-index: 5;
width: 1998px;
height: 75%;
top: 0;
left: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center left;
background-image: url(../../images/bg-teams-2.svg)
}
@media (min-width: 992px) {
.swiper-teams .parallax-bg {
width:3816px
}
}
.swiper-teams .swiper-wrapper {
position: relative;
z-index: 5!important
}
.swiper-teams .swiper-slide {
width: 222px
}
@media (min-width: 992px) {
.swiper-teams .swiper-slide {
width:424px
}
}
.swiper-teams .swiper-slide .swiper-content {
position: relative;
z-index: 6
}
.swiper-teams img {
-o-object-position: center center;
object-position: center center;
-o-object-fit: 101% 101%;
object-fit: 101% 101%
}
.swiper-teams .h4 {
font-family: Poppins,sans-serif;
font-weight: 600;
font-size: 18.8px;
line-height: 20.045px;
letter-spacing: -.376px
}
@media (min-width: 992px) {
.swiper-teams h2.h4 {
font-size:36px!important;
line-height: 46px;
letter-spacing: -.48px
}
}
.swiper-teams p {
font-family: Poppins,sans-serif;
font-weight: 400;
font-size: 12.5px;
line-height: 24.045px;
letter-spacing: -.251px
}
@media (min-width: 992px) {
.swiper-teams p {
font-size:24px;
line-height: 46px;
letter-spacing: -.72px
}
}
.lg-icon {
max-width:125px;
}
.swiper-activities {
overflow: visible;
}
.swiper-activities .swiper-slide {
border-radius: 1rem;
overflow: hidden;
background: #f5f3ed;
}
.swiper-activities .swiper-slide-active {
background: #f5f3ed;
}
.swiper-slide .activity-content {
opacity: 0;
transition: all .5s;
transform: translate3d(0,-1rem,0);
}
.swiper-slide:hover .activity-content,
.swiper-slide-active .activity-content {
opacity: 1;
transform: translate3d(0,0,0);
}
.activity-image {
position: relative;
display: flex;
align-items: flex-end;
justify-content: flex-start;
text-align: center;
overflow: hidden;
}
.swiper-slide .activity-image {
border-radius: 1rem;
transition: all .5s;
opacity: 0.75;
}
.swiper-slide .activity-image:hover {
opacity: 1;
}
.swiper-slide-active .activity-image {
opacity: 1;
}
.activity-image .image-overlay:after {
position: absolute;
z-index: 2;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38.24%, rgba(0, 0, 0, .4) 83.61%);
transition: backound .3s ease;
}
.activity-image h3 {
position: absolute;
color: #fff;
padding: 1.5rem;
z-index: 3;
}
.swiper-nav {
display: flex;
margin-bottom: 1rem;
}
.swiper-activities .swiper-button-next,
.swiper-activities .swiper-button-prev {
position: relative;
width: 55px;
height: 55px;
margin: 0!important;
overflow: hidden;
background-position:center center;
background-repeat: no-repeat;
}
.swiper-activities .swiper-button-next:focus,
.swiper-activities .swiper-button-prev:focus {
outline:0 none;
border:0;
box-shadow:0 0 0 transparent;
}
.swiper-button-next:after,.swiper-button-prev:after {
text-indent: -999px
}
.swiper-activities .swiper-button-next {
background-image: url("data:image/svg+xml,");
margin-left: 10px!important
}
.swiper-activities .swiper-button-prev {
background-image: url("data:image/svg+xml,");
margin-right: 0px!important
}
@media(max-width:575.98px) {
.programs-section .card-header .btn.h2 {
font-size:2rem;
}
}
.programs-section .card-header .btn:hover{
color: #F0674A;
}
.programs-section .card-header .btn[aria-expanded="true"],
.programs-section .card-header .btn[aria-expanded="true"]:hover{
color: #F0674A;
}
.home-programs .card-header .btn[aria-expanded="true"],
.home-programs .card-header .btn[aria-expanded="true"]:hover,
.home-programs .card-header .btn:hover,
.home-programs .card-body {
color: #FFF!important;
}
.home-programs .swiper-activities .swiper-slide,
.home-programs .swiper-activities .swiper-slide-active {
background: #fb98a9!important;
}
.home-programs .swiper-activities .swiper-button-next {
background-image: url("data:image/svg+xml,");
margin-left: 10px!important
}
.home-programs .swiper-activities .swiper-button-prev {
background-image: url("data:image/svg+xml,");
margin-right: 0px!important
}
/* About Page */
.about-hero:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: linear-gradient(0deg, #fa98a9 15%, #ed431d 50%, #ff7900 100%);
z-index: -1;
}
.bg-section.about-hero-image {
min-width: 100%;
min-height: 125vh;
margin-top: 0;
background-position: center;
}
.about-team-building {
background: linear-gradient(180deg, #fa98a9 0%, #ff7900 50%, #ed431d 100%)!important;
}
.pink-red-gradient {
background: linear-gradient(180deg, #fa98a9 15%, #ed431d 85%)!important;
}
.red-pink-gradient {
background: linear-gradient(0deg, #fa98a9 15%, #ed431d 85%)!important;
}
.pink-orange-gradient {
background: linear-gradient(180deg, #fa98a9 15%, #ff7900 85%)!important;
}
.orange-pink-gradient {
background: linear-gradient(0deg, #fa98a9 15%, #ff7900 85%)!important;
}
.orange-red-gradient {
background: linear-gradient(180deg, #ff7900 15%, #ed431d 85%)!important;
}
.red-orange-gradient {
background: linear-gradient(0deg, #ff7900 15%, #ed431d 85%)!important;
}
.white-pink-gradient {
background: linear-gradient(180deg, #f5f3ed 15%, #fa98a9 85%)!important;
}
section.about-sustainability-section {
position: relative;
}
/* Activities */
.has-white-divider {
position: relative;
}
.has-white-divider:before{
content:'';
position: absolute;
min-width: 100%;
min-height: 700px;
top:-100px;
left: 0;
background-image: url(../../images/activities-divider.svg);
background-repeat: no-repeat;
}
/* Sustentabilidade */
.sustainability_activities .card-header {
color:#fff;
}
.sustainability_activities .card-body {
color:#fff!important;
}
.sustainability_activities .swiper-slide {
background: transparent;
}
.sustainability_activities .swiper-slide:hover .activity-content {
opacity: .75;
}
.sustainability_activities .swiper-slide-active:hover .activity-content {
opacity: 1;
}
.sustainability_activities .swiper-slide .activity-image {
border-radius: 1rem;
opacity: 1;
}
section.corporate-section {
position:relative;
padding-bottom: 75%;
}
.bg-section {
-webkit-mask-image: var(--bg-mask);
mask-image: var(--bg-mask);
background-image: var(--bg-image);
background-size: cover;
background-position: center center;
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-size: cover;
mask-size: cover;
position: absolute;
min-width: 100%;
aspect-ratio: 1920 / 1280;
top: 0;
left: 0;
}
.bg-section.corporate {
aspect-ratio:1920/2500;
margin-top: -12%;
}
.corporate-spacing {
padding-top: 110%;
}
/* Hero Section */
.hero-section {
display: flex;
flex-direction: column;
padding-top: 6rem;
padding-bottom: 6rem;
justify-content: center;
background-size: cover;
background-position: center;
padding-top: 9rem;
padding-bottom: 9rem;
min-height: 50vh;
position:relative;
overflow:hidden;
}
.hero-section .h1 {
line-height: 1.1;
font-weight: 600;
font-size: 3.5rem;
letter-spacing: -0.25px;
}
.hero-section .h1 .word {
display: inline-block;
opacity: 0;
}
.hero-section .bg-section {
min-width: 100%;
min-height: 50vh;
aspect-ratio: 1920 / 1280;
background-position: center;
margin-top: -3rem;
right:0;
left: auto;
opacity: 0;
}
@media(max-width:991.98px){
.hero-section {
padding-bottom:0;
}
.hero-section.sustainability-hero {
padding-bottom:4.5rem;
}
.hero-section .bg-section {
position:relative;
min-width: 150%;
margin-top: 0;
min-height: auto;
left: -50%;
order:2;
}
}
.hero-section video {
opacity: 0;
}
@media (min-width:768px){
.hero-section .h1 {
font-size: 4rem;
letter-spacing: -0.5px;
}
.hero-section,
.hero-section .bg-section {
min-height: 75vh;
}
}
@media (min-width:992px){
.hero-section .h1 {
font-size: 5rem;
letter-spacing: -1px;
line-height: 1;
}
.hero-section,
.hero-section .bg-section {
min-height: 100vh;
}
}
@media (min-width:1200px){
.hero-section .h1 {
font-size: 7rem;
letter-spacing: -2px;
}
}
@media (min-width:1400px){
.hero-section .h1 {
font-size: 8rem;
letter-spacing: -2px;
}
.frontpage-hero .h1 {
font-size: 10rem;
letter-spacing: -3px;
line-height: 0.9;
font-weight: 600;
}
}
.hero-section .full-height {
min-height: calc(100% - 12rem);
}
.z-index-1 {
z-index: 1;
}
.hero-video-wrap {
position: inherit;
z-index: 0;
}
.video-toggler {
position: absolute;
z-index: 30;
width: 70px;
height: 70px;
background-color: #f99aab;
color: #f5f3ee;
border-radius: 100%;
border: none;
margin-left: auto;
}
.video-toggler:focus {
outline: 0;
}
.sustainable-video {
-o-object-position: center center;
object-position: center center;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
border-radius: 100%;
z-index: 20;
transition: .25s linear
}
@media (max-width: 991.98px) {
.sustainable-video-wrap {
padding-bottom: 100%;
}
.sustainable-video {
margin-left: auto;
margin-right: auto;
border-radius: 100%;
right: 0px;
opacity: 1!important;
width:500px;
height: 500px;
}
}
@media (min-width: 992px) {
.sustainable-video {
width:740px;
height: 740px;
}
}
.sustainable-video.fullscreen {
top: 0!important;
left: 0!important;
width: 100vw!important;
height: 100vh!important;
border-radius: 0!important
}
.video-toggler {
position: relative;
z-index: 30;
width: 70px;
height: 70px;
background-color: #f99aab;
color: #f5f3ee;
border-radius: 100%;
border: none;
margin-left: auto;
margin-bottom: auto;
transform: translate3d(0,-3rem,0);
}
.video-toggler svg {
width: 20px;
height: 20px
}
@media (min-width: 992px) {
.video-toggler {
width:120px;
height: 120px;
}
.video-toggler svg {
width: 39px;
height: 39px;
}
}
.video-toggler .arrow {
transition: transform .5s ease;
transform-origin: center;
transform-box: fill-box
}
.video-toggler:hover .arrow-1 {
transform: rotate(180deg)
}
.video-toggler:hover .arrow-2 {
transform: rotate(180deg)
}
/*
@media (max-width: 991.98px) {
.video-toggler {
display: none;
visibility: hidden;
}
}
*/
.sustainability-hero:before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: linear-gradient(0deg, #c095a9 0%, #218ba3 35%);
z-index: -1;
}
/*
.sustainability-hero:after {
content: "";
position: absolute;
top: -100px;
left: 0;
width: 100%;
height: 300px;
background: linear-gradient(0deg, #218ba3 0%, #38b193 100%);
z-index: -1;
}
*/
.sustainability-hero .h1 {
font-weight: 600;
color: #f5f3ed;
min-height:300px;
}
.cd-words-wrapper b {
white-space: wrap!important;
display: block;
color: #f99aab;
}
@media(min-width:992px) {
.sustainability-hero .cd-headline {
min-height: 520px;
}
}
.sustainability-contacts {
position: relative;
background: #086c83;
}
.sustainability-contacts:before{
position: absolute;
content:'';
top: -350px;
left: 0;
background-size: auto;
background-repeat: no-repeat;
background-image: url(../../images/contacts-bg-sustain-trees.svg);
width: 2500px;
height: 400px;
}
.site-header .lang-switcher {
align-items: center;
display: inline-flex;
margin-left: auto;
margin-right: 4.5rem;
}
@media(max-width:575.98px) {
.site-header .lang-switcher {
margin-right: 3rem;
}
}
.site-header .lang-switcher a {
text-decoration: none;
color: #181617;
font-family: Poppins,sans-serif;
font-weight: 500;
opacity: .3;
transition: opacity .3s ease;
font-size: 14px;
text-transform: uppercase
}
@media (min-width: 992px) {
.site-header .lang-switcher a {
font-size:18px;
}
}
.site-header .lang-switcher a.active {
opacity: 1
}
.site-header .lang-switcher a.active+.switch {
background-position: left center
}
.site-header .lang-switcher .switch {
display: block;
width: 28px;
height: 16px;
border-radius: 52px;
background-color: #181617;
background-image: url("data:image/svg+xml,");
background-position: right center;
background-size: contain;
background-repeat: no-repeat;
transition: background-position .25s ease-in-out;
cursor: pointer
}
.page-template-page_sustainable .site-header .lang-switcher a {
color: #f5f3ee
}
.page-template-page_sustainable .site-header .lang-switcher .switch {
background-color: #f5f3ee;
background-image: url("data:image/svg+xml,")
}
.balloon-container {
position: fixed;
bottom: 16px;
right: 16px;
z-index: 1046
}
@media (min-width: 992px) {
.balloon-container {
bottom:32px;
right: 32px
}
}
.balloon-container .balloon {
display: flex;
position: relative;
text-decoration: none
}
.balloon-container .balloon .ico {
position: absolute;
bottom: 0;
right: 0;
display: flex;
width: 50px;
height: 50px;
border-radius: 50px;
background-color: #f5f3ee;
background-size: 23px 22px;
background-position: center;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,");
z-index: 2;
box-shadow: 2.50898px 2.50898px 5.01797px 0 rgba(0,0,0,.25)
}
.balloon-container .balloon span {
display: flex;
width: auto;
opacity: 0;
height: 50px;
border-radius: 50px;
transition: max-width .5s ease;
transform-origin: center right;
padding: 0 50px 0 20px;
z-index: 1;
color: transparent;
font-size: 20px;
background-color: #f5f3ee;
justify-content: center;
align-items: center;
max-width: 0
}
.balloon-container .balloon:hover .ico {
box-shadow: none
}
.balloon-container .balloon:hover span {
max-width: 400px;
color: #181617;
opacity: 1;
box-shadow: 2.50898px 2.50898px 5.01797px 0 rgba(0,0,0,.25);
transition: max-width .5s ease,color .5s ease .75s
}
.supporticons {
display:flex;
align-items:flex-end;
justify-content:flex-end;
}
@media(max-width:991.98px) {
.supporticons {
justify-content:center;
align-items:center;
}
.social-footer .social-media-icons {
justify-content:center;
}
}
.mailerlite-form-field label {
color:#999;
font-size:13px;
letter-spacing:1px;
}
.mailerlite-form .mailerlite-subscribe-button-container {
text-align: left!important;
margin-top: 3rem!important;
}
.single-atividades {
background-image:url(../../images/activities-page-bg.svg);
background-size:cover;
background-position:top;
}
.single-atividades .site-footer {
background-color:transparent!important;
}
.activity-top-label {
position:absolute;
display:flex;
align-items:center;
z-index:2;
top:2.5rem;
left:2.5rem;
padding:1rem 2rem;
border-radius:3rem;
color:#fff;
background: linear-gradient(90deg,rgba(249, 153, 170, 1) 50%, rgba(255, 123, 2, 1) 100%);
}
.activity-top-label .label-icon {
width:60px;
height:60px;
min-width:60px;
margin-right:1rem;
display:block;
}
.activities-header {
position:relative;
margin-bottom:6rem;
margin-top:6rem;
}
.activities-header .hero-image {
position:relative;
padding-bottom:45%;
overflow:hidden;
border-radius:3rem;
}
.activities-header .hero-image 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;
}
.activity-top-label .label-icon img {
position:relative;
-o-object-fit: inherit;
object-fit: inherit;
-o-object-position: inherit;
object-position: inherit;
}
@media(max-width:767.98px) {
.activities-header {
margin-bottom: 3rem;
}
.activities-header .hero-image {
padding-bottom:60%;
border-radius:2rem;
}
.activities-header .activity-top-label {
top:1.5rem;
left:1.5rem;
padding:0.5rem 1rem;
border-radius:2rem;
}
.activities-header .activity-top-label .h3 {
font-size:1.5rem;
margin-bottom:0;
}
.activity-top-label .label-icon {
width:40px;
height:40px;
min-width:40px;
margin-right:0.5rem;
}
}
.reveal-item {
display:flex;
align-items:center;
padding:1.5rem;
background:#fff;
border-radius:1rem;
font-weight:600;
padding: 1.25rem;
line-height: 1.4;
box-shadow:0 2px 2px rgba(0,0,0,0.1);
height:100%;
}
.download-icon {
width:42px;
min-width:42px;
height:42px;
margin-right:1rem;
}
.uncover-item {
display:flex;
margin-bottom:1rem;
}
.uncover-icon {
width:120px;
height:120px;
min-width:120px;
padding: .75rem;
background:#fff;
box-shadow:0 2px 2px rgba(0,0,0,0.1);
border-radius:1rem;
overflow:hidden;
margin-right:1rem;
}
.uncover-content {
flex:1;
display:flex;
flex-direction:column;
justify-content:center;
padding: .75rem 1.5rem;
background:#fff;
box-shadow:0 2px 2px rgba(0,0,0,0.1);
border-radius:1rem;
}
.uncover-content p {
margin-bottom:0;
}
.activity-testimonials {
position:relative;
}
.activity-testimonials:before {
content:'';
display:block;
position:absolute;
top:5px;
left:0;
width:50px;
height:30px;
background-image:url(../../images/activity-quote-before.svg);
}
.activity-testimonials .swiper-slide {
padding-left:4.5rem;
}
@media(max-width:575.98px) {
.activity-testimonials .swiper-slide {
padding-left:1rem;
}
.activity-testimonials:before {
position: relative;
left: 1rem;
margin-bottom: 0.75rem;
}
}
.how-it-works {
padding:1.5rem 2.5rem;
background:#fff;
box-shadow:0 2px 2px rgba(0,0,0,0.1);
border-radius:1rem;
}
.how-it-works .topic {
display:flex;
align-items:center;
margin-bottom:1rem;
margin-top:1rem;
}
.how-it-works .topic .label {
border-radius:1.5rem;
background:#fec2cc;
padding:0.5rem;
margin-right:1rem;
width:190px;
min-width:190px;
text-align:center;
}
@media(max-width:575.98px) {
.how-it-works .topic {
display:flex;
flex-direction:column;
text-align:center;
align-items:center;
margin-bottom:1.5rem;
margin-top:1.5rem;
font-size:1rem;
}
.how-it-works .topic .label {
padding: 0.25rem;
margin-bottom: 0.5rem;
font-size: 1.125rem;
font-weight: 500;
display: block;
width: 100%;
margin-left: 0;
margin-right: 0;
}
}
.measurable-outcomes {
padding:1.5rem 2.5rem 1.5rem 1.5rem;
background:#ffcc9e;
box-shadow:0 2px 2px rgba(0,0,0,0.1);
border-radius:1rem;
}
.measurable-outcomes .outcome {
display:flex;
align-items:center;
margin-bottom:1rem;
margin-top:1rem;
}
.measurable-outcomes .outcome .check-icon {
width:70px;
height:70px;
min-width:70px;
padding: .75rem;
margin-right:1rem;
}
@media(max-width:575.98px) {
.measurable-outcomes {
padding: 1.5rem 1.5rem;
}
.measurable-outcomes .outcome {
display: flex;
align-items: flex-start;
}
.measurable-outcomes .outcome .check-icon {
width: 40px;
height: 40px;
min-width: 40px;
padding: 0;
margin-right: 1rem;
}
}
.target-traits {
padding:2.5rem 2.5rem;
background: #F999AA;
background: linear-gradient(120deg,rgba(249, 153, 170, 1) 0%, rgba(255, 123, 2, 1) 100%);
box-shadow:0 2px 2px rgba(0,0,0,0.1);
border-radius:1rem;
color:#fff;
}
.target-traits .traits li {
padding:0.5rem 0;
}
.btn-gradient {
background: linear-gradient(90deg,rgba(249, 153, 170, 1) 50%, rgba(255, 123, 2, 1) 100%);
}
.highlights-box {
padding:2.5rem 1.5rem;
background:#fff;
box-shadow:0 2px 10px rgba(0,0,0,0.1);
border-radius:1rem;
max-width:380px;
}
.highlights-box.fixed {
position:fixed;
top:120px;
}
#highlights_placeholder {
display: none;
}
.highlights-box .highlight {
display:flex;
padding:0.5rem 0;
line-height:1.4;
}
@media (max-width:991.98px) {
.highlights-box {
position:fixed;
bottom:1rem;
left:1rem;
width:calc(100% - 2rem);
max-width:100%;
z-index:2;
}
.highlights-box .highlight {
padding:0.25rem 0;
font-size:14px;
}
.single-atividades footer {
padding-bottom:400px;
}
}
.highlights-box .highlight .highlight-icon {
width:40px;
min-width:40px;
height:40px;
margin-right:1rem;
margin-top:-7px;
}
.avatar-thumb {
width: 60px;
min-width:60px;
height: 60px;
background: #ccc;
border-radius: 50%;
background-image:url(../../images/seb.jpg);
background-size:cover;
box-shadow:0 2px 2px rgba(0,0,0,0.1);
}
.cta-block {
display:flex;
align-items:center;
}
.cta-block .btn {
margin-right:1rem;
border-radius:1.5rem;
}
.highlights-box .cta-block .btn {
flex:1;
}
@media(max-width:575.98px) {
.highlights-box .highlight .highlight-icon {
margin-right: 0.25rem;
width:30px;
min-width:30px;
height:30px;
}
.highlights-box .avatar-thumb {
display:none;
}
.highlights-box .cta-block .btn {
margin-right:0.5rem;
border-radius:1.5rem;
font-size:13px;
white-space: normal;
}
}
.logos-slider .link--arrowed svg path {
stroke: #fff;
}
.logo-wrap .logo {
padding:0 1rem;
display:block;
max-width:220px;
margin:auto;
}
.cta-block-wrapper {
padding: 2.5rem 2.5rem;
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
border-radius: 1rem;
}
.highlights-cases-wrap,
.index-case {
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
border-radius: 1rem;
background:#fff;
}
.index-case {
padding:0 1.5rem 1rem;
}
.highlights-case {
padding:1.5rem!important;
}
.case-highlight {
padding:0.25rem 0;
}
.highlights-case-image {
border-bottom:1px solid rgba(0,0,0,0.1);
}
@media (min-width:578px) and (max-width:991.98px) {
.highlights-case-image {
border-bottom:0;
border-right:1px solid rgba(0,0,0,0.1);
margin-bottom:0;
}
}
.lista-atividades-relacionadas {
list-style:none;
padding:0;
margin:0;
}
.index-case-image {
border-bottom:1px solid rgba(0,0,0,0.1);
margin-bottom:1.5rem;
}
.cases-blockquote {
position:relative;
padding:0 2.5rem;
}
.cases-blockquote:before {
content: '';
display: block;
position: absolute;
top: 10px;
left: -5px;
width: 34px;
height: 20px;
background-image:url(../../images/activity-quote-before.svg);
}
/* --- GRID TEMPLATE FOR ACTIVITIES --- */
.activities-row .activity-image {
border-radius:1rem;
}
.review-btn {
display: block;
padding: 0.5rem;
border: 1px solid #aaa;
border-radius: 0.5rem;
}
.review-btn:hover {
background:#fff;
padding: 0.5rem; border: 1px solid #aaa;
}
@media(min-width:992px) {
#clients .global-reviews-links {
margin-top: -11rem;
max-width:300px;
position: relative;
z-index: 2;
}
}
.block-part-wrap ul.check-list {
margin: 0;
padding-left: 0;
margin-left: 0;
}
.block-part-wrap ul.check-list li {
position: relative;
list-style-type: none;
padding-left: 1.5rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
letter-spacing: 0;
border-bottom: 1px solid #eee;
}
.block-part-wrap ul.check-list li:last-child {
border-bottom: 1px solid transparent;
}
.block-part-wrap ul.check-list li:before {
content: '';
display: block;
position: absolute;
left: 0.25rem;
top: -1px;
width: 8px;
height: 14px;
border-radius: 0;
background: transparent;
border-width: 0 3px 3px 0;
border-style: solid;
border-color: #329b6a;
transform-origin: bottom left;
transform: rotate(45deg);
}
.faqs-accordion .card-body {
padding: 3rem 1rem 3rem;
border-bottom: 1px solid;
}
@media(min-width:992px) {
.faqs-accordion .card-body {
font-size:1.25rem;
}
}
.home-about {
position:relative;
overflow:hidden;
}
.home-about:before {
content:'';
position:absolute;
bottom:0;
left:0;
width:100%;
height:100%;
background-image:url(../../images/home-highlight-background.svg);
background-size:2600px;
background-position:bottom left;
background-repeat:no-repeat;
}
@media (max-width:991.98px) {
.home-about:before {
background-size:1650px;
background-position:bottom center;
}
}