/*========================================================*/


/* Custom, iPhone Retina */ 
@media only screen and (min-width : 0px){
}

@media only screen and (min-width : 320px) {
    /* --- SMARTSLIDER --------------------------------------------------------------------------------*/
        div.smartslider{}
        div.smartslider div.chargementSlider{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #ededed;z-index: -1;text-align: center;align-items: center;display: flex;justify-content: center;}
        div.smartslider div.chargementSlider img{max-width: 50%;max-height: 50%;margin-left: auto;margin-right: auto;}
        div.smartslider div.chargementSlider div.containerLoader{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
        div.smartslider div.chargementSlider div.containerLoader div.loader{border-left: 2px solid rgb(0,79,159);border-top: 2px solid rgba(0, 0, 0, 0.2);border-right: 2px solid rgba(0, 0, 0, 0.2);border-bottom: 2px solid rgba(0, 0, 0, 0.2);height: 25px;width: 25px;left: 49%;border-radius: 25px;-webkit-animation: load 0.8s infinite linear;-moz-animation: load 0.8s infinite linear;-ms-animation: load 0.8s infinite linear;-o-animation: load 0.8s infinite linear;animation: load 0.8s infinite linear;}

        div.smartslider div.carousel-inner{max-height: 460px;}
        div.smartslider div.carousel-inner div.carousel-item{width: 100vw;z-index: -10;}
        div.smartslider div.carousel-inner div.carousel-item a{color:#fff;}
        div.smartslider div.carousel-inner div.carousel-item div.image{width: 100vw;height: 100vh; background-size: cover; background-position: center;margin-left: auto; margin-right: auto; max-height: 460px}
        div.smartslider div.carousel-inner div.carousel-item div.image.left{background-position: left}
        div.smartslider div.carousel-inner div.carousel-item div.image.right{background-position: right}
        div.smartslider div.carousel-inner div.carousel-item div.image.center{background-position: center}
        div.smartslider div.carousel-inner div.carousel-item div.description{display:none; color: #fff;margin-left: auto;margin-right: auto;max-height: 90px;position: absolute;z-index: 100;width: 100%;bottom: 0;left: 50%;transform: translateX(-50%);min-height: 75px;}
        div.smartslider div.carousel-inner div.carousel-item div.description div.content{max-width: 80%;margin-left: auto;margin-right: auto;padding: 10px 0px;position: absolute;width: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);}
        div.smartslider div.carousel-inner div.carousel-item div.description div.content h2{font-size: 20px; font-family: "Helvetica"; font-weight: 700; font-style: italic; margin-bottom: 0; color:#fff !important;}
        div.smartslider div.carousel-inner div.carousel-item div.description div.content p{margin-bottom: 0; line-height: 1; margin-top: -3px; text-align: left !important; font-family: "Myriad Pro";}
        div.smartslider div.containerControler{background: rgb(0,79,159);position: absolute;max-height: 90px;min-height: 85px;bottom: 0;left: 50%;transform: translateX(-50%); z-index: 10000;}
        div.smartslider div.containerControler a.carousel-control-next, div.smartslider div.containerControler a.carousel-control-prev{top: 50%;width: auto; transform: translateY(-50%); margin: 0px 15px; z-index: 100; height: 70px;}
        div.smartslider div.containerControler a.carousel-control-next span.carousel-control-next-icon, div.smartslider a.carousel-control-prev span.carousel-control-prev-icon {display: inline-block;width: 25px;height: 70px;background: transparent no-repeat center center;background-size: 100% 100%; }
        div.smartslider div.containerControler a.carousel-control-prev span.carousel-control-prev-icon{background-image: url('../images/slidearrow-left.svg')}
        div.smartslider div.containerControler a.carousel-control-next span.carousel-control-next-icon{background-image: url('../images/slidearrow-right.svg')}
        div.smartslider div.containerControler div.contenairTextSlide{color: #fff;margin-left: auto;margin-right: auto;max-height: 75px;position: absolute;z-index: 1;width: 100%;bottom: 0;left: 50%;top: 0;transform: translateX(-50%);min-height: 75px;vertical-align: middle;}
        div.smartslider div.containerControler div.contenairTextSlide div.content{max-width: 90%;margin-left: auto;margin-right: auto;padding: 10px 0px;position: absolute;width: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);}
        div.smartslider div.containerControler div.contenairTextSlide div.content h2{font-size: 20px; font-family: "Helvetica"; font-weight: 700; font-style: italic; color: #fff !important;margin-bottom: 6px;line-height: 0.8;}
        div.smartslider div.containerControler div.contenairTextSlide div.content p{margin-bottom: 0; line-height: 1; margin-top: -3px; font-family: "Helvetica"; color:#fff; text-transform: uppercase; font-size: 15px}

        div.smartslider div.containerIndicators{z-index: 100; position: absolute; height: 5px; width: 100%; left: 50%; transform: translateX(-50%); bottom: 0; display: block;}
        div.smartslider div.containerIndicators ol.carousel-indicators{bottom: 0; margin-bottom: 5px;}
        div.smartslider div.containerIndicators ol.carousel-indicators li {width: 15px;height: 15px;border-radius: 50px;margin: 0 10px;}
        div.smartslider div.containerIndicators ol.carousel-indicators li.active {}
}   

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
    div.smartslider div.containerControler div.contenairTextSlide div.content h2{font-size: 26px; font-family: "Helvetica"; font-weight: 700; font-style: italic; color:#fff !important; margin-bottom: 10px;line-height: 0.8;}
    div.smartslider div.containerControler div.contenairTextSlide div.content p{margin-bottom: 0; line-height: 1; margin-top: -3px; font-family: "Helvetica"; font-size: 18px}
    div.smartslider div.carousel-inner div.carousel-item div.description{}
}
@media only screen and (min-width : 576px) {
    div.smartslider div.carousel-inner{max-height: 500px;}
    div.smartslider div.carousel-inner div.carousel-item{width: 100vw;z-index: -10;}
    div.smartslider div.carousel-inner div.carousel-item a{color:#fff;}
    div.smartslider div.carousel-inner div.carousel-item div.image{width: 100vw;height: 100vh; background-size: cover; background-position: center;margin-left: auto; margin-right: auto; max-height: 500px}
    div.smartslider div.containerControler div.contenairTextSlide div.content h2{font-size: 26px; font-family: "Helvetica"; font-weight: 700; font-style: italic;color:#fff !important;margin-bottom: 10px;line-height: 0.8;}
    div.smartslider div.containerControler div.contenairTextSlide div.content p{margin-bottom: 0; line-height: 1; margin-top: -3px; font-family: "Helvetica"; }
    div.smartslider div.carousel-inner div.carousel-item div.description{max-width: 540px;}
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    div.smartslider div.carousel-inner{max-height: 550px;}
    div.smartslider div.carousel-inner div.carousel-item{width: 100vw;z-index: -10;}
    div.smartslider div.carousel-inner div.carousel-item a{color:#fff;}
    div.smartslider div.carousel-inner div.carousel-item div.image{width: 100vw;height: 100vh; background-size: cover; background-position: center;margin-left: auto; margin-right: auto; max-height: 550px}
    div.smartslider div.containerControler div.contenairTextSlide div.content h2{font-size: 26px; font-family: "Helvetica"; font-weight: 700; font-style: italic;color:#fff !important;margin-bottom: 10px;line-height: 0.8;}
    div.smartslider div.containerControler div.contenairTextSlide div.content p{margin-bottom: 0; line-height: 1; margin-top: -3px; font-family: "Helvetica"; }
    div.smartslider div.carousel-inner div.carousel-item div.description{max-width: 720px;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    div.smartslider div.containerIndicators{display: none;}
    div.smartslider div.containerControler div.contenairTextSlide {color: #fff;margin-left: auto;margin-right: auto;max-height: 75px;position: absolute;z-index: 1;width: 100%;bottom: 0;left: 50%;top: 50%;transform: translate(-50%, -50%);min-height: 75px;vertical-align: middle;}
    div.smartslider div.containerControler div.contenairTextSlide div.content h2{font-size: 26px; font-family: "Helvetica"; font-weight: 700; font-style: italic;color:#fff !important;margin-bottom: 10px;line-height: 0.8;}
    div.smartslider div.containerControler div.contenairTextSlide div.content p{margin-bottom: 0; line-height: 1; margin-top: -3px; font-family: "Helvetica"; }
    div.smartslider div.carousel-inner div.carousel-item div.description{max-width: 960px;}

    div.smartslider div.containerControler div.contenairTextSlide div.content{max-width: 70%;margin-left: auto;margin-right: auto;padding: 10px 0px;position: absolute;width: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    div.smartslider div.containerControler div.contenairTextSlide div.content h2{font-size: 26px; font-family: "Helvetica"; font-weight: 700; font-style: italic;color:#fff !important;margin-bottom: 10px;line-height: 0.8;}
    div.smartslider div.containerControler div.contenairTextSlide div.content p{margin-bottom: 0; line-height: 1; margin-top: -3px; font-family: "Myriad Pro"; }
    div.smartslider div.carousel-inner div.carousel-item div.description{max-width: 1140px;}
}