:root {
--font-size-h1: 47px;
--font-size-h2: 35.5px;
--font-size-h3: 26.5px;
--font-size-body: 20px;
--font-weight-normal: 400;
--font-family-fontawesome: "Font Awesome 5 Free"; }
body {
overflow-x: hidden;
}
ul,ol {
margin-left: 1em;
}
.bks-mb-0 {
margin-bottom: 0;
}
.bks-ms-0 {
margin-left: 0;
}
.bks-color-white {
color: var(--color-white);
}
.bks-color-black {
color: var(--color-white);
}
.bks-bg-black {
background-color: var(--color-black);
}
figcaption a {
background-image: none !important;
} .navigation-branding img, 
.site-logo.mobile-header-logo img {
padding: 15px 5px !important;
}
@media (max-width: 400px) {
.navigation-branding img, 
.site-logo.mobile-header-logo img {
width: 220px !important;
height: auto !important;
}
}
@media (max-width: 1024px) { 
.main-navigation .menu-toggle, 
.main-navigation .menu-bar-items {
font-size: 15px;
}
} @media (max-width: 768px) {
.slideout-navigation.do-overlay .slideout-exit {
position: fixed !important;
}
}
#generate-slideout-menu.do-overlay .slideout-menu li, 
.slideout-navigation.do-overlay .inside-navigation {
align-items: flex-start;
text-align: left !important;
}
#generate-slideout-menu.do-overlay figure {
min-width: 250px;
margin-top: 2em;
margin-left: 0;
}
#generate-slideout-menu.do-overlay figure img {
width: 220px;
}
.slideout-navigation .main-nav {
margin-bottom: 20px !important;
}
@media (max-width: 1024px) {
.main-navigation .main-nav ul li a {
padding-right: 40px;
padding-left: 40px;
}
.main-navigation ul.wp-block-social-links {
width: 100%;
display: flex;
padding: 0 40px;
}
}
#generate-slideout-menu.do-overlay .slideout-menu .dropdown-menu-toggle {
display: none;
}
#generate-slideout-menu.do-overlay .slideout-menu .sub-menu {
display: block !important;
height: auto !important;
opacity: 1 !important;
overflow: visible !important;
pointer-events: auto;
padding: 0;
margin-left: 40px;
border: 0;
border-left: 1px solid var(--color-white);
}
#generate-slideout-menu.do-overlay .slideout-menu .sub-menu .menu-item {
margin: 0;
} .sub-menu {
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid var(--color-white);
}
.sub-menu a {
display: flex !important;
align-items: center;
}
.sub-menu a::before {
margin-right: 10px;
} .sub-menu .menu-item-982 a::before {
content: url(//www.backspin.fr/wp-content/uploads/picto-sante-menu.png);
}
.sub-menu a[href*="technologie"]::before {
content: url(//www.backspin.fr/wp-content/uploads/picto-technologie-menu.png);
} .sub-menu .menu-item-1611 a::before {
content: url(//www.backspin.fr/wp-content/uploads/picto-industrie-menu.png);
} .sub-menu .menu-item-1650 a::before {
content: url(//www.backspin.fr/wp-content/uploads/picto-retail-menu.png);
} .sub-menu .menu-item-1669 a::before {
content: url(//www.backspin.fr/wp-content/uploads/picto-public-menu.png);
} #generate-slideout-menu {
overflow-x: hidden !important;
}
.slideout-navigation.do-overlay .inside-navigation {
padding-bottom: 10% !important;
}
#generate-slideout-menu.do-overlay .slideout-menu .sub-menu {
margin-bottom: 20px;
} .site-footer {
background-color: var(--color-white);
}
.bks-footer-social a,
.bks-footer-social a:hover {
color: var(--color-black);
text-decoration: none;
} .home .page-hero {
position: relative;
}
.home .page-hero::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-image: url(http://backspin2.staminic.net/wp-content/uploads/video-overlay.svg);
background-attachment: scroll;
background-position-x: 100%;
background-position-y: 0;
background-repeat: no-repeat;
opacity: 50%;
}
@media (max-width: 768px) {
.home .page-hero::before {
background-size: 50%;
}
}  .bks-sticky-content .gb-inside-container {
position: sticky;
top: 40px;
}
.blog .header-pusher {
height: 80px;
}
.blog h1 {
font-weight: 900;
}
.blog .tb-grid-column > * {
height: 100%;
}
.blog a.tb-container {
height: 100%;
background: none;
color: color: var(--color-black);
text-decoration: none;
}
.blog a.tb-container h2 span {
background-image: linear-gradient(var(--color-ultravivid-blue), var(--color-ultravivid-blue));
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 0% 16px;
transition: background-size .3s;
color: var(--color-black);
}
@media (min-width: 1200px) {
.blog a.tb-container:hover h2 span,
.blog a.tb-container:focus h2 span {
background-size: 100% 16px;
}
} .single-post h1 {
line-height: 1.375;
font-size: var(--font-size-h3);
}
.single-post h2 {
margin-top: 1.5em;
line-height: 1.375;
font-size: var(--font-size-body);
font-weight: 400;
text-transform: uppercase;
} @media (min-width: 1024px) {
.single-post h1 {
line-height: 1.2;
font-size: var(--font-size-h1);
font-weight: 500;
}
.single-post h2 {
margin-top: 1.5em;
line-height: 1.375;
font-size: var(--font-size-h3);
font-weight: 700;
text-transform: uppercase;
} }
.single-post .entry-content a {
background-image: linear-gradient(var(--color-ultravivid-blue), var(--color-ultravivid-blue));
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 100% 12px;
color: var(--color-black);
text-decoration: none;
transition: background-size .3s;
}
.single-post .page-hero {
height: 500px;
position: relative;
margin-bottom: 60px;
}
.single-post .page-hero .bks-page-hero-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(180deg, #000000 0%, #ffffff 100%);
mix-blend-mode: multiply;
opacity: 0.7;
}
.bks-related-insights a.tb-container {
color: color: var(--color-black);
background: none;
text-decoration: none;	
}
@media (min-width: 1024px) {
.bks-related-insights > .tb-container {
position: sticky;
top: 90px;
}
}
.bks-related-insights a.tb-container h3 span {
background-image: linear-gradient(var(--color-ultravivid-blue), var(--color-ultravivid-blue));
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 0% 8px;
transition: background-size .3s;
color: var(--color-black);	
}
@media (min-width: 1200px) {
.bks-related-insights a.tb-container:hover h3 span,
.bks-related-insights a.tb-container:focus h3 span{
background-size: 100% 8px;
}
}
.bks-related-insights img {
width: 100% !important;
height: 200px !important;
object-fit: cover;
}
@media (min-width: 768px) {
.bks-related-insights img {
height: 120px !important;
}
}  .archive.post-type-archive-case-studies h1 { font-weight: 900;
}
.archive .bks-grid-blog,
.archive a.tb-container {
height: 100%;
}
.archive a.tb-container {
background: none;
text-decoration: none;
}
.archive a.tb-container h2 span {
background-image: linear-gradient(var(--color-ultravivid-blue), var(--color-ultravivid-blue));
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 0% 16px;
transition: background-size .3s;
color: var(--color-black);
}
@media (min-width: 1200px) {
.archive a.tb-container:hover h2 span,
.archive a.tb-container:focus h2 span {
background-size: 100% 16px;
}
}
.bks-case-study-term {
margin-bottom: 10px;
color: var(--color-black);
text-transform: uppercase;
}     .bks-related-case-studies .bks-related-case-study {
height: 100%;
}
.bks-related-case-studies a.tb-container {
height: 100%;
text-decoration: none;
}
.bks-related-case-studies a.tb-container h3 {
font-size: var(--font-size-h3);
}
.bks-related-case-studies a.tb-container h3 span {
background-image: linear-gradient(var(--color-ultravivid-blue), var(--color-ultravivid-blue));
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 0% 16px;
transition: background-size .3s;
color: var(--color-black);
line-height: 0;
}
@media (min-width: 1200px) {
.bks-related-case-studies a.tb-container:hover h3 span,
.bks-related-case-studies a.tb-container:focus h3 span {
background-size: 100% 16px;
}
}
@media (min-width: 1024px) {
.bks-related-case-studies a.tb-container h3 {
font-size: var(--font-size-h2);
}
} .bks-grid .bks-txt-container .tb-container-inner {
margin-right: 0 !important;
margin-left: 0 !important;
} .bks-txt-container .bks-list {
margin-left: 0;
font-size: 20px;
list-style-type: none;
}
.bks-txt-container .bks-list li { margin-bottom: .5em;
}
.bks-txt-container .bks-list li a {
color: var(--color-black) !important;
} .bks-txt-container {
background-image: url(http://backspin2.staminic.net/wp-content/uploads/video-overlay.svg);
background-attachment: scroll;
background-position-x: 100%;
background-position-y: 0;
background-repeat: no-repeat;
}
@media (min-width: 1024px) {
.bks-txt-container .bks-list {
font-size: 26.5px;
font-weight: 300;
}
}
.bks-list.bks-ms-0 {
margin-left: 0;
}
.bks-grid .bks-img-cell {
height: 100%;
margin: 0;
}
.bks-grid .bks-img-cell img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
@media (min-width: 1024px) { .bks-grid > .tb-grid-column.bks-sticky > * {
position: sticky;
top: 0;
}
} .bks-grid-expertises a.tb-container {
color: var(--color-black);
text-decoration: none;
}
.bks-grid-expertises .style-svg svg {
width: 50px;
height: 50px;
}
.bks-grid-expertises a.tb-container:hover .style-svg svg #path26 {
fill: var(--color-vivid-blue) !important;
}
.bks-grid-expertises a.tb-container:hover .style-svg svg #path30 {
fill: var(--color-black) !important;
}
@media (min-width: 1024px) {
.bks-grid > .tb-grid-column > .wp-block-webfactory-map {
position: sticky;
top: 0;
}
}
.bks-value-text {
text-align: center;
} .tb-gallery--grid--nocrop .tb-gallery__cell {
align-self: center !important;
}
.bks-intervention-header {
display: flex;
align-items: center;
}
.bks-intervention-header img {
margin-right: 10px;
}
@media (max-width: 1024px) {
.bks-neworder-column {
order: -1;
}
}
@media (min-width: 768px) {
.bks-values-slider {
position: relative;
}
.bks-values-slider::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-image: url(//www.backspin.fr/wp-content/uploads/txt-container-overlay-2.png);
background-position: 100% -1px;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: contain;
opacity: .3;
}
}
@media (min-width: 1920px) {
.bks-txt-col .bks-txt-container {
padding-left: 240px !important;
padding-right: 80px !important;
}
}
@media (min-width: 1025px) {
.parent-pageid-630 .bks-grid,
.single-case-studies .bks-grid {
min-height: 100vh;
}
} input[type="submit"] {
background-color: var(--color-ultravivid-blue) !important;
color: var(--color-black) !important;
}
input[type="submit"]:hover {
background-color: var(--color-ultravivid-blue) !important;
color: var(--color-black) !important;
} .bks-filter .wpv-custom-search-filter__input {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.bks-filter .checkbox label {
display: inline-block;
margin: 3px;
padding: 15px 30px;
padding-top: 17px;
line-height: 1;
background-color: var(--color-white);
border: 1px solid var(--color-ultravivid-blue);
color: inherit;
font-size: 15px;
text-transform: uppercase;
cursor: pointer;
}
@media (min-width: 1024px) {
.bks-filter .checkbox label {
margin: 10px;
}
}
.bks-filter .checkbox input {
display: none;
}
.bks-filter .checkbox.active label {
background-color: var(--color-ultravivid-blue);
}
a.bks-txt-container.bks-insert:hover .bks-buttons-black span {
background-color: var(--color-black);
color: var(--color-white);
}
@media (max-width: 420px) {
span.bks-hidden {
display: none;
}
}
.post-type-archive-case-studies nav#nav-below {
display: none;
} .bks-recruitment-form {
font-family: Montserrat, sans-serif !important;
font-size: clamp(1rem, 0.6875rem + 1vw, 1.25rem) !important;
line-height: 140% !important;
}
.bks-recruitment-form__h1 {
font-size: clamp(1.6875rem, 0.9844rem + 2.25vw, 2.25rem) !important;
}
.bks-recruitment-form__h2 {
font-size: clamp(1.25rem, 0.7031rem + 1.75vw, 1.6875rem) !important;
}
.bks-recruitment-form__quote--open {
position: absolute;
top: -10px;
left: -25px;
}
.bks-recruitment-form__quote--close {
position: absolute;
bottom: 0;
right: 0;
}
.bks-recruitment-form input,
.bks-recruitment-form label,
.bks-recruitment-form h3 {
font-family: Montserrat, sans-serif !important;
font-size: clamp(1rem, 0.6875rem + 1vw, 1.25rem) !important;
}
.bks-recruitment-form .gsection {
margin: 0 !important;
padding: 0 !important;
padding-top: 20px !important;
border: none !important;
}
.bks-recruitment-form h3 {
margin: 0 !important;
}
.bks-recruitment-form label {
font-size: 1rem !important;
font-weight: 500 !important;
}
.bks-recruitment-form .gfield_consent_description {
margin-bottom: 5px;
padding: 0 !important;
border: none !important;
font-family: Montserrat, sans-serif !important;
font-size: 1rem !important;
font-weight: 500;
}
.bks-recruitment-form .gform-footer .gform_button {
margin-left: auto !important;
background-color: #ED6B06 !important;
color: #ffffff !important;
font-weight: 500 !important;
text-transform: uppercase;
}
.bks-recruitment-form .gform_required_legend {
display: none !important;
}
.bks-recruitment-form .gform_confirmation_message {
margin-bottom: 20px !important;
padding: 20px !important;
background-color: #fbe1ce !important;
font-weight: 500 !important;
text-align: center !important;
}
.bks-recruitment-form input {
font-size: 1rem !important;
}
.page-id-3665 {
border-bottom: 12px solid #ED6B06;
}