/*
* Voltaire Design Theme css
*/

html,body:not(.modal-open){
    overflow: inherit !important;
    height: auto !important;
}

body {
    font-family: 'Raleway', sans-serif;
}

a {
    color: #00aac4;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.slick-slider{
    overflow: hidden;
}

.container {
    width: 100%;
    padding: 0;
}

#wrapper {
    padding-top: 0;
}

.logo {
    position: absolute;
    width: 80px!important;
    height: auto;
    margin: 0 auto;
    margin-top: 0px;
    text-align: center;
    left: 50%;
    margin-left: -30px;
    top: 10px;
    z-index: 200;
}

#custom-text{
    background-color: #000000;
    text-align: center;
    padding: 10px 0 1px 0;
    margin: 0;
    border-radius: 0;
}

#custom-text p{
    color: #ffffff;
    font-size: .9375rem;
}

#custom-text + a .logo{
    margin-top: 70px;
}

/* left burger menu */
@keyframes slideInLeft {
    0% {
        transform: translate3d(-250px, 0, 0);
        visibility: visible;
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideOutLeft {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-250px, 0, 0);
        visibility: hidden;
    }
}

* {
    box-sizing: border-box;
}

.leftNavigation body:after {
    background: transparent;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: auto;
    padding: 0;
    position: absolute;
    top: 0;
    transition: all 0.4s ease;
    width: 100%;
}

.leftNavigation body.open {
    overflow: auto;
}

.leftNavigation body.open:after {
    opacity: 1;
    visibility: visible;
}

.leftNavigation .b-nav {
    position: absolute;
    z-index: 11;
}

.leftNavigation .b-nav:not(.open) {
    display: none;
}

.leftNavigation .b-nav li {
    color: #444;
    list-style-type: none;
    padding: 10px;
    text-align: left;
    transform: translateX(-250px);
}

.leftNavigation .b-nav li:not(.open) {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: slideOutLeft;
}

.leftNavigation .b-nav li:first-child {
    padding-top: 70px;
}

.leftNavigation .b-nav.open {
    visibility: visible;
    background: #000;
    width: 300px;
    height: 100vh;
    overflow: auto;
    z-index: 299;
    position: fixed;
}

.leftNavigation .b-nav.open li {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: slideInLeft;
    text-align: center;
}

.leftNavigation .b-link {
    background: transparent;
    color: #fff!important;
    font-size: 18px;
    width: auto;
    opacity: 1;
    transition: all 0.5s ease;
    line-height: 2;
}

.leftNavigation .b-link:hover, .b-link--active {
    opacity: 0.6;
    transition: all 0.5s ease;
}

.leftNavigation .b-menu {
    background: transparent;
    /*border: white solid 2px;*/
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 60px;
    padding-left: 15.5px;
    padding-top: 17.5px;
    position: fixed;
    transition: all 0.4s ease;
    user-select: none;
    width: 60px;
    z-index: 300;
}

.leftNavigation .pModeles {
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    position: absolute;
    top: 9px;
    left: 50px;
}

.rightNavigation .pMenu {
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    position: fixed;
    top: 13px;
    right: 75px;
    z-index: 1;
}

.leftNavigation .b-menu:hover {
    /*border: #444 solid 2px;*/
}

.leftNavigation .b-bun {
    background: #fff;
    position: relative;
    transition: all 0.4s ease;
}

.leftNavigation .b-bun--top {
    height: 2px;
    top: 0;
    left: 0;
    width: 20px;
    transform: rotate(90deg);
}

.leftNavigation .b-bun--mid {
    height: 2px;
    top: -2px;
    left: 6px;
    width: 20px;
    transform: rotate(90deg);
}

.leftNavigation .b-bun--bottom {
    height: 2px;
    top: -4px;
    left: 12px;
    width: 20px;
    transform: rotate(90deg);
}

.leftNavigation .b-brand {
    color: white;
    font-family: Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 300;
    margin-left: 30px;
    position: relative;
    text-decoration: none;
    top: -21.4285714286px;
    transition: all 0.4s ease;
    z-index: 13;
}

.leftNavigation .b-container {
    height: 60px;
    left: 10px;
    position: absolute;
    top: 5px;
}

.leftNavigation .b-container:hover:not(.open) .bun-top, .b-container:hover:not(.open) .bun-mid, .b-container:hover:not(.open) .bun-bottom {
    background: white;
}

.leftNavigation .b-container.open .b-main {
    border: #fff solid 2px;
}

.leftNavigation .b-container.open .b-bun--top {
    background: #fff;
    top: 9px;
    transform: rotate(45deg) translate(8.5px);
}

.leftNavigation .b-container.open .b-bun--mid {
    opacity: 0;
}

.leftNavigation .b-container.open .b-bun--bottom {
    background: #fff;
    top: 5px;
    transform: rotate(-45deg) translate(-8.5px);
}

.leftNavigation .b-container.open .b-brand {
    color: #fff;
}

.leftNavigation .b-container.open .pModeles {
    opacity: 0;
}

/* right navigation */
.rightNavigation span {
    text-transform: none;
    opacity: 1;
    font-weight: 300;
    font-size: 12px;
}
.rightNavigation  input + label {
    position: fixed;
    top: 13px;
    right: 35px;
    height: 20px;
    width: 20px;
    z-index: 16001;
}

.cd-accordion-menu > li:last-of-type > label, .cd-accordion-menu > li:last-of-type > a, .cd-accordion-menu > li > ul > li:last-of-type label, .cd-accordion-menu > li > ul > li:last-of-type a {
    position: relative;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
}


.rightNavigation  input + label span {
    position: absolute;
    width: 100%;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    left: 0;
    display: block;
    background: #fff;
    transition: 0.5s;
}
.rightNavigation  input + label span:first-child {
    top: 4px;
}
.rightNavigation  input + label span:last-child {
    top: 16px;
}
.rightNavigation  label:hover {
    cursor: pointer;
}
.rightNavigation  input:checked + label span {
    opacity: 0;
    top: 50%;
}
.rightNavigation  input:checked + label span:first-child {
    opacity: 1;
    transform: rotate(405deg);
    background: #ffffff; /* remttre en noir si besoin */
}
.rightNavigation  input:checked + label span:last-child {
    opacity: 1;
    transform: rotate(-405deg);
    background: #ffffff; /* remttre en noir si besoin */
}
.rightNavigation  input ~ nav {
    background: white;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0px;
    z-index: 16000;
    transition: 0.5s;
    transition-delay: 0.5s;
    overflow: hidden;
}
.rightNavigation  input ~ nav > ul {
    text-align: center;
    position: absolute;
    top: 35%;
    left: 20%;
    right: 20%;
}
.rightNavigation  input ~ nav > ul > li {
    opacity: 0;
    transition: 0.5s;
    transition-delay: 0s;
}
.rightNavigation  input ~ nav > ul > li > a {
    text-decoration: none;
    text-transform: uppercase;
    color: #020304;
    font-weight: 700;
    font-family: sans-serif;
    display: block;
    padding: 30px;
}
.rightNavigation  input:checked ~ nav {
    height: 100%;
    transition-delay: 0s;
    /*overflow: auto;*/
}
.rightNavigation  input:checked ~ nav > ul > li {
    opacity: 1;
    transition-delay: 0.5s;
}

/* slider */
video {
    width: 100%;
    height: 100%;
    /*position: absolute;*/
    object-fit: cover;
    transition: all 1.2s linear;
    display: block;
}

#index #slides-container .slick-slide{
    position: relative;
    height: 100vh;
    border: none;
}

.slick-slide img{
    max-width: 100%;
}

.texteSlider {
    text-align: center;
    text-transform: none;
    color: #fff;
    font-size: 40px;
    letter-spacing: 3px;
    z-index: 100;
    position: absolute;
    top: 60vh;
    width: 500px;
    margin-left: -250px;
    left: 50%;
    text-transform: uppercase;
}

.buttonSlider {
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    border: 1px solid #fff;
    padding: 10px 20px;
    z-index: 100;
    position: absolute;
    top: 70vh;
    width: 150px;
    margin-left: -75px;
    left: 50%;
    transition: all 1s ease-out;
}

.buttonSlider:hover {
    background: #fff;
    border-color: #999;
    color: #999;
    transition: all 1s ease-out;
}

/* menu principal */
.menu-wrapper,
.rwd-menu ul{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.menu-wrapper {
    width: 100%;
    min-width: 100%;
    margin: 0 auto;
    overflow: auto;
    height: 100vh;
}

/* Main Menu */
.main-menu, .back-btn {
    background: #fff;
    margin-bottom: 20px;
    margin-top: 25px;
    opacity: 1!important;
}

.main-menu, .back-btn img {
    width: 10px;
    margin-right: 10px;
    margin-bottom: 2px;
}

.rwd-menu {
    background: #fff;
    position: relative;
    overflow: hidden;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all 1s ease;
    margin-top: 50px;
    margin-bottom: 15vh;
}

.rwd-menu li a {
    display: block;
    padding: 10px;
    font-size: 18px;
    text-transform: uppercase;
    border-bottom: none;
    color: #000;
    opacity: 0.6;
    padding-left: 20px;
    transition: all 0.5s ease;
}

.rwd-menu li a:hover {
    opacity: 1;
    transition: all 0.5s ease;
}

.rwd-menu > ul ul {
    position: absolute;
    left: 100%;
    width: 100%;
    top:0;
    visibility: hidden;
    transition: all 1s ease;
}

.rwd-menu > ul .open-submenu > ul {
    left: 0;
    z-index: 2;
    visibility: visible;
    transition: all 1s ease;
}

.bottomMenu {
    position: absolute;
    bottom: 10px;
    width: 90%;
}

.bottomMenu .rs {
    display: flex;
    float: right;
    margin-bottom: 20px;
}

.bottomMenu .rs img {
    width: 20px;
    margin-right: 10px;
}

.bottomMenu .links {
    padding: 0 40px 0 5px;
    margin-bottom: 50px;
}

.bottomMenu .bottomLinks a p {
    color: #00aac4;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 300;
    transition: all 0.5s ease;
}

.bottomMenu .bottomLinks a p:hover {
    opacity: 0.7;
    transition: all 0.5s ease;
}

.bottomMenu .bottomLinks a p {
    color: #00aac4;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 300;
}

.adminShop {
    display: flex;
    margin-top: 10px;
    margin-left: 10px;
}

.adminShop #_desktop_currency_selector {
    display: none;
}

.adminShop .user-info span {
    display: none;
}

.user-info a img{
    width: 35px;
    margin-top: -6px;
}

.blockcart .header img{
    width: 20px;
}

.adminShop .language-selector-wrapper span:not(.expand-more) {
    margin-right: -15px;
    color: #00aac4;
    position: relative;
    top: 5px;
    left: -5px;
}

.adminShop .material-icons:not(.expand-more) {
    margin-right: 5px;
    margin-left: 5px;
    color: #fff;
    position: relative;
    top: 5px;
}

.adminShop .cart-products-count {
    margin-right: 10px;
    color: #ffffff;
    position: relative;
    top: 5.5px;
    left: -3px;
}

.leftMenu {
    height: 100vh;
    background-image: url('../../img/menu.jpg');
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}

.cd-accordion-menu ul {
    /* by default hide all sub menus */
    display: none;
    height:0px;
    transition:all 0.5s ease-in-out
}

.cd-accordion-menu li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cd-accordion-menu input[type=checkbox] {
    /* hide native checkbox */
    position: absolute;
    opacity: 0;
}

.cd-accordion-menu label::after {
    /* folder icons */
    display: none;
}

.cd-accordion-menu a::after {
    /* image icon */
    display: none;
}

.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
    /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
    /* show children when item is checked */
    display: block;
    transition: all 0.3s ease-in-out;
    height: auto;
}

.label, label {
    padding: 10px;
    font-size: 18px;
    text-transform: uppercase;
    border-bottom: none;
    color: #232323;
    opacity: 0.6;
    padding-left: 20px;
    transition: all 0.5s ease;
    text-align: left;
    margin-bottom: 0;
}

.selles {
    margin-left: 15px;
    text-transform: none!important;
}


/* footer */
.footer-container {
    margin: 0;
    padding: 0;
    /*padding-top: 50px;*/
    background: #000;
}

.footerContainer {
    padding-left: 90px;
    padding-right: 90px;
    margin: 0 auto;
}


#footer {
    padding: 0;
}

.footer-container li {
    margin-bottom: 5px;
    font-size: 13px;
    color: #9C9C9C;
    letter-spacing: 1px;
}

.footer-container li a:hover {
    color: #fff;
}

.footer-container .footerLinks .title,
.footer-container h3{
    margin-top: 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: 600;
    color: #d9d9d9;
}

.footerRs {
    text-align: center;
    margin-left: -15px;
}

.footerRs a {
    text-align: center;
    display: inline-block;
    width: 20px;
    height: auto;
    padding: 10px;
    color: #f1f1f1;
}

.footerLegal,
.footer-container .bottom-menu{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
}

.footer-container .bottom-menu ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.footerLegal a,
.footer-container .bottom-menu a{
    display: inline-block;
    font-size: 13px;
    color: #d9d9d9;
    letter-spacing: 1px;
}

.footer-container .bottom-menu ul li + li a:before{
    content:'-';
    margin: 0 3px;
}

.footerRs a img {
    width: 15px;
}

.footerLinks .page_container{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #f0e9e1;
}

.footerLinks .desktop_menu{
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: #222220;
}

.footerLinks hr{
    width: 60%;
}

.footerLinks ul.main_menu{
    list-style: none;
    padding: 0 0;
    position: relative;
    float: left;
    width: 100%;
    height: auto;
}

.footerLinks ul.main_menu a{
    display: inline-block;
    width: 90%;
    height: 30px;
    padding: 5px 5%;
    font-size: 21px;
    color: #f0e9e1;
    font-family: 'Helvetica';
    font-weight: 100;
    text-decoration: none;
}

.footerLinks ul.main_menu a:hover{
    color: #b7cfd9;
    cursor: pointer;
}

.footerLinks ul.sub_menu{
    list-style: none;
    padding: 0 0;
    position: relative;
    float: left;
    width: 100%;
    height: 0;
    background: #000;
    /*    box-shadow: 0 0 4px #000;*/
    overflow: hidden;
    transition: all ease 250ms;
}

.footerLinks ul.sub_menu a{
    display: inline-block;
    width: 80%;
    height: 24px;
    padding: 5px 10%;
    font-size: 18px;
    color: #f0e9e1;
    font-family: 'Helvetica';
    font-weight: 100;
    text-decoration: none;
}

.footerLinks .page_content{
    position: fixed;
    top: 0;
    left: 300px;
    width: 300px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: transparent;
}

#wrapper .breadcrumb {
    background: transparent;
    position: absolute;
    z-index: 200;
    bottom: 0px;
    Left: 30px;
    color: #fff;
}

#wrapper .breadcrumb li a {
    color: #fff;
    font-size: 11px;
}

.carousel-container {
    position: relative;
    top: 50px;
    width: 100%;
    height: 305px;
    overflow: hidden;
}

#song-title {
    position: absolute;
    display: block;
    width: 100px;
    text-align: center;
    top: 210px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    -webkit-transition: opacity 1.2s ease-in-out;
    -moz-transition: opacity 1.2s ease-in-out;
    -ms-transition: opacity 1.2s ease-in-out;
    -o-transition: opacity 1.2s ease-in-out;
    transition: opacity 1.2s ease-in-out;
    font-family: Helvetica;
    text-transform: uppercase;
    font-size: 0.9em;
}

.shadow-container {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 30px;
    width: 100%;
    box-shadow: inset 0 -30px 20px -20px #f1f1f1;
    z-index: 20;
}

.song-logo-carousel {
    position: relative;
    margin: auto;
    margin-top: 20px;
    width: 150px;
    height: 0;
}

.song-logo {
    width: 150px;
    height: 150px;
    display: block;
    position: absolute;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    text-align: center;
    line-height: 55px;
    cursor: pointer;
    overflow: visible;
}

.pos-0 {
    -webkit-transform: translate(0, 0) rotate(1turn);
    -moz-transform: translate(0, 0) rotate(1turn);
    -ms-transform: translate(0, 0) rotate(1turn);
    -o-transform: translate(0, 0) rotate(1turn);
    transform: translate(0, 0) rotate(1turn);
}

.pos-1 {
    -webkit-transform: translate(198px, 60px) rotate(1.09turn);
    -moz-transform: translate(198px, 60px) rotate(1.09turn);
    -ms-transform: translate(198px, 60px) rotate(1.09turn);
    -o-transform: translate(198px, 60px) rotate(1.09turn);
    transform: translate(198px, 60px) rotate(1.09turn);
}

.pos-2 {
    -webkit-transform: translate(330px, 210px) rotate(1.18turn);
    -moz-transform: translate(330px, 210px) rotate(1.18turn);
    -ms-transform: translate(330px, 210px) rotate(1.18turn);
    -o-transform: translate(330px, 210px) rotate(1.18turn);
    transform: translate(330px, 210px) rotate(1.18turn);
}

.pos-3 {
    -webkit-transform: translate(360px, 411px) rotate(1.27turn);
    -moz-transform: translate(360px, 411px) rotate(1.27turn);
    -ms-transform: translate(360px, 411px) rotate(1.27turn);
    -o-transform: translate(360px, 411px) rotate(1.27turn);
    transform: translate(360px, 411px) rotate(1.27turn);
}

.pos-4,
.pos-5,
.pos-6,
.pos-7 {
    display: none;
}

.pos-8 {
    -webkit-transform: translate(-363px, 420px) rotate(0.73turn);
    -moz-transform: translate(-363px, 420px) rotate(0.73turn);
    -ms-transform: translate(-363px, 420px) rotate(0.73turn);
    -o-transform: translate(-363px, 420px) rotate(0.73turn);
    transform: translate(-363px, 420px) rotate(0.73turn);
}

.pos-9 {
    -webkit-transform: translate(-330px, 213px) rotate(0.82turn);
    -moz-transform: translate(-330px, 213px) rotate(0.82turn);
    -ms-transform: translate(-330px, 213px) rotate(0.82turn);
    -o-transform: translate(-330px, 213px) rotate(0.82turn);
    transform: translate(-330px, 213px) rotate(0.82turn);
}

.pos-10 {
    -webkit-transform: translate(-195px, 60px) rotate(0.91turn);
    -moz-transform: translate(-195px, 60px) rotate(0.91turn);
    -ms-transform: translate(-195px, 60px) rotate(0.91turn);
    -o-transform: translate(-195px, 60px) rotate(0.91turn);
    transform: translate(-195px, 60px) rotate(0.91turn);
}

/* menu right test */
.menuRightBack {
    text-align: center;
}

.menuRightBack .rwd-menu li a {
    letter-spacing: 2px;
    font-size: 14px;
    color: #fff!important;
    opacity: 1;
}

.menuRightBack .rwd-menu li a:hover {
    color: #00aac4!important;
}

.menuRightBack .rwd-menu {
    background: transparent;
    flex:1;
}

.menuRightBack .main-menu, .back-btn {
    background: #000;
    margin-bottom: 20px;
    margin-top: 25px;
    opacity: 1!important;
}

.menuRightBack .label, label {
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    font-size: 14px;
}

.menuRightBack .rwd-menu > ul ul {
    background: #000;
}

/* shop */
.btn-primary {
    background-color: #000;
    transition: all 1s ease;
    font-weight: 400;
    letter-spacing: 1px;
}

.btn-primary:hover {
    background-color: #000;
    opacity: 0.7;
    transition: all 1s ease;
}

.product-actions .add-to-cart .material-icons {
    display: none;
}

.has-discount .discount {
    background: #00aac4;
}

.has-discount.product-price, .has-discount p {
    color: #00aac4;
}

.product-flags li.product-flag.discount, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount-percentage {
    background-color: #00aac4;
}

.product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover {
    border: none;
}

.product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb {
    border: none;
}

#main .page-footer{
    margin: 0;
}

/* contact */
.contactInfo .contactInfoCard {
    -webkit-box-shadow: 1px 1px 3px #d9d9d9;
    box-shadow: 1px 1px 3px #d9d9d9;
    height: 100%;
    padding: 25px;
    background: #fff;
    margin: 0 !important;
}

.contactInfo .flexCountries {
    display: flex;
    padding-left: 350px;
    padding-right: 350px;
    margin-bottom: 40px;
}

.contactInfo .countries {
    flex: auto;
    text-align: center;
    color: #000;
    font-weight: 600;
}

.contactInfo p{
    font-size: .9375rem !important;
    padding: 0 !important;
    line-height: inherit !important;
    color: #00aac4;
}

.contactInfo h4{
    margin-bottom: 20px !important;
    padding: 0 !important;
    font-weight: 700 !important;
}

.contactInfo h1 {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: center;
    font-size: 30px;
    margin-bottom: 40px;
    color: #fff;
    padding-top: 200px;
    position: relative;
    z-index: 1;
}

.fondContact {
    height: 300px;
    background-image: url('../../img/fondContact2.jpg');
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    position: relative;
}

.fondContact:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
}

.contactInfo {
    padding-left: 0px;
    padding-right: 0px;
}

.contactInfo h2 {
    font-weight: 400;
    letter-spacing: 1px;
    text-align: center;
}

.contactInfo h3, .contact-form h3 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: left;
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 30px !important;
}

.form-control-label {
    color: #000;
    text-align: right;
    font-size: 12px;
}

.essaiSelle .frContent p, .essaiSelle .usContent p, .essaiSelle .ukContent p, .essaiSelle .deContent p, .essaiSelle .otContent p {
    margin-bottom: 10px;
}

.essaiSelle .frContent a, .essaiSelle .usContent a, .essaiSelle .ukContent a, .essaiSelle .deContent a, .essaiSelle .otContent a {
    color: #7a7a7a;
}

.contactInfo .tel {
font-size: 16px;
}

.contactInfo .mail {
margin-bottom: 30px;
}

.contactInfo .pays {
font-size: 18px !important;
}


/* mentions légales */
.mentionsLegales {
    padding-top: 120px;
    padding-left: 200px;
    padding-right: 200px;
    padding-bottom: 80px;
}

@media (max-width: 768px) {
    .mentionsLegales {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.mentionsLegales h1 {
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 50px;
}

.mentionsLegales h2 {
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    margin-top: 40px;
}


/* accessoires */
.access{
    position: relative;
}

.access h1 {
    text-align: center;
    width: 100%;
    color: #fff;
    letter-spacing: 2px;
    font-size: 25px;
    text-transform: uppercase;
    position: absolute;
    top: 130px;
    font-weight: 400;
}

.block-categories {
    display: none;
}

#search_filters, #search_filters_brands, #search_filters_suppliers {
    margin-top: 65px;
}

#search_filters .facet .facet-label a, #search_filters_brands .facet .facet-label a, #search_filters_suppliers .facet .facet-label a {
    margin-top: .4375rem;
    color: #232323;
    display: inline-block;
    font-size: 10px;
    letter-spacing: 1px;
}

.coverAccess {
    background:url("../../img/stuttgartProfil.jpg") bottom center no-repeat;
    background-size:cover;
    filter: brightness(60%);
    height: 250px;
    margin-bottom: 50px;
}

.unit-price-cart {
    display: none;
}

.cart-grid-body label, #customer-form label, #authentication label {
    color: #000;
}

body#checkout #footer  {
    padding: 0;
    margin-bottom: -30px;
}

.logout {
    display: none;
}

.paypal_payment_form {
    display: none;
}

.page-my-account #content .links {
    margin-top: 120px;
    margin-bottom: 200px;
}

.page-my-account #content .links a:last-child {
    display: none;
}

.page-my-account #content .links img:last-child {
    display: none;
}

.page-my-account #content .links li:last-child {
    display: none;
}

.page-customer-account #content {
    margin-top: 120px;
}

.custom-checkbox label {
    color: #000;
}

li.lang a {
    color:rgba(255,255,255,1)!important;
}


/* flèche animée pages selle */
html body [data-ca3_iconfont="ETmodules"]::before {
    font-family: "ETmodules";
}
[data-ca3_icon]::before {
    font-weight: normal;
    content: attr(data-ca3_icon);
}

.ca3-scroll-down-arrow {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=);
    background-size: contain;
    background-repeat: no-repeat;
}

.ca3-scroll-down-link {
    cursor:pointer;
    height: 40px;
    width: 40px;
    margin: 0px 0 0 -20px;
    line-height: 60px;
    position: absolute;
    left: 50%;
    top: 90vh;
    color: #FFF;
    text-align: center;
    font-size: 70px;
    z-index: 100;
    text-decoration: none;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);

    -webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
    -moz-animation:    ca3_fade_move_down 2s ease-in-out infinite;
    animation:         ca3_fade_move_down 2s ease-in-out infinite;
}

@media(max-width: 767px) {
    .ca3-scroll-down-link {
        display: none;
    }
}

/*animated scroll arrow animation*/
@-webkit-keyframes ca3_fade_move_down {
    0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
    50%  { opacity: 1;  }
    100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@-moz-keyframes ca3_fade_move_down {
    0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
    50%  { opacity: 1;  }
    100% { -moz-transform:translate(0,20px); opacity: 0; }
}
@keyframes ca3_fade_move_down {
    0%   { transform:translate(0,-20px); opacity: 0;  }
    50%  { opacity: 1;  }
    100% { transform:translate(0,20px); opacity: 0; }
}

@media (max-width: 767px), all {
    #search_filter_toggler {
        display: none;
    }
}

.marginProducts {
    margin-top: 80px;
}

@media (max-width: 500px) {
    .marginProducts {
        margin-top: 10px;
    }

}

.fondCateg{
    background:url("../../img/stuttgartProfil.jpg") bottom center no-repeat;
    background-size:cover;
    filter: brightness(60%);
    height: 250px;
}

.contactPadding {
    padding-left: 300px;
    padding-right: 300px;
}

@media (max-width: 1200px) {
    .contactPadding {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* BI slider */
#sliderBI1 {
    display: block;
}

#sliderBI2 {
    display: none;
}

.header > img, .header > a > img, .user-info img {
    filter: brightness(0) invert(1);
}

.footerContainer .b-link img,
.footerContainer .b-link br {
    display: none;
}

.copyright{
    text-align: center;
    margin-top: 0px;
    font-size: 10px;
}

.copyright a{
    color: #fff;
}

.block-social ul{
    justify-content: center;
    margin-top: 15px;
}

.block-social ul li{
    height: 1.6em;
    width: 1.6em;
    background-color: transparent !important;
    background-size: cover;
}

#header a {
    color: #fff;
    transition: all 0.5s ease;
    text-decoration: none;
}

#header .dropdown-menu{
    background: #000;
    padding: 10px 3px 3px 3px;
    margin: 0 -3px;
}

#header .dropdown-item{
    background: transparent;
    padding: 1px 0;
}

#header .expand-more img{
    display: inline-block;
    width: 30px;
}

#header .dropdown i.expand-more{
    transform: translateX(-5px);
}

#header .dropdown i.expand-more:not(:hover){
    color: #fff;
}

.slick-dots{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

.slick-dots li {
    display: inline-block;
}

.slick-dots button {
    background: transparent;
    border-radius: 100%;
    text-indent: -9999px;
    width: 15px;
    height: 15px;
    display: block;
    outline: none;
    padding: 0;
    margin: 5px;
    border: 1px solid white;
    cursor: pointer;
}

.slick-dots .slick-active button{
    background: white;
}

.essaiSelle .frContent p, .essaiSelle .usContent p, .essaiSelle .ukContent p, .essaiSelle .deContent p, .essaiSelle .otContent p {
    margin-bottom: 10px;
}

.essaiSelle .frContent a, .essaiSelle .usContent a, .essaiSelle .ukContent a, .essaiSelle .deContent a, .essaiSelle .otContent a {
    color: #7a7a7a;
}

.switchCountryContent{
    display: none;
}

body#contact .card{
    margin-top: 60px;
}

body#authentication #content{
    margin-top: 200px;
    margin-bottom: 200px;
}

body#authentication .page-header h1,
body#order-slip .page-header h1,
body#identity .page-header h1,
body#address .page-header h1,
body#addresses .page-header h1,
body#history .page-header h1,
body#my-account .page-header h1{
    color: #f1f1f1;
}

body.category-id-18 #js-product-list-top{
    margin-top: 80px;
}

body#checkout #wrapper,
body#cart #main{
    padding-top: 120px;
}

.customer-container{
    margin-top: 120px;
}

body#index .page-footer{
    display: none;
}

#pagenotfound .bckg{
    background: url('../../img/carriere.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    height: 102vh;
    margin-top: -40px;
    margin-bottom: -50px;
    filter: brightness(30%);
    z-index: 1;
}

#pagenotfound .page-404{
    position: absolute;
    top: 20%;
    width: 300px;
    left: 50%;
    margin-left: -150px;
}

#pagenotfound .page-404 h1{
    color: #fff;
    font-weight: bold;
    font-size: 60px;
    text-align: center;
    padding-top: 20%;
}

#pagenotfound .page-404 h2{
    color: #fff;
    font-size: 40px;
    text-align: center;
    z-index: 2;
}

#pagenotfound .page-404 h3{
    color: #fff;
    font-size: 20px;
    text-align: center;
    z-index: 2;
}

#pagenotfound .page-404 .selle{
    position: absolute;
    width: 150px;
    left: 50%;
    margin-left: -75px;
    margin-top: 50px;
}

#size-guide-link{
    text-transform: uppercase;
    font-weight: bold;
}

#accessories-link{
    position:absolute;
    top: 260px;
    left: 20px;
    margin-bottom: 10px;
    font-size: 12px;
}


/*** Pages CMS ***/
/* Header */
body#cms #cms_content .header-standard,
body#cms #cms_content .header-full-height{
    overflow: hidden;
    position: relative;
    text-align: center;
}

body#cms #cms_content .header-standard{
    height: 350px;
    padding-top: 50px;
}

body#cms #cms_content .header-full-height{
    height: 100vh;
}

body#cms #cms_content .header-full-height div{
    height: 100%;
}

body#cms #cms_content .topImage{
    background-attachment: fixed !important;
}

@media (hover: none){
    body#cms #cms_content .topImage{
        background-attachment: scroll !important;
    }
}

body#cms #cms_content .topVideo{
    max-width: 100%;
    background: #f1f1f1;
}

body#cms #cms_content .topImage:before{
    position: absolute;
    content: '';
    background: #000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.4;
}

body#cms #cms_content .topVideo:after,
body#cms #cms_content .topImage:after{
    cursor: pointer;
    height: 40px;
    width: 40px;
    margin: 0 0 0 -20px;
    line-height: 60px;
    position: absolute;
    left: 50%;
    bottom: 15px;
    color: #FFF;
    text-align: center;
    font-size: 70px;
    z-index: 100;
    text-decoration: none;
    text-shadow: 0px 0px 3px rgb(0 0 0 / 40%);
    -webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
    -moz-animation: ca3_fade_move_down 2s ease-in-out infinite;
    animation: ca3_fade_move_down 2s ease-in-out infinite;
    font-weight: normal;
    content: "";
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=);
    background-size: contain;
    background-repeat: no-repeat;
}

body#cms #cms_content .topVideo h1,
body#cms #cms_content .topImage h1{
    font-size: 45px;
    line-height: 40px;
    color: #fff;
    font-weight: 300;
    text-transform:uppercase;
    margin: 0;
}

body#cms #cms_content .header-full-height h1{
    position: absolute;
    z-index: 200;
    left: 50%;
    transform: translateX(-50%);
    top: 60vh;
}

body#cms #cms_content .topVideo h1 span,
body#cms #cms_content .topImage p,
body#cms #cms_content .titledVideo span{
    font-size: 18px;
}

body#cms #cms_content .topVideo h1 span,
body#cms #cms_content .topImage p{
    text-transform: none;
}

body#cms #cms_content .topVideo p,
body#cms #cms_content .topImage p{
    color: #fff;
    margin-top: 15px!important;
    padding: 0 !important;
}


/* Sous-menu selles */
body#cms #cms_content .menuSelle {
    position: sticky;
    top:0;
    display: flex;
    padding-left: 250px;
    padding-right: 250px;
    padding-top: 17px;
    padding-bottom: 17px;
    background: #101010;
    z-index: 3;
    margin: 0 !important;
    margin-bottom: 140px !important;
}

body#cms #cms_content .menuSelle ul{
    display: flex;
    width: 100%;
    margin-bottom: 0;
}

body#cms #cms_content .menuSelle a {
    text-align: center;
    color: #fff;
    text-transform: none;
    font-size: 18px;
    display: block;
}

body#cms #cms_content .menuSelle li{
    flex: auto;
}


/* Texte */
body#cms #cms_content h1{
    font-size: 30px;
    font-weight: 300;
    text-transform:uppercase;
    text-align: center;
}

body#cms #cms_content:not(.gamme) h2,
body#cms #cms_content .ApRow h3{
    text-transform: uppercase;
    font-size: 25px;
    letter-spacing: 3px;
    color: #000;
    font-weight: 400;
    transition: all 1s ease;
    margin-bottom: .5rem;
}

body#cms #cms_content:not(.gamme) .ApRow h2,
body#cms #cms_content .ApRow h3{
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

body#cms #cms_content .ApRow h2{
    padding-top: 0;
    margin-bottom: 40px;
    margin-top: 40px;
}

body#cms #cms_content .ApRow:nth-child(2) > .ApColumn:first-child div:not(.accordion) h2:first-child{
    margin-top: 0;
}

body#cms #cms_content.gamme .ApRow h2 {
    text-transform: uppercase;
    font-size: 15px;
    text-align: center;
    font-weight: 400;
    padding-bottom: 10px;
    letter-spacing: 1.5px;
    opacity: 1!important;
    margin-bottom: .5rem;
    margin-top: 0;
}

body#cms #cms_content .ApRow h4 {
    text-transform: uppercase;
    font-size: 15px;
    color: #000;
    font-weight: 400;
    padding-top: 20px;
    padding-bottom: 40px;
    letter-spacing: 1.5px;
}

body#cms:not(.cms-id-24):not(.cms-id-25) #cms_content .ApRow p{
    font-size: 17px;
    text-align: center;
    line-height: 2;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 50px;
    padding-top: 0;
}

body#cms #cms_content .ApRow blockquote{
    font-size: 25px;
    line-height: 30px;
    font-style: italic;
    text-align: center;
}

body#cms #cms_content .dark-bg p,
body#cms #cms_content .dark-bg h1,
body#cms #cms_content .dark-bg h2,
body#cms #cms_content .dark-bg h3,
body#cms #cms_content .dark-bg h4{
    color: white !important;
}

body#cms:not(.cms-id-24):not(.cms-id-25).cms-id-11 #cms_content .ApRow h2{
    margin-bottom: 0;
}

body#cms:not(.cms-id-24):not(.cms-id-25).cms-id-11 #cms_content .ApRow h2 + .block_content p{
    padding-top: 0;
}

/* Page Guide des tailles */
body#cms.cms-id-24 #cms_content{
    padding-top: 100px;
}

body#cms.cms-id-24 #cms_content h1{
    text-align: center;
    margin-bottom: 50px;
}

body#cms.cms-id-24 #cms_content .row{
    margin: 0;
}

body#cms.cms-id-24 #cms_content .row > div{
    padding: 0 2%;
}

/* Page histoire */
body#cms #cms_content .timeline .timeline-item {
    background: none;
    border: none;
    border-radius: 0;
    margin: 0;
    min-height: auto;
    padding: 5% 20%;
}

body#cms #cms_content .timeline__img {
    max-width: 100%;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
}

@media (min-width: 1200px) {
    body#cms #cms_content .timelineHistoire {
        margin-bottom: -30px;
    }

    body#cms #cms_content .timeline {
        display: flex;
        margin: 0 auto;
        flex-wrap: wrap;
        flex-direction: column;
        max-width: 1200px;
        position: relative;
    }

    body#cms #cms_content .timeline .timeline-item .timeline__content-title {
        line-height: 1.5;
        background: transparent;
        position: absolute;
        top: calc(50% + 20px);
        width: 400px;
        margin: 0 0 0 -200px;
        z-index: 200;
        font-weight: 300 !important;
        font-size: 13px !important;
        text-transform: none !important;
        letter-spacing: normal !important;
        padding: 0;
    }

    body#cms #cms_content .timeline .timeline-item:nth-child(even) .timeline__content-title {
        left: -275px !important;
        text-align: right !important;
    }

    body#cms #cms_content .timeline .timeline-item:nth-child(odd) .timeline__content-title {
        left: 835px !important;
        text-align: left !important;
    }

    body#cms #cms_content .timeline__content-desc {
        margin: 0;
        font-size: 15px;
        box-sizing: border-box;
        color: rgba(255, 255, 255, 0.7);
        font-weight: normal;
        line-height: 25px;
        padding-top: 10px;
    }

    body#cms #cms_content .timeline:before {
        position: absolute;
        left: 50%;
        width: 2px;
        height: 100%;
        margin-left: -1px;
        content: "";
        background: rgba(255, 255, 255, 0.07);
    }

    body#cms #cms_content .timeline .timeline-item {
        padding: 40px 0;
        opacity: 0.3;
        filter: blur(2px);
        transition: 0.5s;
        box-sizing: border-box;
        width: calc(50% - 40px);
        display: flex;
        position: relative;
        transform: translateY(-80px);
        background: none;
        border: none;
        border-radius: 0;
        margin: 0;
        min-height: auto;
    }

    body#cms #cms_content .timeline .timeline-item:before {
        content: attr(data-text);
        letter-spacing: 3px;
        width: 100%;
        position: absolute;
        color: rgba(255, 255, 255, 0.5);
        font-size: 13px;
        font-family: 'Pathway Gothic One', sans-serif;
        border-left: 2px solid #fff;
        top: 70%;
        margin-top: -5px;
        padding-left: 15px;
        opacity: 0;
        right: calc(-100% - 56px);
        text-align: left;
    }

    body#cms #cms_content .timeline .timeline-item:nth-child(even) {
        align-self: flex-end;
    }

    body#cms #cms_content .timeline .timeline-item:nth-child(even):before {
        right: auto;
        text-align: right;
        left: calc(-100% - 56px);
        padding-left: 0;
        border-left: none;
        border-right: 2px solid #fff;
        padding-right: 15px;
    }

    body#cms #cms_content .timeline .timeline-item--active {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0px);
    }

    body#cms #cms_content .timeline .timeline-item--active:before {
        top: 50%;
        transition: 0.3s all 0.2s;
        opacity: 1;
        color: #fff;
    }

    body#cms #cms_content .timeline-container {
        width: 100%;
        position: relative;
        padding: 80px 0;
        transition: 0.3s ease 0s;
        background-attachment: fixed !important;
        background-size: cover !important;
        margin-top: 0 !important;
        margin-bottom: -100px !important;
    }

    body#cms #cms_content .timeline-container:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(99, 99, 99, 0.8);
        content: "";
    }

    body#cms #cms_content .timeline-header {
        width: 100%;
        text-align: center;
        margin-bottom: 80px;
        position: relative;
    }

    body#cms #cms_content .timeline-header__title {
        color: #fff;
        font-size: 46px;
        font-family: Cardo;
        font-weight: normal;
        margin: 0;
    }

    body#cms #cms_content .timeline-header__subtitle {
        color: rgba(255, 255, 255, 0.5);
        font-family: 'Pathway Gothic One', sans-serif;
        font-size: 16px;
        letter-spacing: 5px;
        margin: 10px 0 0 0;
        font-weight: normal;
    }

    body#cms #cms_content .histoirePadding {
        padding: 5% 20%;
    }

    body#cms #cms_content .histoirePaddingText {
        padding-left: 30%;
        padding-right: 30%;
    }
}

.demo-footer {
    padding: 60px 0;
    text-align: center;
}

.demo-footer a {
    color: #999;
    display: inline-block;
    font-family: Cardo;
}

/* Page FAQ */
/*.accordion > h2{
    color: #00aac4;
    font-size: 22px;
    margin-top: 100px;
    margin-bottom: 40px;
}
*/
.accordion:first-child > h2{
    margin-top: 0;
}

.accordion .card-header{
    padding-left: 30px;
    padding-right: 30px;
}

.accordion .card-title{
    margin-top: 0.75rem;
}

.accordion .card-title .btn{
    padding-left: 0;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    color: #000;
    font-family: 'Ovo';
}

.accordion .card-title .btn:after{
    content: '';
    background: url(../../img/flecheBas.png) center center no-repeat;
    width: 30px;
    height: 35px;
    display: block;
    background-size: contain;
}

.accordion .card-body{
    padding: 45px 30px;
}

.accordion .card-body p{
    padding:0 !important;
}

.accordion .card-body .block_content > :last-child{
    margin-bottom: 0;
}

/* Images */
body#cms #cms_content .row img{
    max-width: 100%;
    height: auto;
}

body#cms:not(.cms-id-24):not(.cms-id-25) #cms_content .row .image_description p{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 0;
}

body#cms #cms_content .accessImg {
    max-width: 350px;
    filter:brightness(60%);
    transition: all 1s ease;
}

body#cms #cms_content .accessImg:hover {
    filter:brightness(100%);
}

body#cms #cms_content .row .ApColumn .accessImg{
    text-align: right;
    margin-left: auto;
    margin-right: 15px;
}

body#cms #cms_content .row .ApColumn:last-of-type .accessImg{
    text-align: left;
    margin-right: auto;
    margin-left: 15px;
}

body#cms #cms_content .accessImg h4{
    padding-left: 15px;
    padding-right: 15px;
}

body#cms #cms_content .accessImg h4 a{
    color: #000;
    word-break: break-all;
}

.slick-caption{
    padding: 0;
    padding-top: 10px;
    text-align: center;
}

.title-ap-group{
    flex: 100%;
    text-align: center;
}

body#cms #cms_content .scrollable .imgContainer{
    background: black;
    overflow: hidden;
    display: inline-block;
}

body#cms #cms_content:not(.gamme) .scrollable .imgContainer{
    max-height: 620px;
}

body#cms #cms_content .scrollable .imgContainer{
    width:100%;
}

body#cms #cms_content .ApRow:not(.intro2) .scrollable .imgContainer img{
    width:100% !important;
}

.videoContent{
    display: none;
}

/* Images grid */
body#cms #cms_content .media-grid .ApColumn > div{
    margin-left: auto;
    margin-right: auto;
}

body#cms #cms_content .media-grid .ApColumn:nth-child(2),
body#cms #cms_content .media-grid .ApColumn:nth-child(n+3) {
    margin-top: 150px;
}

body#cms #cms_content .media-grid .ApColumn:nth-child(3) {
    transform: translateY(-150px);
}

body#cms #cms_content .media-grid .size1 > div{
    width: 90%;
}

body#cms #cms_content .media-grid .size2 > div{
    width: 400px;
}

/* Buttons */
body#cms #cms_content .button,
body#cms #cms_content .buttons_container a,
#pagenotfound body#cms #cms_content .button{
    display: inline-block;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    background: rgba(255, 255, 255, 0.4);
    opacity: 1;
    color: #999;
    border: 1px solid #999;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-size: 13px;
    transition: all 1s ease;
    text-decoration: none;
    border-radius: 0;
    cursor: pointer;
    max-width: 100%;
    width: 300px;
    outline: none;
}

body#cms #cms_content .button:hover,
body#cms #cms_content .buttons_container a:hover,
#pagenotfound .button:hover {
    background: #fff;
}

body#cms #cms_content .dark-bg .button{
    color: #fff;
    border-color: #fff;
}

body#cms #cms_content .dark-bg .button:hover{
    color: #999;
}

body#cms #cms_content .buttons_container ul{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

body#cms #cms_content .buttons_container ul li{
    flex: auto;
}

body#cms #cms_content .buttons_container ul li a{
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/* Blocs */
body#cms #cms_content .row{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 100px 0;
}

body#cms #cms_content .ApRow{
    justify-content: center;
}

body#cms #cms_content .row:first-child{
    margin: 0;
}

body#cms #cms_content .row:last-child {
    margin-bottom: 0;
}

body#cms #cms_content .row.flex-start{
    align-items: flex-start;
}

body#cms #cms_content .row.flex-end{
    align-items: flex-end;
}

body#cms #cms_content .row > div{
    padding: 0;
}

body#cms #cms_content .intro h2{
    margin-top: 50px;
}

body#cms #cms_content .intro p{
    text-align: center;
    font-size: 20px;
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 30px;
    line-height: 1.3;
}

body#cms #cms_content .wrapped{
    max-width: 1200px;
    margin: auto;
    text-align: center;
}

body#cms #cms_content #essayer .ApColumn{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 420px;
}

body#cms #cms_content #essayer p{
    margin-bottom: 0;
    font-size: 16px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 2em;
    padding-bottom: 2em;
}

body#cms #cms_content #essayer h3{
    margin-bottom: 0;
}

body#cms #cms_content #essayer .button{
    margin-bottom: 0;
}

/* CMS Footer */
body#cms #cms_content .linked_page{
    position: relative;
    margin-top: 100px;
}

body#cms #cms_content .linked_page a{
    color: white;
}

body#cms #cms_content .linked_page .videoHover{
    height: 400px;
    filter: brightness(40%);
    transition: all 1s ease;
}

body#cms #cms_content .linked_page .videoHover:hover{
    filter: brightness(90%);
}

body#cms #cms_content .linked_page .bi{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    padding: 0 200px;
    transform: translateY(-50%);
}

body#cms #cms_content .linked_page .bi h3{
    text-align: left;
    font-size: 12px;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 15px;
    padding: 0;
    font-weight: 400;
}

body#cms #cms_content .linked_page .bi h4{
    text-align: left;
    font-size: 18px;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin: 0;
    padding: 0;
    font-weight: 400;
}

body#cms #cms_content .linked_page .bi h4 a{
    position: relative;
}

body#cms #cms_content .bi .svg_button{
    transition: all 0.25s ease-in-out;
    position: absolute;
    top: -20px;
    height: 63px;
    display: inline-block;
    left: 100%;
}

.svg_button g line,
.svg_button g polyline,
.svg_button g circle,
body#cms #cms_content .bi a.button svg g line,
body#cms #cms_content .bi a.button svg g polyline,
body#cms #cms_content .bi a.button svg g circle {
    fill: none;
    stroke: #fff;
}

.svg_button g line,
.svg_button g polyline,
body#cms #cms_content .bi a.button svg g line,
body#cms #cms_content .bi a.button svg g polyline {
    stroke-miterlimit: 10;
}

.svg_button g circle,
body#cms #cms_content .bi a.button svg g circle {
    display: block;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 0.066rem;
    stroke-dasharray: 200;
    stroke-dashoffset: 0;
    transition: stroke-dashoffset ease-out 0.5s;
}

a:hover .svg_button,
body#cms #cms_content .bi a.button:hover {
    -webkit-transform: translateZ(0) translateX(0.5em);
    transform: translateZ(0) translateX(0.5em);
}

a:hover .svg_button g circle,
body#cms #cms_content .bi a.button:hover svg g circle {
    stroke-dashoffset: 200;
}

/***** Responsive *****/
@media (min-width: 575px) {
    body#cms #cms_content .ApRow .titledVideo {
        position: absolute;
        bottom: 100px;
        left: 30px;
        color: #fff;
        font-size: 30px;
        z-index: 100;
        text-align: left;
    }
}

@media (min-width:768px){
    .footerContainer .collapse {
        display: inherit;
    }
}

@media (min-width: 992px){
    body.cms-id-25 #cms_content .row:not(:first-child){
        padding: 0 150px;
    }
}

@media (min-width: 1200px) {
    body#cms:not(.cms-id-24):not(.cms-id-25) #cms_content .ApRow p{
        padding-top: 40px;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 50px;
    }

    body#cms #cms_content .row.intro2 > div:last-child p{
        padding: 0;
        line-height: 1.5;
    }

    body#cms:not(.cms-id-24):not(.cms-id-25) #cms_content .ApRow:not(.intro) .col-xl-12 p{
        padding-left: 300px;
        padding-right: 300px;
    }

    body#cms #cms_content .row.intro2{
        max-width: 960px;
        margin: auto;
        z-index: 15000;
        position: relative;
        margin-top: -100px;
        margin-bottom: 150px;
    }

    body#cms #cms_content .row.intro2 > div:last-child {
        padding: 0 0 0 150px;
        transform: translateY(50px);
    }

    body#cms #cms_content .row.intro2 > div:first-child{
        max-height: 420px;
        overflow: hidden;
        transform: translateX(20px);
    }

    body#cms #cms_content .row.intro2 > div:first-child img{
        max-width: none;
    }
}

@media (max-width:1199.99px){
    .display-first-lg-down{
        order:-1;
    }

    .imgContainer{
        width: 100%;
    }

    .imgContainer img{
        width: 100% !important;
        height: auto;
    }

    body#cms #cms_content .menuSelle {
        display: none !important;
    }

    body#cms #cms_content .timeline .timeline-item .timeline__content-title{
        color: #7a7a7a !important;
        font-weight: 400;
        text-align: center;
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 0;
        text-transform: none;
        letter-spacing: normal;
    }

    body#cms #cms_content .timeline-container{
        background: none !important;
    }

    body#cms #cms_content .dark-bg .timeline .button{
        color: #999;
        border-color: #999;
    }
}

@media (max-width: 1000px) {
    .footerContainer {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width:991.99px){
    body#cms #cms_content.gamme .ApRow .ApColumn > h2:first-child,
    body#cms #cms_content:not(.gamme) .ApRow .ApColumn > h2:first-child,
    body#cms #cms_content .ApRow .ApColumn > .block:first-child h3{
        margin-top: 2rem;
    }

    body.cms-id-25 #cms_content .row:not(:first-child){
        padding-left: 30px;
        padding-right: 30px;
    }

    body#cms #cms_content .accessImg {
        max-width: 300px;
    }

    body#cms #cms_content .linked_page .bi{
        padding: 0 50px;
    }
}

@media (max-width: 767.99px) {
    body#cms #cms_content .bi .svg_button{
        position: static !important;
        display: block;
    }

    body#cms #cms_content .linked_page .bi{
        margin-top: 63px;
    }

    .footerContainer .collapse{
        overflow: hidden;
    }

    .footerContainer h3 .collapse-icons .remove,
    .footerContainer h3[aria-expanded=true] .collapse-icons .add {
        display: none;
    }

    .footerContainer h3[aria-expanded=true] .collapse-icons .remove {
        display: inline-block;
    }

    body#cms #cms_content .intro p{
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    body#cms #cms_content .timeline .timeline-item{
        padding: 40px 20px;
    }
}

.product-customizations > .product-customizations-item{
    margin: 1.25rem 0;
}

.product-customizations > .product-customizations-item select {
    background-color: #fff;
    width: auto;
    padding-right: 1.875rem;
    box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2);
}

.product-customizations > .product-customizations-item textarea{
    box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2);
    background-color: #fff;
    color: #7a7a7a;
    border: 1px solid rgba(0,0,0,.25);
}

.interactive_map_info{
    border: 2px solid #00aac4;
    color: #00aac4;
    overflow: hidden;
    position: relative;
    max-width: 450px;
    width: 75%;
    padding: 50px;
}

@media (min-width: 992px) and (max-width: 1699.99px){
    .interactive_map_info{
        width: 95%;
    }
}

@media (max-width:991.99px){
    .interactive_map_info{
        margin: 15px auto 0 auto;
    }
}

@media (max-width:479.99px){
    .interactive_map_info{
        width: 95%;
    }
}

.interactive_map_info p{
    color: #00aac4;
    text-align: center !important;
}

@media (min-width: 480px) {
    .interactive_map_info > div{
        margin-left: 20%;
    }

    .interactive_map_info:before {
        content: '';
        width: 1px;
        background: #00aac4;
        position: absolute;
        transform: rotate(
                10deg
        );
        left: 15%;
        top: -10%;
        bottom: 0;
        transform-origin: left bottom;
    }

    .interactive_map_info:after {
        content: '';
        width: 100%;
        height: 1px;
        background: #00aac4;
        position: absolute;
        transform: rotate(
                25deg
        );
        left: 0;
        bottom: 75px;
        transform-origin: left top;
    }
}

#titreRep{
    text-transform: uppercase;
    font-size: 1.2em !important;
    font-weight: bold;
}

#titreRep:after{
    content:'';
    width: 50%;
    margin: 15px auto 30px auto;
    height: 1px;
    background: #00aac4;
    display: block;
}

#nom{
    text-transform: uppercase;
}

#nom.filled:before {
    content: '\e7fd';
    font-family: Material Icons;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 5px;
    font-size: 1.5em;
}

#tel.filled:before {
    content: '\e0cd';
    font-family: Material Icons;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 5px;
    font-size: 1.5em;
}

#email.filled:before {
    content: '\e0be';
    font-family: Material Icons;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 5px;
    font-size: 1.5em;
}

.jqvmap-label{
    color: #00aac4;
    font-size: 0.75em;
    font-family: inherit;
    padding: 0 5px;
}

.interactive_map_item + .interactive_map_item:before {
    content: '';
    height: 1px;
    background: #00aac4;
    width: 50px;
    display: block;
    margin: 30px auto 30px auto;
}

.contact-form{
    margin-top: 15px;
    margin-bottom: 50px;
}

@media (min-width: 992px){
    .contact-form{
        border-radius: 10px;
        margin: -50px auto 50px auto;
        position: relative;
        width: 50%;
        box-shadow: 0 0 100px 0 rgba(0,0,0,0.25);
        min-width: 700px;
        z-index: 10;
    }
}

.contactInfos{
    margin-bottom: 30px;
    text-align: center;
}

.contactInfos:before {
    content: '';
    background-image: url(https://voltairedesign.com/themes/voltaireDesign/img/logo_fond_blanc_v2-depuis2010.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 150px;
    display: block;
    margin: auto;
}

.contact-form label {
    text-align: left;
    color: #00aac4;
    text-transform: none;
    opacity: 1;
    letter-spacing: normal;
    font-size: 14px;
}

.contact-form .input-group .input-group-btn>.btn{
    padding: .765rem 1rem;
}

.contact-form form .form-fields #captcha-box > div{
    float: none;
    padding: 0 15px;
}

.contact-form form .form-footer {
    padding: 1rem 15px;
}

#reassurance_saddle,
.blockreassurance_product{
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center;
    padding: 20px 0;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.blockreassurance_product > div{
    padding: 0 10px;
}

@media (min-width: 768px) {
    .blockreassurance_product{
        background: #00aac4;
        margin-bottom: 0;
        flex-wrap: nowrap;
    }
}

body#cms #cms_content .row #reassurance_saddle{
    background: #00aac4;
    color: white;
    padding: 20px 10%;
    margin-top: -100px;
    transform: translateY(100px);
}

@media (max-width: 991.99px){
    body#cms #cms_content .row #reassurance_saddle{
        padding: 20px;
    }
}

body#cms #cms_content .row #reassurance_saddle h4{
    letter-spacing: normal;
    text-transform: none;
    color: white;
    margin-bottom: 0;
    padding-bottom: 0;
}

body#cms #cms_content .row #reassurance_saddle img{
    height: 35px;
}

body#cms #cms_content .row #reassurance_saddle img,
.blockreassurance_product .item-product{
    display: block;
    float: none;
    margin: auto;
    width: auto !important;
}

.blockreassurance_product .item-product img, .blockreassurance_product .item-product svg{
    width: auto;
}

@media (min-width: 768px) {
    .blockreassurance_product img {
        filter: brightness(0) invert(1);
    }
}

.blockreassurance_product p.block-title{
    line-height: 1;
    margin-bottom: 0;
    margin-top: 15px;
    font-size: 13px;
}

@media (max-width: 767.99px) {
    .blockreassurance_product p.block-title {
        color: #00aac4 !important;
    }

    .blockreassurance_product > div{
        flex: 1 0 50%;
        padding: 10px;
    }
}

.comment_anchor_content{
    margin: 0;
}

.comment_anchor_content + .tabs{
    margin-top: 0;
}

.reassurance_saddle{

}

#index #slides-container {
    height: 100vh;
    overflow: hidden;
}

#index #slides-container .slides{
    height: 100vh;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#index #content{
    overflow: hidden;
}

#index #blocks-container{
}

#index #blocks-container #footer{
    background: black;
    position: relative;
}

#index.scrolling-down #blocks-container{
}

#index #slides-container .backdrop{
    content: '';
    background: black;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

#index.scrolling #slides-container .backdrop{
    z-index: 0;
}

#index .home_block{
    position: relative;
    background: black;
}

#index .home_block .slick-slider{
    filter: brightness(40%);
    transition: filter 0.25s ease-in-out;
}

#index .home_block:hover .slick-slider{
    filter: brightness(60%);
}

#index .home_block .main-slick-caption{
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1;
}

#index .home_block .main-slick-caption a{
    color: white;
    text-transform: uppercase;
    font-size: 21px;
    letter-spacing: 4px;
    display: flex;
    justify-content: center;
    text-decoration: none;
    align-items: flex-end;
    padding-bottom: 50px;
    height: 100%;
}

#index .home_block .main-slick-caption a > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

#index .home_block .main-slick-caption .svg_button{
    height: 65px;
    transition: all 0.25s ease-in-out;
    display: none;
}

#index .home_block .main-slick-caption .svg_button g{
    transform: translateX(40px);
}

@media (min-width: 768px){
    #index .home_block .slick-slide {
        height: 66.66666vh;
        max-height: 33vw;
    }

    #index .row > div:last-child .home_block .slick-slide{
        height: 33.33333vh;
    }

    #index .home_block .slick-slide img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media (min-width: 480px){
    #index .home_block .main-slick-caption .svg_button{
        display: block;
    }
}

.voltaire-modal{
    margin: auto;
    display: block !important;
}

#voltaire-modal .modal-content{
    background: rgba(0,170,196,0.75);
    border: none;
    border-radius: 10px;
    padding: 30px 45px;
}

#voltaire-modal .modal-content{
    background: none;
    padding: 0;
}

#voltaire-modal .modal-header {
    padding: 0;
    border: none;
    position: absolute;
    z-index: 10;
    right: 20px;
    margin: 0;
    top: 20px;
}

#voltaire-modal .modal-body {
    padding: 0;
}

#voltaire-modal .modal-body{
    overflow: hidden;
    border-radius: 10px;
}

#voltaire-modal iframe{
    display: block;
    height: 800px;
    max-height: calc(100vh - 200px);
}

.zf-tempFrmWrapper {
    padding: 10px 0;
    margin: 1px 0;
    /* align-items: center; */
}

@media (min-width:992px){
    .zf-tempFrmWrapper {
        display: flex;
    }
}

#form label{
    text-align: left;
    text-transform: none;
    opacity: 1;
    font-weight: 400;
    padding: 0;
    font-size: 12px;
    letter-spacing: 0.03em;
}

#form .zf-tempFrmWrapper .zf-labelName {
    font-size: 15px;
    padding-right: 15px;
    flex: 1 0 33%;
    padding-bottom: 8px;
}

#form label[for]{
    font-size: 15px;
}

.zf-topAlign .zf-tempFrmWrapper .zf-labelName {
    /* padding-bottom: 4px; */
    display: block;
    padding-top: 4px;
    padding-right: 15px;
}

.zf-tempFrmWrapper .zf-tempContDiv {
    margin: 0;
    padding: 0;
    flex: 1 0 67%;
}

.zf-phwrapper,
.zf-nameWrapper {
    display: flex;
}

@media (min-width: 992px){
    .zf-phwrapper,
    .zf-nameWrapper {
        width: 75%;
    }
}

.zf-tempContDiv span {
    width: 49%;
    margin-left: 2%;
}

.zf-tempContDiv span:first-child {
    margin-left: 0;
}

.zf-tempHeadBdr{
    display: none;
}

#voltaire-modal .modal-title{
    font-size: 30px;
    text-transform: uppercase;
    color: white;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.03em;
}

#voltaire-modal .modal-header{
    border-color: white;
    padding-top: 0;
    margin-bottom: 30px;
}

.zf-tempContDiv .zf-phwrapper input[type="text"],
.zf-tempContDiv .zf-nameWrapper input[type="text"] {
    width: 100%;
}

.zf-tempContDiv .zf-multiAttType {
    margin: 0 0 13px 0;
    padding: 0;
    width: 100%;
    display: block;
}

.zf-radioBtnType, .zf-checkBoxType {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.zf-checkChoice:before, .zf-radioChoice:before {
    content: '';
    margin-right: 5px;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: -.15em;
    cursor: pointer;
    border: 1px solid white;
    left: 0;
}

.zf-radioChoice:before {
    border-radius: 100%;
}

.zf-radioBtnType:checked + .zf-radioChoice:before, .zf-checkBoxType:checked + .zf-checkChoice:before {
    background: #fff;
}

.zf-tempContDiv input[type="text"], .zf-tempContDiv input[type="email"], .zf-tempContDiv textarea, .zf-tempContDiv .zf-pdfTextArea {
    background: none;
    color: white;
    outline: none;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    padding: 5px 0;
    font-size: 15px;
    box-shadow: none;
    width: 75%;
}

.zf-tempContDiv select{
    background: none;
    color: white;
    outline: none;
    border: 1px solid rgba(255,255,255,0.5);
    padding: 5px;
    font-size: 15px;
    box-shadow: none;
}

.zf-tempContDiv select option{
    background: #00aac4;
}

.zf-tempContDiv textarea{
    border: 1px solid rgba(255,255,255,0.5);
    padding: 5px;
    height: 100px;
}

.zf-tempContDiv input[type="text"]:focus, .zf-tempContDiv input[type="email"]:focus, .zf-tempContDiv textarea:focus, .zf-tempContDiv select:focus {
    border-color: white;
}

#form .zf-tempFrmWrapper:not(.zf-radio):not(.zf-checkbox) .zf-labelName{
    padding-top: 5px;
}

#voltaire-modal .close{
    opacity: 0.75;
    text-shadow: none;
    transform: translate(50px, -20px);
    width: 26px;
    height: 26px;
}

#voltaire-modal .close:hover,
#voltaire-modal .close:focus{
    opacity: 1;
}

#voltaire-modal .close span{
    display: none;
}

#voltaire-modal .close:before,
#voltaire-modal .close:after{
    content: '';
    height: 1px;
    background: white;
    display: block;
}

#voltaire-modal .close:before{
    transform: rotate(45deg);
}

#voltaire-modal .close:after{
    transform: rotate(-45deg);
}

#voltaire-modal .ApColumn{
    padding: 0;
}

#voltaire-modal a{
    color: white;
    text-decoration: underline;
}

.zf-submitColor {
    display: block;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    background: transparent;
    opacity: 1;
    color: white;
    border: 1px solid white;
    text-transform: uppercase;
    font-size: 18px;
    transition: all 0.25s ease;
    text-decoration: none;
    border-radius: 0;
    cursor: pointer;
    max-width: 100%;
    width: 300px;
    outline: none;
    margin: auto;
}

.zf-submitColor:hover,
.zf-submitColor:focus,
.zf-submitColor:active{
    background: white;
    color: #00aac4;
    border-radius: 30px;
}

.voltaire-modal .btn-primary{
    background-color: transparent;
    box-shadow: none;
    color: #00aac4;
    border: 2px solid #00aac4;
    padding: 1rem 2rem;
    font-weight: 700;
    white-space: normal;
    transition-duration: 0.25s;
}

.voltaire-modal .btn-primary.focus,
.voltaire-modal .btn-primary:focus,
.voltaire-modal .btn-primary:hover {
    background-color: #00aac4;
    opacity: 1;
    color: white;
    border-radius: 30px;
}

.buttonVD .vd-cta{
    background-color: transparent!important;
    box-shadow: none;
    color: #00aac4!important;
    border: 2px solid #00aac4!important;
    padding: 1rem 2rem!important;
    font-weight: 700;
    white-space: normal;
    transition-duration: 0.25s!important;
    text-align: center!important;
}

.buttonVD .vd-cta.focus,
.buttonVD .vd-cta:focus,
.buttonVD .vd-cta:hover {
    background-color: #00aac4!important;
    opacity: 1!important;
    color: white!important;
    border-radius: 30px!important;
}

.buttonVD .vd-cta2{
    background-color: transparent!important;
    box-shadow: none;
    color: #00aac4!important;
    border: 2px solid #00aac4!important;
    padding: 1rem 1rem!important;
    font-size: 20px!important;
    font-weight: 400;
    white-space: normal;
    transition-duration: 0.25s!important;
    text-align: center!important;
    margin-top: -30px!important;
}

.buttonVD .vd-cta2.focus,
.buttonVD .vd-cta2:focus,
.buttonVD .vd-cta2:hover {
    background-color: #00aac4!important;
    opacity: 1!important;
    color: white!important;
    border-radius: 30px!important;
}

.zf-errorMessage {
    color: white;
    background: red;
    padding: 2px 5px;
}

#focusContainer label{
    text-transform: inherit;
    letter-spacing: inherit;
    color: inherit;
    font-weight: 700;
    font-size: inherit;
}

#focusContainer .thankyouImage,
.notFoundIcon,
.notFoundIcon ~ button{
    display: none;
}

body.cms-id-32.content_only,
body.cms-id-32.content_only #wrapper{
    color: white;
    background: none;
}

html.sr{
    height: 100% !important;
}

body.cms-id-32.content_only{
    background: rgba(0, 170, 196, 0.75);
    height: 100% !important;
}

body#cms.cms-id-32.content_only #cms_content h3{
    font-size: 35px;
    margin-bottom: 1.5rem;
    color: white;
}

body#cms.cms-id-32.content_only #cms_content .ApRow,
body#cms.cms-id-32.content_only #cms_content .ApRow p,
body#cms.cms-id-32.content_only #cms_content .ApRow a {
    color: white;
    font-size: 20px;
}

body.cms-id-32.content_only #cookieNotice {
    display: none;
}

body.cms-id-32.content_only .block-social {
    margin-top: 30px;
}

body.cms-id-32.content_only .block-social ul{
    justify-content: center;
}

body.cms-id-32.content_only .block-social ul li {
    background-size: contain;
    width: 30px;
    height: 30px;
    margin: 0 3px;
}

body.cms-id-32.content_only .block-social ul li:not(:hover) {
    background-color: transparent;
}

body.cms-id-32.content_only main{
    height: 100%;
}

body.cms-id-32.content_only #wrapper{
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
}

#prestashop_profiling.bootstrap pre {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    display: block;
    font-size: 11px;
    line-height: 1.42857;
    margin: 0 0 8.5px;
    padding: 8px;
    word-break: break-all;
    word-wrap: break-word;
}

#prestashop_profiling.bootstrap .table tbody>tr>td {
    background-color: #fff;
    border-bottom: 1px solid #eaedef;
    border-top: none;
    color: #666;
    font-size: 12px;
    padding: 3px 7px;
    vertical-align: middle;
    word-wrap: nowrap;
}

#prestashop_profiling.bootstrap code, #prestashop_profiling.bootstrap kbd, #prestashop_profiling.bootstrap pre, #prestashop_profiling.bootstrap samp {
    font-family: Menlo,Monaco,Consolas,Courier New,monospace;
    white-space: normal;
}