body{
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    /*background: url('../images/body_bg.jpg') repeat-y 100%;*/
    background: rgb(255,255,255);
    /*background: linear-gradient(90deg, rgba(10,10,10,1) 0%, rgba(24,24,24,1) 40%, rgba(39,39,39,1) 75%, rgba(23,23,23,1) 95%);
    color: #fff;*/
    font-size: .9rem;
}
a{
    text-decoration: none;
}
h1,h2,h3,h4{
    text-transform: uppercase;
}
h1{
    font-weight: 700;
    font-size: 1.6em;
}
h2{
    font-weight: 600;
    font-size: 1.3em;
}
h3{
    font-weight: 600;
    font-size: 1.15em;
}
h4{
    font-weight: 300;
    font-size: .9em;
}
.navbar{
    background: rgb(5,104,49);
    background: linear-gradient(135deg, #056831 0%, #056831 10%, #f4e526 10%, #f4e526 20%, #e30c14 20%, #e30c14 30%, #fff 30%);
}
section{
    margin: 0 auto;
}
.navbar a{
    /*font-style: italic;
    text-transform: uppercase;*/
    padding-left: 25px !important;
    padding-right: 25px !important;
}
.navbar a:hover, .navbar a.active{
    text-shadow: 0px 0px 1px #222 !important;
}
.nav-link:focus-visible {
box-shadow: none;
}
.logo{
    max-width: 570px;
}
.gallery img:hover{
    -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%); /* Firefox */
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
}
.gallery img{
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%); /* Firefox */ 
}#carouselfs911 .carousel-item{
    max-height: calc(100vh - 200px);
}
#carouselfs911 .carousel-caption{
    left: 15%;
    right: 30%;
    text-align: left;
    bottom: 20%;
    font-size: 1.5em;
    text-shadow: 1px 2px 4px #333;
}
#carouselfs911 .carousel-caption .title {
    font-size: 2em;
}
.footer{
    font-size: .9em;
}
.footer a{
    text-decoration: none;
    color: inherit;
}

.fs911Color{
    color: #056831;
}
.bg-fs911, .text-bg-fs911, .btn-fs911{
    background-color: #056831;
}
.text-bg-fs911{
    color: #000;
}
.btn-fs911, .btn-fs-vert, .btn-fs-rouge{
    color: #fff !important;
}
.btn-fs-vert, .btn-fs-vert:hover{
    background-color: #056831;
}
.btn-fs-jaune, .btn-fs-jaune:hover{
    background-color: #f4e526;
}
.btn-fs-rouge, .btn-fs-rouge:hover{
    background-color: #e30c14;
}
.btn-fs-vert, .btn-fs-jaune, .btn-fs-rouge{
    opacity: 1;
    font-size: .9em;
}
.btn-fs-vert:hover, .btn-fs-jaune:hover, .btn-fs-rouge:hover{
    opacity: .9;
}
.btn-outline-fs911{
    color: #167942;
    border-color: #167942;
}
.btn-fs911:hover, .btn-outline-fs911:hover{
    background-color: #167942;
    color: #fff;
}
.offcanvas{
    --bs-offcanvas-width: 40%;
}
.offcanvas.offcanvas-end{
    width: calc(45vw);
}

.product-device {
    position: absolute;
    right: -2%;
    bottom: 20%;
    width: 300px;
    height: 540px;
    background-color: #222;
    border-radius: 21px;
    transform: rotate(15deg) !important;
    box-shadow: 3px 5px 15px #666 !important;
}
.product-device-2 {
    right: auto;
    bottom: -25%;
    left: -1%;
    background-color: #343;
    transform: rotate(-7deg) !important;
    scale: 1.1;
}
.product-device::before, .product-device .homeVid{
    position: absolute;
    top: 4%;
    right: 10px;
    bottom: 10%;
    left: 10px;
    content: "";
    background-color: rgba(255, 255, 255, .1);
    border-radius: 5px;
    overflow: hidden;
    align-content: center;
}
.product-device .homeVid video{
    width: 100%;
}

.no-touch .slideInUp {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.9s ease-out;
    transition: all 0.9s ease-out;
    -webkit-transform: translate3d(0, 150px, 0);
    transform: translate3d(0, 150px, 0);
}

.no-touch .is-active .slideInUp {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slideInUp.slideInUp2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.slideInUp.slideInUp3 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.slideInUp.slideInUp4 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.slideInUp.slideInUp5 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.animate-me {
    animation: bounceIn 3s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes bounceIn {
    0% {
        transform: scale(0.1);
        opacity: 0;
    }
    60% {
        transform: scale(1.2);
        opacity: 1;
    }
    100% {
        transform: scale(1);
    }
}

@media (max-width:1400px){
    
}

@media (max-width:1140px){
    
}

@media (max-width:1100px){
    .container{
        max-width: 100%;
    }
    .danseuse{
        max-width: 30%;
    }
    .navbar a{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media (max-width:992px){
    section{
        max-width: 90%;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .logo{
        max-width: 90%;
    }
    .navbar li{
        text-align: right;
    }
    .navbar-brand img{
        position: relative !important;
        height: 66px;
    }
    .navbar .navbar-brand{
        padding: 0 !important;
    }
    .navbar .dropdown-menu{
        background-color: transparent!important;
        border: none;
    }
}

@media (max-width:768px){
    body{
        font-size:.9em;
    }
    section{
        max-width: 100%;
        min-height: 0 !important;
    }
    .footer img{
        max-width: 28%;
    }
    .section1 .row img{
        height: 66px;
    }
    .a-centrer{
        margin-left: auto;
        margin-right: auto;
    }
    .modal-dialog{
        max-width: 100%;
    }
}