/************************************
General
************************************/
/*@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;700&family=Raleway:wght@300;400;500;600;700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&family=Solitreo&display=swap');


:root{
    --white: #ffffff;
    --black: #000000;

    --textcolor: #000;
    --textmenu: #1D1A26;
    
    --light: #E8E8E8;
    --grey: #BABABA;
    --grey_dark: #707070;
    --grey_dark_2: #434343;
    --beige: #E7E3DA;
    --gold: #CC9D3D;
    --yellow: #FED002;
    --primary: #000;
    --secondary: #BABABA;
    --input_bg: #D6E4EA;

    --title_shadow: 0px 3px 10px rgba(0,0,0,0.86);
}

body{
    font-size: 1.125rem; /*18px*/
    font-family: 'Roboto', sans-serif;
    /* padding-top: 106px; */
    color: var(--textcolor);
}

a{
    transition: all ease 0.5s;
    color: var(--primary);
}

a:hover{
    color: var(--secondary);
}

img{
    max-width: 100%;
}

section{
    padding-top: 60px;
    padding-bottom: 60px;
}
.font-roboto{font-family: 'Roboto', sans-serif;}

/* main.main-body{padding-top: 180px;} */
main > .container{padding: 0;}

@media (min-width: 1600px) {
    .col-xlg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 1364px){
    .container{min-width: 1364px;}
}

@media (min-width: 1600px){
    .container-lg{min-width: 1600px;}
}

@media (max-width: 1600px){
    /* main.main-body{padding-top: 180px;} */
    body{
        font-size: 1rem; /*16px*/
    }
}
@media (max-width: 1380px){
    /* main.main-body{padding-top: 168px;} */
}

@media (max-width: 767px){
    section{
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (min-width: 576px){
    .container, .container-sm {
        max-width: 90%;
    }
}
@media (max-width: 480px){
    /* main.main-body{padding-top: 122px;} */
}

.container-sm{max-width: 960px; min-width: auto;}

.text-body{color: var(--textcolor);}
.text-gold{color: var(--gold);}

.lb-text{font-size: 1rem; font-family: 'Roboto', sans-serif;}
.lb-line-height-1{line-height: 1em;}

/*Formulaire*/
form input[type=text].form-control,
form select.form-control,
form input[type=date].form-control,
form input[type=email].form-control,
form input[type=tel].form-control,
form input[type=password].form-control{max-width: 320px; background-color: transparent; border-radius: 0; border:0; border-bottom: 1px solid var(--white); height: 50px; box-shadow: none !important; color: var(--secondary);}

input[type=radio].radio_yes_no{display: none;}
input[type=radio].radio_yes_no+label{position: relative; padding-left: 30px; cursor: pointer;}
input[type=radio].radio_yes_no+label:before{position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border: 3px solid var(--primary); border-radius: 0; margin-right: 20px; margin-bottom: 5px; content: ''; cursor: pointer; display: block;}
input[type=radio].radio_yes_no:checked+label:before{background: var(--primary);}
input[type=radio].radio_yes_no:checked+label:after{position: absolute; top: 2px; left: 5px; font-size: 0.9rem; color: var(--white); font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f00c';}

/*Placeholder Color*/
::-webkit-input-placeholder {color: var(--secondary) !important; }
:-ms-input-placeholder {color: var(--secondary) !important; }
::placeholder {color: var(--secondary) !important; }

::selection {
    color: #fff;
    background-color: var(--primary);
  }

.card .card-header{background-color: var(--black); color: var(--white);}
.card .card .card-header{background-color: var(--light);}

/*scroll to top*/
#toTopBtn { position: fixed; bottom: 26px; right: 30px; z-index: 98; padding: 21px; background-color: var(--primary); color: var(--white); display: none;}
.js .cd-top--fade-out { opacity: .5 }
.js .cd-top--is-visible { visibility: visible; opacity: 1 }
.js .cd-top { visibility: hidden; opacity: 0; transition: opacity .3s, visibility .3s, background-color .3s}
.cd-top { position: fixed; bottom: 20px; bottom: var(--cd-back-to-top-margin); right: 20px; right: var(--cd-back-to-top-margin); display: inline-block; height: 40px; height: var(--cd-back-to-top-size); width: 40px; width: var(--cd-back-to-top-size); box-shadow: 0 0 10px rgba(0, 0, 0, .05) !important; background: url(https://res.cloudinary.com/dxfq3iotg/image/upload/v1571057658/cd-top-arrow.svg) no-repeat center 50%; background-color: hsla(5, 76%, 62%, .8); background-color: hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0.8)}

.page-title{color: var(--white); background: var(--black) url('../images/general/zitta-raindrop-black.jpg') no-repeat center/cover;; padding: 0.5rem; text-align: center; margin-bottom: 10px; min-height: 220px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.page-title .lb-h2{margin-bottom: 0;}
.page-title p{font-weight: bold;}
.btn{font-size: 1.1rem; font-weight: 400; border-radius: 0; padding-left: 20px; padding-right: 20px; border-width: 3px; text-transform: uppercase; transition: all ease 0.3s;}
.btn-primary:after, .btn-secondary:after{content:'|'; margin-left: 15px; transform: rotate(90deg); display: inline-block;}
.btn:focus, .btn.focus{box-shadow: 0 0 0 0.2rem rgb(121 121 121 / 51%) !important;}

button.btn-accordion:after{float: right; font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f054'; margin-left: 10px; transition: all ease 0.3s;}
button.btn-accordion[aria-expanded="true"]:after{transform: rotateZ(90deg);}
.card-body{position: relative;}
.card-body-arrow-top:before{position: absolute; top: -29px; right: 100px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f0d8'; font-size: 2rem;}

.title-shadow{text-shadow: var(--title_shadow);}
.text-medium{font-size: 1rem; font-weight: 900;}/*16px*/
.text-small{font-size: 0.9rem;}/*14px*/
.text-xsmall{font-size: 0.75rem;}/*12px*/
.line-height-small{line-height: 1.2em;}
b{font-weight: 900;}
.font-weight-medium{font-weight: 500 !important;}
.font-weight-black{font-weight: 900 !important;}
@media (max-width: 991px){
    .page-title{min-height: 100px;}
}

/*Video Container*/
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video {aspect-ratio: 16 / 9; width: 100%; }
/*Modal*/
.modal-content{border-radius: 0; border: 4px solid;}
.modal-header{border: 0; padding-bottom: 0;}
.modal-header .close{padding-top: 7px; padding-bottom: 0; font-size: 3rem; opacity: 0.7;}
/* .aniview {
    transition: all ease 1s;
  } */
/************************************
Heading
************************************/
h1, h2, h3, h4, h5, h6{
    font-family: "Solitreo";
    font-weight: 400;
}

.lb-h1{
    font-size: 2.5rem;/*40px*/
}
.lb-h1-special.lb-h1{}
.lb-h1-special.lb-h1 .line{position: relative; z-index: 1; padding-left: 10px; padding-right: 10px;}
.lb-h1-special.lb-h1 .line:before{position: absolute; width: 100%; height: 28px; bottom: 4px; content: ''; background-color: var(--beige); z-index: -1; left: 0;}
.text-white .lb-h1-special.lb-h1 .line:before{background-color: var(--secondary); bottom: 12px;}


.lb-h2-special.lb-h2 .line{position: relative; z-index: 1; padding-left: 10px; padding-right: 10px;}
.lb-h2-special.lb-h2 .line:before{position: absolute; width: 100%; height: 28px; bottom: 4px; content: ''; background-color: var(--beige); z-index: -1; left: 0;}
.text-white .lb-h2-special.lb-h2 .line:before{background-color: var(--secondary); bottom: 12px;}

.bg-gold{background-color: var(--gold);}
.bg-yellow{background-color: var(--yellow);}

.bg-line{position: relative;}
.bg-line span{position: relative; z-index: 10;}
.bg-line:before{position: absolute; top: 57%; left: 0; width: 100%; height: 3px; content:""; display: block; z-index: 0; background-color: var(--grey_dark);}
.bg-line.text-white::before{background-color: var(--white);}

@media (min-width: 1381px){
    .lb-h1-special.lb-h1 .text{display: block; text-align: right;}
    .lb-h2-special.lb-h2 .text{display: block; text-align: right;}
    .lb-h1{
        font-size: 6.25rem;/*100px*/
        line-height: 0.8em;
    }

    .lb-h2{
        font-size: 4.375rem;/*70px*/
        line-height: 1em;
    }

    .lb-h3{
        font-size: 2.813rem;/*45px*/
        font-weight: normal;
    }

    .lb-h4{
        font-size: 1.875rem;/*30px*/
        line-height: 1.15em;
    }

    .lb-h5{
        font-size: 1.25rem;/*20px*/
    }

    .lb-h6{
        font-size: 1rem;/*16px*/
    }
}
@media (max-width: 1380px){
    .lb-h1-special.lb-h1 .line{padding-left: 5px; padding-right: 5px;}
    .text-white .lb-h1-special.lb-h1 .line:before, .lb-h1-special.lb-h1 .line:before{height: 12px; bottom: 2px;}
    .lb-h2-special.lb-h2 .line{padding-left: 5px; padding-right: 5px;}
    .text-white .lb-h2-special.lb-h2 .line:before, .lb-h2-special.lb-h2 .line:before{height: 12px; bottom: 2px;}
}


/************************************
Breadcrumb
************************************/
.breadcrumb{background: none; padding: 0;}
.breadcrumb .breadcrumb-item{font-size: 0.9rem; font-weight: 300; color: var(--primary);}/*14px*/

/************************************
Color of product
************************************/
.colors .color-noir-mat, .colors .color-matte-black{background: url('../images/general/swatch_noir_mat.png') no-repeat center/cover;}
.colors .color-noir, .colors .color-black{background: #000;}
.colors .color-matte-black-stainless, .colors .color-inox-noir-mat{background: url('../images/general/swatch_noir_mat.png') no-repeat center/cover;}

.colors .color-blanc{background: #fff;}
.colors .color-blanc-mat, .colors .color-matte-white, .colors .color-glossy-white, .colors .color-blanc-lustré{background: url('../images/general/swatch_blanc.png') no-repeat center/cover;}

.colors .color-gris, .colors .color-grey{background: grey;}
.colors .color-chrome{background: url('../images/general/swatch_chrome.png') no-repeat center/cover;}
.colors .color-silver, .colors .color-argent{background: url('../images/general/swatch_chrome.png') no-repeat center/cover;}

.colors .color-gold, .colors .color-or{/*background: #CC9D3D;*/ background: url('../images/general/swatch_gold.png') no-repeat center/cover;}
.colors .color-brushed-gold, .colors .color-or-brossé{background: url('../images/general/swatch_gold.png') no-repeat center/cover;}

.colors .color-brushed-stainless-steel, .colors .color-inox-brossé, .colors .color-acier-brossé{background: url('../images/general/swatch_inox_brosse.png') no-repeat center/cover;}
.colors .color-stainless, .colors .color-inox{/*background: #B4BDC7;*/ background: url('../images/general/swatch_inox_brosse.png') no-repeat center/cover;}

.colors .color-brushed-nickel, .colors .color-nickel-brossé{background: url('../images/general/swatch_nickel.png') no-repeat center/cover;}

.colors .color-gunmetal, .colors .color-gunmetal{background: url('../images/general/swatch_gunmetal.png') no-repeat center/cover;}


/************************************
Footer
************************************/
/*lb-footer-infolettre*/
.lb-footer-infolettre{position: relative; background: url('../images/accueil/zitta-raindrop-gris.webp') no-repeat top center/cover;}
footer *{font-size: 0.9rem; color: var(--white);}/*14px*/
footer span{font-weight: 900; text-transform: uppercase;}
footer ul{list-style: none; padding-left: 0;}
footer ul li{margin-bottom: 5px;}
footer .footer-social a i{font-size: 1.5rem;}

@media (max-width: 992px){
footer .logos img{max-height: 70px;}
}