/* General Style */
#MyContainer {
  font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  font-weight: normal;
  text-align: center;
}

#MyContainer h1 {
  font-family: ClarinsRegular, Clarins;
  font-weight: lighter;
  font-size: 42px;
  line-height: 40px;
  margin: 0;
  margin-bottom: 16px;
}

#MyContainer h2 {
  font-family: ClarinsRegular, Clarins;
  font-weight: lighter;
  font-size: 36px;
  line-height: 40px;
  margin: 0;
  margin-bottom: 16px;
}

#MyContainer p {
  font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
  line-height: 20px;
  font-size: 14px;
}

#ANNOUNCEMENT {
  margin-bottom: 60px;
}

#SOLIDARITY {
  margin-bottom: 60px;
}

#SOLIDARITY h2 {
  margin-top: 12px;
}

#SOLIDARITY .Wrapper {
  padding-bottom: 35px!important;
}

#FavProducts #SliderRoutine .ProductBlock .Title {
  margin-top: 35px!important;
}

.breadcrumb{
  display: block;
  margin-bottom: 20px;
}

/* == HEADER == */

/* Initialisation */
.MyContainer {
  margin: auto;
}

#MyContainer .Header p {
  margin: 0;
}

/* Manage image mobile vs. desktop display */
#MyContainer .banner_mobile {
  display:none;
}

@media (max-width:769px) {
  #MyContainer  .banner_mobile {
    display:block;
    margin: auto;
    }
  #MyContainer  .banner_desktop {
  display:none;
  }
}
/* Display the desktop banner on iPad (Portrait view) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  #MyContainer  .banner_desktop {
  display:block;
  }
  #MyContainer  .banner_mobile {
    display:none;
    }
}

/* Text box in header */
.MyImage {
  margin: auto;
}
.MyText {
  background: #ffffff;
  padding: 30px;
}

/* iPad Pro + Desktop (Small Resolutions) */
@media (min-width: 975px) and (max-width: 1200px) {
  .Header {
    margin-bottom: -245px;
  }
  .MyImage {
    position: relative;
  }
  .MyText {
  position: relative;
    top: -320px;
    left: 590px;
    width: 30%;
  }
}

/* Desktop */
@media (min-width:1200px) {
  .Header {
    margin-bottom: -210px;
  }
  .MyImage {
    position: relative;
  }
  .MyText {
  position: relative;
    top: -320px;
    left: 750px;
    width: 30%;
  }
}

/* == ANNOUNCEMENT == */
#ANNOUNCEMENT{
  width: 80%;
  margin: 0 auto;
  padding: 40px 25px;
  border: 4px solid #efefef;
}

#ANNOUNCEMENT ol{
  width: 90%;
  margin: 0 auto;
  margin-bottom: 50px;
  margin-top: 40px;
  counter-reset: li;
  list-style: none;
  font-size: 14px;
}

#ANNOUNCEMENT ol li{
  counter-increment: li;
  line-height: 20px;
    margin-bottom: 10px;
}

#ANNOUNCEMENT ol li::before {
    color: #be0f34;
    content: counter(li) ".";
    margin-right: 10px;
}

#ANNOUNCEMENT .InfosPlus{
  border: 2px solid #be0f34;
  color: #be0f34;
  padding: 15px 30px;
  width: 290px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 30px;
}

#ClarinsPlus{
    position: absolute;
    top: -52px;
    left: 118px;
    background-color: white;
    padding: 14px;
    font-family: ClarinsRegular, Clarins !important;
    display: flex;
    flex-direction: row;
    font-size: 24px !important;
}

#ClarinsPlus span{
  font-size: 34px;
  font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
  padding-left: 6px;
  padding-top: 2px;
}

.InfosPlus::after {
    content: url(img/heart.gif);
    position: absolute;
    top: -24px;
    right: 10px;
}

.BtnWrapper{
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.BtnWrapper .BtnLink{
  margin-right: 20px;
}

.BtnWrapper .BtnLink a{
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
    position: relative;
    padding-top: 16px;
    padding-right: 30px;
    padding-bottom: 16px;
    padding-left: 30px;
    display: inline-block;
    line-height: 14px;
    min-width: 110px;
    text-align: center;
    background-color: black;
    cursor: pointer;
    /*transition: color ease-in-out 0.5s, background 0.5s ease-in-out;*/
    border: 2px solid #000;
}

.BtnWrapper .BtnLink2 a{
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: black;
    text-decoration: none;
    position: relative;
    padding-top: 16px;
    padding-right: 30px;
    padding-bottom: 16px;
    padding-left: 30px;
    display: inline-block;
    line-height: 14px;
    min-width: 110px;
    text-align: center;
    cursor: pointer;
    /*transition: color ease-in-out 0.5s, background 0.5s ease-in-out;*/
    border: 2px solid #efefef;
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {
  #ANNOUNCEMENT ol{
    margin-left: -20px;
  }
  #ANNOUNCEMENT .InfosPlus{
    margin-left: -20px;
    transform: scale(0.9);
  }
  #ANNOUNCEMENT .BtnWrapper{
    transform: scale(0.9);
  }
}

#ANNOUNCEMENT-INFO{
  display: flex;
  flex-direction: column;
  margin-top: 50px;
}

#ANNOUNCEMENT-INFO .Wrapper{
  display: flex;
  flex-direction: row;
  width: 100%;
}

#ANNOUNCEMENT-INFO #INFO1,#ANNOUNCEMENT-INFO #INFO2{
  margin-bottom: -3px;
}

#ANNOUNCEMENT-INFO #INFO2{
  flex-direction: row-reverse;
}

#ANNOUNCEMENT-INFO .Wrapper .Visual{
  width: 50%;
  float: left;
  overflow: hidden;
}

#ANNOUNCEMENT-INFO .Wrapper .Text{
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#ANNOUNCEMENT-INFO .Wrapper .Text p{
  padding-left: 14%;
  padding-right: 14%;
}

#ANNOUNCEMENT-INFO .Wrapper .Visual img{
  width: 100%;
}

#ANNOUNCEMENT-INFO h2 {
    margin-left: -10px;
}

#ANNOUNCEMENT-INFO h2::before {
    margin-right: 10px;
}

#ANNOUNCEMENT-INFO #INFO1 h2::before,#ANNOUNCEMENT-INFO #INFO3 h2::before{
  content: url(img/icon_shop.jpg);
}

#ANNOUNCEMENT-INFO #INFO2 h2::before{
  content: url(img/icon_sav_white.jpg);
}

@media only screen and (max-width : 767px){
  #ANNOUNCEMENT-INFO .Wrapper{
    flex-wrap: wrap;
  }
  #ANNOUNCEMENT-INFO .Wrapper .Visual{
    width: 100%;
  }

  #ANNOUNCEMENT-INFO .Wrapper .Text{
    width: 100%;
    padding: 25px;
  }
} 

#ANNOUNCEMENT-INFO .BtnLink a{
  background-color: black;
  color: white;
  border: 2px solid #000;
}

#ANNOUNCEMENT-INFO #INFO3 .Text{
  padding-top: 40px;
  padding-bottom: 40px;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
  #ANNOUNCEMENT-INFO .Wrapper .Visual img{
    transform: scale(1.6) translate(0px, 38px);
  }
  #INFO2 > div.Visual > img{
    transform: scale(1.6) translate(-60px, 51px);
  }
  #INFO3 > div.Visual > img{
    transform:scale(1.75) translate(-80px, 68px);
  }
  .Wrapper .Text{
    transform: scale(0.85);
  }
  #ANNOUNCEMENT-INFO #INFO3 .Text{
    padding-top: 0;
    padding-bottom: 0;
  }
  #ANNOUNCEMENT-INFO #INFO1{
    margin-bottom: 0;
  }
  #ANNOUNCEMENT-INFO #INFO2{
    margin-bottom: -19px;
  }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
  #ANNOUNCEMENT-INFO #INFO1{
    margin-bottom: -2px;
  }
  #ANNOUNCEMENT-INFO #INFO2{
    margin-bottom: -32px;
  }
  #ANNOUNCEMENT-INFO .Wrapper .Text{
    transform: scale(0.85);
  }
  #ANNOUNCEMENT-INFO #INFO3 .Text{
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
  #ANNOUNCEMENT-INFO #INFO2 {
    margin-bottom: -2px;
}
#ANNOUNCEMENT-INFO .Wrapper .Visual img {
    transform: scale(1.2) translate(0px, 38px);
}
#ANNOUNCEMENT-INFO #INFO1{
  margin-bottom: -10px
}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) {
  #ANNOUNCEMENT-INFO .Wrapper{
    flex-wrap: wrap;
  }
}

#ANNOUNCEMENT-V2{
  background-color: #be0f34;
  color: white;
}

#ANNOUNCEMENT-V2 .Text{
  padding-left: 40px;
  padding-right: 40px;
}

#ANNOUNCEMENT-V2 > h2{
  color: black;
  padding-top: 20px;
}

#ANNOUNCEMENT-V2 #clarins-care{
  background-image: url(img/clarins-care.png);
  background-repeat: no-repeat;
  background-position: top center;
  height: 250px;
  margin-top: -76px;
}

#ANNOUNCEMENT-V2 .slick-dots{
  background-color: #be0f34;
  padding-top: 4px;
}

#ANNOUNCEMENT-V2 .Wrapper #SliderAnnouncement .AnnouncementPicto{
  width: 175px;
  height: 100px;
  background-image: url(img/announcement-picto.png);
  margin: 0 auto;
  margin-bottom: 20px;
}

#ANNOUNCEMENT-V2 .Wrapper #SliderAnnouncement .AnnouncementPicto#Picto2{
  background-position: 0px -100px;
}
#ANNOUNCEMENT-V2 .Wrapper #SliderAnnouncement .AnnouncementPicto#Picto3{
  background-position: 0px -200px;
}

#ANNOUNCEMENT-V2 .Wrapper #SliderAnnouncement .HeartPicto{
  width: 24px;
  height: 20px;
  background-image: url(img/heart-picto.png);
  margin: 0 auto;
}

/* == FAVOURITES == */

#FavProducts{
  width: 100%;
  text-align: center;
  position: relative;
  /*overflow: hidden !important;*/
  margin-top: 60px;
}

#FavProducts #SliderRoutine{
  /*display: flex;*/
  flex-direction: row;
}

#FavProducts #SliderRoutine .ProductBlock{
  flex-basis: 20%;
  width: 20%;
  flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    box-sizing: border-box;
    /*align-items: space-between;*/
    padding: 0;
    min-height: 650px;
}

/*#FavProducts #SliderRoutine .ProductBlock#ProductSlide3{
  flex-basis: 40%;
  flex-grow: 2;
  width: 40%;
}*/

#FavProducts #SliderRoutine .ProductItem {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  height: 500px;
  max-width: 240px;
}

#FavProducts #SliderRoutine .ProductBlock figure {
    margin: 0;
    padding: 0;
    height: 340px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    align-self: flex-start;
    width: 100%;
}

#FavProducts #SliderRoutine .ProductBlock .Title {
  margin: 0 auto;
  margin-bottom: -50px;
  flex-basis: 100%;
}

#FavProducts .ProductBlock .ProductName {
  margin: 0;
  padding: 10px;
  line-height: 1.2em;
  padding-bottom: 5px;
  color: #000;
  text-align: center;
  /*flex: 1;*/
}

#FavProducts .ProductBlock .Price{
  margin-top: 2px;
    margin-bottom: -16px;
}

/*#ProductSlide3 .ProductItem{
  margin-top: 20px;
}*/

/*#SliderRoutine .ProductItem img{
  margin-left: 50px;
}*/

.BtnLink a{
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: black;
    text-decoration: none;
    position: relative;
    padding-top: 16px;
    padding-right: 30px;
    padding-bottom: 16px;
    padding-left: 30px;
    display: inline-block;
    line-height: 14px;
    min-width: 110px;
    text-align: center;
    cursor: pointer;
    /*transition: color ease-in-out 0.5s, background 0.5s ease-in-out;*/
    border: 2px solid #efefef;
}

#SliderRoutine .slick-slide{
  width: 240px !important;
}

/*#SliderRoutine .slick-slide[data-slick-index="2"]{
  width: 480px !important;
}
*/
#SliderRoutine .ContentBox {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 100%;
  max-width: 1250px;
}

@media screen and (max-width:761px) {
#SliderRoutine .ProductBlock .ProductName {
  font-size: 14px;
}
}
#SliderRoutine #SliderRoutineMobile {
  display: none;
}

@media screen and (max-width:761px) {
#SliderRoutine .ProductBlock .Title span.Text::before, #SliderRoutine .ProductBlock .Title span.Text::after {
  display: none;
}
#SliderRoutine .ProductMosaic {
  display: none;
}
#SliderRoutine #SliderRoutineMobile {
  display: block;
  width: 300px;
  margin: 0 auto;
}
}

#SliderRoutineMobile{
    display: none;
}

@media screen and (max-width:1023px) {
  #SliderRoutine{
    display: none !important;
  }
  #SliderRoutineMobile{
    display: block;
  }
}

@media screen and (min-width:1024px) {
  #SliderRoutine{
    display: flex;
  }
  #SliderRoutineMobile{
    display: none;
  }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
  #SliderRoutineMobile{
    display: block;
  }
}

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
  #SliderRoutine{
    display: none;
  }

  #SliderRoutineMobile{
    display: block;
  }
}

@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
    #SliderRoutine{
    display: flex !important;
    }

    #SliderRoutine .slick-track{
      width: 1200px !important;
    }
  #SliderRoutineMobile{
    display: none !important;
  }
}


@media only screen and (min-width: 1024px){
#FavProducts .ContentBox .slick-slide img{
  margin-left: 50px;
}
}

/*#FavProducts .ContentBox #SliderRoutineMobile .slick-slide img{
  margin: 0 auto;
}*/

#ProductSlide3 > div:nth-child(2) > figure > a > img,#ProductSlide3 > div:nth-child(3) > figure > a > img{
  margin-left: 90px !important;
}

#FavProducts .slick-list{
  overflow: initial;
}

#ProductSlide4 > div > figure > a > img{
  margin-left: 90px !important;
}



#SliderRoutineMobile .Price{
  margin-bottom: -6px !important;
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
#ProductSlideMobile5 > div > figure > a > img,#ProductSlideMobile3 > div > figure > a > img{
  margin-left: -10px !important;
}

#ProductSlideMobile4 > div > figure > a > img{
  margin-left: 50px;
}

#ProductSlideMobile2 > div > figure > a > img,#ProductSlideMobile1 > div > figure > a > img{
  margin-left: 90px !important;
}

#FavProducts .ContentBox h2{
  font-size: 26px;
  line-height: 30px;
}
}


@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
  #ProductSlideMobile5 > div > figure > a > img,#ProductSlideMobile4 > div > figure > a > img,#ProductSlideMobile3 > div > figure > a > img{
  margin-left: 230px !important;
}

#ProductSlideMobile2 > div > figure > a > img,#ProductSlideMobile1 > div > figure > a > img{
  margin-left: 240px !important;
}
}

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
  #ProductSlideMobile5 > div > figure > a > img,#ProductSlideMobile4 > div > figure > a > img,#ProductSlideMobile3 > div > figure > a > img{
  margin-left: 100px !important;
}

#ProductSlideMobile2 > div > figure > a > img,#ProductSlideMobile1 > div > figure > a > img{
  margin-left: 110px !important;
}
}

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

  #ProductSlideMobile5 > div > figure > a > img,#ProductSlideMobile4 > div > figure > a > img,#ProductSlideMobile3 > div > figure > a > img{
  margin-left: 260px !important;
}

#ProductSlideMobile2 > div > figure > a > img,#ProductSlideMobile1 > div > figure > a > img{
  margin-left: 270px !important;
}
}



@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (orientation : landscape) {
  #ProductSlideMobile5 > div > figure > a > img,#ProductSlideMobile4 > div > figure > a > img,#ProductSlideMobile3 > div > figure > a > img{
  margin-left: 300px;
}

#ProductSlideMobile2 > div > figure > a > img,#ProductSlideMobile1 > div > figure > a > img{
  margin-left: 310px;
}
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
#ProductSlideMobile5 > div > figure > a > img,#ProductSlideMobile4 > div > figure > a > img,#ProductSlideMobile3 > div > figure > a > img{
  margin-left: 80px;
}

#ProductSlideMobile2 > div > figure > a > img,#ProductSlideMobile1 > div > figure > a > img{
  margin-left: 64px;
}

}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
#ProductSlideMobile2 > div > figure > a > img,#ProductSlideMobile1 > div > figure > a > img{
  margin-left: 190px !important;
}

#ProductSlideMobile5 > div > figure > a > img,#ProductSlideMobile4 > div > figure > a > img,#ProductSlideMobile3 > div > figure > a > img{
  margin-left: 180px !important;
}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
  #ProductSlideMobile2 > div > figure > a > img,#ProductSlideMobile1 > div > figure > a > img{
  margin-left: 284px;
}

#ProductSlideMobile5 > div > figure > a > img,#ProductSlideMobile4 > div > figure > a > img,#ProductSlideMobile3 > div > figure > a > img{
  margin-left: 274px;
}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
  #SliderRoutine{
    display: none;
  }
    #ProductSlideMobile2 > div > figure > a > img,#ProductSlideMobile1 > div > figure > a > img{
  margin-left: 420px !important;
}

#ProductSlideMobile5 > div > figure > a > img,#ProductSlideMobile4 > div > figure > a > img,#ProductSlideMobile3 > div > figure > a > img{
  margin-left: 410px !important;
}
}

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
  #SliderRoutine{
    display: none;
  }
  #ProductSlideMobile2 > div > figure > a > img,#ProductSlideMobile1 > div > figure > a > img{
  margin-left: 420px !important;
}

#ProductSlideMobile5 > div > figure > a > img,#ProductSlideMobile4 > div > figure > a > img,#ProductSlideMobile3 > div > figure > a > img{
  margin-left: 410px !important;
}
}

/* == SOLIDARITY == */

#SOLIDARITY{
  background-image: url(img/solidarity-banner.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  height: 400px;
  width:100%;
  display: flex;
  align-items: center;
  align-content: center;
}

#SOLIDARITY .Wrapper{
  width: 80%;
  background-color: white;
  padding: 20px;
  margin: 0 auto;
  height: 70%;
}

#SOLIDARITY .Wrapper #SliderSolidarity{
  display: flex;
  flex-direction: row;
  margin-top: 40px
}

#SOLIDARITY .Wrapper #SliderSolidarity .SolidarityItem{
  display: flex;
  flex-direction: column;
}

#SOLIDARITY .Wrapper #SliderSolidarity .SolidarityPicto{
  width: 70px;
  height: 60px;
  background-image: url(img/solidarity-picto.jpg);
  margin: 0 auto;
}

#SOLIDARITY .Wrapper #SliderSolidarity .SolidarityPicto#Picto2{
  background-position: 0px -60px;
}
#SOLIDARITY .Wrapper #SliderSolidarity .SolidarityPicto#Picto3{
  background-position: 0px -120px;
}
#SOLIDARITY .Wrapper #SliderSolidarity .SolidarityPicto#Picto4{
  background-position: 0px -180px;
}

#SOLIDARITY .Wrapper .SolidarityBlock .Mention{
  color:#be0f34;
  font-size: 22px !important;
  margin-top: 8px;
  margin-bottom: -2px;
}

#SOLIDARITY .Wrapper .SolidarityBlock .Text{
  font-size: 14px;
}

#SOLIDARITY .Wrapper #SliderSolidarity .slick-slide{
  width: 25%;
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {
  #SliderSolidarity .slick-list {
      margin-top: -30px;
  }
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) {
  #SliderSolidarity .slick-list {
      margin-top: -30px;
  }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
  #SliderSolidarity .slick-list {
      margin-top: -30px;
  }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
  #SliderSolidarity .slick-slide{
    width: 205px !important;
  }
  #SliderSolidarity .slick-track{
    width: 820px !important;
  }
}

/* == PUSH == */

@charset "UTF-8";

/*!

BS Further */
.bs-further h2,.bs-further__item__content h3{font-family:ClarinsRegular,"Times New Roman",Times,serif;font-weight:400}
.bs-further{z-index:0;max-width:1060px;margin:35px auto}
@media (max-width:762px){.bs-further{margin:30px auto}
}
.bs-further h2{margin:0 0 30px;font-size:40px;text-align:center}
.bs-further__item{width:50%;float:left;position:relative;z-index:0;height:380px;color:#000}
.bs-further__item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 0 0 1px #fff inset;z-index:0}
@media (max-width:890px){.bs-further__item{height:auto}
}
@media (max-width:762px){.bs-further h2{font-size:30px;line-height:1}
.bs-further__item{width:100%}
}
.bs-further__item__thumb{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background:#000}
@media (max-width:890px){.bs-further__item__thumb{position:relative;top:0;right:0;bottom:0;left:0;width:100%;height:300px}
}
.bs-further__item img{top:-90px;right:-90px;bottom:-90px;left:-90px;margin:auto;transition:.5s}
.bs-further__item__content{background:rgba(255,255,255,.85);position:absolute;bottom:20px;left:40px;right:40px;margin:auto;padding:16px;font-size:14px;text-align:center;z-index:1;transition:.5s}
.bs-further__item__content h3{font-size:35px;margin:0}
@media (max-width:890px){.bs-further__item__content{position:relative;bottom:0;left:0;right:0;width:80%;margin-top:-50px;background:#fff}
}
.bs-further__item:hover img{opacity:.9;-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02)}
@media (max-width:768px){.bs-nav-section{padding:70px 0 0}
.bs-nav-section__title{margin:0 0 35px}
.bs-nav-section li,.bs-nav-section li:last-child{margin:0 10px 20px}
.bs-nav-section ul{text-align:center}
.bs-nav-section li{display:inline-block;float:none}
.bs-nav-section__link:active,.bs-nav-section__link:focus,.bs-nav-section__link:hover{color:#fff;background:#be0f34}
.bs-nav-section__link:active img,.bs-nav-section__link:focus img,.bs-nav-section__link:hover img{-webkit-transform:scale(1.04);-ms-transform:scale(1.04);transform:scale(1.04)}
}
@media (max-width:762px){.bs-further__item__content h3{font-size:30px;line-height:1}
.bs-nav-section{padding:40px 0}
.bs-nav-section .row{margin:0}
.bs-nav-section__title{margin:0 0 20px;font-size:30px}
.bs-nav-section li{display:block;width:100%;float:none;margin:0 0 2px}
.bs-nav-section li:last-child{margin:0}
.bs-nav-section__link{display:block;max-width:none;padding:25px 0;font-size:22px;text-align:center;background:#f0f2f6}
.bs-nav-section__link img{display:none}
}

#SliderRoutine{
  margin-left: 200px;
}