.vign {border:3px solid #E20026; border-radius: 50%; transition: all .1s ease-in;}
.vign:hover{cursor: pointer; border:3px solid #fff;}

.thumbnail-area {overflow: hidden;}
.vignservice{transition: all ease-in-out .5s;}

.services-transition {
    position: absolute;
    background-color: #E20026;
    height: 100%;
    opacity: 0.4;
}

.p-2.align-self-center.order-md-last.bon-savoir {
    background-color: #eee;
}

.thumbnail-area:hover .services-transition {
    width: 100%;
}
.thumbnail-area:hover .vignservice {
    -ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari 3-8 */
    transform: scale(1.2);
    opacity: 0.8;
}

/*ajustement menu*/
.heder-two.header-four .header-two-container .header-main-wrapper .rts-header-right .top .end-top { padding-right: 70px!important;}

/*titre banner */
.banner-area-wrapper-five .title {
    font-weight: 600;
    font-size: 60px;
    text-transform: uppercase;
    line-height: 60px;
}

.banner-bg-five {
/*    background-size: 105% 105%;*/
     background-position: center center;
/*     animation: shrink 8s infinite alternate;*/
}
@keyframes shrink {
  0% {
    background-size: 105% 105%;
  }
  100% {
    background-size: 100% 100%;
  }
}    

.single-contact-one-inner, .content {
    .content {
        padding: 10px;
    }
}

.page-item.active .page-link {
    background-color: #E20026;
    border-color: #E20026;
}

.page-link:hover, .page-link {
    color: #E20026;
}

.heder-two .bottom .has-droupdown .submenu.inner-page li a {
    text-transform: initial;
    .fa-arrow-right:before {
        display: none;
    }
}

.mainmenu {
    .fa-arrow-right:before {
        display:none;
    }
}

.pagination-lg .page-link {
    padding: 1.5rem 2.25rem;
    font-size: 1.5rem;
}

.banner-bg-five {
    transition: all ease-in 1s;
    background-color: #000;
}

.banner-area-wrapper-five .title {
    transition: all 500ms ease-in-out;
}

.single-funfacts-about .icon {
    background-color: #E20026;
}

.text-primary {color: #E20026!important;}

.rts-bread-crumb-area.ptb--150.ptb_sm--100.bg_image {
    background-color: #000;
}

.bg-protection {
    background-image: url(/assets/images/entete-protection.jpg);
}

.bg-isolation {
    background-image: url(/assets/images/entete-isolation.jpg);
}

.bg-menuiserie {
    background-image: url(/assets/images/entete-menuiserie.jpg);
}

.bg-humidite {
    background-image: url(/assets/images/entete-humidite.jpg);
}

.bg-basket {
    background-image: url(/assets/images/entete-securite-incendie.jpg);
}

.bg-securite {
    background-image: url(/assets/images/entete-securite.jpg);
}


.bg-recrutement {
    background-image: url(/assets/images/entete-recrutement.jpg);
}

.bg-contact {
    background-image: url(/assets/images/entete-contact.jpg);
}



img.mb_md--50.mb_sm--50.controle-slide {
    transition: all 0.5s linear;
    opacity: 0.4;

}

img.mb_md--50.mb_sm--50.controle-slide.show {
    opacity: 1;
}

#form-messages.error {
    background-color: #f1cdda;
    text-align: center;
    padding: 25px;
}

#form-messages.success {
    background-color: #b6eeb6;
    text-align: center;
    padding: 25px;
}

.side-bar .inner-main-wrapper-desk .inner-content .footer {
    margin-top: 0;
    margin-bottom: 5px;
    padding: 15px;
}

.single-news-area-start-five .vignette-news {
    height: 310px;
    background-size: 105%;
    background-position: center center;
}

.single-news-area-start-five .vignette-news:hover {
    overflow: hidden;
    transform: scale(1.2);
    opacity: 0.8;
    transition: 1s;
}