/* MAIN THEME - SOS CHAUDIERE - BELUS SERVICES V1.0 */
body {overflow: overlay}
::-webkit-scrollbar{width: 10px;height: 10px;background-color: transparent}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #eeebcc00}
::-webkit-scrollbar-thumb{background-color: #0e56c2ad}
::-webkit-scrollbar-thumb:hover{background-color: #0e56c2de}
.bg-blue1{background-color: #0E56C2}
.bg-blue2{background-color: #0D4088}
.bg-beige1{background-color: #ffe8b8}
.bg-beige3{background: #eeebcc}
.img{display: block;max-width: 100%}
.bg-img1{background: linear-gradient(0deg, rgb(5 21 56 / 52%), rgb(5 21 56 / 52%)), url(../img/photo/Chaudierec2.webp);background-size: cover;background-origin: border-box;background-repeat: no-repeat;background-position-y: bottom}
.bg-img3{background: linear-gradient(0deg, rgb(5 21 56 / 52%), rgb(5 21 56 / 52%)), url(../img/Photo/Photo1-2c.webp);background-size: cover;background-origin: border-box;background-repeat: no-repeat;background-position-y: bottom;background-position-x: center;height: calc(35vh + 74px);min-height: 350px}
.img-shadow{filter: drop-shadow(3px 0px 6px #dedede)}
.img-shadow2{filter: drop-shadow(5px 5px 4px #b3b3b3)}
.img-size{width: 100%;height: 18vh;object-fit: contain}
.img-marques{width: 100%;height: 18vh;object-fit: contain;padding: 50px}
.map{height: 40vh;width: 100%}
.map2{max-height: 40vh;width: 100%;object-position: center;object-fit: cover}
.BackToTop{position: fixed;bottom: 40px;right: 40px;display: none}
.card-jump{border-radius: 4px;background: #fff;box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);padding: 14px 80px 18px 36px;cursor: pointer}
.card-jump h3{font-weight: 600}
.card-1{background-image: url(../img/logo_site/Entretien_c.png);background-repeat: no-repeat;background-position: right;background-size: 80px}
.card-2{background-image: url(../img/logo_site/Depannage_c.png);background-repeat: no-repeat;background-position: right;background-size: 80px}
.card-3{background-image: url(../img/logo_site/Desembouage_c.png);background-repeat: no-repeat;background-position: right;background-size: 80px}
.card-4{background-image: url(../img/logo_site/Thermostat_c.png);background-repeat: no-repeat;background-position: right;background-size: 80px}
.card-flyer .image-box{overflow: hidden;box-shadow: inset 0px 0px 20px 1px rgb(0 15 112 / 50%)}
.card-flyer .image-box img{-webkit-transition: all .9s ease;-moz-transition: all .9s ease;-o-transition: all .9s ease;-ms-transition: all .9s ease;border: none;padding: 3vh}
.card-flyer{-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.40)}
.card-flyer:hover .image-box img{opacity: 0.7;-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}
.nav-link{text-shadow: 1px 1px 2px #2196f3;color: rgb(255 255 255 / 76%)}
.fs-7{font-size: 14px}
.fs-8{font-size: 18px}
.ls-1{letter-spacing: 1px}
.fst-roboto{font-family: 'Roboto Black', sans-serif}
.text-bb{color: #007d8d}
.mango{background-color: #fd6a02}
.text-shadow{filter: drop-shadow(2px 2px 4px #0e0e0e)}
.text-mute{color:#cbdceb}