body,
html {
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
color: #000000;
}
div,
h1,
h2,
h3 {
position: relative;
}
h1,
h2,
h3,
h4,
ul,
li {
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4 {
font-family: 'Roboto-Black';
}
h5,
h6 {
font-family: 'Roboto-Bold';
}
.page-title {
margin-top: 40px;
}
a:visited {
color: #000000;
}
.main-wrapper {
width: 100vw;
overflow-x: hidden;
overflow-y: hidden;
font-family: 'OpenSans-Light';
}
.main-wrapper .main-container {
width: 1140px;
margin-left: auto;
margin-right: auto;
}
.main-wrapper .main-container .main-content {
}
.clickable-button:hover {
opacity: 0.7;
cursor: pointer;
}
.button {
display: inline-block;
border-radius: 50px;
text-decoration: none;
font-family: 'Roboto-Black';
cursor: pointer;
margin-right: 19px;
text-align: left;
}
.button.no-background {
background-image: none !important;
}
.button.button-large {
width: 190px;
height: 70px;
background-size: 20px;
background-position: 153px center;
}
.button.button-large-wide {
width: 260px;
height: 70px;
background-size: 20px;
background-position: 215px center;
}
.button.button-medium {
width: 160px;
height: 55px;
background-size: 15px;
background-position: 125px center;
}
.button.button-medium-wide {
width: 175px;
height: 50px;
background-size: 15px;
background-position: 140px center;
}
.button.button-medium-wide-border {
width: 175px;
height: 44px;
background-size: 15px;
background-position: 140px center;
}
.button.button-medium-small {
width: 155px;
height: 40px;
background-size: 15px;
background-position: 125px center;
}
.button.button-small {
width: 100px;
height: 40px;
background-size: 15px;
background-position: 125px center;
}
.buttons-container .button-large:last-child,
.buttons-container .button-large-wide:last-child,
.buttons-container .button-medium:last-child,
.buttons-container .button-medium-wide:last-child,
.buttons-container .button-medium-wide-border:last-child,
.buttons-container .button-medium-small:last-child,
.buttons-container .button-small:last-child {
margin-right: 0;
}
.button.green {
background-color: #70eab3;
color: #000;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/right-arrow-black.svg);
background-repeat: no-repeat;
}
.button.blue {
background-color: #3300cc;
color: #fff;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/right-arrow-white.svg);
background-repeat: no-repeat;
}
.button.white {
background-color: #ffffff;
color: #6a7df1;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/right-arrow-blue.svg);
background-repeat: no-repeat;
}
.button.white-blue {
background-color: #ffffff;
color: #6a7df1;
border: 3px solid #6a7df1;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/right-arrow-blue.svg);
background-repeat: no-repeat;
}
.button-large .title {
font-size: 17px;
text-transform: uppercase;
display: block;
margin-left: 30px;
}
.button-large .subtitle {
font-size: 11px;
text-transform: uppercase;
display: block;
margin-top: 16px;
margin-left: 30px;
}
.button-medium .title {
font-size: 12px;
text-transform: uppercase;
display: block;
margin-left: 30px;
}
.button-medium .subtitle {
font-size: 9px;
text-transform: uppercase;
display: block;
margin-top: 16px;
margin-left: 30px;
}
.button-small .single-title {
display: block;
font-size: 12px;
text-align: center;
text-transform: uppercase;
margin-top: 12px;
}
.button-medium-wide .single-title {
display: block;
font-size: 12px;
text-transform: uppercase;
margin-top: 17px;
margin-left: 30px;
}
.button-medium-wide-border .single-title {
display: block;
font-size: 12px;
text-transform: uppercase;
margin-top: 14px;
margin-left: 30px;
}
.button-large-wide .single-title {
display: block;
font-size: 16px;
text-transform: uppercase;
margin-top: 24px;
margin-left: 30px;
}
.button-medium-small .single-title {
display: block;
font-size: 10px;
text-transform: uppercase;
margin-top: 13px;
margin-left: 19px;
}
.button.button-fit-text {
width: auto !important;
padding-right: 30px;
}
.align-center {
text-align: center;
}
header {
margin-top: 40px;
letter-spacing: 0.3px;
height: 22px;
font-family: 'OpenSans-Regular';
}
header .buffl-logo {
position: relative;
z-index: 10;
}
header .buffl-logo img {
width: 100px;
border: 0;
}
header .hamburger-icon {
display: none;
}
header .close-icon {
display: none;
}
header .mobile-menu-background {
display: none;
}
header .mobile-nav-background-right {
display: none;
}
header .mobile-nav-background-bottom {
display: none;
}
header .header-right {
z-index: 10;
float: right;
}
header .header-right .left-navigation {
margin-top: 7px;
margin-right: 30px;
float: left;
}
header .header-right .left-navigation ul {
margin: 0;
padding: 0;
list-style: none;
position: relative;
}
header .header-right .left-navigation ul#menu-header-menu { }
header .header-right .left-navigation ul#menu-header-menu.mobile-menu-open { }
header .header-right .left-navigation ul li.menu-item-has-children {
position: relative;
padding-bottom: 20px;
}
header .header-right .left-navigation ul li.menu-item-has-children a {
text-decoration: none;
text-transform: uppercase;
margin-left: 15px;
margin-right: 15px;
height: 20px;
line-height: 20px;
color: #000;
padding-right: 20px;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/navigation-submenu.svg);
background-repeat: no-repeat;
background-position: right;
background-size: auto 40%;
}
header .header-right .left-navigation ul li.menu-item-has-children ul.sub-menu {
display: none;
position: absolute;
flex-direction: column;
top: 30px;
left: 0;
}
header
.header-right
.left-navigation
ul
li.menu-item-has-children:hover
ul.sub-menu {
display: flex;
}
header .header-right .left-navigation ul li.menu-item-has-children:hover a {
}
header
.header-right
.left-navigation
ul
li.menu-item-has-children
ul.sub-menu
li {
width: max-content;
margin-bottom: 5px;
}
header
.header-right
.left-navigation
ul
li.menu-item-has-children
ul.sub-menu
a {
background: none;
padding-right: 0;
padding-top: 15px;
margin-top: 5px;
}
header .header-right .left-navigation ul li {
display: inline-block;
margin: 0;
padding: 0;
height: 20px;
line-height: 20px;
}
header .header-right .left-navigation ul li a:link,
header .header-right .left-navigation ul li a:visited {
text-decoration: none;
text-transform: uppercase;
margin-left: 15px;
margin-right: 15px;
height: 20px;
line-height: 20px;
color: #000;
}
header .header-right .left-navigation ul li a:hover {
text-decoration: underline;
}
.service-main-container .header-right .left-navigation ul li a:link,
.service-main-container .header-right .left-navigation ul li a:visited {
color: #ffffff;
}
header .header-right .right-navigation {
text-align: center;
height: 30px;
line-height: 30px;
float: right;
}
header .header-right .right-navigation .clients-link,
header .header-right .right-navigation .register-link {
font-family: 'Roboto-Black';
font-size: 12px;
text-transform: uppercase;
display: inline-block;
height: 30px;
line-height: 31px;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
border: 2px solid #5300f2;
border-radius: 20px;
}
header .header-right .right-navigation .clients-link {
color: #5300f2;
}
.install-app-header header .header-right .right-navigation .clients-link {
color: #fff;
border-color: #fff;
}
.organisations-header header .header-right .right-navigation .clients-link {
color: #000;
border-color: #000;
}
header .header-right .right-navigation .register-link {
color: #fff;
background-color: #5300f2;
}
.install-app-header header .header-right .right-navigation .register-link {
color: #000;
background-color: #fff;
}
.organisations-header header .header-right .right-navigation .register-link {
color: #000;
border-color: #000;
background-color: rgba(0, 0, 0, 0);
}
header .header-right .right-navigation .language-selectors {
display: inline-block;
margin-left: 30px;
width: 51px;
}
header .header-right .right-navigation .language-selectors span {
cursor: pointer;
user-select: none;
font-family: 'OpenSans-Light';
}
header .header-right .right-navigation .language-selectors span:last-of-type {
padding-left: 10px;
}
header
.header-right
.right-navigation
.language-selectors
span.active-language {
font-family: 'OpenSans-Bold';
}
header .supportyourorganisation-navigation-background-blob {
position: absolute;
z-index: -1;
width: 2507px;
height: 2147px;
left: -730px;
top: -1546px;
}
.cookies-policy {
display: none;
font-family: 'OpenSans-Light';
font-size: 17px;
position: fixed;
width: 300px;
height: 150px;
background-color: #ffffff;
z-index: 9999;
right: 50px;
bottom: 50px;
padding: 10px;
-webkit-box-shadow: 0px 0px 45px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 45px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 45px 10px rgba(0, 0, 0, 0.1);
}
.cookies-policy a:link,
.cookies-policy a:visited {
font-family: 'Roboto-Black';
color: #6a7df1;
text-decoration: none;
}
.cookies-policy .accept-button {
position: absolute;
left: 0;
bottom: 0;
width: 300px;
margin: 10px;
font-family: 'Roboto-Medium';
font-size: 17px;
background-color: #70eab3;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
border-radius: 10px;
}
.home-page {
}
.home-page .clients-container {
margin-top: 80px;
margin-bottom: 50px;
max-width: 95%;
margin-left: auto;
margin-right: auto;
}
.home-page .clients-container .clients-animation {
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/landing/initial-bubbles.svg);
background-repeat: no-repeat;
position: absolute;
top: -353px;
left: -135px;
width: 345px;
height: 345px;
}
.home-page .clients-container .clients-background {
position: absolute;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/landing/clients-background.svg);
background-repeat: no-repeat;
background-size: cover;
height: 745px;
width: 4389px;
top: -240px;
left: 50%;
margin-left: -2250px;
z-index: 1;
}
.home-page .clients-container .clients-label {
font-family: 'Roboto-Black';
font-size: 18px;
line-height: 27px;
z-index: 10;
padding-top: 60px;
margin-bottom: 23px;
color: #ffffff;
}
.home-page .clients-container .clients-logos-container {
z-index: 10;
}
.home-page .clients-container .left-slide-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -50px;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/slider-icon-left.svg);
background-repeat: no-repeat;
background-size: contain;
width: 24px;
height: 24px;
z-index: 10;
cursor: pointer;
}
.home-page .clients-container .right-slide-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -50px;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/slider-icon-right.svg);
background-position: right;
background-repeat: no-repeat;
background-size: contain;
width: 24px;
height: 24px;
z-index: 10;
cursor: pointer;
}
.home-page .clients-container .clients-logos-container img {
max-width: 120px;
max-height: 89px;
float: left;
border: 0;
margin-right: 25px;
}
.home-page .landing-header-container {
display: flex;
justify-content: center;
position: relative;
width: 100%;
height: calc(100vh - 290px);
}
.home-page .product-client-container {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 96%; max-width: 99%;
overflow: hidden;
transform: translateZ(0);
background-color: #fff;
user-select: none;
animation-duration: 2.5s;
animation-name: loadUserContainer;
}
.home-page .product-user-container {
height: 100%;
position: relative;
}
@keyframes loadUserContainer {
from {
width: 0%;
}
55% {
width: 90%;
}
75% {
width: 80%;
}
to {
width: 96%;
}
}
.home-page #resize-handle {
position: absolute;
left: 96%;
bottom: 0;
width: 4px;
height: 100vh;
cursor: move;
background-color: #fff;
box-shadow: 0px 0px 14px 4px rgba(0, 0, 0, 0.15);
z-index: 999;
animation-duration: 2.5s;
animation-name: loadResizeHandle;
}
@keyframes loadResizeHandle {
from {
left: 0%;
}
55% {
left: 90%;
}
75% {
left: 80%;
}
to {
left: 96%;
}
}
.home-page #resize-handle .resize-handle-button {
cursor: move;
position: absolute;
width: 40px;
height: 40px;
background-color: #fff;
border-radius: 100%;
right: -18px;
top: 50%;
transform: translateY(-50%);
box-shadow: 0px 0px 14px 4px rgba(0, 0, 0, 0.06);
}
.home-page #resize-handle .resize-handle-button.moving {
animation-duration: 0.4s;
animation-name: shake;
}
@keyframes shake {
from {
right: -18px;
}
25% {
right: -14px;
}
50% {
right: -18px;
}
75% {
right: -22px;
}
to {
right: -18px;
}
}
.home-page #resize-handle .resize-handle-button .arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-repeat: no-repeat;
background-size: contain;
width: 12px;
height: 12px;
}
.home-page #resize-handle .resize-handle-button .arrow-left {
left: 10px;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/slider-icon-left.svg);
}
.home-page #resize-handle .resize-handle-button .arrow-right {
right: 10px;
background-position: right;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/slider-icon-right.svg);
}
.home-page .product-user-container .product-text {
max-width: 500px;
user-select: none;
left: calc((100vw - 1140px) / 2 + 1140px - 550px);
transform: translateY(-28%);
top: 28%;
}
.home-page .product-client-container .product-text {
max-width: 500px;
user-select: none;
transform: translateY(-28%);
top: 28%;
}
.home-page .product-client-container .product-text-wrapper {
position: absolute;
width: 1140px;
margin: 0 auto;
height: 100%;
left: calc((100vw - 1140px) / 2);
}
.home-page .product-client-container .product-text .product-title,
.home-page .product-user-container .product-text .product-title {
font-family: 'Roboto-Black';
font-size: 36px;
text-align: left; margin-bottom: 25px;
}
.home-page .product-client-container .product-text .product-message,
.home-page .product-user-container .product-text .product-message {
margin-bottom: 30px;
max-width: 500px;
line-height: 24px;
}
.home-page .product-client-container .product-text .product-message .italic,
.home-page .product-user-container .product-text .product-message .italic {
font-style: italic;
}
.home-page .product-client-container .product-text .product-button,
.home-page .product-user-container .product-text .product-button {
padding: 0 50px;
text-align: center;
height: 50px;
line-height: 50px;
display: inline-block;
border-radius: 48px;
font-family: 'OpenSans-Bold';
font-size: 16px;
cursor: pointer;
text-transform: uppercase;
color: #fff;
}
.home-page .product-client-container .product-text .product-button:hover,
.home-page .product-user-container .product-text .product-button:hover {
opacity: 0.7;
}
.home-page .product-client-container .product-text .product-button {
background-color: #5300f2;
}
.home-page .product-user-container .product-text .product-button {
background-color: #00f5b2;
}
.home-page .product-client-container .product-client-background {
position: absolute;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/landing/header-client-large.svg);
background-repeat: no-repeat;
background-size: cover; width: 3530px;
height: 651px;
left: -300px;
z-index: -1;
bottom: 0;
}
.home-page .product-user-container .product-user-background {
position: absolute;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/landing/header-user-large.svg);
background-repeat: no-repeat;
background-size: cover;
width: 3530px;
height: 630px;
left: -300px;
z-index: -1;
bottom: 0;
}
.home-page .mobile-header-container {
width: 100%;
height: calc(100vh - 200px);
height: calc(80vh);
display: none;
position: relative;
}
.home-page .mobile-header-container .lSSlideOuter {
display: none;
}
.home-page .mobile-header-container .lSSlideOuter .lSPager {
margin-top: 10px !important;
}
.home-page .mobile-header-container .lSSlideOuter .lSPager.lSpg > li a {
background-color: #b9b9b9;
}
.home-page .mobile-header-container .lSSlideOuter .lSPager.lSpg > li.active a {
background-color: #00f5b2;
}
.home-page .mobile-header-container .mobile-header-slider {
width: 100%;
height: 100%;
position: relative;
margin-top: 10px;
}
.home-page .mobile-header-container .title {
font-size: 28px;
font-family: 'Roboto-Black';
margin-bottom: 20px;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.home-page .mobile-header-container .user-slide {
height: 100%;
min-height: calc(100vh - 200px);
min-height: calc(80vh);
}
.home-page .mobile-header-container .user-slide .italic {
font-style: italic;
}
.home-page .mobile-header-container .client-slide {
height: 100%;
min-height: calc(100vh - 200px);
min-height: calc(80vh);
}
.home-page .mobile-header-container .title {
margin-bottom: 10px;
}
.home-page .mobile-header-container .message {
margin-bottom: 20px;
width: 90%;
margin-left: auto;
margin-right: auto;
line-height: 20px;
}
.home-page .mobile-header-container .button {
width: 170px;
text-align: center;
height: 37px;
line-height: 37px;
color: #fff;
display: block;
border-radius: 48px;
font-family: 'OpenSans-Bold';
font-size: 14px;
cursor: pointer;
text-transform: uppercase;
margin: 0 auto;
}
.home-page .mobile-header-container .button:hover {
opacity: 0.7;
}
.home-page .mobile-header-container .user-slide .button {
background-color: #5300f2;
}
.home-page .mobile-header-container .client-slide .button {
background-color: #00f5b2;
}
.home-page .mobile-header-container .user-slide-background {
position: absolute;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/landing/header-mobile.svg);
background-repeat: no-repeat;
background-size: contain; width: 150vh;
height: 40vh;
left: 0;
z-index: -1;
bottom: 0;
}
.home-page .virtual-tour-container {
display: none;
position: relative;
padding-top: 100px;
padding-bottom: 225px;
}
.home-page .virtual-tour-container > img, .home-page .business-solutions-container > img {
position: absolute;
top: 110px;
right: calc((100vw - 1140px) / -2);
height: 650px;
}
.home-page .virtual-tour-container .virtual-tour .title {
font-family: 'Roboto-Black';
font-size: 42px;
margin-bottom: 30px;
max-width: 550px;
}
.home-page .virtual-tour-container .virtual-tour .info-sections-wrapper {
min-height: 250px;
}
.home-page .virtual-tour-container .virtual-tour .virtual-tour-info {
margin-bottom: 40px;
}
.home-page
.virtual-tour-container
.virtual-tour
.virtual-tour-info
.small-title {
font-family: 'Roboto-Bold';
font-size: 25px;
display: inline-flex;
flex-direction: column;
}
.home-page .virtual-tour-container .virtual-tour .virtual-tour-info .info-text {
max-width: 600px;
margin: 11px 0;
}
.home-page
.virtual-tour-container
.virtual-tour
.virtual-tour-info
.tmm-button {
font-family: 'SourceSansPro-SemiBold';
display: flex;
align-items: baseline;
text-decoration: none;
color: #000;
font-size: 14px;
}
.home-page
.virtual-tour-container
.virtual-tour
.virtual-tour-info
.tmm-button:visited {
color: #000;
}
.home-page
.virtual-tour-container
.virtual-tour
.virtual-tour-info
.tmm-button
img {
display: block;
height: 8px;
margin-left: 10px;
}
.home-page .business-solutions-container {
display: flex;
padding-top: 100px;
padding-bottom: 225px;
position: relative;
}
.home-page .business-solutions-container .business-solutions .title {
font-family: 'Roboto-Black';
font-size: 42px;
margin-bottom: 30px;
max-width: 550px;
}
.home-page
.business-solutions-container
.business-solutions
.business-solutions-info {
margin-bottom: 35px;
}
.home-page .business-solutions-container .business-solutions .info-text {
margin: 11px 0;
max-width: 869px;
}
.home-page
.business-solutions-container
.business-solutions-left
.business-solutions-info {
margin-bottom: 20px;
}
.home-page
.business-solutions-container
.business-solutions
.business-solutions-info
.small-title {
font-family: 'Roboto-Bold';
font-size: 25px;
display: inline-flex;
flex-direction: column;
}
.home-page
.business-solutions-container
.business-solutions
.business-solutions-info
.info-text {
max-height: 300px;
max-width: 600px;
width: auto;
line-height: 24px;
}
.home-page
.business-solutions-container
.business-solutions
.business-solutions-info
.tmm-button {
font-family: 'SourceSansPro-SemiBold';
display: flex;
align-items: baseline;
text-decoration: none;
color: #000;
font-size: 14px;
}
.home-page
.business-solutions-container
.business-solutions
.business-solutions-info
.tmm-button:visited {
color: #000;
}
.home-page
.business-solutions-container
.business-solutions
.business-solutions-info
.tmm-button
img {
display: block;
height: 8px;
margin-left: 10px;
}
.home-page .reviews-container {
margin-bottom: 200px;
position: relative;
}
.home-page .reviews-container .reviews-blob {
position: absolute;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/landing/reviews-blob.svg);
background-repeat: no-repeat;
background-size: cover;
width: 768px;
height: 779px;
left: -650px;
top: -100px;
}
.home-page .reviews-container .reviews-small-blob {
position: absolute;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/landing/reviews-small-blob.svg);
background-repeat: no-repeat;
background-size: contain;
width: 68px;
height: 67px;
right: 0;
top: 0;
}
.home-page .reviews-container .title {
font-family: 'Roboto-Black';
font-size: 36px;
margin-bottom: 50px;
}
.home-page .reviews-container .testimonials-container {
z-index: 10;
width: 800px;
max-width: 80%;
margin: 0 auto;
}
.home-page .reviews-container .testimonials-container .left-slide-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -50px;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/slider-icon-left.svg);
background-repeat: no-repeat;
background-size: contain;
width: 24px;
height: 24px;
z-index: 10;
cursor: pointer;
}
.home-page .reviews-container .testimonials-container .right-slide-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -50px;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/slider-icon-right.svg);
background-position: right;
background-repeat: no-repeat;
background-size: contain;
width: 24px;
height: 24px;
z-index: 10;
cursor: pointer;
}
.home-page .reviews-container .testimonials-container .testimonial {
width: 100%;
text-align: center;
}
.home-page
.reviews-container
.testimonials-container
.testimonial
.testimonial-text {
width: 70%;
margin: 0 auto;
font-family: 'OpenSans-Light';
line-height: 24px;
}
.home-page .reviews-container .testimonials-container .testimonial .icon {
margin-bottom: 10px;
width: 75px;
height: 75px;
}
.home-page
.reviews-container
.testimonials-container
.testimonial
.name-function {
margin-bottom: 20px;
display: block;
color: rgba(51, 51, 51, 0.5);
}
.home-page .news-container {
}
.home-page .news-container .title {
font-family: 'Roboto-Black';
font-size: 36px;
margin-bottom: 50px;
}
.news-articles-wrapper {
display: flex;
flex-wrap: wrap;
}
.home-page .news-container .news-article {
width: 49.5%;
}
.home-page .news-container .news-article .article-title {
font-family: 'Roboto-Black';
font-size: 20px;
display: inline-flex;
flex-direction: column;
}
.home-page .news-container .news-article .article-title .title-underline {
height: 9px;
width: 100%;
background-color: #00f5b2;
border-radius: 17px;
}
.home-page .news-container .news-article .article-text {
max-width: 90%;
line-height: 24px;
}
.home-page .news-container .news-article .article-link {
font-family: 'Roboto-Black';
text-decoration: none;
}
.home-page .news-container .news-article .article-link:hover {
opacity: 0.7;
}
.home-page .news-container .news-article .article-link:link,
.home-page .news-container .news-article .article-link:visited {
color: #000;
text-decoration: none;
}
.page-description.align-center {
margin-left: auto;
margin-right: auto;
}
h2.blog-highlights-title {
font-family: 'Roboto-Black';
font-size: 53px;
padding-bottom: 10px;
margin-bottom: 30px;
clear: left;
padding-top: 50px;
}
h2.blog-highlights-title a.see-all:link,
h2.blog-highlights-title a.see-all:visited {
font-family: 'Roboto-Black';
color: #000;
text-decoration: underline;
float: right;
font-size: 14px;
display: inline-block;
margin-top: 45px;
}
.blog-highlights-container {
}
.blog-highlights-container .details-container {
padding-left: 0px;
padding-right: 20px;
}
.blog-highlights-container .details-container h3 {
font-size: inherit;
}
.blog-highlights-container .last-blog {
float: left;
width: 45%;
margin-right: 5%;
}
.blog-highlights-container .last-blog img.cover-image {
display: inline-block;
width: 100%;
margin-bottom: 30px;
}
.blog-highlights-container .last-blog a.title:link,
.blog-highlights-container .last-blog a.title:visited {
display: block;
font-family: 'Roboto-Black';
font-size: 20px;
margin-bottom: 15px;
text-decoration: none;
color: #000000;
}
.blog-highlights-container .last-blog a.title:hover {
text-decoration: underline;
}
.blog-highlights-container .last-blog .description {
font-family: 'OpenSans-Light';
line-height: 24px;
margin-bottom: 25px;
}
.blog-highlights-container .second-blog {
float: left;
width: 40%;
}
.blog-highlights-container .second-blog img.cover-image {
display: inline-block;
width: 100%;
margin-bottom: 25px;
margin-top: 20px;
}
.blog-highlights-container .second-blog a.title:link,
.blog-highlights-container .second-blog a.title:visited {
display: block;
font-family: 'Roboto-Black';
font-size: 20px;
margin-bottom: 15px;
text-decoration: none;
color: #000000;
}
.blog-highlights-container .second-blog a.title:hover {
text-decoration: underline;
}
.blog-highlights-container .second-blog .description {
font-family: 'OpenSans-Light';
line-height: 24px;
margin-bottom: 25px;
}
.blog-highlights-container a.read-more:link,
.blog-highlights-container a.read-more:visited {
font-family: 'Roboto-Black';
color: #000;
font-size: 16px;
display: block;
margin-bottom: 30px;
text-decoration: none;
}
.blog-page .other-blogs {
clear: left;
}
.blog-page .other-blogs .blog-item {
float: left;
width: 30%;
margin-right: 5%;
height: 670px;
}
.blog-page .other-blogs .blog-item:nth-child(3n + 3) {
margin-right: 0;
}
.blog-page .other-blogs .blog-item img.cover-image {
display: inline-block;
width: 100%;
margin-bottom: 25px;
margin-top: 20px;
}
.blog-page .other-blogs .blog-item a.title:link,
.blog-highlights-container .blog-item a.title:visited {
display: block;
font-family: 'Roboto-Black';
font-size: 20px;
margin-bottom: 15px;
text-decoration: none;
color: #000000;
}
.blog-page .other-blogs .blog-item a.title:hover {
text-decoration: underline;
}
.blog-page .other-blogs .blog-item .description {
font-family: 'OpenSans-Light';
font-size: 17px;
line-height: 25px;
margin-bottom: 50px;
}
.blog-page .other-blogs .blog-item a.read-more:link,
.blog-page .other-blogs .blog-item a.read-more:visited {
font-family: 'Roboto-Black';
color: #000;
font-size: 16px;
text-decoration: none;
}
.cookies-page .page-title {
margin-top: 30px;
}
.cookies-page .page-description {
margin-bottom: 30px;
}
.cookies-page .page-content {
}
.cookies-page .page-content h4 {
font-family: 'Roboto-Black';
font-size: 20px;
margin-bottom: 20px;
}
.cookies-page .page-content p {
margin-bottom: 20px;
}
.cookies-page .page-content ul {
margin-left: 30px;
}
.cookies-page .page-content ul li {
}
.single-blog-page .description {
font-family: 'OpenSans-Light';
font-size: 18px;
line-height: 22px;
}
.single-blog-page .description ul {
margin-left: 50px;
}
.business-page {
}
.business-page .business-cta {
font-family: 'Roboto-Bold';
font-size: 14px;
text-transform: uppercase;
display: inline-block;
height: 35px;
width: 180px;
line-height: 35px;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
border-radius: 35px;
cursor: pointer;
text-align: center;
}
.business-page .business-cta:hover {
opacity: 0.7;
}
.business-page .cta-buttons {
text-align: center;
margin-bottom: 150px;
}
.business-page .cta-buttons .business-cta {
border: 2px solid #5300f2;
}
.business-page .cta-buttons .business-cta.register {
color: #fff;
background-color: #5300f2;
}
.business-page .cta-buttons .business-cta.dataset {
color: #5300f2;
background-color: #fff;
margin-left: 10px;
}
.business-page .business-introduction-container {
}
.business-page .business-introduction-container .blue-blob {
position: absolute;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/business/blue-blob.svg);
background-repeat: no-repeat;
background-size: cover;
width: 590px;
height: 636px;
top: 180px;
right: -600px;
}
.business-page .business-introduction-container .green-blob {
position: absolute;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/business/green-blob.svg);
background-repeat: no-repeat;
background-size: cover;
width: 528px;
height: 570px;
top: 0;
left: -500px;
}
.business-page .business-introduction-container .first-message {
font-family: 'Roboto-Black';
font-size: 38px;
text-align: center;
padding-top: 100px;
line-height: 52px;
margin-bottom: 30px;
}
.business-page .business-introduction-container .second-message {
font-family: 'OpenSans-Light';
font-size: 16px;
text-align: center;
line-height: 25px;
margin: 0 auto 40px auto;
font-weight: normal;
max-width: 600px;
}
.business-page .innovation-container {
margin-bottom: 120px;
}
.business-page .innovation-container .innovation-manager {
font-family: 'Roboto-Black';
font-size: 32px;
text-align: center;
}
.business-page .innovation-container .innovation-manager-blue {
color: #5300f2;
}
.business-page .innovation-container .clients-container {
margin-top: 50px;
margin-bottom: 50px;
max-width: 95%;
margin-left: auto;
margin-right: auto;
}
.business-page .innovation-container .clients-container .clients-background {
position: absolute;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/landing/clients-background.svg);
background-repeat: no-repeat;
background-size: cover;
height: 745px;
width: 4389px;
top: -240px;
left: 50%;
margin-left: -2250px;
z-index: 1;
}
.business-page .innovation-container .clients-container .clients-label {
font-family: 'Roboto-Black';
font-size: 18px;
line-height: 27px;
z-index: 10;
padding-top: 60px;
margin-bottom: 23px;
color: #ffffff;
}
.business-page
.innovation-container
.clients-container
.clients-logos-container {
z-index: 10;
}
.business-page .innovation-container .clients-container .left-slide-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -50px;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/slider-icon-left.svg);
background-repeat: no-repeat;
background-size: contain;
width: 24px;
height: 24px;
z-index: 10;
cursor: pointer;
}
.business-page .innovation-container .clients-container .right-slide-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -50px;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/slider-icon-right.svg);
background-position: right;
background-repeat: no-repeat;
background-size: contain;
width: 24px;
height: 24px;
z-index: 10;
cursor: pointer;
}
.business-page
.innovation-container
.clients-container
.clients-logos-container
img {
max-width: 120px;
max-height: 89px;
float: left;
border: 0;
}
.business-page .building-blocks-container {
text-align: center;
}
.business-page .building-blocks-title {
font-family: 'Roboto-Black';
font-size: 38px;
padding-bottom: 0px;
display: inline-block;
}
.business-page .building-blocks {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin-top: 60px;
}
.business-page .building-blocks .building-block-card {
width: 325px;
padding: 25px;
box-sizing: border-box;
border-radius: 17px;
margin-bottom: 50px;
display: flex;
flex-direction: column;
align-items: center;
}
.business-page .building-blocks .building-block-card img {
width: 225px;
height: 225px;
}
.business-page .building-blocks .building-block-card .card-text-content {
display: inline-flex;
flex-direction: column;
flex-grow: 1;
margin-top: 60px;
}
.business-page .building-blocks .building-block-card .card-title {
font-family: 'Roboto-Bold';
font-size: 22px;
margin-top: 60px;
margin-bottom: 20px;
text-align: center;
}
.business-page .building-blocks .building-block-card .card-text {
text-align: left;
display: inline-flex;
flex-direction: column;
flex-grow: 1;
font-size: 15px;
margin-top: 20px;
}
.business-page .building-blocks .building-block-card .card-note {
text-align: left;
border-top: 1px solid #5322f3;
padding-top: 15px;
margin-top: 40px;
font-size: 14px;
font-family: 'OpenSans-SemiBoldItalic';
min-height: 100px;
box-sizing: border-box;
}
.business-page .get-in-touch-container {
color: #5300f2;
margin-bottom: 140px;
text-align: center;
position: relative;
}
.business-page .idea-container {
margin-top: 340px;
margin-bottom: 440px;
color: #fff;
}
.business-page .get-in-touch-container .get-in-touch-background {
position: absolute;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/business/get-in-touch-background.svg);
background-repeat: no-repeat;
background-size: cover;
width: 3655px;
height: 960px;
bottom: -330px;
left: -1330px;
z-index: -1;
}
.business-page .get-in-touch-container .get-in-touch-title {
font-family: 'Roboto-Black';
font-size: 32px;
margin-bottom: 30px;
}
.business-page .get-in-touch-container .schedule-a-call {
border: 2px solid #5300f2;
color: #5300f2;
}
.business-page .idea-container .schedule-a-call {
border: 2px solid #fff;
color: #fff;
}
.business-page .reviews-container {
margin-bottom: 140px;
position: relative;
}
.business-page .reviews-container .testimonials-container {
z-index: 10;
width: 800px;
max-width: 80%;
margin: 0 auto;
}
.business-page .reviews-container .testimonials-container .left-slide-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -50px;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/slider-icon-left.svg);
background-repeat: no-repeat;
background-size: contain;
width: 24px;
height: 24px;
z-index: 10;
cursor: pointer;
}
.business-page .reviews-container .testimonials-container .right-slide-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -50px;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/slider-icon-right.svg);
background-position: right;
background-repeat: no-repeat;
background-size: contain;
width: 24px;
height: 24px;
z-index: 10;
cursor: pointer;
}
.business-page .reviews-container .testimonials-container .testimonial {
width: 100%;
text-align: center;
}
.business-page
.reviews-container
.testimonials-container
.testimonial
.testimonial-text {
width: 70%;
margin: 0 auto;
font-family: 'OpenSans-Light';
line-height: 24px;
}
.business-page .reviews-container .testimonials-container .testimonial .icon {
margin-bottom: 10px;
width: 75px;
height: 75px;
}
.business-page
.reviews-container
.testimonials-container
.testimonial
.name-function {
margin-bottom: 20px;
display: block;
color: rgba(51, 51, 51, 0.5);
}
.business-page .pricing-container {
margin-bottom: 120px;
position: relative;
}
.business-page .pricing-container .green-blob {
position: absolute;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/business/green-blob.svg);
background-repeat: no-repeat;
background-size: cover;
width: 528px;
height: 570px;
top: -25px;
right: -550px;
transform: scale(-1, 1) rotate(-30deg);
}
.business-page .pricing-container .pricing-title {
font-family: 'Roboto-Black';
font-size: 38px;
margin-bottom: 10px;
}
.business-page .pricing-container .pricing-introduction {
max-width: 650px;
margin-bottom: 30px;
}
.business-page .pricing-container .pricing-blocks {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-top: 20px;
}
.business-page .pricing-container .pricing-blocks .pricing-card {
width: 350px;
box-shadow: 0 5px 6px rgba(0, 0, 0, 0.16);
border-radius: 7px;
position: relative;
background-color: #fff;
margin-bottom: 40px;
}
.business-page
.pricing-container
.pricing-blocks
.pricing-card
.pricing-card-favorite {
position: absolute;
width: 394px;
height: calc(100% + 60px);
background-color: rgba(83, 34, 243, 0.15);
z-index: -1;
left: -22px;
top: -30px;
border-radius: 7px;
}
.business-page
.pricing-container
.pricing-blocks
.pricing-card
.pricing-card-popular {
position: absolute;
height: 20px;
top: -42px;
right: 0;
color: #fff;
background-color: #5300f2;
text-transform: uppercase;
font-size: 12px;
padding: 2px 17px;
border-radius: 15px;
font-family: 'OpenSans-Bold';
line-height: 20px;
}
.pricing-blocks .pricing-card .blue-bar {
height: 20px;
background-color: #5300f2;
border-radius: 7px 7px 0 0;
}
.pricing-blocks .pricing-card .pricing-type {
font-family: 'Roboto-Light';
text-align: center;
font-size: 18px;
padding: 12px 0;
border-bottom: dashed 1px #8d8d8d;
}
.pricing-blocks .pricing-card .pricing-info {
display: flex;
flex-direction: column;
padding: 0 35px 200px 35px;
font-family: 'OpenSans-Light';
}
.pricing-blocks .pricing-card .pricing-info b {
font-family: 'OpenSans-Bold';
}
.pricing-blocks .pricing-card .pricing-info .price {
font-size: 28px;
font-family: 'Roboto-Medium';
margin-top: 30px;
text-align: center;
}
.pricing-blocks .pricing-card .pricing-info .price-text {
font-family: 'OpenSans-Light';
font-size: 14px;
margin: 30px 0;
height: 75px;
}
.pricing-blocks .pricing-card .pricing-info .price-text .bold {
font-family: 'OpenSans-Bold';
}
.pricing-blocks .pricing-card .pricing-info .price-text .red {
color: #f70505;
} .pricing-blocks .pricing-card .pricing-info .responsibilities-list {
margin-bottom: 20px;
height: 70px;
}
.pricing-blocks
.pricing-card
.pricing-info
.responsibilities-list
.responsibility {
display: flex;
align-items: flex-start;
min-height: 20px;
margin-bottom: 5px;
}
.pricing-blocks
.pricing-card
.pricing-info
.responsibilities-list
.responsibility
.responsibility-bullet {
display: block;
min-width: 6px;
width: 6px;
height: 6px;
background-color: #5300f2;
margin: 7px 10px 0 5px;
border-radius: 50px;
}
.pricing-blocks
.pricing-card
.pricing-info
.responsibilities-list
.responsibility
.responsibility-text {
font-size: 14px;
}
.pricing-blocks .pricing-card .pricing-info .responsible-for {
font-size: 14px;
margin-bottom: 10px;
}
.pricing-blocks .pricing-card .pricing-info .responsible-for > b {
font-family: 'OpenSans-Bold';
}
.pricing-blocks .pricing-card .pricing-info .price-description {
position: absolute;
bottom: 95px;
font-family: 'OpenSans-Light';
font-style: italic;
font-size: 14px;
width: 280px;
margin: 0 auto;
}
.pricing-blocks .pricing-card .price-cta {
color: #fff;
background-color: #5300f2;
width: 160px;
margin: 0 auto;
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
}
.business-page .teamwork-container {
position: relative;
}
.business-page .teamwork-container .teamwork-title {
font-family: 'Roboto-Black';
font-size: 38px;
margin-bottom: 30px;
}
.business-page .teamwork-container .cases-posts-container .post-case {
width: 100%;
}
.cases-page {
}
.cases-page .cases-introduction-container {
padding-top: 100px;
padding-bottom: 50px;
}
.cases-page .cases-introduction-container .first-message {
font-family: 'Roboto-Black';
font-size: 38px;
text-align: center;
line-height: 52px;
margin-bottom: 10px;
}
.cases-page .cases-introduction-container .second-message {
font-family: 'OpenSans-Light';
font-size: 16px;
text-align: center;
line-height: 25px;
margin: 0 auto 40px auto;
font-weight: normal;
max-width: 600px;
}
.cases-posts-container {
display: flex;
flex-wrap: wrap;
}
.cases-posts-container .post-case-container {
width: 50%;
margin-bottom: 60px;
}
.cases-posts-container .post-case {
width: 80%;
margin: 0 auto;
color: #000;
text-decoration: none;
display: block;
position: relative;
}
.cases-posts-container .post-case .post-cover {
max-width: 95%;
max-height: 300px;
border-radius: 5px;
}
.cases-posts-container .post-case .post-title {
font-family: 'Roboto-Black';
font-size: 24px;
margin-top: 0.5em;
margin-bottom: 0.5em;
max-width: 450px;
}
.cases-posts-container .post-case .post-text {
max-width: 450px;
}
.cases-posts-container .post-case .post-info {
font-size: 14px;
color: #707070;
display: inline-flex;
align-items: center;
line-height: 14px;
}
.case-post .customizable-content-container .post-info {
display: flex;
flex-wrap: wrap;
font-size: 14px;
line-height: 14px;
}
.cases-posts-container .post-case .post-info .post-read-time {
display: inline-flex;
align-items: center;
margin-left: 10px;
padding-left: 10px;
border-left: solid 1px #c4c4c4;
}
.case-post .customizable-content-container .post-info .post-read-time,
.case-post .customizable-content-container .post-info .post-people,
.case-post .customizable-content-container .post-info .post-location,
.case-post .customizable-content-container .post-info .post-validation-phase {
display: inline-flex;
align-items: center;
margin-right: 15px;
}
.cases-posts-container .post-case .post-info .post-read-time .clock-icon,
.case-post
.customizable-content-container
.post-info
.post-read-time
.clock-icon {
width: 18px;
height: 18px;
margin-right: 8px;
margin-top: 0;
margin-bottom: 0;
}
.cases-posts-container .post-case .post-info .post-read-time .clock-icon-grey {
width: 14px;
height: 14px;
margin-right: 8px;
margin-top: 0;
margin-bottom: 0;
}
.case-post
.customizable-content-container
.post-info
.post-people
.people-icon {
width: 25px;
height: 15px;
margin-right: 8px;
}
.case-post
.customizable-content-container
.post-info
.post-location
.location-icon {
width: 12px;
height: 18px;
margin-right: 8px;
}
.case-post
.customizable-content-container
.post-info
.post-validation-phase
.validation-phase-icon {
width: 18px;
height: 18px;
margin-right: 8px;
}
.cases-page .contact-us-container {
display: flex;
width: 90%;
margin: 0 auto;
}
.cases-page .post-banner {
z-index: 1;
position: relative; transform: translateX(-50%);
left: 50%;
max-width: 100vw;
margin-top: 45px;
margin-bottom: 0;
}
.case-post.cases-page .contact-us-container { }
.cases-page .contact-us-container .contact-us-content {
width: 55%;
}
.cases-page .contact-us-container .contact-us-content .contact-us-title {
font-family: 'Roboto-Black';
font-size: 32px;
max-width: 500px;
margin-top: 20px;
width: 100%;
}
.cases-page .contact-us-container .contact-us-content p {
margin-block-start: 1.5em;
margin-block-end: 2em;
}
.cases-page .contact-us-container .contact-us-content .contact-us-cta {
font-family: 'Roboto-Bold';
font-size: 14px;
text-transform: uppercase;
display: inline-block;
height: 40px;
line-height: 40px;
padding-left: 50px;
padding-right: 50px;
text-decoration: none;
border-radius: 35px;
cursor: pointer;
text-align: center;
color: #fff;
background-color: #00f5b2;
}
.cases-page .contact-us-container .contact-us-content .contact-us-cta:hover {
opacity: 0.7;
}
.cases-page .contact-us-container .contact-us-image {
margin-left: 50px;
margin-top: 0;
width: 254px;
height: 303px;
}
.case-post {
}
.case-post .customizable-content-container {
width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
position: relative;
}
#share-button-mobile {
display: none;
}
.case-post .customizable-content-container .share-button {
cursor: pointer;
user-select: none;
font-family: 'OpenSans-Bold';
font-size: 14px;
}
.case-post .customizable-content-container .share-button:hover {
opacity: 0.7;
}
.case-post .customizable-content-container .share-button .share-icon {
width: 20px;
height: 13px;
margin-right: 8px;
vertical-align: middle;
}
.case-post .customizable-content-container #share-popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 100;
width: 80%;
max-width: 400px;
background-color: #fff;
color: #000;
padding: 24px;
border-radius: 5px;
box-shadow: 0px 5px 26px 0px rgba(0, 0, 0, 0.22),
0px 20px 28px 0px rgba(0, 0, 0, 0.3);
}
.case-post .customizable-content-container #share-popup .share-header,
.case-post .customizable-content-container #share-popup .share-icons,
.case-post .customizable-content-container #share-popup #share-link {
display: flex;
justify-content: space-between;
}
.case-post
.customizable-content-container
#share-popup
.share-header
.share-title {
font-family: 'Roboto-Bold';
font-size: 18px;
}
.case-post .customizable-content-container #share-popup .share-icons {
margin: 5px 0 24px 0;
}
.case-post
.customizable-content-container
#share-popup
.share-icons
.social-icon {
display: inline-flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
cursor: pointer;
margin-bottom: 0;
margin-top: 5px;
transition: margin 0.15s ease-in-out;
}
.case-post
.customizable-content-container
#share-popup
.share-icons
.social-icon:hover { margin-bottom: 5px;
margin-top: 0;
}
.case-post
.customizable-content-container
#share-popup
.share-icons
.social-icon
span {
margin-top: 7px;
font-size: 14px;
}
.case-post
.customizable-content-container
#share-popup
.share-icons
.social-icon
.facebook {
width: 50px;
height: 50px;
}
.case-post
.customizable-content-container
#share-popup
.share-icons
.social-icon
.linkedin {
width: 50px;
height: 43px;
}
.case-post
.customizable-content-container
#share-popup
.share-icons
.social-icon
.messenger {
width: 50px;
height: 50px;
}
.case-post
.customizable-content-container
#share-popup
.share-icons
.social-icon
.whatsapp {
width: 50px;
height: 50px;
}
.case-post .customizable-content-container #share-popup #share-link {
padding: 0 10px;
border: 1px solid #dfe0e4;
border-radius: 5px;
height: 35px;
display: flex;
align-items: center;
}
.case-post .customizable-content-container #share-popup #share-link #link-text {
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
}
.case-post .customizable-content-container #share-popup #share-link.copied {
border-color: #000;
}
.case-post .customizable-content-container #share-popup #share-link .copy {
text-transform: uppercase;
color: #5300f2;
text-transform: uppercase;
color: #5300f2;
font-family: 'Roboto-Bold';
cursor: pointer;
}
.case-post
.customizable-content-container
#share-popup
#share-link
.copy:hover {
opacity: 0.7;
}
.case-post .customizable-content-container #share-popup #share-close-button {
width: 18px;
height: 16px;
cursor: pointer;
opacity: 1;
margin: 0;
}
.case-post
.customizable-content-container
#share-popup
#share-close-button:hover {
opacity: 0.6;
}
#overlay {
display: none;
background-color: #333;
opacity: 0.7;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 99;
}
.case-post .customizable-content-container #mobile-shared-response {
position: fixed;
bottom: 0;
left: 0;
z-index: 100;
width: 100%;
height: 50px;
background-color: #5300f2;
color: #fff;
display: none;
justify-content: center;
align-items: center;
}
.case-post h1,
.case-post h2,
.case-post h3,
.case-post h4,
.case-post h5,
.case-post h6 {
font-family: 'Roboto-Black', Arial;
margin-bottom: 20px;
margin-top: 20px;
}
.case-post p {
}
.case-post img {
margin: 15px 0;
max-width: 100%;
}
.case-post .page-title {
font-family: 'Roboto-Black';
font-size: 38px;
margin-bottom: 10px;
padding-top: 40px;
}
.case-post h2 {
font-size: 32px;
}
.other-cases-title {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.error-page {
min-height: 520px;
padding-bottom: 185px;
}
.error-page .top-right {
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/toolkit/top-right.svg);
width: 2423px;
height: 170px;
top: -90px;
left: 45%;
margin-left: -200px;
}
.error-page .top-right,
.error-page .blob-right,
.error-page .blob-left {
position: absolute;
background-repeat: no-repeat;
background-size: cover;
z-index: -1;
}
.error-page .blob-right {
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/contact/contact-right.svg);
width: 428px;
max-width: 50%;
height: 461px;
top: 50px;
right: calc((50% - 50vw) - 70px);
margin-left: -200px;
}
.error-page .blob-left {
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/contact/contact-left.svg);
width: 320px;
max-width: 50%;
height: 830px;
top: -70px;
left: calc((50% - 50vw) - 10px);
}
.error-page .title {
font-size: 42px;
text-align: center;
padding-top: 180px;
line-height: 52px;
margin-bottom: 45px;
font-family: 'Roboto-Black';
}
.error-page .cta-wrapper {
text-align: center;
}
.error-page .error-cta {
font-family: 'Roboto-Bold';
font-size: 14px;
text-transform: uppercase;
display: inline-block;
height: 35px;
width: 180px;
line-height: 35px;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
border-radius: 35px;
cursor: pointer;
text-align: center;
background-color: #fff;
color: #5300f2;
border: 2px solid #5300f2;
}
.error-page .error-cta:hover {
opacity: 0.7;
}
.error-page .error-cta:visited {
color: #5300f2;
}
footer {
clear: left;
position: relative;
margin-top: 200px;
}
#back-to-top {
display: none;
width: 56px;
height: 56px;
border-radius: 100%;
position: fixed;
bottom: 100px;
right: 36px;
z-index: 1000;
cursor: pointer;
box-shadow: 0 0px 20px rgba(0, 0, 0, 0);
transition: box-shadow 0.3s ease-in-out;
}
#back-to-top:hover {
box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
}
footer .main-container {
padding-top: 50px;
width: 1140px;
margin-left: auto;
margin-right: auto;
}
footer .footer-gray-background {
position: absolute;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/footer-background.svg);
background-repeat: no-repeat;
background-size: cover;
height: 480px;
width: 4484px;
bottom: 220px;
left: 50%;
margin-left: -2120px;
z-index: 1;
}
footer .footer-black-container {
height: 220px;
background-color: #000000;
z-index: 10;
padding-bottom: 160px;
}
footer .footer-black-container .footer-container {
}
footer .footer-container .left-container {
float: left;
}
footer .footer-container .right-container {
float: right;
}
footer .footer-container .column-container {
margin-top: 45px;
min-width: 200px;
float: left;
}
footer .footer-container .column-container .social-networks {
}
footer .social-networks .social-network-item { width: 24px;
display: inline-block;
float: left;
margin-right: 30px;
}
footer .social-networks .facebook {
background-position: -68px 0px;
}
footer .social-networks .instagram {
background-position: -99px 0px;
}
footer .footer-container .footer-menu {
}
footer .footer-container .footer-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
footer .footer-container .footer-menu ul li {
margin: 0;
padding: 0;
height: 24px;
line-height: 24px;
}
footer .footer-container .footer-menu ul li a:link,
footer .footer-container .footer-menu ul li a:visited {
font-family: 'OpenSans-Regular';
font-size: 14px;
text-decoration: none;
height: 24px;
line-height: 24px;
color: #fff;
}
footer .footer-container .footer-menu ul li a:hover {
text-decoration: underline;
}
footer .footer-container .title {
font-family: 'Roboto-Black';
font-size: 18px;
color: #fff;
margin-bottom: 20px;
}
footer .leave-email-card {
margin-bottom: 200px;
z-index: 10;
font-family: 'OpenSans-Light';
position: relative;
}
footer .leave-email-card .leave-email-background {
position: absolute;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/landing/newsletter.svg);
background-repeat: no-repeat;
background-size: cover; width: 1168px;
height: 1126px;
bottom: -465px;
right: -820px;
}
footer .leave-email-card .title {
font-family: 'Roboto-Black';
font-size: 36px;
margin-bottom: 30px;
}
footer .leave-email-card .email-card-text {
margin-bottom: 30px;
line-height: 24px;
max-width: 500px;
}
footer .leave-email-card .subtitle {
font-size: 16px;
margin-bottom: 10px;
}
footer .leave-email-card .email-placeholder {
display: block;
margin-bottom: 30px;
width: 340px;
max-width: 90%;
height: 30px;
border-bottom: 3px solid #f2f2f2;
}
footer .leave-email-card .email-error {
color: #fc035d;
display: none;
}
footer .leave-email-card .email-address,
footer .leave-email-card .thank-you {
font-family: 'Roboto-Black';
font-size: 11px;
line-height: 50px;
text-transform: uppercase;
text-decoration: none;
color: #000000;
}
footer .leave-email-card .thank-you,
footer .leave-email-card .captcha-input {
display: none;
}
footer .leave-email-card .submit-email-input {
font-family: 'OpenSans-Light';
font-size: 15px;
height: 20px;
line-height: 20px;
border: 0;
background: transparent;
position: absolute;
top: 4px;
width: 100%;
}
footer .leave-email-card .submit-email-input:focus {
outline: 0 !important;
}
footer .leave-email-card .captcha-input .submit-captcha-input {
font-family: 'OpenSans-Light';
font-size: 15px;
height: 20px;
line-height: 20px;
border: 0;
background: transparent;
position: absolute;
top: 4px;
width: 150px;
}
footer .leave-email-card .captcha-input .submit-captcha-input:focus {
outline: 0 !important;
}
footer .leave-email-card .submit-email,
footer .leave-email-card .captcha-input .submit {
display: inline-block;
padding: 10px 0;
background-color: #5300f2;
color: #fff;
border-radius: 48px;
width: 140px;
text-align: center;
text-transform: uppercase;
font-family: 'Roboto-Bold';
font-size: 14px;
}
footer .leave-email-card .captcha-input .captcha-image {
position: absolute;
right: 0;
top: 4px;
}
footer .supportyourorganisation-custom-footer {
height: 170px;
margin-bottom: 10px;
z-index: 10;
text-align: center;
display: none;
}
footer
.supportyourorganisation-custom-footer
.supportyourorganisation-custom-footer-title {
color: #000000;
font-size: 32px;
text-align: center;
font-family: 'Roboto-Black';
}
footer
.supportyourorganisation-custom-footer
.supportyourorganisation-custom-footer-sub-title {
color: #000000;
font-size: 24px;
text-align: center;
font-family: 'OpenSans-Light';
}
footer
.supportyourorganisation-custom-footer
.supportyourorganisation-custom-footer-herdy-arm {
width: 204px;
height: 198px;
position: absolute;
bottom: -110px;
right: 20%;
}
.download-main-image {
}
.download-main-image img {
display: block;
position: relative;
width: 70%;
margin-left: auto;
margin-right: auto;
margin-top: 100px;
margin-bottom: 100px;
}
.download-items {
}
.download-items .download-item {
float: left;
width: 50%;
}
.download-items .download-item img {
display: block;
position: relative;
width: 85%;
margin-left: auto;
margin-right: auto;
}
.download-items .download-item a.download-button:link,
a.download-button:visited {
display: block;
position: relative;
width: 60%;
text-align: center;
height: 70px;
line-height: 70px;
color: #ffffff;
text-decoration: none;
margin-left: auto;
margin-right: auto;
border-radius: 40px;
font-size: 24px;
z-index: 100;
}
.download-items .download-item .download-button.android {
background-color: #53f4a8;
}
.download-items .download-item .download-button.ios {
background-color: #4903ef;
}
@media only screen and (min-width: 2048px) {
.home-page .product-user-container .product-user-background,
.home-page .product-client-container .product-client-background {
left: -400px;
}
}
@media only screen and (min-width: 1920px) {
.home-page .product-user-container .product-user-background,
.home-page .product-client-container .product-client-background {
left: -475px;
}
.home-page .product-client-container .product-client-background {
width: 4893px;
height: 902px;
}
.home-page .product-user-container .product-user-background {
width: 4893px;
height: 873px;
}
.home-page .clients-container {
margin-top: 0;
}
}
@media only screen and (max-width: 1366px) {
.home-page .landing-header-container {
height: calc(90vh - 90px);
}
.home-page #resize-handle {
height: 90vh;
}
}
@media only screen and (max-width: 1200px) {
.main-wrapper .main-container {
width: 90%;
}
.home-page .product-user-container .product-user-background {
width: 2824px;
height: 504px;
left: -250px;
}
.home-page .product-client-container .product-client-background {
width: 2824px;
height: 521px;
left: -250px;
}
.home-page .business-solutions-container {
flex-direction: column;
padding-top: 20px;
padding-bottom: 0;
}
.home-page .virtual-tour-container {
flex-direction: column;
padding-top: 35px;
padding-bottom: 0;
}
.home-page .business-solutions-container > img, .home-page .virtual-tour-container > img {
top: -40px;
right: 0;
position: relative;
margin-right: -12%;
height: auto;
}
.home-page .product-user-container .product-text {
left: calc((100vw - 90vw) / 2 + 90vw - 500px);
}
.home-page .product-client-container .product-text-wrapper {
left: calc((100vw - 90vw) / 2);
}
footer .main-container {
width: 90%;
}
footer .leave-email-card {
margin-bottom: 400px;
}
}
@media only screen and (max-width: 1020px) {
.main-wrapper .main-container {
width: 80%;
}
footer .main-container.leave-email-card {
width: 90%;
margin-bottom: 400px;
}
footer .leave-email-card .leave-email-background {
position: absolute;
width: 486px;
height: 569px;
bottom: -500px;
right: -200px;
z-index: -1;
}
}
@media only screen and (max-width: 768px) {
.main-wrapper .main-container {
width: 90%;
}
header {
display: flex;
align-items: flex-end;
height: 23px;
margin-top: 46px;
padding: 0 5%;
}
.download-main-image img {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
.download-items .download-item img {
width: 100%;
}
.download-items .download-item a.download-button:link,
a.download-button:visited {
width: 95%;
font-size: 13px;
height: 40px;
line-height: 40px;
}
header .buffl-logo {
z-index: 999999; }
header .buffl-logo img {
display: block;
width: 80px;
border: 0;
transition: filter 0.4s ease-in-out;
}
header .buffl-logo.mobile-menu-open {
position: absolute;
top: 10px;
}
.mobile-menu-open + .close-icon {
position: absolute;
top: 0;
right: 0;
}
header .mobile-menu-open.buffl-logo img { }
.organisations-header header .header-right .right-navigation .register-link,
.organisations-header header .header-right .right-navigation .clients-link {
color: #000;
}
header .header-right {
float: none;
display: none;
background-color: #fff;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100vh;
z-index: 99999;
flex-direction: column;
justify-content: center;
}
header .header-right .left-navigation {
display: block;
float: none;
margin-right: 0;
margin-top: 80px;
}
header .header-right .right-navigation {
display: block;
float: none;
height: auto;
line-height: auto;
}
header .header-right .left-navigation ul li {
display: flex !important;
justify-content: center;
align-items: center;
height: 22px;
line-height: 22px;
margin-bottom: 44px;
}
header .header-right .left-navigation ul li.menu-item-has-children {
display: flex;
flex-direction: column;
height: auto;
line-height: 50px;
padding-bottom: 0;
}
header .header-right .left-navigation ul li.menu-item-has-children .sub-menu {
display: flex;
align-items: center;
}
header
.header-right
.left-navigation
ul
li.menu-item-has-children
.sub-menu
li {
margin-top: 15px;
}
header
.header-right
.left-navigation
ul
li.menu-item-has-children
.sub-menu
a:hover {
text-decoration: underline;
}
header .header-right .left-navigation ul.sub-menu li {
height: 20px;
line-height: 20px;
}
header
.header-right
.left-navigation
ul
li.menu-item-has-children:hover
ul.sub-menu {
display: none;
}
header .header-right .left-navigation ul li.menu-item-has-children a {
color: #000;
margin-left: 5px;
font-size: 16px;
text-decoration: none;
}
header .header-right .left-navigation ul li.menu-item-has-children:hover a {
}
header
.header-right
.left-navigation
ul
li.menu-item-has-children.sub-menu-active
ul.sub-menu {
display: flex;
}
header
.header-right
.left-navigation
ul
li.menu-item-has-children.sub-menu-active
a {
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/navigation-submenu-rotated.svg);
}
header .header-right .left-navigation ul li.menu-item-has-children a:visited,
header .header-right .left-navigation ul li.menu-item-has-children a:link {
height: 20px;
line-height: 20px;
color: #000;
margin-left: 5px;
font-size: 16px;
font-family: 'SourceSansPro-SemiBold';
}
header .header-right .left-navigation ul li a:link,
header .header-right .left-navigation ul li a:visited {
display: block;
height: 22px;
line-height: 26px;
color: #000;
margin-left: 5px;
font-size: 16px;
font-family: 'SourceSansPro-SemiBold';
}
header
.header-right
.left-navigation
ul
li.menu-item-has-children
ul.sub-menu {
position: relative;
padding-bottom: 10px;
top: 0;
}
header .header-right .right-navigation .clients-link,
header .header-right .right-navigation .register-link {
color: #000;
border: 0 !important;
height: 22px;
line-height: 26px;
display: block;
font-size: 16px;
font-family: 'SourceSansPro-SemiBold';
background-color: transparent !important;
margin-bottom: 44px;
padding: 0;
}
header .hamburger-icon {
display: block;
background-image: url(//landing.buffl.be/wp-content/themes/buffl/images/mobile-navigation-closed.svg);
background-repeat: no-repeat;
background-size: 28px 33px;
background-position: 5px 0px;
width: 37px;
height: 33px;
z-index: 999997;
top: 0;
right: 15px;
position: absolute;
border-radius: 5px;
}
header .close-icon {
display: none;
width: 22px;
height: 22px;
z-index: 999997;
top: 2px;
right: 0;
position: relative;
border-radius: 5px;
}
header .close-icon img {
position: absolute;
fill: black;
width: 100%;
height: 22px;
bottom: 0;
right: 15px;
}
header .mobile-menu-background {
display: none;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.7;
z-index: 999998;
}
header .mobile-nav-background {
position: absolute;
animation: bounceOut 1.2s;
visibility: hidden;
transition: all 1.2s ease-in-out;
opacity: 1;
}
@keyframes bounceOut {
from {
bottom: -20px;
}
to {
bottom: 700px;
}
}
header .mobile-nav-background.animate {
visibility: visible;
bottom: -20px;
transition: bottom 0.8s ease;
animation: bounce 1.2s;
}
@keyframes bounce {
from {
bottom: 700px;
}
30% {
bottom: -70px;
}
45% {
bottom: 0;
}
60% {
bottom: -30px;
}
75% {
bottom: -10px;
}
to {
bottom: -20px;
}
}
header .header-right .right-navigation .language-selectors {
color: #000;
margin-left: 5px;
width: auto;
}
header .header-right .right-navigation .language-selectors span {
}
header .supportyourorganisation-navigation-background-blob {
top: -1570px;
}
.home-page .clients-container { margin-bottom: 5px;
max-width: 100%;
}
.home-page .clients-container .clients-background {
margin-left: -1990px;
}
.home-page .clients-container .clients-label {
padding-top: 135px;
}
.home-page .clients-container .left-slide-arrow {
display: none;
}
.home-page .clients-container .right-slide-arrow {
display: none;
}
.home-page .clients-container .clients-logos-container img {
margin-bottom: 10px;
}
.home-page .landing-header-container {
height: calc(100vh - 165px);
height: auto; height: 500px;
padding-bottom: 20px;
} .home-page .mobile-header-container .lSSlideOuter {
display: block;
}
.home-page .virtual-tour-container {
flex-direction: column;
padding-top: 35px;
padding-bottom: 0;
}
.home-page .virtual-tour-container .virtual-tour {
max-width: 100%;
}
.home-page .virtual-tour-container .virtual-tour .title {
font-size: 24px;
padding-top: 25px;
}
.home-page .virtual-tour-container .virtual-tour {
left: 0;
max-width: 100%;
}
.home-page .virtual-tour-container .virtual-tour .info-sections-wrapper {
min-height: 280px;
}
.home-page
.virtual-tour-container
.virtual-tour
.virtual-tour-info
.small-title {
font-size: 18px;
}
.home-page .virtual-tour-container .virtual-tour .button {
display: block;
width: 280px;
height: 36px;
line-height: 36px;
margin-left: auto;
margin-right: auto;
font-size: 14px;
} .home-page .business-solutions-container .business-solutions {
max-width: 100%;
}
.home-page .business-solutions-container .business-solutions .title {
font-size: 24px;
padding-top: 25px;
}
.home-page
.business-solutions-container
.business-solutions
.info-sections-wrapper {
min-height: 280px;
}
.home-page
.business-solutions-container
.business-solutions
.business-solutions-info
.small-title {
font-size: 18px;
}
.home-page .business-solutions-container .business-solutions .button {
display: block;
width: 214px;
height: 36px;
line-height: 36px;
margin-left: auto;
margin-right: auto;
font-size: 14px;
}
.home-page
.business-solutions-container
.business-solutions
.business-solutions-info
.active-underline {
height: 4px;
}
.home-page .business-solutions-container #business-image {
position: relative;
right: 0;
top: 0;
width: 90%;
}
.home-page .reviews-container {
padding-top: 50px;
margin-bottom: 50px;
}
.home-page .reviews-container .title {
font-size: 24px;
}
.home-page .reviews-container .reviews-blob {
display: none;
}
.home-page .reviews-container .testimonials-container {
max-width: 100%;
}
.home-page .reviews-container .testimonials-container .left-slide-arrow {
left: 0;
width: 16px;
height: 16px;
}
.home-page .reviews-container .testimonials-container .right-slide-arrow {
right: 0;
width: 16px;
height: 16px;
}
.home-page .reviews-container .testimonials-container .testimonial .icon {
margin-bottom: 10px;
width: 55px;
height: 55px;
}
.home-page .news-container .title {
font-size: 24px;
}
.home-page .news-container .news-article {
width: 100%;
margin-bottom: 20px;
}
.home-page .news-container .news-article .article-text {
max-width: 100%;
}
.home-page .news-container .news-article .article-title .title-underline {
height: 4px;
}
.toolkit-page .buttons-container-1 {
width: 190px;
margin-left: auto;
left: auto;
margin-right: auto;
display: block;
}
.toolkit-page .buttons-container-1 .button {
display: inline-block;
margin-bottom: 10px;
}
.toolkit-page .clients-container .left-slide-arrow {
display: none;
}
.toolkit-page .clients-container .right-slide-arrow {
display: none;
}
.toolkit-page .clients-container .clients-logos-container img {
margin-bottom: 10px;
}
.toolkit-page .buffl-toolkit-tabs ul.tabs li {
display: block;
}
.toolkit-page .buffl-toolkit-tabs .tab-description {
width: 93%;
}
.toolkit-page .testmonials-container .testmonials-background {
height: 600px;
}
.toolkit-page .pricing-containers {
height: auto;
}
.toolkit-page .pricing-containers .pricing-item {
float: none;
width: 100%;
padding-bottom: 30px;
margin-bottom: 30px;
}
.toolkit-page .buffl-toolkit-tabs .description {
width: 100%;
}
.toolkit-page .validation-service {
height: auto;
}
.toolkit-page .validation-service .left-container {
float: none;
}
.toolkit-page .validation-service .right-container {
float: none;
margin-bottom: 20px;
}
.toolkit-page .validation-service .right-container .lets-talk {
text-align: left;
}
.toolkit-page .page-description,
.services-page .page-description {
width: 100%;
}
.toolkit-page .buffl-toolkit-tabs {
margin-top: 40px;
}
.toolkit-page .top-buffl-toolkit-tabs .the-buffl-toolkit {
left: 0;
}
.toolkit-page .top-buffl-toolkit-tabs .simple-title {
left: 0;
}
.toolkit-page .top-buffl-toolkit-tabs .title {
left: 0;
}
.toolkit-page .top-buffl-toolkit-tabs .top-tab-cover-image .quote {
bottom: -15px;
}
.toolkit-page .top-buffl-toolkit-tabs .top-tab-cover-image .text1 {
top: 10px;
}
.toolkit-page .top-buffl-toolkit-tabs .top-tab-cover-image img {
width: 100%;
}
.toolkit-page .buffl-toolkit-tabs .tab-cover-image {
position: relative;
width: 100%;
top: auto;
left: auto;
}
.buffl-toolkit-left-tabs .tab-left-cover-image {
position: relative;
width: 100%;
top: auto;
left: auto;
margin-left: auto;
}
.toolkit-page .buffl-toolkit-left-tabs .toolkit-tabs-background {
display: none;
}
.toolkit-page .buffl-toolkit-left-tabs .the-mobile-community {
left: 0;
}
.toolkit-page .buffl-toolkit-left-tabs .simple-title {
left: 0;
}
.toolkit-page .buffl-toolkit-left-tabs .title {
left: 0;
}
.toolkit-page .buffl-toolkit-left-tabs ul.tabs {
left: 0;
}
.toolkit-page .buffl-toolkit-left-tabs .tab-left-description {
left: 0;
}
.buffl-toolkit-notes .toolkit-notes-item {
float: none;
width: 90%;
padding-bottom: 30px;
border-bottom: 1px solid #cccccc;
margin-bottom: 30px;
}
.buffl-toolkit-notes .toolkit-notes-item .details-container {
text-align: left;
}
.toolkit-page .quote-start-knowing .quote-container .description {
font-size: 19px;
line-height: 33px;
}
.blog-highlights-container .last-blog {
float: none;
width: 100%;
margin-bottom: 40px;
}
.blog-highlights-container .second-blog {
float: none;
width: 100%;
}
.services-page .buttons-container-1 {
width: 190px;
margin-left: auto;
left: auto;
margin-right: auto;
display: block;
}
.services-page .buttons-container-1 .button {
display: inline-block;
margin-bottom: 10px;
}
.services-page .top-right {
margin-left: -250px;
}
.services-page .clients-container .left-slide-arrow {
display: none;
}
.services-page .clients-container .right-slide-arrow {
display: none;
}
.services-page .clients-container .clients-label {
padding-top: 30px;
}
.services-page .clients-container .clients-logos-container img {
margin-bottom: 10px;
}
.services-page .levels-container {
height: auto;
}
.services-page .levels-container .level-items-container {
height: auto;
}
.services-page .levels-container .level-item {
width: 100%;
float: none;
padding-bottom: 30px;
border-bottom: 1px solid #cccccc;
margin-bottom: 30px;
}
.services-page .levels-container .levels-background {
height: 1007px;
top: -93px;
}
.services-page .our-process-container {
border: 0;
margin-top: auto;
}
.services-page .our-process-container .iterative-loop {
display: none;
}
.services-page .decisions-based .quote-container .description {
font-size: 18px;
line-height: 33px;
}
.button-medium-wide-border .single-title {
font-size: 11px;
}
.services-page .schedule-call-container {
height: auto;
margin-top: 100px;
margin-bottom: 50px;
}
.services-page
.schedule-call-container
.schedule-call-content
.schedule-call-left {
float: none;
width: 100%;
}
.services-page
.schedule-call-container
.schedule-call-content
.schedule-call-right {
float: none;
width: 100%;
}
.services-page .schedule-call-container .schedule-call-content {
top: 0px;
}
.services-page .schedule-call-left .left-border {
display: none;
}
.services-page .schedule-call-left .description {
float: none;
width: 100%;
}
.blog-page .other-blogs .blog-item {
float: none;
width: 100%;
height: auto;
margin-bottom: 20px;
}
.home-page .clients-container .clients-animation,
.services-page .levels-container .levels-animation,
.home-page .buffl-flow-container .buffl-flow-bottom-animation,
.toolkit-page .clients-container .clients-animation {
display: none;
}
.business-page .cta-buttons .business-cta.register,
.business-page .cta-buttons .business-cta.dataset {
display: block;
margin: 0 auto 10px auto;
}
.business-page .business-introduction-container .first-message {
padding-top: 50px;
}
.business-page .business-introduction-container .blue-blob {
top: 300px;
right: -565px;
}
.business-page .business-introduction-container .green-blob {
top: 250px;
left: -480px;
}
.business-page .building-blocks .building-block-card {
margin-bottom: 40px;
}
.business-page .building-blocks .building-block-card img {
width: 200px;
height: 200px;
}
.business-page .building-blocks-title {
border: none;
}
.business-page .building-blocks-title .underline-mobile {
display: inline-block;
}
.business-page .get-in-touch-container {
margin-bottom: 100px;
}
.business-page .get-in-touch-container.idea-container {
margin-top: 200px;
margin-bottom: 160px;
}
.business-page .get-in-touch-container .get-in-touch-background {
left: -1460px;
bottom: -325px;
}
.business-page .innovation-container .clients-container {
margin-bottom: 5px;
max-width: 100%;
margin-top: 30px;
}
.business-page .innovation-container .clients-container .clients-background {
margin-left: -1990px;
}
.business-page .innovation-container .clients-container .clients-label {
padding-top: 135px;
}
.business-page .innovation-container .clients-container .left-slide-arrow {
display: none;
}
.business-page .innovation-container .clients-container .right-slide-arrow {
display: none;
}
.business-page
.innovation-container
.clients-container
.clients-logos-container
img {
margin-bottom: 10px;
}
.business-page .reviews-container {
margin-bottom: 100px;
}
.business-page .reviews-container .title {
font-size: 24px;
}
.business-page .reviews-container .testimonials-container {
max-width: 100%;
}
.business-page .reviews-container .testimonials-container .left-slide-arrow {
left: 0;
width: 16px;
height: 16px;
}
.business-page .reviews-container .testimonials-container .right-slide-arrow {
right: 0;
width: 16px;
height: 16px;
}
.business-page .reviews-container .testimonials-container .testimonial .icon {
margin-bottom: 10px;
width: 55px;
height: 55px;
}
.business-page .pricing-container {
margin-bottom: 80px;
}
.business-page .pricing-container .pricing-title {
text-align: center;
}
.business-page .pricing-container .pricing-introduction {
text-align: center;
}
.business-page .pricing-container .pricing-blocks {
justify-content: space-around;
padding-top: 0;
}
.business-page .pricing-container .pricing-blocks .pricing-card.favorite {
margin-top: 20px;
margin-bottom: 60px;
}
.business-page .teamwork-container .green-blob {
display: none;
}
.business-page .teamwork-container .teamwork-title {
text-align: center;
}
.business-page .teamwork-container .cases .case-block {
flex-wrap: wrap;
}
.business-page .teamwork-container .cases .case-block .case-image {
max-width: 100%;
}
.business-page .teamwork-container .cases .case-block .case-info {
max-width: 100%;
margin-left: 0;
margin-top: 20px;
margin-bottom: 20px;
text-align: left;
}
.business-page .teamwork-container .view-all-cases-wrapper {
text-align: left;
margin-top: 30px;
}
.pricing-blocks .pricing-card .pricing-info {
padding: 0 35px 70px 35px;
}
.pricing-blocks .pricing-card .pricing-info .responsibilities-list {
height: auto;
}
.pricing-blocks .pricing-card .pricing-info .price-description {
bottom: 0;
position: relative;
}
.cases-page .cases-introduction-container {
padding-top: 50px;
}
.case-post .page-title {
padding-top: 0;
margin-top: 15px;
}
.case-post #share-button-mobile {
display: inline-block;
}
.case-post #share-button-desktop {
display: none;
}
.cases-posts-container .post-case-container {
width: 100%;
}
.cases-posts-container .post-case {
width: 100%;
}
.cases-posts-container .post-case .post-cover {
max-width: 100%;
}
.cases-page .post-banner {
margin-top: 10px;
margin-bottom: 10px;
}
.cases-page .contact-us-container {
flex-wrap: wrap;
}
.cases-page .contact-us-container {
width: 100%;
}
.cases-page .contact-us-container .contact-us-content {
width: 100%; }
.cases-page .contact-us-container .contact-us-content .contact-us-title {
margin-left: auto;
margin-right: auto;
}
.cases-page .contact-us-container .contact-us-image {
margin: 60px auto 0 auto;
}
.case-post .customizable-content-container {
width: 100%;
}
.other-cases-title {
width: 100%;
}
.error-page {
min-height: 200px;
}
.error-page .blob-left,
.error-page .blob-right {
display: none;
}
footer {
margin-top: 100px;
}
#back-to-top {
bottom: 80px;
right: 12px;
}
footer .footer-black-container {
height: auto;
padding-top: 20px;
padding-bottom: 0;
}
footer .main-container {
width: 80%;
padding-top: 20px;
padding-bottom: 50px;
}
footer .main-container.leave-email-card {
margin-bottom: 300px;
}
footer .leave-email-card .title {
font-size: 24px;
}
footer .leave-email-card .leave-email-background {
right: -250px;
bottom: -420px;
}
footer .leave-email-card .submit-email,
footer .leave-email-card .captcha-input .submit {
display: block;
margin-left: auto;
margin-right: auto;
font-size: 12px;
}
footer .footer-container .title {
font-size: 14px;
}
footer .footer-container .footer-menu {
height: auto !important;
}
footer .footer-container .left-container {
float: none;
display: flex;
flex-wrap: wrap;
}
footer .footer-container .right-container {
float: none;
}
footer .footer-container .left-container .column-container:nth-child(3) {
width: 100%;
}
footer .footer-container .column-container {
float: none;
margin-top: 0px;
padding-bottom: 30px;
text-align: left;
width: 50%;
min-width: auto;
}
footer .footer-container .right-container .column-container {
width: 50%;
}
footer .footer-container .column-container .social-networks {
display: flex;
justify-content: space-between;
}
footer .footer-container .footer-menu ul li,
footer .footer-container .footer-menu ul li a:link,
footer .footer-container .footer-menu ul li a:visited {
min-height: 24px;
height: auto;
}
footer .social-networks .social-network-item {
float: none;
margin-right: 0;
}
.cookies-policy {
left: 50%;
margin-left: -160px;
right: auto;
}
.services-page .our-process-container .process-icon-1,
.services-page .our-process-container .process-icon-2,
.services-page .our-process-container .process-icon-3,
.services-page .our-process-container .process-icon-4 {
position: relative;
top: auto;
margin-top: 30px;
margin-bottom: 10px;
}
.services-page .our-process-container .description-container {
margin-top: auto;
}
.services-page
.our-process-container
.description-container
.description-item {
width: 100%;
}
.services-page .our-process-container .top-process-container {
display: none;
}
.services-page .levels-title {
padding-top: 140px;
}
.services-page .decisions-based .animation-container {
display: none;
}
.services-page .case-studies-item .cover {
width: 60%;
margin-left: auto;
margin-right: auto;
display: block;
float: none;
}
.services-page .case-studies-item .details {
width: 100%;
float: none;
}
.services-page .schedule-call-container .schedule-call-background {
height: 1163px;
width: 4805px;
}
.services-page .schedule-call-right .input-field.code {
width: 65%;
}
.buffl-toolkit-left-tabs .left-button {
left: auto;
margin-right: 10px;
}
footer
.supportyourorganisation-custom-footer
.supportyourorganisation-custom-footer-buttons
a:link,
footer
.supportyourorganisation-custom-footer
.supportyourorganisation-custom-footer-buttons
a:visited {
height: 40px;
line-height: 40px;
font-size: 11px;
}
}
@media only screen and (max-width: 480px) {
header .mobile-nav-background {
width: 1567px;
height: 1367px;
bottom: 700px;
left: 0;
}
}