/* Général */
.bg-yoxam-blue {
    background-color: #2c82b9;
}

.bg-yoxam-yellow {
    background-color: #ffca2c;
}

.text-red {
    color: red;
}

.text-green {
    color: green;
}

.btn-common:hover {
    /*background-color: #f1c40f;*/
}

#scrollUp {
    /*background: #2c82b9;*/
}

.footer-title {
    color: #FFF;
    font-weight: bold;
    font-size: 2em;
    vertical-align: middle;
}

/* Homepage */
.navbar-title {
    color: #000;
    font-weight: bold;
    font-size: 1.6em;
    vertical-align: middle;
}

.mainmenu nav ul li.menu-btn a:hover {
    /*background-color: #f1c40f;*/
}

.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.title-image {
    font-size: 0.8em;
    font-style: italic;
    color: #000;
}

.video-area.bg-1 {
    background: rgba(0, 0, 0, 0) url(assets/images/index/banniere.jpg) repeat scroll center center / cover;
}

.video-area.bg-1.overlay::before {
    background-color: rgba(44, 130, 185, 0.90);
}

.service-single.style-3 {
    word-break: unset;
}

.bandeau-title {
    font-size: 1.6em;
}

.bandeau-subtitle {
    font-size: 1.3em;
}

.blog-banner-area.overlay::before {
    /*background-color: rgba(56,195,199,.90);  2c82b9*/
    background-color: rgba(44, 130, 185, .80);
}

/* Contact */
.alert {
    /*border: 3px solid #2c82b9;*/
}

.block-error {
    background-color: #fb5c71 !important;
    color: white;
    border-radius: 5px;
    padding: 5px 0;
    margin-bottom: 10px;
}

.block-error > ul {
    margin-bottom: 0;
}

.block-error > ul > li {
    list-style: none;
}

.banner-caption h1::after {
    bottom: 14px;
}

.section-title h1::after, .section-title h2::after, .section-title h3::after, .section-title h4::after, .section-title h5::after, .section-title h6::after {
    bottom: 5px;
}

@media (max-width: 991px) {
    .testimonial-single.style-2 {
        text-align: left !important;
    }
}

@media (max-width: 991px) {
    .testimonial-single.style-2 {
        text-align: left !important;
    }
}