/* 
Theme Name: KX-22
Theme URI: https://www.kroox.io
Description: Theme KX-22

Author: Steve Molinari | Kroox.io
Version: 1.0
Tags:
*/


@charset "UTF-8";
/*CSS Document */


/* ------------------------------------------------------------ Generals ---- */
* {
/* margin: 0; */
padding: 0;
font-family: montserrat,'Arial', sans-serif;
color: #94a3b9;
color: #5c6d85;
font-size: 18px;
}
html {
scroll-behavior: smooth;
}
body {background: #FFFFFF;overflow-y: scroll;/* padding-top: 70px; */font-size: 18px;}
a {color: #AD0115;text-decoration: none;}
a:hover, a:focus {color: #565149;text-decoration: none;}
img {max-width: 100%;height: auto;}
p {text-align: justify}
b, strong {font-weight: bolder;font-family: inherit;font-size: inherit;}
.text-center,h2.has-text-align-center {text-align: center !important;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: gravesend-sans, sans-serif;font-weight: 700;font-style: normal;text-transform: uppercase;}
h1 {padding: 0;margin-top: 0;margin: 0;color: #000000;}
h1 small {
font-weight: 500;
display:block;
font-size:60%;
margin-bottom: -10px;
}
section#leranmore {
padding: 50px 15px;
}
section#actus {background: url(img/bg-gris.png) repeat-x bottom -120px center;}
body .content.page .container h2.pad-0,body .content.page .container .lead {
margin: inherit;
}
.has-white-color,.has-white-color * {
color: #FFF;
}

#intro h2:before{
content: " ";
background: #ad0115;
height: 10px;
width: 40px;
display: block;
border-radius: 20px;
margin: 0 auto;
margin-bottom: 0px;
}
h3, .h3 {color: #000000;font-size: 1.5rem;margin-bottom: 30px;font-weight: 700;}
h4, .h4 {
color: #000;
font-size: 1.3rem;
padding: 0;
margin: 0;
}
h4 * {
font-size: 1.3rem;
font-family: gravesend-sans, sans-serif;
margin: 0;
padding: 0;
}
body hr {padding: 0;border: none;border-top:1px solid #EEEEEE;clear: both;display: block;margin: 40px 0;}
.title .cover {color: white!important;padding: 90px 0 100px 0;background: #ad0115 !important;/* background: linear-gradient(48deg, rgb(119 119 119 / 60%) 0%, rgb(0 0 0 / 45%) 50%, rgb(18 103 36 / 60%) 100%); */}
h2.title:after {content: " ";/* background: #94a873; */width: 50px;height: 5px;display: block;margin: 10px auto;}
.title h1 {/* padding: 50px 0; */text-align: center;color: #ffffff;font-size: 2.2rem;}
.container.container-xl {
max-width: 1500px;
}
.hidden {display: none;}
p {}
nav.nav-white {
background: #FFF;
}
a.navbar-brand {margin-top: 0;display: inline-block;/* width: 200px; */position: relative;}
span.baseline {
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
color: #FFF;
font-family: 'gravesend-sans';
max-width: 350px;
display: inline-block;
white-space: normal;
/* opacity: .5; */
}
.navbar.navbar-default ul {
margin: 0;
list-style: none;width: 100%;}
/* NAVBAR */
nav.navbar.navbar-fixed-top {
position: fixed;
z-index: 1000;
width: 100%;
top: 0;
height: 130px;
background: none !important;
box-shadow: none !important;
}
header .phone a {color: #FFF;font-family: gravesend-sans, sans-serif;font-weight: 700;font-style: normal;}
.phone a {color: #fff;font-family: gravesend-sans, sans-serif;background: url(img/phone.png) no-repeat center left 16px #8b0011;font-size: .7rem;padding: 10px 28px 10px 38px;margin-right: -20px;border-radius: 50px;}
section.bigblock {
padding: 100px 0;
position: relative;
}
h5.biggie {
font-size: 1.3rem;
text-align: center;
}

h5.biggie b {
color: #FFF;
display: block;
}

/* TIMELINE */

section#kx-timeline {
background: #111;
}
h3.kx-timeline-titre {
color: #FFF;
}

.kx-timeline-contenu * {
color: #FFF;
}

h2.kx-timeline-grostitre {
color: #FFF;
}
div.timelinesectoritem.grostitreblock {
/* height: initial; */
/* padding: 4vh 0; */
}
a.kx-timeline-date.active {
font-size: 3rem;
font-weight: bold;
transition: .3s;
}

a.kx-timeline-date {
transition: .3s;
}
div#footer-coor * {
text-align: center;
}
nav.mainheader {border-bottom: 1px solid #960000;padding: 20px 0;}
nav.navbar {border-bottom: 1px solid #960000;background: #ad0115;padding: 0px 0;}
nav.navbar.mainheader {
padding: 10px 0;
}
.menu-header-menu-container {
width: 100%;
}

header .search {margin-right: 20px;height: 44px;display: inline-block;line-height: 40px;background: url(img/search.png) no-repeat center left 20px #960000;padding-left: 42px;padding-right: 20px;border-top-left-radius: 50px;border-bottom-left-radius: 50px;margin: 0;margin-right: -15px;}
input[type="image"] {
display: inline-block;
width: 40px;
height: 40px;
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover,.wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu {
background: none;
border: none;
}
.wpml-ls-legacy-dropdown {
max-width: 70px !important;!i;!;
padding: 0;
}

.wpml-ls-legacy-dropdown ul {}

.wpml-ls-legacy-dropdown ul li {}

.wpml-ls-legacy-dropdown ul li a {
padding: 0;
background: none;
width: 55px;
border: none;
}

.wpml-ls-legacy-dropdown a:after {
/* background: red; */
color: white;
}
input#search {
display: inline-block;
/* background: none; */
border: none;
color: #000;
outline: none;
max-width: 180px;
font-size: 1rem;
}
.navbar-header.row {
width: 100%;
}
.mainheader div.round-shortcuts a.btn.btn-primary {
border-radius: 50px !important;
}
input#searchsubmit {
display: none;
}

input#s {
background: none;
border: none;
outline: none;
color: #FFF;
font-size: .8rem;
height: 46px;
padding: 0 15px;
}

body .searchwp-live-search-result p {
padding: 5px 10px;
font-size: .1rem;
}

body .searchwp-live-search-result p a {
font-size: .8rem;
}
.tab-content>.tab-pane .thajobdesc {
padding: 70px 75px;
color: #FFF;
min-height: 600px;
background-blend-mode: soft-light;
}

.tab-content>.tab-pane .thajobdesc h2,
.tab-content>.tab-pane .thajobdesc p {color:#FFF}

.tab-content>.tab-pane .thajobdesc a {color:#FFF}

button.navbar-toggler {
outline: none;
border: none;
/* margin: 10px; */
z-index: 1200;
position: absolute;
}

button.navbar-toggler .icon-bar {display: block;width: 50px;height: 4px;background: #FFF;margin: 10px;transition: 0.3s;}
button.navbar-toggler.collapsed .icon-bar {background: #000}
body div#navbarSupportedContent.collapsing {/* position: inherit; */height: inherit;overflow: inherit;top: 0;transition: 0.3s;left: -250px;}

div#navbarSupportedContent.in {
left: 0px;
}
p.kx-timeline-date {
font-size: 3rem;
font-weight: bold;
margin-top: -1.2rem;
position: relative;
}

p.kx-timeline-date:after {
content: " ";
display: block;
height: 20px;
width: 20px;
background: #960000;
border-radius: 50px;
position: absolute;
right: 0;
top: 1.5rem;
}

div#navbarSupportedContent.collapse {left: -300px;}

button.navbar-toggler.collapsed .icon-bar:nth-of-type(1) {transform: translate3d(0,0,0) rotate(0deg);width: 50px;}
button.navbar-toggler.collapsed .icon-bar:nth-of-type(2) {transform: translate3d(0,0,0) rotate(0deg);background: #000;}
button.navbar-toggler.collapsed .icon-bar:nth-of-type(3) {transform: translate3d(0,0,0) rotate(0deg);width: 50px;}
button.navbar-toggler .icon-bar:nth-of-type(1) {transform: translate3d(0px,15px,0) rotate(-45deg);transform-origin: left top;width: 22px;}
button.navbar-toggler .icon-bar:nth-of-type(3) {transform: translate3d(0px,-15px,0) rotate(45deg);transform-origin: left bottom;width: 22px;}

ul#menu-header-menu li a {font-family: gravesend-sans, sans-serif;font-weight: 500;font-style: normal;text-transform: uppercase;padding: 12px 20px;color: #fff;font-size: 16px;margin: 0;border: 0 !important;display: block;}
ul#menu-header-menu li a:hover, ul#menu-header-menu > li.current-page-ancestor > a, ul#menu-header-menu > li.current-menu-item > a{background: #960000;color: #FFF;}
ul#menu-header-menu {
position: relative;
display: block;
margin: 0;
}
ul#menu-header-menu {
text-align: center;
}
ul#menu-header-menu > *{
text-align: left;
}
ul#menu-header-menu > li.menu-item-has-children > a:after {
content: ">";
transform: rotate(90deg);
display: inline-block;
margin-left: 10px;
}
ul#menu-header-menu > li > ul > li > a {
color: #960000;}
li.acces-distributeurs {
position: absolute;
right: 0;
}

li.acces-distributeurs a {
background: #960000;
}

li.acces-distributeurs:hover a {
background: #FFF;
color: #960000;
}

ul#menu-header-menu li {
display: inline-block;
}
ul#menu-header-menu li ul li {
display: block;
}
.containe {
width: 100%;
}

header {background: #AD0115;position: relative;width: 100%;z-index: 90000;color: #FFF;}
.phone span {
display: block;
color: #436d4f;
font-family: 'ff-market-web',sans-serif;
font-size: 1.6rem;
}

.phone {
color: #FFF;
}
div#navbarSupportedContent {position: fixed;background: pink;background: url(img/footer-bg.png) no-repeat center top #13003e;top: 0 !important;left: 0;height: 100vh !important;display: block;flex: none;padding: 20px;padding-top: 100px;z-index: 1000;max-width: 300px;width: 100%;}
.navbar-nav ul.sub-menu {list-style: none;padding: 0;margin: 0;display: none;position: absolute;background: #FFF;}
.navbar-nav li:hover > ul.sub-menu {display:block;background: #FFF;}
adress {display: block;}
p.f-socials svg {
height: 60px;
width: 60px;
color: #000;
margin: 0 10px;
}
.padr30 {
padding-right: 40px;
}
span.more {
color: #000;
font-size: 14px;
}
.the-content h1 {margin-bottom: 30px;margin-top: 50px;font-size: 1.8rem;text-transform: unset;}

section#home {/* padding: 100px; */background: url(/img/expertise.png) no-repeat center left;}

section#service-infos, section#service-steps, section#service-slides, section#third, section#socialz,section.bloc-dyn {padding: 50px 0;}

section#third img {
margin: 0 auto;
display: block;
}

section#third h2, section#socialz h2, section#service-steps h2,h2.titre-bloc {margin: 0 auto;/* text-transform:uppercase */text-align: center;/* margin-bottom: 2rem; */}
p.refline, p.sub, section#third p.lead, section#socialz p.lead, section#service-steps p.lead,p.lead.lead-bloc {text-transform:uppercase;font-family: "Montserrat", Arial, sans-serif;}

section#third p.lead, section#socialz p.lead, section#service-steps p.lead,p.lead.lead-bloc {color:#adadad;}


section#equipmnt {
background: #ecf1f4;
text-align: center;
padding: 75px 0;
}
span.equicard {
background: #FFF;
display: block;
border-radius: 20px;
padding: 0 20px;
transition: .3s;
}
span.equicard:hover {
transform: scale(1.1);
box-shadow: 0 10px 20px #0002;
}
span.equicard p {
text-align: center;
}
span.equicard img {
margin-top: -15px;
margin-bottom: 25px;
}
#equipmnt div.row a {margin-top: 20px;}
#equipmnt div.row a:nth-child(2n) {margin-top: 0;}

#equipmnt div.row {
margin-top: 50px;
}
a.moblinks {
display: inline-block;
position: absolute;
background: url(img/all.png) no-repeat center left;
padding-left: 50px;
padding-top: 5px;
width: 200px;
right: 0;
font-size: 12px;
top: 10px;
height: 36px;
text-align: left;
}

h2.title,h3.title {
position: relative;
}

span.equicard h3 {
font-weight: bold;
font-size: 1.3rem;
}

div#mapDesign {
background: url(img/map.png) no-repeat center top;
}
a#contact-btn {
margin-top: 20px !important;
height: 42px;
display: block;
font-size: .8rem;
background: url(img/enveloppe.png) no-repeat center left 17px #FFF;
}
.uare.row {
background: url(img/expertises.png) no-repeat bottom left;
background-size: contain;
}
p.refline {font-size:12px;margin-bottom:0}

section#service-steps h3 small {
font-family: 'Montserrat',Arial;
display: block;
font-size: 16px;
text-transform: uppercase;
}
p.iltitulo {
text-align: left;
max-width: 50%;
top: 120px;
font-size: 2.5rem;
color: rgb(255, 255, 255);
font-weight: 600;
text-transform: uppercase;
position: absolute;
left: 0;
}
img.ilpico {
position: absolute;
bottom: 0;
margin-left: 5%;
max-height: 490px;
}
section#service-steps h3 {font-size: 1.5rem;color: #436d4f;font-weight: 600;}
.owl-carousel .owl-item img {
width: auto !important;
margin: 0 auto;
}
p.sub {color: #436d4f;}

.service-pic-infos.baseline {
font-family: 'ff-market-web',sans-serif;
font-size: 3rem;
text-align: center;
margin-top: 4rem;
transform: rotate(-5deg);
}

/* PAGINATION */
div#pagination {
margin-bottom: 100px;
text-align: center;
}

div#pagination ul {
display: inline-block;
list-style: none;
margin: 0;
padding: 20px;
border: 1px solid #EEE;
border-radius: 10px;
}

div#pagination ul li {
padding: 1px;
display: inline-block;
}

div#pagination ul li a,div#pagination ul li span {
display: block;
padding: 15px 20px;
font-size: 1.1rem;
font-family: 'Montserrat';
font-weight: bold;
}

section#prod-intro {
padding-top: 3rem;
}
/* BREADCRUMB */

#breadcrumb {padding: 30px 0px;margin-bottom: 0;
list-style: none;
background-color: transparent;
border-radius: 4px;padding-bottom: 15px;}


div#premier {
/* background: #000; */
/* color: #FFF; */
}
.card-body {padding: 30px;background: #fff;min-height: 200px;margin-top: -25px;border-radius: 25px;/* border-top-right-radius: 25px; */}
.category .card-body {box-shadow:0 0 10px #0004}
div#premier * {position: relative;}
.card-body h4 {min-height: 85px;/* background:red; */}
.card-pic {
height: 250px;
background-color: #ffffff !important;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
width: 100%;
display: block;
}
.content.page .container .card-title small,
.content.page .container .card-title,
.content.page .container .card-text p {
color: #000 !important;}
.content.page .container .card-text p {
margin: 0 !important;
}
/* FOOTER */

div#footer {
/* font-weight: 700; */
/* color: #FFF; */
}
.category .lecard h3 {
color: #000;
font-size: 1rem;
}
.raceo-footer {
padding-bottom: 2rem;
padding-top: 4rem;
background: #ad0115;
color: #ffffff !important;
border-bottom: 1px solid #960000;
}
.raceo-footer p {color:#FFF;font-size: .6rem;font-weight: 400;font-family: gravesend-sans, sans-serif;margin-bottom: 0;margin-top: 10px;}
div#footer img {
/* width: 90px; */
width: initial;
}

.copy {font-size: .6rem;padding: 20px 0;color: #ffffff;font-family: gravesend-sans, sans-serif;font-weight: 300;/* opacity: .5; */}
.copy.copyr {
text-align: right;
}
.copy.copyr a{color: #5e5e67;display: inline;text-decoration: underline;}
footer a:hover,.copy a:hover {color: #c4878e !important;text-decoration: none;}


ul {margin-left: 30px;}

.nos-produits .col-md-3 {
margin-bottom: 30px;
}

li:hover ul.sub-menu {/* display: block; *//* left: 0; *//* width: 100%; *//* padding: 0; */background: none;padding: 0;}
figure.wp-block-media-text__media {
border-radius: 15px;
}


ul.socials {
margin: 0;
list-style: none;
color: #FFF;
margin-top: 50px;
text-align: right;
}
ul.socials li {
display: inline-block;
}

ul.socials li a {
font-size: 20px;
margin: 0 5px;
display: block;
color: #FFF;
transition: 0.2s;
}

ul.socials li a:hover {
transform: scale(1.5) rotate(-5deg);
}


/* Buttons */
.btn {transition: 0.3s;outline: none !important;border-radius: 50px !important;color: #333;padding-left: 0;box-shadow: 0 0 5px #0003;padding: 0px 20px 3px 20px;font-weight: 600;text-transform: uppercase;font-size: 11px;padding-right: 49px;margin-bottom: 20px;/* margin-top: -20px; */background: url(img/go-right.png) no-repeat center right 5px #ffffff;background-size: 25px;display: inline-block;}

.btn-lg {padding: 14px 40px;font-size: 1rem;line-height: 1.33;/* border-radius: 0; */font-weight: 900;text-transform: uppercase;}

.btn-default {padding: 10px 49px 10px 20px;}
.btn-default:hover, 
.btn-default:focus, 
.btn-default:active, 
.btn-default.active, 
.open .dropdown-toggle.btn-default {color: #94a3b9;background-color: #ffffff;border-color: #ffffff;}

form.wpcf7-form button, html input[type="button"], form.wpcf7-form input[type="reset"], input[type="submit"] {font-family: "Montserrat", Arial, sans-serif;text-transform: uppercase;font-weight: 700;color: #AD0015;font-size: 12px;padding: 5px 40px !important;background: #FFF;transition: 0.3s;border-radius: 0px;border: none !important;}
.btn i.arrow {
background: url(img/arrow-right.png) no-repeat center #AD0015;
display: inline-block;
height: 40px;
width: 40px;
position: absolute;
border-radius: 50px;
margin-top: -8px;
margin-left: 10px;
}
.btn-primary {font-family: gravesend-sans, sans-serif;font-weight: 500;font-style: normal;color: #AD0015 !important;font-size: .7rem;padding: 10px 20px 10px 50px;border: 0px solid #FFF;transition: 0.3s;border-radius: 0;text-transform: uppercase;background: #FFF;}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.open .dropdown-toggle.btn-primary{background-color: #ffffff !important;color: #000000 !important;border: 0px solid;}


.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
background-color: #D5D5D5;
border-color: #CDCDCD;
}


.card {background-color: transparent;text-align: left;margin-top: 1rem;transition: 0.3s;/* font-size: 1rem; */color: #5e5e67;/* margin-bottom: 4rem; */border: none;}.lecard {padding: 15px;/* padding-bottom: 10px; *//* position: absolute; *//* bottom: 0; *//* background: rgb(17,21,36); *//* background: linear-gradient(180deg,  rgba(17,21,36,0) 0%, rgba(17,21,36,1) 100%); *//* height: 100%; *//* width: 100%; *//* padding-top: 300px; *//* cursor: pointer; */}
a.card:hover{/* transition:0.3s; *//* transform:scale(1.1) */}
.card-title {/* font-family: 'ff-market-web',sans-serif; *//* font-size: 2.5rem; */color: #FFF;margin-bottom: 1rem;}
.card-title small{display:block;font-size: 50%;font-family: "Montserrat", Arial, sans-serif;}
.lecard h2 {
margin: 0;
}section#news h2 {
color: #000;
}
.lecard * {
color: #FFF;
}
p.ledate {color: #960000;font-size: .7rem;margin-bottom: 0;}
section#slider {
background: #111524;
position: relative;
}
.lepic {transition: 0.3s;cursor: pointer;height: 200px;background-color: #E5e5e5;}.card:hover .lepic {
opacity: 0.5;
}
.card h2 {font-size: 20px;/* text-transform: uppercase; *//* font-size: 14px; */min-height: 50px;}
a:hover.card, a:focus.card {color: #FFF;text-decoration: none;/* background-color: #1a213a !important; */transform: scale(.9);}

.navbar-brand > img {/* height: 75px; *//* display: inline-block; *//* margin: 0 auto; */}
.homebloc img {
max-height: 86px;
}

/* Alignements */
.aligncenter {
margin:0 auto;
display: block;
}
.alignleft {float:left}
.alignright {float:right}
.clearleft {
clear:left;
}

html.notoolbar {margin-top: 0 !important;}

.medblock {padding: 45px 0;}
.slimblock {/* max-width: 800px; *//* margin: 0 auto; */}
div#copy {padding: 25px 0;background: #ad0115;color: #fff;font-family: gravesend-sans, sans-serif;}

/* FORMS */
form#contact {/* margin-top: 40px; */color: #FFF;padding: 50px;max-width: 600px;}
label {font-size: 1.2rem;/* font-weight: 600; */font-family: 'Montserrat',Arial;}
.wpcf7-not-valid-tip {background: #ad0115;color: #FFF !important;!i;!;font-size: .7em !important;!imp;!im;!i;!;font-weight: normal;display: block;padding: 4px 10px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
#contact legend {
display: none;
}
legend {
padding-top: 30px;
clear: both;
border: none;
color: #222;
font-size: 17px;
font-weight: bold;
}
.form-control {background: #f5f5f5;border-radius: 0;}
p.invalide {
padding: 20px;
text-align: center;
border-radius: 4px;
color: #FFFFFF;
font-size: 16px;
background: #FFB108;
}
.btn-text i {
color: #EFA505;
}

.btn-text {box-shadow: none;}
.argusonprod img {
width: 40px;
margin-bottom: 10px;
}
.lead,.lead * {
line-height:30px;
font-weight: 400;
}
.content.page .container p.lead {
max-width: 800px;
margin: 2rem auto;
font-size: 1rem;
line-height: 1.3rem;
}
body .container p#breadcrumbs {
text-align: center;
font-size: 13px;
margin: 0 auto;
padding-top: 2rem;
}
body #prod-intro .container p#breadcrumbs {
margin-bottom: 2rem;
padding-top: 1rem;
}
blockquote {
margin: 4rem 0;
display: block;
padding-top: 80px;
background: url(img/quote.png) no-repeat center top;
}
blockquote cite {
text-align: center;
/* margin: 20px auto; */
display: block;
font-size: 1.3rem;
/* font-weight: 600; */
color: #000000 !important;
}
blockquote p {font-size: 1.8rem;line-height: 2.3rem !important;/* font-family: gravesend-sans, sans-serif; */font-weight: 600;font-style: normal;/* text-transform: uppercase; */color: #ad0115 !important;text-align: center;max-width: 950px;margin: 0 auto;padding: 15px;padding-left: 30px;}
.bigblock{padding:80px 0;}
.cards {
background: #151515;
padding: 50px 15px;
}
.btn-full {
width: 100%;
margin-top: 10px;
}
img#logo-service {
text-align: center;
margin: 0 auto;
display: block;
margin-bottom: 10px;
}

.content.page.service h1 {
padding: 0;
font-size: 1.8rem;
}

.content.page.a-propos .container {
max-width: 800px;

}
img#perso {position: absolute;left: 20%;top: -70px;}

button.owl-dot {outline:none}
button.owl-dot span {
display: block;
height: 15px;
width: 15px;
border-radius:50px;
margin:2px;
background: gainsboro !important;
}
button.owl-dot.active span {
background: #d2324f !important;
}

/* RESPONSIVE */
@media (max-width: 480px) {
div#lemenu {
width: 100%;
background: #393431;
position: fixed;
top: 0;
}

.navbar-collapse.in {
width: 100%;
/* position: fixed; */
}

}

@media (max-width: 768px) {
section.bigblock {
padding: 50px 0;
}
a.navbar-brand {max-width: 40%;height: auto;}
.navbar-collapse {
width: 100%;
}
ul.sub-menu {position: relative;background: #ffffff;}
.sub-menu a:hover {color: #ff5500;text-decoration: none;background: #ffffff;}
.menu-header-menu-container {white-space: break-spaces;float: none;width: 100vw;/* margin: 0 !important; *//* padding: 0; */white-space: nowrap;overflow: scroll;}
header {
z-index: 999;
}
ul#menu-header-menu {/* background: #010411; */margin: 0;padding: 0;}

div#navbar {
padding: 0;
margin: 0;
}

.navbar-inverse .navbar-nav > li > a {
color: #23282d !important;
background: #FFF !important;
font-weight: 900;
font-size: 14px;
}

ul.sub-menu {
display: block;
}
ul.sub-menu li.menu-item-has-children:hover > a,
ul.sub-menu li.menu-item-has-children > a:hover,
ul.sub-menu li.menu-item-has-children {
background: #14092F;
color: #FFFFFF;
cursor: default;
}
ul.sub-menu li ul.sub-menu {
background: #22173E;
border-top: 1px solid #53359C;
padding: 12px 20px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
float: none;
width: 100%;
margin: 0;
padding: 0;
}
.navbar-menu .container {
padding: 0;
max-width:1370px;
}
.copy {text-align: center !important;padding: 10px;}
.copy span.pull-left {
float: none;
clear: both;
display: table;
width: 100%;
margin-bottom: 20px;
}

ul.sub-menu {padding: 0 !important;display: none !important;}

nav.navbar.navbar-inverse.navbar-fixed-top {
padding: 0;
}

.title h1 {
padding: 0;
font-size: 2em;
font-weight: 700;
}
.title .cover {
padding: 20px;

}

}


@media (min-width: 768px) and (max-width: 991px) {
}


@media (min-width: 768px) {
}


@media (max-width: 991px) {
ul#menu-footer-menu {
width: 100%;
margin: 30px 0px;

}

.raceo-footer {
padding: 0 !important;
}
section#main-scene .container {
padding: 0 !important;
}

.d-flex.h-100.text-center.align-items-center {
height: 80% !important;
}
.service p {
text-align: justify;
}
.padr30 {
padding: 35px;
}
p.lead {
font-size: 16px;
text-align: center;
line-height: initial;
}
a.menu-grafic {
display: none;
}

a.menu-racein,a.menu-grafic {
display: none !important;
}

.homebloc .cover {
padding: 50px;
min-height: auto;
}

section#tupac .homebloc {
height: auto !important;
}

section#home {
padding: 0;
padding-top: 15px;
}
p.phone {
text-align: center;
margin-bottom: 50px;
}

header p.phone {
float: right;
/* margin-right: 20px; */
right: 20px;
position: absolute;
}

.wp-block-column p {
text-align: justify;
}
a.kx-dsk {
display: none;
}
.col.col-12.col-md-6.servdesc {
margin-top: 130px;
}

img#logo-service {
max-width: 50%;
}
.col.justify-content-end.align-items-center {
/* display: none; */
}

div#dsk-menu {
/* display: none; */
}

section#service-infos, section#service-steps, section#service-slides, section#third, section#socialz, section.bloc-dyn {
padding: 30px 0;
}

adress {
text-align: center;
}
img#perso {left: 0;}
.wrapper {
overflow: hidden;
}
body div#raceo-img img {margin-top: 0;margin-bottom: 0;margin: 0 auto;display: block;}
body div#raceo-img {margin-bottom: 0;width: 80%;margin: 10px auto;}
.title {margin: 0;/* margin-bottom: 30px; */}
li:hover ul.sub-menu {
padding: 10px 0;
}
.pitiform-header {
padding-top: 20px;
}
span.sr-only {
display: none;
}
nav.navbar.navbar-fixed-top {background: #ffffff;height: 80px;padding: 0 !important;}
button.navbar-toggler .icon-bar {/* margin: 0 !important; *//* margin-left: 20px !important; *//* margin-bottom: 4px !important; *//* margin-top: 4px !important; *//* background: #FFF !important; */}
button.navbar-toggler.collapsed .icon-bar {
margin: 0 !important;
margin-bottom: 5px !important;
margin-top: 5px !important;
margin-left: 20px !important;
}

.navbar > .container {padding: 0;margin: 0 !important;display: block;flex: none;top: 0;}
.navbar-header.row .col {
padding: 0;
}
ul.socials {
display: none;
}
.menu-header-menu-container li a {
font-size: 1.5rem;
}
a.navbar-brand {margin-top: 0px !important;margin-bottom: 0px !important;}

div#navbarSupportedContent {position: fixed;top: 60px;width: 100% !important;/* background: red; */}

div#navbarSupportedContent.in .menu-header-menu-container {
padding: 0;
width: 100%;
height: auto !important;
}


button.navbar-toggler {position: fixed;height: 80px !important;left: 0 !important;border-radius: 0;width: 70px !important;top: 0 !important;padding: 0;margin: 0 !important;}


.lepic {height: 150px;}
.lecard {padding-top: 80px;}
a.card {}

.navbar-brand > img {width: 100% !important;margin: auto;margin-right: 0 !important;}


p.iltitulo, img.ilpico {
position: relative;
font-size: larger;
text-align: center;
max-width: 100%;
top: auto;
margin: 10px auto 0 auto;
max-height: 290px;
display: block;
}

body .illinkup a.btn {
position: relative;
top: 0;
margin: 0 auto;
display: inline-block;
}

body p.illinkup {
text-align: center;
}
a.moblinks {
display: none;
}

span.equicard img {
margin: 20px 0;
max-width: 70%;
}
span.baseline {
display: none;
}
#equipmnt div.row a {margin-top: 0;}
button.hamenu i, button.hamenu:after, button.hamenu:before {
display: block;
width: 35px;
height: 3px;
background: #FFF;
border: none !important;
outline: none !important;
content: " ";
margin-top: 8px;
margin-bottom: 8px;
}
button.hamenu.collapsed i, button.hamenu.collapsed:after, button.hamenu.collapsed:before {
display: block;
width: 35px;
height: 3px;
background: #FFF;
border: none !important;
outline: none !important;
content: " ";
margin-top: 8px;
margin-bottom: 8px;
    position:relative;transform:rotate(0)
}
body button.hamenu {position:relative}
body button.hamenu * {transition:.3s}
body button.hamenu i {background:#ad0115}
body button.hamenu:after {position:absolute;transform:rotate(45deg);top:-0px}
body button.hamenu:before {position:absolute;transform:rotate(-45deg)}

button.hamenu {background: none;border: none;margin-top: 0px;z-index: 99999;margin-right: 10px;}
header span.search {/* position: absolute; */right: 50px;margin-top: 12px;width: 100%;border-radius: 50px;}
header .text-end {
display: none;
}

header form.col-12.col-lg-auto.mb-3.mb-lg-0 {margin: 0 !important;/* position: unset; */display: flex;}
body .d-flex.flex-wrap.align-items-center.justify-content-center.justify-content-lg-start {
justify-content: space-between !important;
}

nav.mainheader .container {
max-width: none;
}
/* RESP KX */
body .swiper-button-next, body .swiper-button-prev {display: none !important;}
ul#menu-header-menu li a .sub-menu {display: none;}
body #home button.nav-link.active {background: none !important;}
div#chartdiv {height: 400px;}
body p.home-tabs-intro {margin-top:0 !important}
ul#menu-header-menu li {
display: block;
}
.tryout .swiper-slide .cover {
padding: 20px;
}
div#kx-mix-controls form button#tous.btn-filter.mixitup-control-active {
background: none;
color: #920000;
margin-top: 0;
}
div#kx-mix-controls form button#tous.btn-filter {
background: none;
color: #555;
}
div#menu-pmh {
position: absolute;
top: -70px;
z-index: 99999;
background: #ad0115;
width: 100%;
}
body .prems-body {padding: 40px 0 30px;min-height: 0;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    text-align: center;
}

section#menu-bas h2 {
    font-size: 1.4rem;
}
body .content.page#premier .container div.row.popidop {
margin: 0 !important;
padding-top: 20px;
}
ul#menu-header-menu > li.menu-item-has-children > a:after {display: none}
a.prems {
margin-bottom: 5px;
display: block;
}
body .mix {padding: 0;}

body .prod-pic img {
max-height: 160px;
margin: 15px auto 0;
display: block;
}
body .nav-tabs .nav-link {font-size: 1rem;}
body .rotation:before {top: 100px;}
body div#kx-product-spinner {height: 480px;} 
body #home button.nav-link {padding: 10px;}
body div#v-pills-tab {margin: 0 30px;}
body .tab-content>.tab-pane .thajobdesc {padding: 30px;}
body div#v-pills-tabContent {padding: 0px;}
body .tab-content>.tab-pane {padding: 20px;}
body .wp-block-spacer {height: 30px !important;}
body .container p#breadcrumbs * {font-size: 12px;}
} 




@media (min-width: 991px) and (max-width: 1200px) {
li#menu-item-168 {
float: right;
}
.navbar.navbar-default li a {
padding: 0 15px;
}

}

div#carousel-example-generic .carousel-caption {
padding-right: 30px;
text-shadow: none;
}



/* BOOTSTRAP ADDED CLASS COL-MD-55 */
@media (min-width: 992px) {
.col-md-55 {
float: left;
}
.col-md-55 {
width: 20%;
}
div#menu-pmh {display: contents}
button.hamenu {display: none !important}
}

.col-md-55 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px; 
}


/* Actus */
body.single {
/* padding-top: 120px; */
}

body.single article .container {/* max-width: 900px; *//* padding: 50px; */text-align: justify;}

body.single article .container h1 {
margin-bottom: 30px;
font-weight: bold;
text-align: center;
}

/* FORMS */

div.wpcf7 {margin: 50px 0 0px 0px;padding: 0;border: 1px solid #CCC;border-radius: 20px;padding: 50px;padding-bottom: 0;}

form.wpcf7-form label,span.wpcf7-list-item-label {display: block;width: 100%;font-size: .8rem !important;!i;!;text-transform: uppercase;font-weight: 700;color: #333;} 

form.wpcf7-form label span.wpcf7-form-control-wrap.your-name {
display: block;
width: 100%;
}

.wpcf7-form-control,
form.wpcf7-form label span.wpcf7-form-control-wrap select,form.wpcf7-form label span.wpcf7-form-control-wrap textarea {width: 100%;display: block;/* border: none; *//* border-bottom: 2px solid #DDD; */border-radius: 5px;padding: 10px;outline: none;background: none;}
textarea.wpcf7-form-control.wpcf7-textarea {
height: 250px;
}
input[type="submit"].wpcf7-form-control {width:auto;margin: 0 auto;padding: 2px 50px 15px 50px !important;background: #960000;color: #FFF;border-radius: 50px;}

.mass-content {
/* padding: 5rem 15px; */
}

.massage {
text-align: justify;
}

.content.page.massage .container {
/* max-width: 900px; */
}
.service-pic-infos.tarif, .service-pic-infos.duree {
font-weight: 700;
margin-bottom: 10px;
}

section#third h2:after, section#socialz h2:after, section#service-steps h2:after, h2.titre-bloc:after {content: " ";display: block;background: #436d4f;height: 4px;width: 60px;margin: 0 auto;margin-top: 10px;}

.home .the-content {
/* background: #476f52; */
/* color: #FFF; */
/* z-index: 10; */
}

.home .the-content h3,.home .the-content a {
color: #FFF;
margin-bottom: 30px;
}

/* FOOTER RECUP */

/* FOOTER */
p.form-title { 
font-size: 1.5rem;
text-align: center;
font-family: 'Montserrat',Arial;
}

p.form-title large {
font-size: 2rem;
display: block;
margin-top: 10px;
font-family: 'Montserrat',Arial;
}


ul.navbar-footer li {/* display: inline-block; */}

ul.navbar-footer {margin: 0 auto;margin-bottom: 30px;display: table;text-align: left;width: 100%;}

ul.navbar-footer li a {font-family: gravesend-sans, sans-serif;font-style: normal;text-transform: uppercase;color: #FFF;font-size: .7rem;padding-bottom: 5px;display: block;}


a.btn.btn-primary.btn-contact {
background: url(img/enveloppe.png) no-repeat center left 17px #FFF;
}
a.btn.btn-primary.btn-contact:hover  {
transform: scale(1.2);
}

section#all-cats {
margin-bottom: 80px;
}

img.logo {
width: 270px;
margin-right: 30px;
/* position: absolute; */
}

@media (max-width:768px) {

}

/* SWIPER */

.swiper#mainSwiper {height: 500px;background: url(img/space40.png) repeat-x bottom #ad0015;color: #FFF;}
.swiper .h2,.swiper .h3,.swiper .h4 {color:#FFFFFF}
span.swiper-pagination-bullet {background: #ad0115;border-radius: 50px;display: inline-block;width: 10px;height: 10px;text-align: left;transition: .3s;}
span.swiper-pagination-bullet-active {
background: #ad0015;
/* height: 20px; */
width: 30px;
}
body .swiper-button-next, body .swiper-button-prev {
color: #ad0015;
background: #FFF;
padding: 16px 0px !important;
display: block;
height: 60px;
border-radius: 30px;
text-align: center;
box-shadow: 0px 0px 10px 6px #0002;
width: 50px;
display: inline-block;
}
body .swiper-button-prev {border-top-left-radius:0;border-bottom-left-radius:0;padding-left:10px}
body .swiper-button-next {border-top-right-radius:0;border-bottom-right-radius:0;}
body .swiper-button-prev, body .swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 0px);
right: auto;
}

.swiper-button-next:after, .swiper-button-prev:after {
font-size: 30px !important;
font-weight: 900;
margin: 0;
padding: 0;
}

body .swiper-button-next, body .swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 0px);
left: auto;
}

.item .container {
max-width: 1070px;
position: relative;
height: 500px;
}

section.immersion-passe .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal span.swiper-pagination-bullet {
background: #ffc7ce;
}

/* VIDEO SCENE */
section#main-scene {
position: relative;
background-color: black;
height: 590px;
min-height: 25rem;
width: 100%;
overflow: hidden;
}

section#main-scene video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}

section#main-scene .container {
position: relative;
z-index: 2;
padding: 0;
padding-top: 5rem;
}

section#main-scene .overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: black;
opacity: 0;
z-index: 1;
}
section#main-scene .h1 {
font-size: 1.8rem;
font-weight: 400;
text-transform: uppercase;
color: #FFF;
}
.pink-bloc {
padding: 20px;
background: #f21e92ad;
color: #FFF !important;
}
.pink-bloc p, .pink-bloc a {color:#FFF}
.pink-bloc a:hover {color:#f8ffe5;text-decoration:underline;}
section#main-scene .h1:after {content: " ";display: block;background: #ffffff;width: 60px;height: 6px;margin: 15px 0;}
img#lemap {
float: right;
margin-top: -6vh;
}
section#resa-form .container {
background: #fff;
position: relative;
margin-top: -100px;
min-height: 100px;
z-index: 5000;
}
div#raceo-img {
margin-top: 0;
max-width: 250px;
}
h2 i {
color: #f22e92;
font-family: "ff-market-web";
font-size: 110%;
}
.raceo-footer.footer-band {
padding: 0;
background: #960000;
color: #FFF !important;
font-size: .7rem;
text-transform: uppercase;
letter-spacing: 3px;
}

.raceo-footer.footer-band div {
color: #FFF;
}
/* EDIT SMO 2022 */
.lepic-preview {display: inline-block;height: 200px;/* border-radius: 15px; */border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.content.page#premier .container div.row {margin: 0 !important;max-width: none;padding: 2rem 0;}
.card-body .card-text {/* padding: 10px; */text-align: justify;}
section#massages .card * {
color: #000;
}

form.mphb_sc_search-form > p {
display: inline-block;
padding: 15px 5px;
text-align: left;
}

p.mphb-required-fields-tip {
display: none !important;
}

form.mphb_sc_search-form input,form.mphb_sc_search-form select,select#mphb_room_details-0-adults, input, select, textarea {
display: inline-block;
border: 1px solid #EEE;
padding: 8px 15px;
height: 46px;
line-height: 46px;
}

form.mphb_sc_search-form input,form.mphb_sc_search-form select,select#mphb_room_details-0-adults, input[type=text], input[type=email], select, textarea {
width: 100%;
}

form.mphb_sc_search-form input::placeholder {font-size:12px;text-transform:uppercase;color:#AAA}

form.mphb_sc_search-form {
margin: 0 auto;
text-align: center;
padding-top: 30px;
}
.color-block {padding: 15px;font-weight: 300;
font-size:16px;}
.color-block * {color: #FFFFFF !important;line-height: 20px;margin-bottom: 20px;} 
body .wp-block-cover {border-radius: 40px !important;overflow: hidden;}
.wp-block-button__link {
color: #fff;
background-color: #f22e92;border-radius:0;
}

h2,.h2 {color: #222;font-weight: 600;font-size: 2rem;}
h2:after, .h2:after {/* content:" "; */display:block;margin-top: 5px;height: 5px;width: 50px;background: #960000;border-radius: 5px;}
.wp-block-button__link {
box-shadow: none;
cursor: pointer;
color: #fff !important;
font-size: 1rem !important;
background: #ad0115 !important;
transition: 0.3s;
text-transform: uppercase;
font-family: gravesend-sans, sans-serif;
font-weight: 500; 
font-style: normal;
}
.wp-block-button__link * {color:#FFF;font-size:14px;font-weight:700}
.mphb-room-type {
width: 33.3333%;
padding: 0 1.875em 2.3125em;
}

.mphb_sc_search_results-wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: stretch;
align-items: stretch;
}

span.mail {
float: right;
}

body .mphb_sc_rooms-wrapper .mphb-room-type:not(:first-of-type), body .mphb_sc_search_results-wrapper .mphb-room-type:not(:first-of-type), body .mphb_sc_services-wrapper .mphb-service:not(:first-of-type) {
margin-top: 0;
}

.page-template-template-front-page .mphb_sc_rooms-wrapper .mphb_room_type_featured_image_wrapper {
margin-left: -1.875em;
margin-right: -1.875em;
border-right: 1px solid #fff;
}

form#mphb-recommendation, form#mphb-reservation-cart, h2.mphb-recommendation-title,p.mphb_sc_search_results-info {
width: 100%;
flex: none;
clear: both;
margin-bottom: 0px;
}

h2.mphb-recommendation-title {}

form#mphb-recommendation {
border-bottom: 1px solid #EEE;
padding-bottom: 30px;
}

button.button.mphb-button {
background: #f22e92;
border: none;
padding: 15px 40px;
color: #FFF;
text-transform: uppercase;
font-size: 14px;
outline: none;
}

.content.page .container .mphb-room-type p.post-thumbnail.mphb-loop-room-thumbnail {
margin-left: -1.8em !important;
margin-right: -1.8em !important;
}
.mphb-loop-room-type-attributes:last-of-type {
display: block;
font-size: 13px;
font-size: .8125rem;
line-height: 1.4;
border: 0 solid;
margin: 2em 0 1.53846em;
}

.content.page .container h2.mphb-room-type-title.entry-title a {
font-size: 1rem;
color: #000 !important;
margin-bottom: 0 !important;
font-weight: bold;
}

.content.page .container h2.mphb-room-type-title.entry-title {
margin-bottom: 0px !important;
}

.content.page .container .mphb-room-type p {
margin: 10px 0 !important;
font-size: 1rem;
}

h3.mphb-room-type-details-title ,
p.mphb-rooms-quantity-wrapper.mphb-rooms-quantity-multiple {
display: none;
}

.single .datepick.datepick-multi.mphb-datepicker-minimal {
width: 100% !important;
margin-bottom: 30px;
}


button.button.mphb-button.mphb-confirm-reservation {
background: #94a873;
width: 100%;
}

.mphb_sc_search_results-wrapper .mphb-reserve-room-section .mphb-rooms-reservation-message-wrapper .mphb-remove-from-reservation {
float: none !important;
font-size: 12px;
text-transform: uppercase;
}

.mphb-rooms-reservation-message-wrapper {
background: #f5f5f5;
padding: 10px 20px;
margin-bottom: 10px;
}

.mphb-reserve-room-section.mphb-rooms-added button.button.mphb-button.mphb-book-button {
display: none;
}

.mphb_sc_checkout-wrapper .mphb-booking-details .mphb-check-out-date, .mphb_sc_checkout-wrapper .mphb-booking-details .mphb-check-in-date {
padding: 0.8125em 0;
border-bottom: 1px solid #e0e1e5;
margin:0 !important;
color: #666;
}
table.mphb-price-breakdown td,table.mphb-price-breakdown th {
border: 1px solid #EEE;
padding: 10px;
margin: 10px;
}
.wp-block-cover__inner-container a,.wp-block-cover__inner-container a * {
color: #FFF !important;
font-size: 1.4rem;
font-weight: 300;
}



.homepage .wp-block-cover__inner-container {
background: linear-gradient(180deg, #8e8e8e, transparent);
position: absolute;
top: 0;
padding: 22px;
font-size: 1rem;
color: #FFF !important;
font-weight: 400;
}


.homepage .wp-block-cover__inner-container p a {text-decoration:none;margin:0;font-size:1rem}
.homepage .wp-block-cover__inner-container p {
text-decoration: underline;
}
.homepage .wp-block-cover__inner-container p.has-text-align-center.has-large-font-size {
text-decoration: none !important;
text-align: left !important;
margin-bottom: 0px !important;
}
.homepage .wp-block-cover__inner-container p.has-text-align-center.has-large-font-size a {
font-size: 1.3rem !important;
}

div#copy a {
display: inline-block;
text-decoration: none;
color: #ffffff;
font-family: gravesend-sans, sans-serif;
font-size: inherit;
opacity: 1;
font-weight: 400;
}
p.foo-content.foo-bot {
font-weight: 200;
/* opacity: .5; */
}
/* IFRAME */
iframe.ifrsheet {
border: none;
height: 800px;
}
embed, iframe, object, video, audio {
margin-bottom: 15px;
max-width: 100%;
width: 100%;
/* min-height: 870px; */
}


.bc_content * {
color: #FFF;
}

.bc_content {
padding: 100px 70px;
}

.bc_content p.h3 {
font-size: 2rem;
}

button.nav-link {
font-family: gravesend-sans, sans-serif;
display: inline-block;
text-align: center;
font-size: 1.3rem;
padding: 15px 50px;
border-top-left-radius: 5px !important;
border-top-right-radius: 5px !important;
color: #888;
background: #f5f5f5 !important;
}

div#nav-tab {
text-align: center;
width: 100%;
display: block;
}

#home button.nav-link.active {
background: url(img/fleches-rco.png) #FFFFFF no-repeat center right 10px!important;
color: #ad0115 !important;
font-weight: bold;
}
button.nav-link:focus, button.nav-link:hover {
color: #555 !important;
}

#home button.nav-link {
color: #888888;
background: none !important;
border-bottom: 1px solid #EEE;
width: 100%;
text-align: left;
padding: 30px 50px;
font-size: 1.5rem;
}
section#prod-conf {
background: url(img/bg.png) no-repeat center #AD0015;
padding: 70px 0 30px 0;
text-align: center !important;
color: #FFF;
}
p.conf-pic {
text-align: center;
}

section#prod-conf * {
text-align: center;
}
section#lestarifs .container {
background: #000;
}
section#prod-pointsforts {
padding: 50px 0;
}
section#lestarifs .container * {
color: #FFF;
}
.heuresup {
background: #111;
}

.content.page#premier .container div.row.popidop {
margin: 0 -15px !important;
}
.content.page .container {
max-width: 1160px;
}
footer span.baseline {
/* opacity: .4; */
font-weight: 100;
line-height: .8rem;
font-size: .6rem;
margin-top: 14px;
}

footer .h5, footer h5 {
font-size: .75rem;
color: #FFF;
font-weight: 500;
}
.wp-block-cover.is-light {
border-radius: 15px;
}
img.icone-ptfort {
margin-bottom: 20px;
}

p.h4ptfort {
font-size: 1rem;
font-weight: 500;
text-align: center;
padding: 0 20px;
}
.option h4 {
font-size: 1rem;
font-weight: 500;
}

b.rouge {
color: #AD0015;
}

/* SPINNER */
div#kx-product-spinner {
text-align: center;
margin-bottom: -300px;
height: 570px;
margin-top: 30px;
}

.page.product .title {
margin-bottom: 120px;
}

div#kx-product-spinner img {
margin: 0 auto;
}

.rotation:before {
content: " ";
background: url(img/360.png);
height: 130px;
width: 130px;
display: block;
position: absolute;
left: 50%;
margin-left: -50px;
top: 200px;
opacity: .5;
transition: .3s
}
.rotation:hover:before {opacity: 0; }

/* MAJ AO*/
section#find-distri .container {
max-width: 900px;
}

section#find-distri .container a {
margin-top: 20px;
}

p.conf-pic img {
max-height: 400px;
}
.tab-content>.tab-pane {
padding: 40px;
}
section#find-distri {
padding-top: 6rem;
}
figure.wp-block-embed.is-type-video iframe {
box-shadow: 0 0 100px;
border: 6px solid #FFF;
border-radius: 25px;
}


/* Anims */
figure#vis01 {
position: absolute;
}

figure#vis02 {
position: absolute;
left: 20%;
z-index: 1000;
}

div#produits-vini-viti {
position: relative;
height: 350px;
margin-top: 30px;
background: url(img/products-bg.png) no-repeat center;
}

figure#vis03 {
position: absolute;
left: 38%;
z-index: 5;
top: 20%;
}

figure#vis04 {
position: absolute;
right: 17%;
z-index: 8;
}

figure#vis05 {
position: absolute;
right: 30px;
top: 10%;
}

/* ADMIN BAR */
div#wpadminbar {opacity: .2;transition: .2s}
div#wpadminbar:hover {opacity: 1;}


.animate__animated{
--animate-delay: 0.2s;
}
span.testicard {
display: block;
text-align: center;
}
a.social-link {
margin-right: 10px;
width: 42px;
display: inline-block;
transition: .3s;
}
.social-link:hover  {
transform: scale(1.2);
}

.wp-block-group.enavant {
padding: 50px 50px 1px 50px;
color: #FFF !important;
}

.wp-block-group.enavant * {
color: #FFF;
}

span.wpcf7-form-control.wpcf7-acceptance input[type="checkbox"] {
float: left;
margin-right: 10px;
height: 34px;
}

span.wpcf7-form-control.wpcf7-acceptance {
border-bottom: 0;
}
.wp-block-esab-accordion-child.esab__active_accordion .esab__heading_tag
.wp-block-esab-accordion .esab__heading_tag {
font-weight: bold;
}

.esab__collapse svg {
margin-top: -11px;
opacity: .5;
}

.wp-block-esab-accordion-child {
border-color: #EEE !important;
}
html body .container 
.wp-block-esab-accordion-child.esab__active_accordion {
border: 1px solid #EEEEEE !important;
}

html body .container .wp-block-esab-accordion-child.esab__active_accordion .esab__head {
background-color: #F5F5F5 !important;
border-bottom: 1px solid #dedede;
}
html body .container .wp-block-esab-accordion-child.esab__active_accordion .esab__body {
background-color: #ffffff !important;
border-top: 1px solid #ffffff !important;
}

html body .container .wp-block-esab-accordion-child.esab__active_accordion .esab__heading_tag {color: #960000 !important;}

body html .container .esab__icon.esab__active_icon svg {
fill: #960000 !important;
}

body .container .esab__expand svg {fill:#960000;margin-top:-11px}
section#download-pdf {background: #EEE;text-align: center !important;}
section#download-pdf h4 {margin-bottom:20px}
section#download-pdf p {margin-bottom:0 !important;text-align: center;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
background: #FFF !important;
}


/* Product Mix */
.prod-text p {
font-size: 12px;
}

p.prod-title {
font-weight: bold;
/* text-transform: uppercase; */
/* border-bottom: 1px solid #CCC; */
/* padding-bottom: 11px; */
margin-bottom: 8px;
min-height: 70px;
font-size: .9rem;
line-height: 1.2rem;
text-align: left;
margin-top: 31px;
}

div#kx-mix-controls form {
display: inline-block;
/* background: #303030; */
padding: 5px;
margin: 0 auto;
text-align: center;
border-radius: 30px;
}

div#kx-mix-controls {
text-align: center;
margin-top: 10px;
margin-bottom: 50px;
background: #ffffff;
z-index: 999;
}
div#kx-mix-controls.sticky-top {
top: 48px;
}
fieldset.btn-group.controls {
background: #212121;
border-radius: 25px;
}
div#kx-mix-controls form button.btn-filter {
background: #383838;
color: #ffffff;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
padding: 15px 20px;
/* border-radius: 50px; */
margin: 0 1px;
border: none;
transition: .3s;
}

div#kx-mix-controls form button.btn-filter:last-child {
/* background: red; */
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
}

div#kx-mix-controls form button.btn-filter:first-child {
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
border-right: 50px !important;!i;!;
}
button.tous {
border-radius: 25px;
}
div#kx-mix-controls form button.btn-filter:hover {
background: #960000;
}
div#kx-mix-controls form button.btn-filter.mixitup-control-active {
background: #960000;
color: #ffffff;
/* text-shadow: 0 0 5px #000; */
/* box-shadow: inset 0 2px 6px #000; */
}

.btn.btn-small {
white-space: nowrap;
padding: 5px 19px;
background: #FFF;
color: #90949a;
}

.btn.btn-small:hover, a:hover .btn.btn-small {
color: #5c6d85;
}
.distri-content {
margin-top: 30px;
}
.mix {
padding-bottom: 15px;
border: 1px solid #EEE;
padding-top: 30px;
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover {
background: none;
border: none;
}
.prems-text {
display: none;
}
.prems-body {
padding: 180px 20px 0;
background: #0008;
color: #FFF;
min-height: 450px;
text-align: center;
}

a.prems {transition:.3s;}
a.prems:hover {
transform: scale(1.2) !important;
display: block;
z-index: 9999;
}


div.timelinesectoritem {
/* height: 50vh; */
padding: 5vh 0;
width: 100%;
}
div#simple-list-example {
top: 60px;
}
span.card-txt p {
font-size: .8rem;
margin-top: 15px;
}
input.wpcf7-form-control.wpcf7-not-valid {
border-color: #ad0115;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

section.immersion-passe .swiper-slide {
width: auto;
}
section.immersion-passe {background: url(img/news-bg.png) repeat-x bottom #960102;padding: 5rem 0;position: relative;}
section.immersion-passe .swiper-slide.origin {
padding: 0 40px;
}
.immersion .card-body,.immersion .card-body * {
color: #FFF;
background: #ad0115;
max-width: 400px;
min-height: 100px;
height: auto !important;
text-align: left;
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.container.title-mainer .h1 {
color: #FFF !important;
}


article.the-intro > div > .wp-block-column {
padding: 2rem;
}

article.the-intro > div > .wp-block-column img {
border-radius: 50px;
margin-top: 0;
}

div#timeline-dates {
position: absolute;
top: 10px;
width: 100%;
z-index: 1000;
padding-top: 20px;
left: 0;
text-align: center;
}

section#tryouts {
height: 50vh;
}
.tryout .swiper-slide h2 {color: #FFF;font-size: 3rem;font-weight: 400;}
.tryout .swiper-slide {
background: #111111;
padding:0;
background-size: cover !important;
background-position: center !important;
}
.tryout .swiper-slide .cover {
height: 750px;
background: #111111a8;
padding: 200px 0;
background-size: cover !important;
background-position: center !important;
}
span.timeline-date {
font-weight: 500;
font-size: 14px;
padding: 18px 7px;
display: inline-block;
transition: .3s;
color: #FFF;
text-shadow: 0 4px 5px black;
cursor: pointer;
}

span.timeline-date.active {
transform: scale(1.5);
background: #ad0115;
padding: 3px 10px;
border-radius: 50px;
margin: 0 20px;
}
section#saymore {
padding: 5rem 0;
margin-top:2rem;
border-top: 1px solid #CCC;
}

#copybrands {
font-size: 11px;
margin-top: 20px;
color: #000000;
opacity: .4;
padding: 15px;
}
section#intro {
max-width: 900px;
margin: 0 auto;
}

section#intro h2 {
margin-bottom: 30px;
}
p.home-tabs-intro {margin-top: 60px;}
.container.kx-mix {
padding-top: 30px;
}
.kx-rounded img {
border-radius: 40px;
}
.kx-rounded-block {
border-radius: 50px;
padding-top: 40px;
}
.larticle {
max-width: 800px;
margin: 50px auto;
}

.larticle h2 {
text-align: left;
}

.tab-content * {
text-align: left;
}
#menu-bas li.current-menu-item {
display: none;
}

#menu-bas {
margin-bottom: 50px;
}

#menu-bas li a {
padding: 8px 0px;
display: inline-block;
}
.illinkup a.btn {
position: absolute;
top: 420px;
font-size: .9rem;
}

.illinkup {
display: block;
}
.prezyt iframe {
height: 500px !important;
}
.swiper-pagination-coeur {
    margin: 20px auto 0;
    text-align: center;
}

.swiper-pagination-coeur .swiper-pagination-bullet {
    text-indent: -15000px;
}
sup {
    color: inherit;
    font-size: .6em;
}
/* 
--
KROOX.IO
Marketing, Creative & Digital
--
*/