.btn-primary.hover {

    border-color:none!important;

}


a:hover {

    text-decoration:none!important;

}

.en{

    color:#E52F4B!important;

}

.vd{

    border:1px solid #e9e9e9;
    max-width:320px!important;
    margin:5px 5px!important;
    position:relative!important;
    margin:0 auto!important;

}

p.liste {
    font-size: 15px;
    border: 1px solid #3AB2E4;
    padding: 5px 0 4px 5px;
    font-weight: 500 !important;
    
}

img.brd{

    border-top:5px solid #3AB2E4!important; 
    
}

img.brd1 {

    border-bottom: 5px solid #3AB2E4 !important;

}

ul,p.fnt{

    font-size:18px!important;

}

.breadcrumb{

    font-size:14px!important;
    text-transform:uppercase!important;
}

li a.en {

    color: #E52F4B !important;

}

.wrapper {

    margin: 100px auto;
    max-width: 1100px;

}

.wrapper nav {

    display: flex;
    justify-content: center;

}

.wrapper .items {

    display: flex;
    max-width: 720px;
    width: 100%;
    justify-content: space-between;

}

.items span {

    padding: 7px 25px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    color: #343434;
    border-radius: 50px;
    border: 2px solid #3AB2E4;
    transition: all 0.3s ease;

}

.items span.active,
.items span:hover {

    color: #fff;
    background: #3AB2E4;

}

.gallery {

    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;

}

.gallery .image {

    width: calc(100% / 4);
    padding: 7px;

}

.gallery .image:hover {

    cursor: pointer !important;

}


.gallery .image span {

    display: flex;
    width: 100%;
    overflow: hidden;

}

.gallery .image img {

    width: 100%;
    vertical-align: middle;
    transition: all 0.3s ease;

}

.gallery .image:hover img {

    transform: scale(1.1);

}

.gallery .image.hide {

    display: none;

}

.gallery .image.show {

    animation: animate 0.4s ease;

}

@keyframes animate {
    0% {
        transform: scale(0.5);
    }

    100% {
        transform: scale(1);
    }
}

.preview-box {

    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    background: #fff;
    max-width: 100%;
    height:auto;
    z-index: 5;
    opacity: 0;
    pointer-events: none;
    border-radius: 3px;
    padding: 0 5px 5px 5px;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}

.preview-box.show {

    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, -50%) scale(0.9);
    transition: all 0.3s ease;
    z-index: 99999999 !important;

}

.preview-box .details {

    padding: 13px 15px 13px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.details .title {

    display: flex;
    font-size: 15px;
    font-weight: 400;

}

.details .title p {

    font-weight: 500;
    margin-left: 5px;

}

.details .icon {

    color: #3AB2E4;
    font-size: 22px;
    cursor: pointer;

}

.preview-box .image-box {

    width: 100%;
    display: flex;

}

.image-box img {

    width: 100%;
    border-radius: 0 0 3px 3px;

}

.shadow {

    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: none;
    background: rgba(0,0,0,0.4);

}

.shadow.show {

    display: block;

}

@media (max-width: 1000px) {
    .gallery .image {
        width: calc(100% / 3);
    }
}

@media (max-width: 800px) {
    .gallery .image {
        width: calc(100% / 2);
    }
}

@media (max-width: 700px) {
    .wrapper nav .items {
        max-width: 600px;
    }

    nav .items span {
        padding: 7px 15px;
    }
}

@media (max-width: 600px) {
    .wrapper {
        margin: 30px auto;
    }

    .wrapper nav .items {
        flex-wrap: wrap;
        justify-content: center;
    }

    nav .items span {
        margin: 5px;
    }

    .gallery .image {
        width: 100%;
    }
}

.home-faq-item {
    background: #fff;
    overflow: hidden;
}

.home-faq-question {
    cursor: pointer;
    list-style: none;
    position: relative;
    padding-right: 56px !important;
}

.home-faq-question::-webkit-details-marker {
    display: none;
}

.home-faq-question::after {
    content: "+";
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    font-weight: 700;
    color: #e8465f;
}

.home-faq-item[open] .home-faq-question::after {
    content: "-";
}

.home-faq-answer {
    line-height: 1.8;
}

.gs-faq-item {
    background: #ffffff;
    margin-bottom: 16px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border-radius: 0;
    overflow: hidden;
}

.gs-faq-title {
    width: 100%;
    border: 0;
    background: #ffffff;
    color: #21412f;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    padding: 22px 60px 22px 24px;
    cursor: pointer;
    position: relative;
    display: block;
}

.gs-faq-title span {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    color: #e8465f;
    font-size: 26px;
    font-weight: 700;
}

.gs-faq-content {
    padding: 0 24px 24px 24px;
    color: #555;
    font-size: 16px;
    line-height: 1.8;
    background: #ffffff;
}

.gs-faq-item {
    background: #ffffff;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(33, 65, 47, 0.22)!important;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.gs-faq-item:first-child {
    border-top: 1px solid rgba(33, 65, 47, 0.14);
}

.gs-faq-title {
    width: 100%;
    border: 0;
    background: #ffffff;
    color: #173b6d;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    padding: 26px 60px 26px 0;
    cursor: pointer;
    position: relative;
    display: block;
}

.gs-faq-title span {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #e8465f;
    font-size: 28px;
    font-weight: 700;
}

.gs-faq-content {
    padding: 0 40px 28px 0;
    color: #777777;
    font-size: 16px;
    line-height: 1.9;
    background: #ffffff;
}


.home-faq-list {
    border-top: 1px solid #d8d8d8 !important;
}

.home-faq-item {
    background: #ffffff !important;
    border-bottom: 1px solid #d8d8d8 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

.home-faq-question {
    cursor: pointer !important;
    list-style: none !important;
    position: relative !important;
    padding: 26px 55px 26px 0 !important;
    color: #173b6d !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

.home-faq-question::-webkit-details-marker {
    display: none !important;
}

.home-faq-question::after {
    content: "+" !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #e8465f !important;
    font-size: 28px !important;
    font-weight: 700 !important;
}

.home-faq-item[open] .home-faq-question::after {
    content: "-" !important;
}

.home-faq-answer {
    padding: 0 40px 28px 0 !important;
    color: #777777 !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
}