@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,400italic);
.underline {
  text-decoration: underline; }

.special-box,.lolhomeoffice-align-center {
  text-align: center; }

@media screen and (max-width: 671px) {
  .banner-lol-home-office {
    height: 420px; }
    .banner-lol-home-office .main-text h1 {
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
  .special-box {
    padding: 10px 0px 10px 0px; }
  .special-box-icone img {
    width: 25px !important;
    height: auto !important; }
  .special-box-title {
    font-size: 15px;
    font-weight: 600;
    margin: 5px auto 5px auto;
    line-height: 20px; }
  .special-box-desc {
    font-size: 14px;
    margin: 0 auto 10px auto; }
  .special-box-desc,.special-box-subtitle {
    font-weight: 400;
    line-height: 20px; }
  .special-box-subtitle {
    font-size: 15px;
    margin: 0 auto 5px auto; }
    .special-box-subtitle .icon-right-arrow {
      margin-right: 5px;
      transform: rotate(90deg);
      font-size: 10px; }
  .special-box-list {
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px; }
    .special-box-list li {
      display: block; }
  .section-sub-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px; }
  #special-contact {
    height: 150px;
    background-image: url("../../../images/lolhomeoffice/Contact2_1055x232px.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    box-sizing: border-box; }
    #special-contact .row {
      height: 100%;
      line-height: 1; }
      #special-contact .row p {
        margin: 0;
        font-size: 18px;
        line-height: 1;
        color: #fff !important;
        text-align: center;
        position: relative;
        top: 50%;
        transform: translateY(-50%); } }

@media screen and (min-width: 672px) {
  .banner-lol-home-office {
    height: 420px; }
    .banner-lol-home-office .main-text h1 {
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
  .special-box {
    padding: 10px 10px 10px 10px; }
  .special-box-icone img {
    width: 25px !important;
    height: auto !important; }
  .special-box-title {
    font-size: 15px;
    font-weight: 600;
    margin: 10px auto 10px auto;
    line-height: 20px; }
  .special-box-desc {
    font-size: 14px;
    margin: 0 auto 20px auto; }
  .special-box-desc,.special-box-subtitle {
    font-weight: 400;
    line-height: 20px; }
  .special-box-subtitle {
    font-size: 15px;
    margin: 0 auto 10px auto; }
    .special-box-subtitle .icon-right-arrow {
      margin-right: 5px;
      transform: rotate(90deg);
      font-size: 10px; }
  .special-box-list {
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px; }
    .special-box-list li {
      display: block; }
  .section-sub-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px; }
  #special-contact {
    height: 150px;
    background-image: url("../../../images/lolhomeoffice/Contact2_1055x232px.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    box-sizing: border-box; }
    #special-contact .row {
      height: 100%;
      line-height: 1; }
      #special-contact .row p {
        margin: 0;
        font-size: 18px;
        line-height: 1;
        color: #fff !important;
        text-align: center;
        position: relative;
        top: 50%;
        transform: translateY(-50%); } }

@media screen and (min-width: 1056px) {
  .section-text {
    margin: 0 0 20px !important; }
  .oneline {
    white-space: nowrap; }
  .banner-lol-home-office {
    height: 400px; }
    .banner-lol-home-office.left-orientation .row > div:first-child,.banner-lol-home-office .right-orientation .row > div:last-child {
      float: left !important; }
    .banner-lol-home-office .main-text h1 {
      position: none;
      top: none;
      transform: none; }
  .section-lol-phone.right-orientation.right .container-wrapper,.section-lol-phone.left-orientation.left .container-wrapper {
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
    width: 100%; }
  .section-lol-phone-1 {
    height: 380px; }
  .section-lol-phone-2 {
    height: 890px; }
  .section-lol-phone-3 {
    height: 750px; }
  .section-lol-phone-4-1,.section-lol-phone-4-2,.section-lol-phone-4-3,.section-lol-phone-4-5,.section-lol-phone-4-4 {
    height: 880px; }
  .section-lol-phone-5 {
    height: 540px; }
  .special-box {
    padding: 10px 50px 10px 50px; }
  .special-box-icone img {
    width: 25px !important; }
  .special-box-title {
    font-size: 15px;
    font-weight: 600;
    margin: 10px auto 20px auto;
    line-height: 20px; }
  .special-box-desc,.special-box-subtitle {
    font-size: 15px;
    font-weight: 400;
    margin: 0 auto 20px auto;
    line-height: 20px; }
    .special-box-subtitle .icon-right-arrow {
      margin-right: 5px;
      transform: rotate(90deg);
      font-size: 12px; }
  .special-box-list {
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px; }
    .special-box-list li {
      display: block; }
  .section-sub-title {
    font-weight: 600; }
  .section-sub-title,.section-text {
    font-size: 15px;
    line-height: 20px; }
  .section-text {
    font-weight: 400;
    margin: 0 0 30px; }
  #special-contact {
    height: 150px;
    background-image: url("../../../images/lolhomeoffice/Contact1_1920x279px.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    box-sizing: border-box; }
    #special-contact .row {
      height: 100%;
      line-height: 1; }
      #special-contact .row p {
        margin: 0;
        font-size: 16px;
        line-height: 1;
        color: #fff !important;
        text-align: center;
        position: relative;
        top: 50%;
        transform: translateY(-50%); }
  .lol-phone-img-1 {
    width: 380px;
    height: 380px; }
  .lol-phone-img-2 {
    width: 365px;
    height: 890px; }
  .lol-phone-img-3 {
    width: 340px;
    height: 750px; }
  .lol-phone-img-4 {
    width: 275px;
    height: 880px; }
  .lol-phone-img-5 {
    width: 310px;
    height: 540px; } }

@media screen and (min-width: 1302px) {
  .section-text {
    margin: 0 0 30px !important; }
  .banner-lol-home-office {
    height: 500px; }
    .banner-lol-home-office.left-orientation .row > div:first-child,.banner-lol-home-office .right-orientation .row > div:last-child {
      float: left !important; }
    .banner-lol-home-office .main-text h1 {
      position: none;
      top: none;
      transform: none; }
  .section-lol-phone-1 {
    height: 400px; }
  .section-lol-phone-2 {
    height: 960px; }
  .section-lol-phone-3 {
    height: 815px; }
  .section-lol-phone-4-1,.section-lol-phone-4-2,.section-lol-phone-4-3,.section-lol-phone-4-13 {
    height: 890px; }
  .section-lol-phone-5 {
    height: 590px; }
  .special-box {
    padding: 10px 50px 10px 50px; }
  .special-box-icone img {
    width: 30px !important; }
  .special-box-title {
    font-size: 16px;
    font-weight: 600;
    margin: 10px auto 20px auto;
    line-height: 22px; }
  .special-box-desc,.special-box-subtitle {
    font-size: 16px;
    font-weight: 400;
    margin: 0 auto 20px auto;
    line-height: 22px; }
    .special-box-subtitle .icon-right-arrow {
      margin-right: 5px;
      transform: rotate(90deg);
      font-size: 12px; }
  .special-box-list {
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px; }
    .special-box-list li {
      display: block; }
  .section-sub-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px; }
  #special-contact {
    height: 150px;
    background-image: url("../../../images/lolhomeoffice/Contact1_1920x279px.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    box-sizing: border-box; }
    #special-contact .row {
      height: 100%;
      line-height: 1; }
      #special-contact .row p {
        margin: 0;
        font-size: 22px;
        line-height: 1;
        color: #fff !important;
        text-align: center;
        position: relative;
        top: 50%;
        transform: translateY(-50%); }
  .lol-phone-img-1 {
    width: 550px;
    height: 400px; }
  .lol-phone-img-2 {
    width: 600px;
    height: 960px; }
  .lol-phone-img-3 {
    width: 560px;
    height: 815px; }
  .lol-phone-img-4 {
    width: 475px;
    height: 890px;
    width: 460px;
    height: 590px; } }

.banner-lol-incendie {
  overflow: hidden;
  color: white;
  padding: 0 0 0; }
  .banner-lol-incendie .header-sub-title {
    color: white;
    font-size: 1.9em; }
  .banner-lol-incendie .section-title {
    color: white !important; }
  .banner-lol-incendie .btn-blue {
    background-color: #FFE923;
    color: #004994; }
  @media screen and (max-width: 671px) {
    .banner-lol-incendie {
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      background-image: url("/images/lolhomeoffice/incendie/PAGE_INCENDIE_IMG_PHONE675.png");
      overflow: hidden;
      height: 670px; }
      .banner-lol-incendie img {
        position: absolute;
        top: -148.635009765625px;
        left: 50%;
        transform: translateX(-50%);
        width: 301px;
        height: 484px; }
      .banner-lol-incendie .section-title {
        margin-top: 335px;
        margin-bottom: 7%;
        font-size: 30px; }
      .banner-lol-incendie .header-sub-title {
        font-size: 16px; }
      .banner-lol-incendie .btn-blue {
        margin-top: 25px; } }
  @media (max-width: 375px) {
    .banner-lol-incendie {
      background-image: url("/images/lolhomeoffice/incendie/PAGE_INCENDIE_IMG_PHONE375.png"); } }
  @media (max-width: 350px) {
    .banner-lol-incendie {
      background-image: url("/images/lolhomeoffice/incendie/PAGE_INCENDIE_IMG_PHONE350.png"); } }
  @media screen and (min-width: 672px) {
    .banner-lol-incendie {
      background-image: url(" /images/lolhomeoffice/incendie/PAGE_INCENDIE_IMG_TAB.png");
      height: 489px  !important;
      text-align: left; }
      .banner-lol-incendie img {
        top: -134.635009765625px;
        left: 62%;
        width: 305px;
        height: 491px !important;
        position: absolute; }
      .banner-lol-incendie .section-title {
        margin-top: 10%;
        margin-bottom: 5%;
        margin-left: 10%; }
      .banner-lol-incendie .header-sub-title {
        font-size: 1.5em;
        max-width: 61%;
        margin-left: 10%; }
      .banner-lol-incendie .btn-blue {
        margin-left: 10%;
        margin-top: 25px; } }
  @media screen and (min-width: 1056px) {
    .banner-lol-incendie {
      background-position: right;
      background-size: cover;
      background-repeat: no-repeat;
      background-image: url(" /images/lolhomeoffice/incendie/PAGE_INCENDIE_IMG_DESK.png");
      height: 503px  !important; }
      .banner-lol-incendie .section-title {
        margin-top: inherit;
        margin-bottom: 45px; }
      .banner-lol-incendie .header-sub-title {
        line-height: normal;
        font-size: 1.5em; }
      .banner-lol-incendie img {
        top: -122.896px;
        left: 60%;
        width: 393px;
        height: 100% !important; }
      .banner-lol-incendie .btn-blue {
        margin-left: 10%;
        margin-top: 50px; } }
  @media screen and (min-width: 1302px) {
    .banner-lol-incendie {
      background-position: right;
      background-size: cover;
      background-repeat: no-repeat;
      background-image: url(" /images/lolhomeoffice/incendie/PAGE_INCENDIE_IMG_LG-DESK.png");
      height: 587px !important; }
      .banner-lol-incendie .header-sub-title {
        font-size: 1.9em; }
      .banner-lol-incendie img {
        top: -137.86700439453125px;
        left: 60%;
        width: 456px;
        height: 733px; } }

.section-lol-simplicity {
  overflow: hidden; }
  .section-lol-simplicity img {
    height: 100% !important;
    left: 50%;
    width: auto !important;
    transform: translateX(-50%); }
  @media screen and (max-width: 671px) {
    .section-lol-simplicity {
      padding: 0 0 0;
      height: 1368px; }
      .section-lol-simplicity .row > div {
        position: relative;
        height: 50%; }
      .section-lol-simplicity .container-wrapper {
        padding: 0 0 0; }
      .section-lol-simplicity .section-title {
        font-size: 45px;
        line-height: 45px;
        margin-top: 110px;
        margin-left: 5px;
        margin-right: 5px; }
      .section-lol-simplicity .simplicity-sub-title {
        font-size: xx-large;
        margin-left: 10px;
        margin-right: 10px; }
      .section-lol-simplicity .simplicity-text {
        line-height: normal;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        color: black;
        max-width: 90%;
        font-size: 16px;
        margin-left: 5px;
        margin-right: 5px; }
        .section-lol-simplicity .simplicity-text b {
          color: #004994; } }
  @media screen and (min-width: 672px) {
    .section-lol-simplicity {
      height: 574px  !important;
      padding: 0 0 0;
      text-align: left; }
      .section-lol-simplicity .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
      .section-lol-simplicity .section-title {
        margin-left: 50px;
        font-size: 28px;
        line-height: 30px; }
      .section-lol-simplicity .simplicity-sub-title {
        margin-left: 50px;
        font-size: large; }
      .section-lol-simplicity .simplicity-text {
        line-height: normal;
        margin-left: 50px;
        color: black;
        max-width: 75%;
        font-size: medium; }
        .section-lol-simplicity .simplicity-text b {
          color: #004994; } }
  @media screen and (min-width: 1056px) {
    .section-lol-simplicity {
      height: 583px  !important; }
      .section-lol-simplicity .row {
        display: inherit; }
      .section-lol-simplicity .section-title {
        margin-left: 80px;
        font-size: 45px; }
      .section-lol-simplicity .simplicity-sub-title {
        margin-left: 80px;
        font-size: xx-large; }
      .section-lol-simplicity .simplicity-text {
        line-height: normal;
        margin-left: 80px;
        color: black;
        max-width: 75%;
        font-size: large; }
        .section-lol-simplicity .simplicity-text b {
          color: #004994; } }
  @media screen and (min-width: 1302px) {
    .section-lol-simplicity {
      height: 652px !important; }
      .section-lol-simplicity .section-title {
        margin-left: 100px;
        font-size: 45px; }
      .section-lol-simplicity .simplicity-sub-title {
        margin-left: 100px;
        font-size: xx-large; }
      .section-lol-simplicity .simplicity-text {
        line-height: normal;
        margin-left: 100px;
        color: black;
        max-width: 75%;
        font-size: large; }
        .section-lol-simplicity .simplicity-text b {
          color: #004994; } }

.section-lol-fire {
  overflow: hidden;
  color: white; }
  .section-lol-fire img {
    height: 100% !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%); }
  @media screen and (max-width: 671px) {
    .section-lol-fire {
      height: 1017px; }
      .section-lol-fire,.section-lol-fire .container-wrapper {
      padding: 0 0 0; }
      .section-lol-fire img {
        width: auto;
        height: auto !important; }
      .section-lol-fire .row > div {
        position: relative;
        height: 50%; }
      .section-lol-fire .fire-text {
        margin-left: 5px;
        margin-right: 5px;
        line-height: normal;
        max-width: 90%;
        font-size: medium;
        left: 50%;
        transform: translateX(-50%);
        position: relative; }
      .section-lol-fire .section-title {
        width: 95%;
        margin-left: 5px;
        margin-right: 5px;
        font-size: 45px;
        line-height: 45px;
        margin-top: 25vw; } }
  @media screen and (min-width: 672px) {
    .section-lol-fire {
      padding: 0 0 0;
      height: 458px  !important;
      text-align: left; }
      .section-lol-fire .fire-text {
        line-height: normal;
        margin-left: 50px;
        max-width: 75%;
        font-size: medium; }
      .section-lol-fire .section-title {
        margin-left: 50px;
        font-size: 45px; }
      .section-lol-fire img {
        position: absolute;
        left: 56% !important; } }
  @media screen and (min-width: 1056px) {
    .section-lol-fire {
      height: 520px  !important; }
      .section-lol-fire .fire-text {
        line-height: normal;
        margin-left: 80px;
        max-width: 75%;
        font-size: large; }
      .section-lol-fire img {
        left: 50% !important; }
      .section-lol-fire .section-title {
        font-size: 45px;
        margin-left: 80px; } }
  @media screen and (min-width: 1302px) {
    .section-lol-fire {
      height: 520px !important; }
      .section-lol-fire .fire-text {
        line-height: normal;
        margin-left: 100px;
        max-width: 75%;
        font-size: large; }
      .section-lol-fire .section-title {
        font-size: 45px;
        margin-left: 100px; } }

.section-lol-icons .row > div {
  position: relative;
  height: 100%; }
  @media screen and (max-width: 671px) {
    .section-lol-icons .row > div {
      height: 16.6666% !important; } }
  @media screen and (min-width: 672px) {
    .section-lol-icons .row > div {
      height: 33.3333%  !important; } }
  @media screen and (min-width: 1056px) {
    .section-lol-icons .row > div {
      height: 50%  !important; } }
  @media screen and (min-width: 1302px) {
    .section-lol-icons .row > div {
      height: 50% !important; } }

.section-lol-icons {
  overflow: hidden; }
  .section-lol-icons img {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    height: auto !important; }
  .section-lol-icons .icon-text {
    font-size: large;
    text-align: center;
    width: 50%;
    line-height: normal; }
  @media screen and (max-width: 671px) {
    .section-lol-icons {
      height: 1500px; }
      .section-lol-icons .icon-text {
        margin-top: 120px;
        position: relative;
        left: 50%;
        transform: translateX(-50%); }
      .section-lol-icons img {
        width: 82px; } }
  @media screen and (min-width: 672px) {
    .section-lol-icons {
      height: 720px; }
      .section-lol-icons .icon-text {
        margin-top: 120px;
        position: relative;
        left: 50%;
        transform: translateX(-50%); } }
  @media screen and (min-width: 1056px) {
    .section-lol-icons {
      height: 420px !important; }
      .section-lol-icons .icon-text {
        margin-top: 120px;
        position: relative;
        left: 50%;
        transform: translateX(-50%); } }
  @media screen and (min-width: 1302px) {
    .section-lol-icons .icon-text {
      margin-top: 120px;
      position: relative;
      left: 50%;
      transform: translateX(-50%); } }

.section-lol-mobile-incendie {
  overflow: hidden; }
  .section-lol-mobile-incendie .section-title-1 {
    height: 10% !important; }
  .section-lol-mobile-incendie .section-zone {
    height: 45% !important; }
  .section-lol-mobile-incendie .mobile-incendie-text {
    line-height: normal;
    color: black; }
    .section-lol-mobile-incendie .mobile-incendie-text b {
      color: #004994; }
  .section-lol-mobile-incendie .deco-1 {
    position: absolute;
    background-color: #00A3E2;
    border-radius: 50%; }
  .section-lol-mobile-incendie .deco-2 {
    position: absolute;
    background-color: #FFE923;
    border-radius: 50%; }
  .section-lol-mobile-incendie .deco-3 {
    position: absolute;
    background-color: #004994;
    border-radius: 50%; }
  @media screen and (max-width: 671px) {
    .section-lol-mobile-incendie {
      height: 1417px; }
      .section-lol-mobile-incendie .section-title-1 {
        height: 10% !important; }
      .section-lol-mobile-incendie .section-zone {
        height: 22.5% !important; }
      .section-lol-mobile-incendie .deco-1 {
        width: 250px;
        height: 250px;
        top: -20%;
        left: 43%; }
      .section-lol-mobile-incendie .deco-2 {
        left: 26px;
        width: 83px;
        height: 82px;
        top: 35%; }
      .section-lol-mobile-incendie .deco-3 {
        left: 125px;
        width: 34px;
        height: 36px;
        top: 27%; }
      .section-lol-mobile-incendie .zone-text {
        position: relative;
        top: 50%;
        transform: translateY(-50%); }
      .section-lol-mobile-incendie .mobile-incendie-text {
        font-size: medium; }
      .section-lol-mobile-incendie .main-title {
        top: 50%;
        position: relative;
        transform: translateY(-50%);
        font-size: 40px;
        line-height: 45px; }
      .section-lol-mobile-incendie .img-mobile-incendie-2 {
        z-index: 2;
        top: -20%;
        max-width: 400px; }
      .section-lol-mobile-incendie .img-mobile-incendie-1 {
        width: 447px;
        right: -20px; } }
  @media screen and (min-width: 672px) {
    .section-lol-mobile-incendie {
      height: 720px   !important; }
      .section-lol-mobile-incendie .deco-1 {
        width: 200px;
        height: 200px;
        top: -2%;
        left: 43%; }
      .section-lol-mobile-incendie .deco-2 {
        width: 75px;
        height: 75px;
        top: 35%;
        left: 17%; }
      .section-lol-mobile-incendie .deco-3 {
        width: 25px;
        height: 25px;
        top: 27%;
        left: 36%; }
      .section-lol-mobile-incendie img {
        left: 50%;
        transform: translateX(-50%); }
      .section-lol-mobile-incendie .img-mobile-incendie-1 {
        height: 310px !important;
        bottom: inherit;
        top: 21px; }
      .section-lol-mobile-incendie .img-mobile-incendie-2 {
        height: 310px  !important;
        z-index: 2; }
      .section-lol-mobile-incendie .zone-text {
        position: relative;
        top: 50%;
        transform: translateY(-50%); }
      .section-lol-mobile-incendie .mobile-incendie-text {
        max-width: 250px;
        font-size: 14px;
        text-align: left;
        margin-left: 50px; }
      .section-lol-mobile-incendie .section-title {
        max-width: 320px;
        margin-left: 50px;
        text-align: left;
        font-size: 28px;
        line-height: 30px; }
      .section-lol-mobile-incendie .main-title {
        max-width: inherit;
        top: 50%;
        position: relative;
        transform: translateY(-50%);
        font-size: 40px;
        line-height: 45px; } }
  @media screen and (min-width: 1056px) {
    .section-lol-mobile-incendie {
      height: 1110px  !important; }
      .section-lol-mobile-incendie .deco-1 {
        width: 300px;
        height: 300px;
        top: -21%;
        left: 50%; }
      .section-lol-mobile-incendie .deco-2 {
        width: 75px;
        height: 75px;
        top: 35%;
        left: 1%; }
      .section-lol-mobile-incendie .deco-3 {
        width: 25px;
        height: 25px;
        top: 27%;
        left: 19%; }
      .section-lol-mobile-incendie img {
        left: 50%;
        transform: translateX(-50%); }
      .section-lol-mobile-incendie .img-mobile-incendie-1 {
        height: 489px !important;
        bottom: inherit;
        top: 82px; }
      .section-lol-mobile-incendie .img-mobile-incendie-2 {
        height: 567px !important;
        z-index: 2; }
      .section-lol-mobile-incendie .zone-text {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        max-width: 570px; }
      .section-lol-mobile-incendie .mobile-incendie-text {
        font-size: large; }
      .section-lol-mobile-incendie .mobile-incendie-text,.section-lol-mobile-incendie .section-title {
        max-width: inherit;
        text-align: left;
        margin-left: 100px; }
      .section-lol-mobile-incendie .main-title {
        top: 100%;
        position: relative;
        transform: translateY(-50%); } }
  @media screen and (min-width: 1302px) {
    .section-lol-mobile-incendie {
      height: 1110px  !important; }
      .section-lol-mobile-incendie .deco-1 {
        width: 300px;
        height: 300px;
        top: -21%;
        left: 48%; }
      .section-lol-mobile-incendie .deco-2 {
        width: 75px;
        height: 75px;
        top: 35%;
        left: 23%; }
      .section-lol-mobile-incendie .deco-3 {
        width: 25px;
        height: 25px;
        top: 27%;
        left: 31%; }
      .section-lol-mobile-incendie img {
        left: 50%;
        transform: translateX(-50%); }
      .section-lol-mobile-incendie .img-mobile-incendie-1 {
        height: 630px !important;
        bottom: inherit;
        top: 15px; }
      .section-lol-mobile-incendie .img-mobile-incendie-2 {
        height: 567px !important;
        z-index: 2; }
      .section-lol-mobile-incendie .zone-text {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        max-width: 700px; }
      .section-lol-mobile-incendie .mobile-incendie-text {
        font-size: large; }
      .section-lol-mobile-incendie .mobile-incendie-text,.section-lol-mobile-incendie .section-title {
        text-align: left;
        margin-left: 100px; }
      .section-lol-mobile-incendie .main-title {
        top: 100%;
        position: relative;
        transform: translateY(-50%); } }

.section-lol-battery {
  overflow: hidden; }
  .section-lol-battery img {
    height: 100% !important;
    left: 0 !important; }
  @media screen and (max-width: 671px) {
    .section-lol-battery {
      height: 650px;
      padding: 0 0 0; }
      .section-lol-battery img {
        left: 0 !important;
        right: auto !important; }
      .section-lol-battery .container-wrapper {
        padding: 0 0 0; }
      .section-lol-battery .row > div {
        position: relative;
        height: 50%; }
      .section-lol-battery .img-notif {
        position: absolute;
        left: 10px; }
      .section-lol-battery .battery-text {
        line-height: normal;
        position: relative;
        font-size: medium;
        width: 90%;
        left: 50%;
        transform: translateX(-50%); }
      .section-lol-battery img {
        width: auto;
        position: absolute; }
      .section-lol-battery .section-title {
        margin-top: 101px; } }
  @media screen and (min-width: 672px) {
    .section-lol-battery {
      height: 380px  !important;
      text-align: left;
      padding: 0 0 0; }
      .section-lol-battery .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
      .section-lol-battery .section-title {
        margin-left: 50px;
        text-align: left; }
      .section-lol-battery .battery-text {
        margin-left: 50px;
        max-width: 70%;
        font-size: large;
        line-height: normal;
        color: black; }
        .section-lol-battery .battery-text b {
          color: #004994; }
      .section-lol-battery .img-notif {
        right: 90px !important;
        height: 250px !important;
        top: 50% !important;
        transform: translateY(-50%);
        left: inherit;
        position: absolute; } }
  @media screen and (min-width: 1056px) {
    .section-lol-battery {
      height: 555px  !important; }
      .section-lol-battery .row {
        display: inherit; }
      .section-lol-battery .section-title {
        margin-left: 100px;
        text-align: left; }
      .section-lol-battery .battery-text {
        margin-left: 100px;
        max-width: 70%;
        font-size: large;
        line-height: normal;
        color: black; }
        .section-lol-battery .battery-text b {
          color: #004994; }
      .section-lol-battery .img-notif {
        right: 400px !important;
        height: 250px !important;
        top: 50% !important;
        transform: translateY(-50%);
        left: inherit; } }
  @media screen and (min-width: 1302px) {
    .section-lol-battery {
      height: 555px !important; }
      .section-lol-battery .section-title {
        margin-left: 100px;
        text-align: left; }
      .section-lol-battery .battery-text {
        margin-left: 100px;
        max-width: 70%;
        font-size: large;
        line-height: normal;
        color: black; }
        .section-lol-battery .battery-text b {
          color: #004994; }
      .section-lol-battery .img-notif {
        right: 641px !important;
        height: 250px !important;
        top: 50% !important;
        transform: translateY(-50%);
        left: inherit; } }

.section-lol-video-house {
  overflow: hidden; }
  .section-lol-video-house .zone-text-house {
    color: black; }
  @media screen and (max-width: 671px) {
    .section-lol-video-house {
      height: 890px; }
      .section-lol-video-house .row > div {
        position: relative;
        height: 50%; }
      .section-lol-video-house .section-title {
        position: relative;
        top: -440px; }
      .section-lol-video-house .img-house-main {
        width: 85%;
        top: 50%;
        transform: translateY(-50%); }
      .section-lol-video-house .zone-text-house {
        width: -moz-max-content;
        width: max-content;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        top: 0; }
        .section-lol-video-house .zone-text-house .line-separator-house {
          height: 50px; }
        .section-lol-video-house .zone-text-house .line-house {
          margin-top: 10px;
          display: -ms-flexbox;
          display: flex; }
          .section-lol-video-house .zone-text-house .line-house .icon-house .img-house {
            height: 28px !important;
            width: 28px; }
          .section-lol-video-house .zone-text-house .line-house .line-text {
            line-height: 28px;
            font-size: large;
            margin-left: 5px; } }
  @media screen and (min-width: 672px) {
    .section-lol-video-house {
      height: 475px  !important;
      padding: 0 0 0;
      text-align: left; }
      .section-lol-video-house .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
      .section-lol-video-house .phone-12 {
        height: 100%; }
      .section-lol-video-house .section-title {
        margin-left: 50px;
        margin-bottom: 30px; }
      .section-lol-video-house .img-house-main {
        top: 50%;
        transform: translateY(-50%);
        right: 271px !important;
        height: 75% !important; }
      .section-lol-video-house .zone-text-house {
        margin-left: 50px; }
        .section-lol-video-house .zone-text-house .line-separator-house {
          height: 50px; }
        .section-lol-video-house .zone-text-house .line-house {
          margin-top: 10px;
          display: -ms-flexbox;
          display: flex; }
          .section-lol-video-house .zone-text-house .line-house .icon-house .img-house {
            height: 28px !important;
            width: 28px; }
          .section-lol-video-house .zone-text-house .line-house .line-text {
            line-height: 28px;
            font-size: large;
            margin-left: 5px; } }
  @media screen and (min-width: 1056px) {
    .section-lol-video-house {
      height: 554px  !important; }
      .section-lol-video-house .row {
        display: inherit; }
      .section-lol-video-house .section-title {
        margin-left: 100px;
        margin-bottom: 142px; }
      .section-lol-video-house .img-house-main {
        height: 90% !important;
        right: -100px !important;
        left: auto !important; }
      .section-lol-video-house .zone-text-house {
        margin-left: 100px; }
        .section-lol-video-house .zone-text-house .line-separator-house {
          height: 50px; }
        .section-lol-video-house .zone-text-house .line-house {
          margin-top: 10px;
          display: -ms-flexbox;
          display: flex; }
          .section-lol-video-house .zone-text-house .line-house .icon-house .img-house {
            height: 28px !important;
            width: 28px; }
          .section-lol-video-house .zone-text-house .line-house .line-text {
            line-height: 28px;
            font-size: large;
            margin-left: 5px; } }
  @media screen and (min-width: 1302px) {
    .section-lol-video-house {
      height: 745px !important; }
      .section-lol-video-house .section-title {
        margin-left: 100px;
        margin-bottom: 142px; }
      .section-lol-video-house .img-house-main {
        right: -170px !important; }
      .section-lol-video-house .zone-text-house {
        margin-left: 100px; }
        .section-lol-video-house .zone-text-house .line-separator-house {
          height: 50px; }
        .section-lol-video-house .zone-text-house .line-house {
          margin-top: 10px;
          display: -ms-flexbox;
          display: flex; }
          .section-lol-video-house .zone-text-house .line-house .icon-house .img-house {
            height: 28px !important;
            width: 28px; }
          .section-lol-video-house .zone-text-house .line-house .line-text {
            line-height: 28px;
            font-size: large;
            margin-left: 5px; } }

@media screen and (min-width: 672px) {
  .center-vertical-text {
    height: -moz-min-content !important;
    height: min-content !important;
    top: 50%;
    transform: translateY(-50%); } }

@media screen and (min-width: 1056px) {
  .center-vertical-text {
    top: inherit;
    height: inherit; } }

.banner-lol-smarthome {
  background-size: cover; }
  .banner-lol-smarthome,.banner-lol-smarthome h1 {
  color: white !important; }
  @media screen and (max-width: 671px) {
    .banner-lol-smarthome {
      background-image: url(/images/lolhomeoffice/smarthome/PHONE672_Header.png);
      height: 350px;
      text-align: left; }
      .banner-lol-smarthome .container-wrapper {
        width: 375px !important; }
      .banner-lol-smarthome h1 {
        margin-top: 117px;
        font: normal normal 600 36px/70px Open Sans; }
      .banner-lol-smarthome p {
        font: normal normal normal 25px/34px Open Sans;
        max-width: 231px; } }
  @media (max-width: 375px) {
    .banner-lol-smarthome {
      background-image: url(/images/lolhomeoffice/smarthome/PHONE375_Header.png);
      height: 350px; }
      .banner-lol-smarthome h1 {
        margin-top: -32px;
        margin-bottom: -37px; } }
  @media screen and (min-width: 672px) {
    .banner-lol-smarthome {
      height: 400px;
      background-image: url(/images/lolhomeoffice/smarthome/TAB_Header.png);
      background-position: center;
      text-align: left; }
      .banner-lol-smarthome p {
        font-size: 25px; }
      .banner-lol-smarthome h1 {
        font: normal normal 600 60px/82px Open Sans;
        margin-top: 86px !important; } }
  @media screen and (min-width: 1056px) {
    .banner-lol-smarthome {
      height: 400px;
      background-image: url(/images/lolhomeoffice/smarthome/DESK_Header.png); }
      .banner-lol-smarthome h1 {
        margin-top: 0px !important; } }
  @media screen and (min-width: 1302px) {
    .banner-lol-smarthome {
      background-image: url(/images/lolhomeoffice/smarthome/LG-DESK_Header.png); }
      .banner-lol-smarthome p {
        font-size: 25px; }
      .banner-lol-smarthome h1 {
        font: normal normal 600 60px/82px Open Sans; } }

@media screen and (max-width: 671px) {
  .banner-lol-slider {
    height: 340px; } }

@media (max-width: 375px) {
  .banner-lol-slider {
    height: 275px; } }

@media screen and (min-width: 672px) {
  .banner-lol-slider {
    height: 295px; } }

.banner-lol-3 {
  background-position: center;
  background-size: cover;
  text-align: left; }
  .banner-lol-3 h1,.banner-lol-3 p {
    color: white; }
  @media screen and (max-width: 671px) {
    .banner-lol-3 {
      height: 563px;
      background-image: url(/images/lolhomeoffice/smarthome/PHONE672_Bandeau3.png); } }
  @media (max-width: 375px) {
    .banner-lol-3 {
      height: 895px;
      background-image: url(/images/lolhomeoffice/smarthome/PHONE375_Bandeau3.png); } }
  @media screen and (min-width: 672px) {
    .banner-lol-3 {
      height: 464px;
      background-image: url(/images/lolhomeoffice/smarthome/TAB_Bandeau3.png); }
      .banner-lol-3 p {
        max-width: 40%;
        font: normal normal normal 16px/22px Open Sans; }
      .banner-lol-3 h1 {
        font: normal normal bold 25px/22px Open Sans; } }
  @media screen and (min-width: 1056px) {
    .banner-lol-3 {
      background-image: url(/images/lolhomeoffice/smarthome/DESK_Bandeau3.png); } }
  @media screen and (min-width: 1302px) {
    .banner-lol-3 {
      background-image: url(/images/lolhomeoffice/smarthome/LG-DESK_Bandeau3.png); } }

#area-info {
  background-color: #004994 !important; }

.banner-lol-help {
  background-position: right;
  background-size: contain;
  text-align: left;
  background-repeat: no-repeat; }
  @media screen and (max-width: 671px) {
    .banner-lol-help {
      height: 320px;
      background-image: url(/images/lolhomeoffice/smarthome/PHONE672_Bandeau5_IMG_equipe.png); } }
  @media (max-width: 375px) {
    .banner-lol-help {
      height: 613px;
      background-image: url(/images/lolhomeoffice/smarthome/PHONE375_Bandeau5_IMG_equipe.png); } }
  @media screen and (min-width: 672px) {
    .banner-lol-help {
      height: 350px !important;
      background-image: url(/images/lolhomeoffice/smarthome/TAB_Bandeau5_IMG_equipe.png); }
      .banner-lol-help p {
        max-width: 40%;
        font: normal normal normal 16px/22px Open Sans;
        color: #575756; }
      .banner-lol-help h1 {
        font: normal normal bold 25px/22px Open Sans;
        color: #004994; } }
  @media screen and (min-width: 1056px) {
    .banner-lol-help {
      background-image: url(/images/lolhomeoffice/smarthome/DESK_Bandeau5_IMG_equipe.png); } }
  @media screen and (min-width: 1302px) {
    .banner-lol-help {
      background-image: url(/images/lolhomeoffice/smarthome/LG-DESK_Bandeau5_IMG_equipe.png); } }

.banner-lol-app {
  background: #F8F8F8 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 15px #00000059; }
  @media screen and (max-width: 671px) {
    .banner-lol-app {
      height: 1756px !important; } }
  @media (max-width: 375px) {
    .banner-lol-app {
      height: 1228px !important; } }
  @media screen and (min-width: 672px) {
    .banner-lol-app {
      height: 1221px !important; } }
  @media screen and (min-width: 1056px) {
    .banner-lol-app {
      height: 968px !important; } }

.banner-lol-equipements {
  overflow: hidden;
  color: white;
  padding: 0 0 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  .banner-lol-equipements .header-sub-title {
    color: white;
    font-size: 1.9em; }
  .banner-lol-equipements .section-title {
    color: white !important;
    margin-top: inherit !important;
    margin-bottom: inherit !important;
    font-size: 30px; }
  .banner-lol-equipements .btn-blue {
    background-color: #FFE923;
    color: #004994; }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements {
      height: 375px;
      overflow: hidden; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements {
      background-image: url("/images/lolhomeoffice/equipements/PAGE_EQUIPEMENT_IMG_PHONE375.png"); } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements {
      background-image: url("/images/lolhomeoffice/equipements/PAGE_EQUIPEMENT_IMG_PHONE675.png"); } }
  @media screen and (max-width: 671px) {
      .banner-lol-equipements h1 {
        position: relative;
        top: 21.76px;
        width: 225px;
        height: 123px;
        text-align: left;
        font: normal normal 400 30px/41px Open Sans !important;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1; } }
    @media screen and (max-width: 671px) and (max-width: 375px) {
      .banner-lol-equipements h1 {
        left: 30px; } }
    @media screen and (max-width: 671px) and (min-width: 376px) {
      .banner-lol-equipements h1 {
        left: calc(41% + -30px); } }
  @media screen and (max-width: 671px) {
      .banner-lol-equipements img {
        position: absolute;
        top: -148.635009765625px;
        left: 50%;
        transform: translateX(-50%);
        width: 301px;
        height: 484px; }
      .banner-lol-equipements .section-title {
        margin-top: 335px;
        margin-bottom: 7%;
        font-size: 30px; }
      .banner-lol-equipements .header-sub-title {
        font-size: 16px; }
      .banner-lol-equipements .btn-blue {
        margin-top: 25px; } }
  @media screen and (min-width: 672px) {
    .banner-lol-equipements {
      background-image: url(" /images/lolhomeoffice/equipements/PAGE_EQUIPEMENT_IMG_TAB.png");
      height: 400px  !important;
      text-align: left; }
      .banner-lol-equipements h1 {
        position: relative;
        top: 102.47px;
        left: 19%;
        height: 98px;
        text-align: left;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        margin-left: 0% !important; } }
    @media screen and (min-width: 672px) and (min-width: 672px) {
      .banner-lol-equipements h1 {
        width: 65.8%;
        font: normal normal 400 32px/45px Open Sans !important; } }
    @media screen and (min-width: 672px) and (min-width: 685px) {
      .banner-lol-equipements h1 {
        width: 65.8%;
        font: normal normal 400 34px/47px Open Sans !important; } }
    @media screen and (min-width: 672px) and (min-width: 728px) {
      .banner-lol-equipements h1 {
        width: 57.8%;
        font: normal normal 400 36px/49px Open Sans !important; } }
    @media screen and (min-width: 672px) and (min-width: 874px) {
      .banner-lol-equipements h1 {
        width: 47.8%;
        font: normal normal 400 36px/49px Open Sans !important; } }
  @media screen and (min-width: 672px) {
      .banner-lol-equipements img {
        top: -134.635009765625px;
        left: 62%;
        width: 305px;
        height: 491px !important;
        position: absolute; }
      .banner-lol-equipements .section-title {
        margin-top: 10%;
        margin-bottom: 5%;
        margin-left: 10%; }
      .banner-lol-equipements .header-sub-title {
        top: 134px;
        position: relative;
        left: 19%;
        font: normal normal 100 20px/27px Open Sans;
        width: 38%; }
      .banner-lol-equipements .btn-blue {
        margin-left: 10%;
        margin-top: 25px; } }
  @media screen and (min-width: 1056px) {
    .banner-lol-equipements {
      background-image: url(" /images/lolhomeoffice/equipements/PAGE_EQUIPEMENT_IMG_DESK.png");
      height: 450px  !important;
      text-align: left; }
      .banner-lol-equipements h1 {
        position: relative;
        top: 102.47px;
        left: 9%;
        height: 98px;
        text-align: left;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        margin-left: 0% !important;
        font: normal normal 400 50px/68px Open Sans !important; } }
    @media screen and (min-width: 1056px) and (min-width: 1056px) {
      .banner-lol-equipements h1 {
        width: 64.8%; } }
    @media screen and (min-width: 1056px) and (min-width: 1089px) {
      .banner-lol-equipements h1 {
        width: 53.8%; } }
  @media screen and (min-width: 1056px) {
      .banner-lol-equipements img {
        top: -134.635009765625px;
        left: 62%;
        width: 305px;
        height: 491px !important;
        position: absolute; }
      .banner-lol-equipements .section-title {
        margin-top: 10%;
        margin-bottom: 5%;
        margin-left: 10%; }
      .banner-lol-equipements .header-sub-title {
        top: 160px;
        position: relative;
        left: 9%;
        font: normal normal 100 25px/34px Open Sans;
        width: 38%; }
      .banner-lol-equipements .btn-blue {
        margin-left: 10%;
        margin-top: 25px; } }
  @media screen and (min-width: 1302px) {
    .banner-lol-equipements {
      background-image: url(" /images/lolhomeoffice/equipements/PAGE_EQUIPEMENT_IMG_LGDESK.png");
      height: 450px  !important;
      text-align: left; }
      .banner-lol-equipements h1 {
        position: relative;
        top: 64.47px;
        left: 14.5%;
        height: 98px;
        text-align: left;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        margin-left: 0% !important; } }
    @media screen and (min-width: 1302px) and (min-width: 1302px) {
      .banner-lol-equipements h1 {
        width: 49.8%;
        font: normal normal 400 54px/76px Open Sans !important; } }
    @media screen and (min-width: 1302px) and (min-width: 1380px) {
      .banner-lol-equipements h1 {
        width: 49.8%;
        font: normal normal 400 56px/78px Open Sans !important; } }
    @media screen and (min-width: 1302px) and (min-width: 1575px) {
      .banner-lol-equipements h1 {
        width: 48.8%;
        font: normal normal 400 58px/80px Open Sans !important; } }
    @media screen and (min-width: 1302px) and (min-width: 1660px) {
      .banner-lol-equipements h1 {
        width: 43.8%;
        font: normal normal 400 60px/82px Open Sans !important; } }
  @media screen and (min-width: 1302px) {
      .banner-lol-equipements img {
        top: -134.635009765625px;
        left: 62%;
        width: 305px;
        height: 491px !important;
        position: absolute; }
      .banner-lol-equipements .section-title {
        margin-top: 10%;
        margin-bottom: 5%;
        margin-left: 10%; }
      .banner-lol-equipements .header-sub-title {
        top: 160px;
        position: relative;
        left: 14.5%;
        font: normal normal 100 25px/34px Open Sans;
        width: 27%; }
      .banner-lol-equipements .btn-blue {
        margin-left: 10%;
        margin-top: 25px; } }

.banner-lol-equipements-subtitle {
  color: white;
  padding-top: 26px; }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-subtitle h2 {
      margin: 0;
      position: relative;
      text-align: center;
      font: normal normal 400 15px/20px Open Sans;
      letter-spacing: 0px;
      color: #004994;
      opacity: 1; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-subtitle h2 {
      width: 330px;
      heigth: 44px;
      left: 50%;
      transform: translateX(-50%); } }

.banner-lol-equipements-menu {
  padding-top: 0;
  padding-bottom: 0;
  height: 100px; }

@media screen and (max-width: 671px) and (max-width: 375px) {
  .banner-lol-equipements-menu .menu-cur-img {
    width: 225px !important;
    height: 50px !important; } }

@media screen and (max-width: 671px) and (min-width: 376px) {
  .banner-lol-equipements-menu .menu-cur-img {
    width: 100% !important;
    height: auto;
    max-width: 365px !important;
    max-height: 90px !important; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-menu .menu-prev {
      display: table-cell;
      background-image: url("/images/lolhomeoffice/equipements/background_prev_next.png");
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-menu .menu-prev {
      width: 50px;
      height: 50px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-menu .menu-prev {
      width: 15%;
      height: auto; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-menu .menu-prev-img {
      transform: rotate(180deg);
      cursor: pointer; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-menu .menu-prev-img {
      width: 4.57px;
      height: 8px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-menu .menu-prev-img {
      width: 6.86px;
      height: 12px; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-menu .menu-next-img {
      cursor: pointer; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-menu .menu-next-img {
      width: 4.57px;
      height: 8px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-menu .menu-next-img {
      width: 6.86px;
      height: 12px;
      color: red; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-menu .nav_prev {
      width: 17px;
      display: table-cell;
      vertical-align: middle; }
    .banner-lol-equipements-menu .menu-next {
      display: table-cell;
      background-image: url(" /images/lolhomeoffice/equipements/background_prev_next.png");
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-menu .menu-next {
      width: 50px;
      height: 50px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-menu .menu-next {
      width: 15%;
      height: auto; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-menu .nav_next {
      width: 17px;
      display: table-cell;
      vertical-align: middle; }
    .banner-lol-equipements-menu .menu-1 {
      display: block;
      left: 50%;
      transform: translateX(-50%);
      position: relative;
      padding-left: 7px; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-menu .menu-1 {
      width: 375px;
      height: 50px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-menu .menu-1 {
      width: 90%;
      height: auto; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-menu .menu-1-cur {
      display: table-cell;
      text-align: center; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-menu .menu-1-cur {
      width: 225px;
      height: 50px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-menu .menu-1-cur {
      width: 60%;
      height: auto; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-menu .menu-2 {
      display: none;
      left: 50%;
      transform: translateX(-50%);
      position: relative;
      padding-left: 7px; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-menu .menu-2 {
      width: 375px;
      height: 50px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-menu .menu-2 {
      width: 90%;
      height: auto; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-menu .menu-2-cur {
      display: table-cell;
      text-align: center; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-menu .menu-2-cur {
      width: 225px;
      height: 50px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-menu .menu-2-cur {
      width: 60%;
      height: auto; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-menu .menu-3 {
      display: none;
      left: 50%;
      transform: translateX(-50%);
      position: relative;
      padding-left: 7px; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-menu .menu-3 {
      width: 375px;
      height: 50px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-menu .menu-3 {
      width: 90%;
      height: auto; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-menu .menu-3-cur {
      display: table-cell;
      text-align: center; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-menu .menu-3-cur {
      width: 225px;
      height: 50px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-menu .menu-3-cur {
      width: 60%;
      height: auto; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-menu .menu-4 {
      display: none;
      left: 50%;
      transform: translateX(-50%);
      position: relative;
      padding-left: 7px; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-menu .menu-4 {
      width: 375px;
      height: 50px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-menu .menu-4 {
      width: 90%;
      height: auto; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-menu .menu-4-cur {
      text-align: center;
      display: table-cell; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-menu .menu-4-cur {
      width: 225px;
      height: 50px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-menu .menu-4-cur {
      width: 60%;
      height: auto; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-menu .menu-5 {
      display: none;
      left: 50%;
      transform: translateX(-50%);
      position: relative;
      padding-left: 7px; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-menu .menu-5 {
      width: 375px;
      height: 50px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-menu .menu-5 {
      width: 90%;
      height: auto; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-menu .menu-5-cur {
      display: table-cell;
      text-align: center; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-menu .menu-5-cur {
      width: 225px;
      height: 50px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-menu .menu-5-cur {
      width: 60%;
      height: auto; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-menu .menu-6 {
      display: none;
      left: 50%;
      transform: translateX(-50%);
      position: relative;
      padding-left: 7px; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-menu .menu-6 {
      width: 375px;
      height: 50px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-menu .menu-6 {
      width: 90%;
      height: auto; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-menu .menu-6-cur {
      display: table-cell;
      text-align: center; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-menu .menu-6-cur {
      width: 225px;
      height: 50px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-menu .menu-6-cur {
      width: 60%;
      height: auto; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-menu .menu-1-title {
      position: absolute;
      color: white;
      Text-Transform: uppercase;
      top: 50%;
      transform: translateY(-50%); } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-menu .menu-1-title {
      font: normal normal 100 13px/18px Open Sans;
      width: 180px;
      left: 110px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-menu .menu-1-title {
      font: normal normal 100 13px/18px Open Sans;
      width: 45%;
      left: 32%; } }
  @media screen and (max-width: 671px) and (min-width: 387px) {
    .banner-lol-equipements-menu .menu-1-title {
      font: normal normal 100 13px/18px Open Sans;
      width: 43%;
      left: 32%; } }
  @media screen and (max-width: 671px) and (min-width: 415px) {
    .banner-lol-equipements-menu .menu-1-title {
      font: normal normal 100 13px/18px Open Sans;
      width: 40%;
      left: 32%; } }
  @media screen and (max-width: 671px) and (min-width: 470px) {
    .banner-lol-equipements-menu .menu-1-title {
      font: normal normal 100 14px/20px Open Sans;
      width: 40%;
      left: 32%; } }
  @media screen and (max-width: 671px) and (min-width: 540px) {
    .banner-lol-equipements-menu .menu-1-title {
      font: normal normal 100 16px/22px Open Sans;
      width: 43%;
      left: 30%; } }
  @media screen and (max-width: 671px) and (min-width: 600px) {
    .banner-lol-equipements-menu .menu-1-title {
      font: normal normal 100 18px/24px Open Sans;
      width: 43%;
      left: 30%; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-menu .menu-2-title {
      position: absolute;
      color: white;
      Text-Transform: uppercase;
      top: 50%;
      transform: translateY(-50%); } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-menu .menu-2-title {
      font: normal normal 100 13px/18px Open Sans;
      width: 165px;
      left: 115px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-menu .menu-2-title {
      font: normal normal 100 12px/16px Open Sans;
      width: 45%;
      left: 32%; } }
  @media screen and (max-width: 671px) and (min-width: 393px) {
    .banner-lol-equipements-menu .menu-2-title {
      font: normal normal 100 13px/18px Open Sans;
      width: 45%;
      left: 32%; } }
  @media screen and (max-width: 671px) and (min-width: 411px) {
    .banner-lol-equipements-menu .menu-2-title {
      font: normal normal 100 13px/18px Open Sans;
      width: 43%;
      left: 32%; } }
  @media screen and (max-width: 671px) and (min-width: 441px) {
    .banner-lol-equipements-menu .menu-2-title {
      font: normal normal 100 13px/18px Open Sans;
      width: 40%;
      left: 32%; } }
  @media screen and (max-width: 671px) and (min-width: 474px) {
    .banner-lol-equipements-menu .menu-2-title {
      font: normal normal 100 14px/20px Open Sans;
      width: 40%;
      left: 32%; } }
  @media screen and (max-width: 671px) and (min-width: 540px) {
    .banner-lol-equipements-menu .menu-2-title {
      font: normal normal 100 16px/22px Open Sans;
      width: 43%;
      left: 30%; } }
  @media screen and (max-width: 671px) and (min-width: 600px) {
    .banner-lol-equipements-menu .menu-2-title {
      font: normal normal 100 18px/24px Open Sans;
      width: 43%;
      left: 30%; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-menu .menu-3-title {
      position: absolute;
      color: white;
      Text-Transform: uppercase;
      top: 50%;
      transform: translateY(-50%); } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-menu .menu-3-title {
      left: 115px;
      font: normal normal 100 13px/18px Open Sans;
      width: 165px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-menu .menu-3-title {
      font: normal normal 100 12px/16px Open Sans;
      width: 45%;
      left: 32%; } }
  @media screen and (max-width: 671px) and (min-width: 397px) {
    .banner-lol-equipements-menu .menu-3-title {
      font: normal normal 100 13px/18px Open Sans;
      width: 45%;
      left: 32%; } }
  @media screen and (max-width: 671px) and (min-width: 415px) {
    .banner-lol-equipements-menu .menu-3-title {
      font: normal normal 100 13px/18px Open Sans;
      width: 43%;
      left: 32%; } }
  @media screen and (max-width: 671px) and (min-width: 445px) {
    .banner-lol-equipements-menu .menu-3-title {
      font: normal normal 100 13px/18px Open Sans;
      width: 40%;
      left: 32%; } }
  @media screen and (max-width: 671px) and (min-width: 478px) {
    .banner-lol-equipements-menu .menu-3-title {
      font: normal normal 100 14px/20px Open Sans;
      width: 40%;
      left: 32%; } }
  @media screen and (max-width: 671px) and (min-width: 540px) {
    .banner-lol-equipements-menu .menu-3-title {
      font: normal normal 100 16px/22px Open Sans;
      width: 43%;
      left: 30%; } }
  @media screen and (max-width: 671px) and (min-width: 600px) {
    .banner-lol-equipements-menu .menu-3-title {
      font: normal normal 100 18px/24px Open Sans;
      width: 43%;
      left: 30%; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-menu .menu-4-title {
      position: absolute;
      color: white;
      Text-Transform: uppercase;
      top: 50%;
      transform: translateY(-50%); } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-menu .menu-4-title {
      left: 110px;
      width: 180px;
      font: normal normal 100 13px/18px Open Sans; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-menu .menu-4-title {
      font: normal normal 100 12px/16px Open Sans;
      width: 45%;
      left: 33%; } }
  @media screen and (max-width: 671px) and (min-width: 401px) {
    .banner-lol-equipements-menu .menu-4-title {
      font: normal normal 100 12px/16px Open Sans;
      width: 44%;
      left: 36%; } }
  @media screen and (max-width: 671px) and (min-width: 420px) {
    .banner-lol-equipements-menu .menu-4-title {
      font: normal normal 100 12px/16px Open Sans;
      width: 40%;
      left: 36%; } }
  @media screen and (max-width: 671px) and (min-width: 477px) {
    .banner-lol-equipements-menu .menu-4-title {
      font: normal normal 100 13px/18px Open Sans;
      width: 41%;
      left: 35%; } }
  @media screen and (max-width: 671px) and (min-width: 489px) {
    .banner-lol-equipements-menu .menu-4-title {
      font: normal normal 100 14px/20px Open Sans;
      width: 40%;
      left: 32%; } }
  @media screen and (max-width: 671px) and (min-width: 540px) {
    .banner-lol-equipements-menu .menu-4-title {
      font: normal normal 100 16px/22px Open Sans;
      width: 42%;
      left: 33%; } }
  @media screen and (max-width: 671px) and (min-width: 600px) {
    .banner-lol-equipements-menu .menu-4-title {
      font: normal normal 100 18px/24px Open Sans;
      width: 42%;
      left: 33%; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-menu .menu-5-title {
      position: absolute;
      color: white;
      Text-Transform: uppercase;
      top: 50%;
      transform: translateY(-50%); } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-menu .menu-5-title {
      left: 110px;
      width: 180px;
      font: normal normal 100 13px/18px Open Sans; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-menu .menu-5-title {
      font: normal normal 100 12px/16px Open Sans;
      width: 43%;
      left: 32%; } }
  @media screen and (max-width: 671px) and (min-width: 428px) {
    .banner-lol-equipements-menu .menu-5-title {
      font: normal normal 100 13px/18px Open Sans;
      width: 40%;
      left: 36%; } }
  @media screen and (max-width: 671px) and (min-width: 470px) {
    .banner-lol-equipements-menu .menu-5-title {
      font: normal normal 100 14px/20px Open Sans;
      width: 40%;
      left: 36%; } }
  @media screen and (max-width: 671px) and (min-width: 540px) {
    .banner-lol-equipements-menu .menu-5-title {
      font: normal normal 100 16px/22px Open Sans;
      width: 43%;
      left: 34%; } }
  @media screen and (max-width: 671px) and (min-width: 600px) {
    .banner-lol-equipements-menu .menu-5-title {
      font: normal normal 100 18px/24px Open Sans;
      width: 43%;
      left: 33%; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-menu .menu-6-title {
      position: absolute;
      color: white;
      Text-Transform: uppercase;
      top: 50%;
      transform: translateY(-50%); } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-menu .menu-6-title {
      left: 110px;
      width: 180px;
      font: normal normal 100 13px/18px Open Sans; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-menu .menu-6-title {
      font: normal normal 100 12px/16px Open Sans;
      width: 43%;
      left: 32%; } }
  @media screen and (max-width: 671px) and (min-width: 428px) {
    .banner-lol-equipements-menu .menu-6-title {
      font: normal normal 100 13px/18px Open Sans;
      width: 40%;
      left: 36%; } }
  @media screen and (max-width: 671px) and (min-width: 470px) {
    .banner-lol-equipements-menu .menu-6-title {
      font: normal normal 100 14px/20px Open Sans;
      width: 40%;
      left: 36%; } }
  @media screen and (max-width: 671px) and (min-width: 540px) {
    .banner-lol-equipements-menu .menu-6-title {
      font: normal normal 100 16px/22px Open Sans;
      width: 43%;
      left: 34%; } }
  @media screen and (max-width: 671px) and (min-width: 600px) {
    .banner-lol-equipements-menu .menu-6-title {
      font: normal normal 100 18px/24px Open Sans;
      width: 43%;
      left: 33%; } }

@media screen and (max-width: 671px) and (max-width: 375px) {
  .banner-lol-equipements-menu .menu_thumb {
    width: 45px !important;
    height: 50px !important; } }

@media screen and (max-width: 671px) and (min-width: 376px) {
  .banner-lol-equipements-menu .menu_thumb {
    width: 90% !important;
    height: auto !important; } }
  @media screen and (min-width: 672px) {
    .banner-lol-equipements-menu {
      top: 39.47px;
      height: 110px !important; }
      .banner-lol-equipements-menu .menu-cur-img {
        width: 100% !important;
        height: auto !important;
        max-width: 437px !important;
        max-height: 90px !important; }
      .banner-lol-equipements-menu .menu-prev {
        width: 15%;
        height: auto;
        display: table-cell;
        background-image: url("/images/lolhomeoffice/equipements/background_prev_next.png");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        max-height: 90px !important; }
      .banner-lol-equipements-menu .menu-prev-img {
        transform: rotate(180deg); }
      .banner-lol-equipements-menu .menu-prev-img,.banner-lol-equipements-menu .menu-next-img {
        width: 6.86px !important;
        height: 12px !important;
        cursor: pointer; }
      .banner-lol-equipements-menu .menu-next-img {
        color: red; }
      .banner-lol-equipements-menu .nav_prev {
        width: 17px;
        display: table-cell;
        vertical-align: middle;
        max-height: 90px !important; }
      .banner-lol-equipements-menu .menu-next {
        width: 15%;
        height: auto;
        display: table-cell;
        background-image: url(" /images/lolhomeoffice/equipements/background_prev_next.png");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        max-height: 90px !important; }
      .banner-lol-equipements-menu .nav_next {
        width: 17px;
        display: table-cell;
        vertical-align: middle;
        max-height: 90px !important; }
      .banner-lol-equipements-menu .menu-1 {
        display: block;
        width: 70%;
        height: auto;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        padding-left: 7px;
        max-height: 90px !important; }
      .banner-lol-equipements-menu .menu-1-cur {
        width: 65.5%;
        height: auto;
        display: table-cell;
        text-align: center;
        max-height: 90px !important; }
      .banner-lol-equipements-menu .menu-2 {
        display: none;
        width: 70%;
        height: auto;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        padding-left: 7px;
        max-height: 90px !important; }
      .banner-lol-equipements-menu .menu-2-cur {
        width: 65.5%;
        height: auto;
        display: table-cell;
        text-align: center;
        max-height: 90px !important; }
      .banner-lol-equipements-menu .menu-3 {
        display: none;
        width: 70%;
        height: auto;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        padding-left: 7px;
        max-height: 90px !important; }
      .banner-lol-equipements-menu .menu-3-cur {
        width: 65.5%;
        height: auto;
        display: table-cell;
        text-align: center;
        max-height: 90px !important; }
      .banner-lol-equipements-menu .menu-4 {
        display: none;
        width: 70%;
        height: auto;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        padding-left: 7px;
        max-height: 90px !important; }
      .banner-lol-equipements-menu .menu-4-cur {
        width: 65.5%;
        height: auto;
        text-align: center;
        display: table-cell;
        max-height: 90px !important; }
      .banner-lol-equipements-menu .menu-5 {
        display: none;
        width: 70%;
        height: auto;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        padding-left: 7px;
        max-height: 90px !important; }
      .banner-lol-equipements-menu .menu-5-cur {
        width: 65.5%;
        height: auto;
        display: table-cell;
        text-align: center;
        max-height: 90px !important; }
      .banner-lol-equipements-menu .menu-6 {
        display: none;
        width: 70%;
        height: auto;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        padding-left: 7px;
        max-height: 90px !important; }
      .banner-lol-equipements-menu .menu-6-cur {
        width: 65.5%;
        height: auto;
        display: table-cell;
        text-align: center;
        max-height: 90px !important; }
      .banner-lol-equipements-menu .menu-1-title {
        position: absolute;
        color: white;
        Text-Transform: uppercase;
        top: 50%;
        transform: translateY(-50%); } }
    @media screen and (min-width: 672px) and (min-width: 672px) {
      .banner-lol-equipements-menu .menu-1-title {
        font: normal normal 100 17px/22px Open Sans;
        width: 47.2% !important;
        left: 31.5%; } }
    @media screen and (min-width: 672px) and (min-width: 734px) {
      .banner-lol-equipements-menu .menu-1-title {
        font: normal normal 100 18px/24px Open Sans;
        width: 43.2% !important;
        left: 33.5%; } }
    @media screen and (min-width: 672px) and (min-width: 809px) {
      .banner-lol-equipements-menu .menu-1-title {
        font: normal normal 100 18px/24px Open Sans;
        width: 39.2% !important;
        left: 35.5%; } }
    @media screen and (min-width: 672px) and (min-width: 901px) {
      .banner-lol-equipements-menu .menu-1-title {
        font: normal normal 100 18px/24px Open Sans;
        width: 35.2% !important;
        left: 36.5%; } }
    @media screen and (min-width: 672px) and (min-width: 955px) {
      .banner-lol-equipements-menu .menu-1-title {
        font: normal normal 100 18px/24px Open Sans;
        width: 33.2% !important;
        left: 37.5%; } }
    @media screen and (min-width: 672px) and (min-width: 985px) {
      .banner-lol-equipements-menu .menu-1-title {
        font: normal normal 100 18px/24px Open Sans;
        width: 32.2% !important;
        left: 37.5%; } }
    @media screen and (min-width: 672px) and (min-width: 1016px) {
      .banner-lol-equipements-menu .menu-1-title {
        font: normal normal 100 18px/24px Open Sans;
        width: 31.2% !important;
        left: 38%; } }
  @media screen and (min-width: 672px) {
      .banner-lol-equipements-menu .menu-2-title {
        position: absolute;
        color: white;
        Text-Transform: uppercase;
        top: 50%;
        transform: translateY(-50%); } }
    @media screen and (min-width: 672px) and (min-width: 672px) {
      .banner-lol-equipements-menu .menu-2-title {
        font: normal normal 100 17px/22px Open Sans;
        width: 49.2% !important;
        left: 30%; } }
    @media screen and (min-width: 672px) and (min-width: 686px) {
      .banner-lol-equipements-menu .menu-2-title {
        font: normal normal 100 18px/24px Open Sans;
        width: 49.2% !important;
        left: 30%; } }
    @media screen and (min-width: 672px) and (min-width: 746px) {
      .banner-lol-equipements-menu .menu-2-title {
        font: normal normal 100 18px/24px Open Sans;
        width: 45.2% !important;
        left: 31%; } }
    @media screen and (min-width: 672px) and (min-width: 907px) {
      .banner-lol-equipements-menu .menu-2-title {
        font: normal normal 100 18px/24px Open Sans;
        width: 41.2% !important;
        left: 33%; } }
    @media screen and (min-width: 672px) and (min-width: 919px) {
      .banner-lol-equipements-menu .menu-2-title {
        font: normal normal 100 18px/24px Open Sans;
        width: 37.2% !important;
        left: 35%; } }
    @media screen and (min-width: 672px) and (min-width: 1047px) {
      .banner-lol-equipements-menu .menu-2-title {
        font: normal normal 100 18px/24px Open Sans;
        width: 32.2% !important;
        left: 38%; } }
  @media screen and (min-width: 672px) {
      .banner-lol-equipements-menu .menu-3-title {
        position: absolute;
        color: white;
        Text-Transform: uppercase;
        top: 50%;
        transform: translateY(-50%); } }
    @media screen and (min-width: 672px) and (min-width: 672px) {
      .banner-lol-equipements-menu .menu-3-title {
        font: normal normal 100 17px/22px Open Sans;
        width: 49.2% !important;
        left: 30%; } }
    @media screen and (min-width: 672px) and (min-width: 692px) {
      .banner-lol-equipements-menu .menu-3-title {
        font: normal normal 100 18px/24px Open Sans;
        width: 49.2% !important;
        left: 30%; } }
    @media screen and (min-width: 672px) and (min-width: 753px) {
      .banner-lol-equipements-menu .menu-3-title {
        font: normal normal 100 18px/24px Open Sans;
        width: 45.2% !important;
        left: 31%; } }
    @media screen and (min-width: 672px) and (min-width: 907px) {
      .banner-lol-equipements-menu .menu-3-title {
        font: normal normal 100 18px/24px Open Sans;
        width: 41.2% !important;
        left: 33%; } }
    @media screen and (min-width: 672px) and (min-width: 919px) {
      .banner-lol-equipements-menu .menu-3-title {
        font: normal normal 100 18px/24px Open Sans;
        width: 37.2% !important;
        left: 35%; } }
    @media screen and (min-width: 672px) and (min-width: 1047px) {
      .banner-lol-equipements-menu .menu-3-title {
        font: normal normal 100 18px/24px Open Sans;
        width: 33.2% !important;
        left: 38%; } }
  @media screen and (min-width: 672px) {
      .banner-lol-equipements-menu .menu-4-title {
        position: absolute;
        color: white;
        Text-Transform: uppercase;
        top: 50%;
        transform: translateY(-50%); } }
    @media screen and (min-width: 672px) and (min-width: 672px) {
      .banner-lol-equipements-menu .menu-4-title {
        font: normal normal 100 17px/22px Open Sans;
        width: 49%;
        left: 29%; } }
    @media screen and (min-width: 672px) and (min-width: 710px) {
      .banner-lol-equipements-menu .menu-4-title {
        font: normal normal 100 18px/24px Open Sans;
        width: 49%;
        left: 29%; } }
    @media screen and (min-width: 672px) and (min-width: 757px) {
      .banner-lol-equipements-menu .menu-4-title {
        font: normal normal 100 18px/24px Open Sans;
        width: 46%;
        left: 31%; } }
    @media screen and (min-width: 672px) and (min-width: 829px) {
      .banner-lol-equipements-menu .menu-4-title {
        font: normal normal 100 18px/24px Open Sans;
        width: 42%;
        left: 33%; } }
  @media screen and (min-width: 672px) {
      .banner-lol-equipements-menu .menu-5-title {
        position: absolute;
        color: white;
        Text-Transform: uppercase;
        top: 50%;
        transform: translateY(-50%); } }
    @media screen and (min-width: 672px) and (min-width: 672px) {
      .banner-lol-equipements-menu .menu-5-title {
        font: normal normal 100 17px/22px Open Sans;
        width: 47.2% !important;
        left: 31%; } }
    @media screen and (min-width: 672px) and (min-width: 715px) {
      .banner-lol-equipements-menu .menu-5-title {
        font: normal normal 100 17px/22px Open Sans;
        width: 43.2% !important;
        left: 32%; } }
    @media screen and (min-width: 672px) and (min-width: 757px) {
      .banner-lol-equipements-menu .menu-5-title {
        font: normal normal 100 18px/24px Open Sans;
        width: 43.2% !important;
        left: 32%; } }
    @media screen and (min-width: 672px) and (min-width: 833px) {
      .banner-lol-equipements-menu .menu-5-title {
        font: normal normal 100 18px/24px Open Sans;
        width: 39.2% !important;
        left: 34%; } }
    @media screen and (min-width: 672px) and (min-width: 929px) {
      .banner-lol-equipements-menu .menu-5-title {
        font: normal normal 100 18px/24px Open Sans;
        width: 35.2% !important;
        left: 36%; } }
  @media screen and (min-width: 672px) {
      .banner-lol-equipements-menu .menu-6-title {
        position: absolute;
        color: white;
        Text-Transform: uppercase;
        top: 50%;
        transform: translateY(-50%); } }
    @media screen and (min-width: 672px) and (min-width: 672px) {
      .banner-lol-equipements-menu .menu-6-title {
        font: normal normal 100 17px/22px Open Sans;
        width: 47.2% !important;
        left: 31%; } }
    @media screen and (min-width: 672px) and (min-width: 715px) {
      .banner-lol-equipements-menu .menu-6-title {
        font: normal normal 100 17px/22px Open Sans;
        width: 43.2% !important;
        left: 32%; } }
    @media screen and (min-width: 672px) and (min-width: 757px) {
      .banner-lol-equipements-menu .menu-6-title {
        font: normal normal 100 18px/24px Open Sans;
        width: 43.2% !important;
        left: 32%; } }
    @media screen and (min-width: 672px) and (min-width: 833px) {
      .banner-lol-equipements-menu .menu-6-title {
        font: normal normal 100 18px/24px Open Sans;
        width: 39.2% !important;
        left: 34%; } }
    @media screen and (min-width: 672px) and (min-width: 929px) {
      .banner-lol-equipements-menu .menu-6-title {
        font: normal normal 100 18px/24px Open Sans;
        width: 35.2% !important;
        left: 36%; } }
  @media screen and (min-width: 672px) {
      .banner-lol-equipements-menu .menu_thumb {
        width: 90% !important;
        height: auto !important;
        max-height: 90px !important; } }

.banner-lol-equipements-equipement {
  color: black; }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-equipement .detail-title-1 {
      display: block;
      font: normal normal 400 16px/22px Open Sans; }
    .banner-lol-equipements-equipement .detail-title-2,.banner-lol-equipements-equipement .detail-title-3,.banner-lol-equipements-equipement .detail-title-4,.banner-lol-equipements-equipement .detail-title-5,.banner-lol-equipements-equipement .detail-title-6 {
      display: none;
      font: normal normal 400 16px/22px Open Sans; }
    .banner-lol-equipements-equipement .detail-img-1 {
      display: block;
      padding-top: 29px; }
    .banner-lol-equipements-equipement .detail-img-2,.banner-lol-equipements-equipement .detail-img-3,.banner-lol-equipements-equipement .detail-img-4,.banner-lol-equipements-equipement .detail-img-5,.banner-lol-equipements-equipement .detail-img-6 {
      display: none;
      padding-top: 29px; } }

@media screen and (max-width: 671px) and (max-width: 375px) {
  .banner-lol-equipements-equipement .equipement_img {
    width: 310px !important; } }

@media screen and (max-width: 671px) and (min-width: 376px) {
  .banner-lol-equipements-equipement .equipement_img {
    width: 47% !important; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-equipement .link_buy {
      color: #FFFFFF;
      padding: 10px 45px;
      background-color: #00A3E2;
      border-radius: 5px;
      box-shadow: 0px 3px 2px #00000033;
      font-size: 17px; }
    .banner-lol-equipements-equipement .div_buy {
      width: 100%; }
    .banner-lol-equipements-equipement .arrow_buy {
      width: 4.57px;
      height: 8px; }
    .banner-lol-equipements-equipement .detail-txt-1 {
      display: block;
      padding-top: 36px;
      text-align: center;
      left: 50%;
      transform: translateX(-50%);
      position: relative; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-equipement .detail-txt-1 {
      width: 315px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-equipement .detail-txt-1 {
      width: 70%; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-equipement .detail-txt-2 {
      display: none;
      padding-top: 36px;
      font-size: 16px;
      left: 50%;
      transform: translateX(-50%);
      position: relative; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-equipement .detail-txt-2 {
      width: 315px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-equipement .detail-txt-2 {
      width: 70%; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-equipement .detail-txt-3 {
      display: none;
      padding-top: 36px;
      text-align: center;
      left: 50%;
      transform: translateX(-50%);
      position: relative; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-equipement .detail-txt-3 {
      width: 315px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-equipement .detail-txt-3 {
      width: 70%; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-equipement .detail-txt-4 {
      display: none;
      padding-top: 36px;
      text-align: center;
      left: 50%;
      transform: translateX(-50%);
      position: relative; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-equipement .detail-txt-4 {
      width: 315px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-equipement .detail-txt-4 {
      width: 70%; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-equipement .detail-txt-5 {
      display: none;
      padding-top: 36px;
      text-align: center;
      left: 50%;
      transform: translateX(-50%);
      position: relative; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-equipement .detail-txt-5 {
      width: 315px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-equipement .detail-txt-5 {
      width: 70%; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-equipement .detail-txt-6 {
      display: none;
      padding-top: 36px;
      text-align: center;
      left: 50%;
      transform: translateX(-50%);
      position: relative; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-equipement .detail-txt-6 {
      width: 315px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-equipement .detail-txt-6 {
      width: 70%; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-equipement .paragraphe {
      padding-top: 24px;
      width: 100%;
      font: normal normal 100 16px/22px Open Sans; }
    .banner-lol-equipements-equipement .title {
      padding-top: 24px;
      width: 100;
      font: normal normal 400 16px/22px Open Sans;
      color: #00A3E2; }
    .banner-lol-equipements-equipement .img_fritz {
      padding-top: 24px;
      left: 50%;
      transform: translateX(-50%);
      position: relative;
      text-align: left !important; } }
  @media screen and (max-width: 671px) and (max-width: 480px) {
    .banner-lol-equipements-equipement .img_fritz {
      width: 315px;
      height: 178px; } }
  @media screen and (max-width: 671px) and (min-width: 481px) {
    .banner-lol-equipements-equipement .img_fritz {
      width: 475px;
      height: 267px; } }
  @media screen and (max-width: 671px) {
    .banner-lol-equipements-equipement .equipement_fritz {
      height: auto !important; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-equipement .equipement_fritz {
      width: 315px !important; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-equipement .equipement_fritz {
      width: 70% !important; } }
  @media screen and (min-width: 672px) {
    .banner-lol-equipements-equipement {
      padding-bottom: 100px !important; }
      .banner-lol-equipements-equipement .detail-title-1 {
        display: block;
        padding-top: 61px;
        width: 78%;
        font: normal normal 400 16px/22px Open Sans; }
      .banner-lol-equipements-equipement .detail-title-2,.banner-lol-equipements-equipement .detail-title-3,.banner-lol-equipements-equipement .detail-title-4,.banner-lol-equipements-equipement .detail-title-5,.banner-lol-equipements-equipement .detail-title-6 {
        display: none;
        padding-top: 61px;
        width: 78%;
        font: normal normal 400 16px/22px Open Sans; }
      .banner-lol-equipements-equipement .detail-img-1 {
        width: 78%;
        display: block;
        padding-top: 29px; }
      .banner-lol-equipements-equipement .detail-img-2,.banner-lol-equipements-equipement .detail-img-3,.banner-lol-equipements-equipement .detail-img-4,.banner-lol-equipements-equipement .detail-img-5,.banner-lol-equipements-equipement .detail-img-6 {
        width: 78%;
        display: none;
        padding-top: 29px; }
      .banner-lol-equipements-equipement .equipement_img {
        width: 65% !important;
        height: auto !important; }
      .banner-lol-equipements-equipement .link_buy {
        color: #FFFFFF;
        padding: 10px 45px;
        background-color: #00A3E2;
        border-radius: 5px;
        box-shadow: 0px 3px 2px #00000033;
        font-size: 17px; }
      .banner-lol-equipements-equipement .div_buy {
        width: 100%; }
      .banner-lol-equipements-equipement .arrow_buy {
        width: 4.57px !important;
        height: 8px !important; }
      .banner-lol-equipements-equipement .detail-txt-1 {
        display: block;
        padding-top: 39px;
        text-align: left;
        width: 62%;
        left: 36%;
        transform: inherit;
        position: relative; }
      .banner-lol-equipements-equipement .detail-txt-2,.banner-lol-equipements-equipement .detail-txt-3,.banner-lol-equipements-equipement .detail-txt-4,.banner-lol-equipements-equipement .detail-txt-5,.banner-lol-equipements-equipement .detail-txt-6 {
        display: none;
        padding-top: 39px;
        text-align: left;
        width: 62%;
        left: 36%;
        transform: inherit;
        position: relative; }
      .banner-lol-equipements-equipement .paragraphe {
        padding-top: 22px;
        width: 100%;
        font: normal normal 100 16px/22px Open Sans; }
      .banner-lol-equipements-equipement .title {
        padding-top: 24px;
        width: 100;
        font: normal normal 400 16px/22px Open Sans;
        color: #00A3E2; }
      .banner-lol-equipements-equipement .img_fritz {
        padding-top: 24px;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        text-align: center !important;
        width: 675px;
        height: 380px; }
      .banner-lol-equipements-equipement .equipement_fritz {
        width: 64% !important;
        height: auto !important; } }
  @media screen and (min-width: 1056px) {
    .banner-lol-equipements-equipement {
      padding-bottom: 100px !important;
      padding-top: 38.47px !important;
      height: auto; }
      .banner-lol-equipements-equipement .equipement {
        top: inherit !important;
        transform: inherit !important;
        text-align: center !important;
        border-left: 1px solid #BBBABA;
        padding-left: 5%; }
      .banner-lol-equipements-equipement .menuleft {
        padding-left: 0%; }
      .banner-lol-equipements-equipement .menu-cur-img {
        width: 100% !important;
        max-width: 437px;
        float: right; }
      .banner-lol-equipements-equipement .menu_thumb {
        width: 14% !important;
        position: relative;
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
        height: 90px !important;
        width: 90px !important;
        float: left;
        margin-left: 4%; }
      .banner-lol-equipements-equipement .background-circle::before {
        display: block;
        position: absolute;
        top: 0;
        left: 4%;
        content: '';
        width: 90px;
        height: 90px;
        border-radius: 46px;
        background: linear-gradient(323deg, #004994, #00A3E2); }
      .banner-lol-equipements-equipement .oval-animation::before {
        animation: to-oval 0.2s linear forwards; }
    @keyframes to-oval {
      from {
        width: 90px;
        height: 90px;
        border-radius: 46px;
        transform: translateX(0); }
      to {
        width: 100%;
        height: 90px;
        transform: translateX(-5%);
        background: linear-gradient(286deg, #004994, #00A3E2); } }
      .banner-lol-equipements-equipement .circle-animation::before {
        animation: to-circle 0.2s linear forwards; }
    @keyframes to-circle {
      from {
        width: 100%;
        height: 90px;
        transform: translateX(-5%);
        background: linear-gradient(286deg, #004994, #00A3E2); }
      to {
        width: 90px;
        height: 90px;
        border-radius: 46px;
        transform: translateX(0);
        background: linear-gradient(323deg, #004994, #00A3E2); } }
      .banner-lol-equipements-equipement .menu-selected {
        height: 90px !important;
        padding-left: 0%; }
      .banner-lol-equipements-equipement .menu-selected,.banner-lol-equipements-equipement .menu-noselected {
        display: block;
        margin-top: 22px;
        width: 437px !important;
        float: right;
        position: relative; }
      .banner-lol-equipements-equipement .menu-noselected {
        cursor: pointer;
        margin-left: 0%;
        height: auto;
        max-height: 90px !important;
        background-image: inherit;
        background-position: inherit;
        background-size: inherit;
        background-repeat: inherit;
        min-height: 90px; }
      .banner-lol-equipements-equipement .menu-2-arrow-blue,.banner-lol-equipements-equipement .menu-3-arrow-blue,.banner-lol-equipements-equipement .menu-4-arrow-blue,.banner-lol-equipements-equipement .menu-5-arrow-blue,.banner-lol-equipements-equipement .menu-6-arrow-blue,.banner-lol-equipements-equipement .menu-noselected
.menu-1-arrow-blue {
        transform: translateX(0);
        transition: transform .3s; }
      .banner-lol-equipements-equipement .menu-noselected:hover .menu-1-arrow-blue,.banner-lol-equipements-equipement .menu-noselected:hover .menu-2-arrow-blue,.banner-lol-equipements-equipement .menu-noselected:hover .menu-3-arrow-blue,.banner-lol-equipements-equipement .menu-noselected:hover .menu-4-arrow-blue,.banner-lol-equipements-equipement .menu-noselected:hover .menu-5-arrow-blue,.banner-lol-equipements-equipement .menu-noselected:hover .menu-6-arrow-blue {
        transform: translateX(20px);
        transition: transform .3s; }
      .banner-lol-equipements-equipement .menu-select {
        display: none;
        margin-top: 22px;
        width: 90% !important;
        height: 90px !important;
        padding-left: 50px; }
      .banner-lol-equipements-equipement .menu-noselect {
        display: none;
        margin-top: 22px;
        margin-left: 50px;
        width: 17%;
        height: auto;
        max-height: 90px !important;
        background-image: inherit;
        background-position: inherit;
        background-size: inherit;
        background-repeat: inherit; }
      .banner-lol-equipements-equipement .menu-1-title-selected {
        color: white; }
      .banner-lol-equipements-equipement .menu-1-title-selected,.banner-lol-equipements-equipement .menu-1-title-unselected {
        position: absolute;
        Text-Transform: uppercase;
        font: normal normal 100 18px/24px Open Sans;
        width: 52% !important;
        left: inherit;
        right: 20%;
        top: 20%;
        text-align: left; }
      .banner-lol-equipements-equipement .menu-1-title-unselected {
        color: #004994; }
      .banner-lol-equipements-equipement .menu-1-arrow-white,.banner-lol-equipements-equipement .menu-1-arrow-blue {
        width: 5.72px !important;
        height: 10px !important;
        top: 37.3%;
        position: absolute;
        left: inherit;
        right: calc( 10% + 20px); }
      .banner-lol-equipements-equipement .menu-2-title-selected {
        color: white; }
      .banner-lol-equipements-equipement .menu-2-title-selected,.banner-lol-equipements-equipement .menu-2-title-unselected {
        position: absolute;
        Text-Transform: uppercase;
        font: normal normal 100 18px/24px Open Sans;
        width: 52% !important;
        left: inherit;
        right: 20%;
        top: 20%;
        text-align: left; }
      .banner-lol-equipements-equipement .menu-2-title-unselected {
        color: #004994; }
      .banner-lol-equipements-equipement .menu-2-arrow-white,.banner-lol-equipements-equipement .menu-2-arrow-blue {
        width: 5.72px !important;
        height: 10px !important;
        top: 37.3%;
        position: absolute;
        left: inherit;
        right: calc( 10% + 20px); }
      .banner-lol-equipements-equipement .menu-3-title-selected {
        color: white; }
      .banner-lol-equipements-equipement .menu-3-title-selected,.banner-lol-equipements-equipement .menu-3-title-unselected {
        position: absolute;
        Text-Transform: uppercase;
        font: normal normal 100 18px/24px Open Sans;
        width: 52% !important;
        left: inherit;
        right: 20%;
        top: 20%;
        text-align: left; }
      .banner-lol-equipements-equipement .menu-3-title-unselected {
        color: #004994; }
      .banner-lol-equipements-equipement .menu-3-arrow-white,.banner-lol-equipements-equipement .menu-3-arrow-blue {
        width: 5.72px !important;
        height: 10px !important;
        top: 37.3%;
        position: absolute;
        left: inherit;
        right: calc( 10% + 20px); }
      .banner-lol-equipements-equipement .menu-4-title-selected {
        color: white; }
      .banner-lol-equipements-equipement .menu-4-title-selected,.banner-lol-equipements-equipement .menu-4-title-unselected {
        position: absolute;
        Text-Transform: uppercase;
        font: normal normal 100 18px/24px Open Sans;
        width: 52% !important;
        left: inherit;
        right: 20%;
        top: 20%;
        text-align: left; }
      .banner-lol-equipements-equipement .menu-4-title-unselected {
        color: #004994; }
      .banner-lol-equipements-equipement .menu-4-arrow-white,.banner-lol-equipements-equipement .menu-4-arrow-blue {
        width: 5.72px !important;
        height: 10px !important;
        top: 37.3%;
        position: absolute;
        left: inherit;
        right: calc( 10% + 20px); }
      .banner-lol-equipements-equipement .menu-5-title-selected {
        color: white; }
      .banner-lol-equipements-equipement .menu-5-title-selected,.banner-lol-equipements-equipement .menu-5-title-unselected {
        position: absolute;
        Text-Transform: uppercase;
        font: normal normal 100 18px/24px Open Sans;
        width: 52% !important;
        left: inherit;
        right: 20%;
        top: 20%;
        text-align: left; }
      .banner-lol-equipements-equipement .menu-5-title-unselected {
        color: #004994; }
      .banner-lol-equipements-equipement .menu-5-arrow-white {
        top: 45%; }
      .banner-lol-equipements-equipement .menu-5-arrow-white,.banner-lol-equipements-equipement .menu-5-arrow-blue {
        width: 5.72px !important;
        height: 10px !important;
        position: absolute;
        left: inherit;
        right: calc( 10% + 20px); }
      .banner-lol-equipements-equipement .menu-5-arrow-blue {
        top: 37.3%; }
      .banner-lol-equipements-equipement .menu-6-title-selected {
        color: white; }
      .banner-lol-equipements-equipement .menu-6-title-selected,.banner-lol-equipements-equipement .menu-6-title-unselected {
        position: absolute;
        Text-Transform: uppercase;
        font: normal normal 100 18px/24px Open Sans;
        width: 52% !important;
        left: inherit;
        right: 20%;
        top: 35%;
        text-align: left; }
      .banner-lol-equipements-equipement .menu-6-title-unselected {
        color: #004994; }
      .banner-lol-equipements-equipement .menu-6-arrow-white {
        top: 44%; }
      .banner-lol-equipements-equipement .menu-6-arrow-white,.banner-lol-equipements-equipement .menu-6-arrow-blue {
        width: 5.72px !important;
        height: 10px !important;
        position: absolute;
        left: inherit;
        right: calc( 10% + 20px); }
      .banner-lol-equipements-equipement .menu-6-arrow-blue {
        top: 44.3%; }
      .banner-lol-equipements-equipement .detail-title-1 {
        display: block;
        padding-top: 61px;
        width: 78%;
        font: normal normal 400 16px/22px Open Sans; }
      .banner-lol-equipements-equipement .detail-title-2,.banner-lol-equipements-equipement .detail-title-3,.banner-lol-equipements-equipement .detail-title-4,.banner-lol-equipements-equipement .detail-title-5,.banner-lol-equipements-equipement .detail-title-6 {
        display: none;
        padding-top: 61px;
        width: 78%;
        font: normal normal 400 16px/22px Open Sans; }
      .banner-lol-equipements-equipement .detail-img-1 {
        width: 78%;
        display: block;
        padding-top: 29px; }
      .banner-lol-equipements-equipement .detail-img-2,.banner-lol-equipements-equipement .detail-img-3,.banner-lol-equipements-equipement .detail-img-4,.banner-lol-equipements-equipement .detail-img-5,.banner-lol-equipements-equipement .detail-img-6 {
        width: 78%;
        display: none;
        padding-top: 29px; }
      .banner-lol-equipements-equipement .equipement_img {
        width: 65% !important;
        height: auto !important; }
      .banner-lol-equipements-equipement .link_buy {
        color: #FFFFFF;
        padding: 10px 45px;
        background-color: #00A3E2;
        border-radius: 5px;
        box-shadow: 0px 3px 2px #00000033; }
      .banner-lol-equipements-equipement .div_buy {
        width: 100%; }
      .banner-lol-equipements-equipement .arrow_buy {
        width: 4.57px !important;
        height: 8px !important; }
      .banner-lol-equipements-equipement .detail-txt-1 {
        display: block;
        padding-top: 39px;
        text-align: left;
        width: 86%;
        left: 0;
        transform: inherit;
        position: relative; }
      .banner-lol-equipements-equipement .detail-txt-2,.banner-lol-equipements-equipement .detail-txt-3,.banner-lol-equipements-equipement .detail-txt-4,.banner-lol-equipements-equipement .detail-txt-5,.banner-lol-equipements-equipement .detail-txt-6 {
        display: none;
        padding-top: 39px;
        text-align: left;
        width: 86%;
        left: 0;
        transform: inherit;
        position: relative; }
      .banner-lol-equipements-equipement .paragraphe {
        padding-top: 22px;
        width: 100%;
        font: normal normal 100 16px/22px Open Sans; }
      .banner-lol-equipements-equipement .title {
        padding-top: 24px;
        width: 100;
        font: normal normal 400 16px/22px Open Sans;
        color: #00A3E2; }
      .banner-lol-equipements-equipement .img_fritz {
        padding-top: 24px;
        left: inherit;
        transform: inherit;
        position: relative;
        text-align: left !important;
        width: 475px;
        height: 267px; }
      .banner-lol-equipements-equipement .equipement_fritz {
        width: 64% !important;
        height: auto !important; } }
  @media screen and (min-width: 1302px) {
    .banner-lol-equipements-equipement {
      padding-bottom: 100px !important;
      padding-top: 38.47px !important;
      height: auto; }
      .banner-lol-equipements-equipement .equipement {
        top: inherit !important;
        transform: inherit !important;
        text-align: center !important;
        border-left: 1px solid #BBBABA;
        padding-left: 3%;
        height: inherit !important; }
      .banner-lol-equipements-equipement .menuleft {
        padding-left: 2%;
        padding-right: 2%; }
      .banner-lol-equipements-equipement .menu-cur-img {
        width: 100% !important;
        max-width: 437px;
        float: right; }
      .banner-lol-equipements-equipement .menu_thumb {
        width: 14% !important;
        position: relative;
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
        height: 90px !important;
        width: 90px !important;
        float: left;
        margin-left: 4%; }
      .banner-lol-equipements-equipement .menu-selected {
        height: 90px !important;
        padding-left: 0%; }
      .banner-lol-equipements-equipement .menu-selected,.banner-lol-equipements-equipement .menu-noselected {
        display: block;
        margin-top: 22px;
        width: 437px !important;
        float: right;
        position: relative; }
      .banner-lol-equipements-equipement .menu-noselected {
        cursor: pointer;
        margin-left: 0%;
        height: auto;
        max-height: 90px !important;
        background-image: inherit;
        background-position: inherit;
        background-size: inherit;
        background-repeat: inherit;
        min-height: 90px; }
      .banner-lol-equipements-equipement .menu-select {
        display: none;
        margin-top: 22px;
        width: 90% !important;
        height: 90px !important;
        padding-left: 50px; }
      .banner-lol-equipements-equipement .menu-noselect {
        display: none;
        margin-top: 22px;
        margin-left: 50px;
        width: 17%;
        height: auto;
        max-height: 90px !important;
        background-image: inherit;
        background-position: inherit;
        background-size: inherit;
        background-repeat: inherit; }
      .banner-lol-equipements-equipement .menu-1-title-selected {
        color: white; }
      .banner-lol-equipements-equipement .menu-1-title-selected,.banner-lol-equipements-equipement .menu-1-title-unselected {
        position: absolute;
        Text-Transform: uppercase;
        font: normal normal 100 18px/24px Open Sans;
        width: 52% !important;
        left: inherit;
        right: 20%;
        top: 20%;
        text-align: left; }
      .banner-lol-equipements-equipement .menu-1-title-unselected {
        color: #004994; }
      .banner-lol-equipements-equipement .menu-1-arrow-white,.banner-lol-equipements-equipement .menu-1-arrow-blue {
        width: 5.72px !important;
        height: 10px !important;
        top: 37.3%;
        position: absolute;
        left: inherit;
        right: calc( 10% + 20px); }
      .banner-lol-equipements-equipement .menu-2-title-selected {
        color: white; }
      .banner-lol-equipements-equipement .menu-2-title-selected,.banner-lol-equipements-equipement .menu-2-title-unselected {
        position: absolute;
        Text-Transform: uppercase;
        font: normal normal 100 18px/24px Open Sans;
        width: 52% !important;
        left: inherit;
        right: 20%;
        top: 20%;
        text-align: left; }
      .banner-lol-equipements-equipement .menu-2-title-unselected {
        color: #004994; }
      .banner-lol-equipements-equipement .menu-2-arrow-white,.banner-lol-equipements-equipement .menu-2-arrow-blue {
        width: 5.72px !important;
        height: 10px !important;
        top: 37.3%;
        position: absolute;
        left: inherit;
        right: calc( 10% + 20px); }
      .banner-lol-equipements-equipement .menu-3-title-selected {
        color: white; }
      .banner-lol-equipements-equipement .menu-3-title-selected,.banner-lol-equipements-equipement .menu-3-title-unselected {
        position: absolute;
        Text-Transform: uppercase;
        font: normal normal 100 18px/24px Open Sans;
        width: 52% !important;
        left: inherit;
        right: 20%;
        top: 20%;
        text-align: left; }
      .banner-lol-equipements-equipement .menu-3-title-unselected {
        color: #004994; }
      .banner-lol-equipements-equipement .menu-3-arrow-white,.banner-lol-equipements-equipement .menu-3-arrow-blue {
        width: 5.72px !important;
        height: 10px !important;
        top: 37.3%;
        position: absolute;
        left: inherit;
        right: calc( 10% + 20px); }
      .banner-lol-equipements-equipement .menu-4-title-selected {
        color: white; }
      .banner-lol-equipements-equipement .menu-4-title-selected,.banner-lol-equipements-equipement .menu-4-title-unselected {
        position: absolute;
        Text-Transform: uppercase;
        font: normal normal 100 18px/24px Open Sans;
        width: 52% !important;
        left: inherit;
        right: 20%;
        top: 20%;
        text-align: left; }
      .banner-lol-equipements-equipement .menu-4-title-unselected {
        color: #004994; }
      .banner-lol-equipements-equipement .menu-4-arrow-white,.banner-lol-equipements-equipement .menu-4-arrow-blue {
        width: 5.72px !important;
        height: 10px !important;
        top: 37.3%;
        position: absolute;
        left: inherit;
        right: calc( 10% + 20px); }
      .banner-lol-equipements-equipement .menu-5-title-selected {
        color: white; }
      .banner-lol-equipements-equipement .menu-5-title-selected,.banner-lol-equipements-equipement .menu-5-title-unselected {
        position: absolute;
        Text-Transform: uppercase;
        font: normal normal 100 18px/24px Open Sans;
        width: 52% !important;
        left: inherit;
        right: 20%;
        top: 20%;
        text-align: left; }
      .banner-lol-equipements-equipement .menu-5-title-unselected {
        color: #004994; }
      .banner-lol-equipements-equipement .menu-5-arrow-white {
        top: 45%; }
      .banner-lol-equipements-equipement .menu-5-arrow-white,.banner-lol-equipements-equipement .menu-5-arrow-blue {
        width: 5.72px !important;
        height: 10px !important;
        position: absolute;
        left: inherit;
        right: calc( 10% + 20px); }
      .banner-lol-equipements-equipement .menu-5-arrow-blue {
        top: 37.3%; }
      .banner-lol-equipements-equipement .menu-6-title-selected {
        color: white; }
      .banner-lol-equipements-equipement .menu-6-title-selected,.banner-lol-equipements-equipement .menu-6-title-unselected {
        position: absolute;
        Text-Transform: uppercase;
        font: normal normal 100 18px/24px Open Sans;
        width: 52% !important;
        left: inherit;
        right: 20%;
        top: 35%;
        text-align: left; }
      .banner-lol-equipements-equipement .menu-6-title-unselected {
        color: #004994; }
      .banner-lol-equipements-equipement .menu-6-arrow-white {
        top: 45%; }
      .banner-lol-equipements-equipement .menu-6-arrow-white,.banner-lol-equipements-equipement .menu-6-arrow-blue {
        width: 5.72px !important;
        height: 10px !important;
        position: absolute;
        left: inherit;
        right: calc( 10% + 20px); }
      .banner-lol-equipements-equipement .menu-6-arrow-blue {
        top: 44.3%; }
      .banner-lol-equipements-equipement .detail-title-1 {
        display: block;
        padding-top: 61px;
        width: 78%;
        font: normal normal 400 16px/22px Open Sans; }
      .banner-lol-equipements-equipement .detail-title-2,.banner-lol-equipements-equipement .detail-title-3,.banner-lol-equipements-equipement .detail-title-4,.banner-lol-equipements-equipement .detail-title-5,.banner-lol-equipements-equipement .detail-title-6 {
        display: none;
        padding-top: 61px;
        width: 78%;
        font: normal normal 400 16px/22px Open Sans; }
      .banner-lol-equipements-equipement .detail-img-1 {
        width: 78%;
        display: block;
        padding-top: 29px; }
      .banner-lol-equipements-equipement .detail-img-2,.banner-lol-equipements-equipement .detail-img-3,.banner-lol-equipements-equipement .detail-img-4,.banner-lol-equipements-equipement .detail-img-5,.banner-lol-equipements-equipement .detail-img-6 {
        width: 78%;
        display: none;
        padding-top: 29px; }
      .banner-lol-equipements-equipement .equipement_img {
        width: 65% !important;
        height: auto !important; }
      .banner-lol-equipements-equipement .link_buy {
        color: #FFFFFF;
        padding: 10px 45px;
        background-color: #00A3E2;
        border-radius: 5px;
        box-shadow: 0px 3px 2px #00000033; }
      .banner-lol-equipements-equipement .div_buy {
        width: 100%; }
      .banner-lol-equipements-equipement .arrow_buy {
        width: 4.57px !important;
        height: 8px !important; }
      .banner-lol-equipements-equipement .detail-txt-1 {
        display: block;
        padding-top: 39px;
        text-align: left;
        width: 86%;
        left: 0;
        transform: inherit;
        position: relative; }
      .banner-lol-equipements-equipement .detail-txt-2,.banner-lol-equipements-equipement .detail-txt-3,.banner-lol-equipements-equipement .detail-txt-4,.banner-lol-equipements-equipement .detail-txt-5,.banner-lol-equipements-equipement .detail-txt-6 {
        display: none;
        padding-top: 39px;
        text-align: left;
        width: 86%;
        left: 0;
        transform: inherit;
        position: relative; }
      .banner-lol-equipements-equipement .paragraphe {
        padding-top: 22px;
        width: 100%;
        font: normal normal 100 16px/22px Open Sans; }
      .banner-lol-equipements-equipement .title {
        padding-top: 24px;
        width: 100;
        font: normal normal 400 16px/22px Open Sans;
        color: #00A3E2; }
      .banner-lol-equipements-equipement .img_fritz {
        padding-top: 24px;
        left: inherit;
        transform: inherit;
        position: relative;
        text-align: left !important;
        width: 475px;
        height: 267px; }
      .banner-lol-equipements-equipement .equipement_fritz {
        width: 64% !important;
        height: auto !important; } }

@media screen and (max-width: 671px) {
  .banner-lol-equipements-application {
    margin-top: 30px;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-application {
      background-image: url("/images/lolhomeoffice/equipements/background_application_375.png");
      height: 1019px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-application {
      background-image: url("/images/lolhomeoffice/equipements/background_application_675.png");
      height: 1023px; } }

@media screen and (max-width: 671px) {
    .banner-lol-equipements-application .app-title {
      color: white;
      Text-Transform: uppercase;
      font: normal normal 600 25px/34px Open Sans;
      text-align: center;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      padding-top: 49px; } }
    @media screen and (max-width: 671px) and (max-width: 375px) {
      .banner-lol-equipements-application .app-title {
        width: 315px; } }
    @media screen and (max-width: 671px) and (min-width: 376px) {
      .banner-lol-equipements-application .app-title {
        width: 78%; } }

@media screen and (max-width: 671px) {
    .banner-lol-equipements-application .app-text {
      font: normal normal 100 16px/22px Open Sans;
      color: white;
      text-align: center;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      padding-top: 22px; } }
    @media screen and (max-width: 671px) and (max-width: 375px) {
      .banner-lol-equipements-application .app-text {
        width: 315px; } }
    @media screen and (max-width: 671px) and (min-width: 376px) {
      .banner-lol-equipements-application .app-text {
        width: 78%; } }

@media screen and (max-width: 671px) {
    .banner-lol-equipements-application .app-dl-title {
      font: normal normal 400 16px/22px Open Sans;
      color: white;
      text-align: center;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      padding-top: 47.33px; } }
    @media screen and (max-width: 671px) and (max-width: 375px) {
      .banner-lol-equipements-application .app-dl-title {
        width: 315px; } }
    @media screen and (max-width: 671px) and (min-width: 376px) {
      .banner-lol-equipements-application .app-dl-title {
        width: 78%; } }

@media screen and (max-width: 671px) {
    .banner-lol-equipements-application .img_app {
      position: relative; } }
    @media screen and (max-width: 671px) and (max-width: 375px) {
      .banner-lol-equipements-application .img_app {
        padding-top: 31.14px; } }
    @media screen and (max-width: 671px) and (min-width: 376px) {
      .banner-lol-equipements-application .img_app {
        padding-top: 41px; } }

@media screen and (max-width: 671px) {
    .banner-lol-equipements-application .app_fritz {
      height: auto; } }
    @media screen and (max-width: 671px) and (max-width: 375px) {
      .banner-lol-equipements-application .app_fritz {
        width: 316px; } }
    @media screen and (max-width: 671px) and (min-width: 376px) {
      .banner-lol-equipements-application .app_fritz {
        width: 56%; } }

@media screen and (max-width: 671px) {
    .banner-lol-equipements-application .img_app_download {
      width: 100%;
      height: 50px;
      position: relative;
      padding-top: 26.75px; }
    .banner-lol-equipements-application .img_app_googleplay {
      display: table-cell;
      position: absolute; } }
    @media screen and (max-width: 671px) and (max-width: 375px) {
      .banner-lol-equipements-application .img_app_googleplay {
        left: 45px; } }
    @media screen and (max-width: 671px) and (min-width: 376px) {
      .banner-lol-equipements-application .img_app_googleplay {
        left: 25%;
        width: 22%; } }

@media screen and (max-width: 671px) {
    .banner-lol-equipements-application .img_app_apple {
      display: table-cell;
      position: absolute; } }
    @media screen and (max-width: 671px) and (max-width: 375px) {
      .banner-lol-equipements-application .img_app_apple {
        right: 45px; } }
    @media screen and (max-width: 671px) and (min-width: 376px) {
      .banner-lol-equipements-application .img_app_apple {
        width: 22%;
        right: 25%; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-application .app_dl_googleplay {
      width: 129.92px !important;
      height: 38.5px !important; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-application .app_dl_googleplay {
      width: 100% !important;
      height: auto !important; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    .banner-lol-equipements-application .app_dl_apple {
      width: 129.92px !important;
      height: 38.5px !important; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    .banner-lol-equipements-application .app_dl_apple {
      width: 100% !important;
      height: auto !important; } }

@media screen and (min-width: 672px) {
  .banner-lol-equipements-application {
    background-image: url("/images/lolhomeoffice/equipements/background_application_1056.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 500px; }
    .banner-lol-equipements-application .app-title {
      Text-Transform: uppercase;
      font: normal normal 600 25px/34px Open Sans;
      padding-top: 49px; }
    .banner-lol-equipements-application .app-title,.banner-lol-equipements-application .app-text {
      color: white;
      width: 78%;
      text-align: center;
      position: relative;
      left: 50%;
      transform: translateX(-50%); }
    .banner-lol-equipements-application .app-text {
      font: normal normal 100 16px/22px Open Sans;
      padding-top: 22px; }
    .banner-lol-equipements-application .app-dl-title {
      font: normal normal 400 16px/22px Open Sans;
      color: white;
      text-align: center;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      padding-top: 47.33px;
      width: 78%; }
    .banner-lol-equipements-application .img_app {
      position: relative;
      width: 100%;
      padding-top: 41px; }
    .banner-lol-equipements-application .app_fritz {
      width: 53% !important;
      height: auto !important;
      left: 15%;
      position: relative; }
    .banner-lol-equipements-application .img_app_download {
      width: 100%;
      height: 50px;
      position: relative;
      padding-top: 26.75px; }
    .banner-lol-equipements-application .img_app_googleplay {
      display: table-cell;
      left: 25%;
      width: 22%;
      position: absolute; }
    .banner-lol-equipements-application .img_app_apple {
      display: table-cell;
      width: 22%;
      right: 25%;
      position: absolute; }
    .banner-lol-equipements-application .app_dl_googleplay,.banner-lol-equipements-application .app_dl_apple {
      width: 100% !important;
      height: auto !important; } }

@media screen and (min-width: 1056px) {
  .banner-lol-equipements-application {
    background-image: url("/images/lolhomeoffice/equipements/background_application_1302.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px; }
    .banner-lol-equipements-application .app-title {
      Text-Transform: uppercase;
      font: normal normal 600 25px/34px Open Sans;
      padding-top: 49px; }
    .banner-lol-equipements-application .app-title,.banner-lol-equipements-application .app-text {
      color: white;
      width: 78%;
      text-align: left;
      position: relative;
      left: 50%;
      transform: translateX(-50%); }
    .banner-lol-equipements-application .app-text {
      font: normal normal 100 16px/22px Open Sans;
      padding-top: 22px; }
    .banner-lol-equipements-application .app-dl-title {
      font: normal normal 400 16px/22px Open Sans;
      color: white;
      text-align: left;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      padding-top: 47.33px;
      width: 78%; }
    .banner-lol-equipements-application .img_app {
      position: relative;
      width: 100%;
      padding-top: 50px; }
    .banner-lol-equipements-application .app_fritz {
      width: 63% !important;
      height: auto !important;
      left: 0;
      position: relative; }
    .banner-lol-equipements-application .img_app_download {
      width: 100%;
      height: 50px;
      position: relative;
      padding-top: 26.75px; }
    .banner-lol-equipements-application .img_app_googleplay {
      display: table-cell;
      left: 11%;
      width: 22%;
      position: absolute; }
    .banner-lol-equipements-application .img_app_apple {
      display: table-cell;
      width: 22%;
      left: 40%;
      position: absolute; }
    .banner-lol-equipements-application .app_dl_googleplay,.banner-lol-equipements-application .app_dl_apple {
      width: 100% !important;
      height: 47px !important; } }

@media screen and (min-width: 1302px) {
  .banner-lol-equipements-application {
    background-image: url("/images/lolhomeoffice/equipements/background_application_1920.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px; }
    .banner-lol-equipements-application .app-title {
      color: white;
      Text-Transform: uppercase;
      font: normal normal 600 25px/34px Open Sans;
      width: 59%;
      text-align: left;
      position: relative;
      left: 40%;
      padding-top: 49px; }
    .banner-lol-equipements-application .app-text {
      font: normal normal 100 16px/22px Open Sans;
      color: white;
      text-align: left;
      position: relative;
      left: 36%;
      padding-top: 22px;
      width: 50%; }
    .banner-lol-equipements-application .app-dl-title {
      font: normal normal 400 16px/22px Open Sans;
      color: white;
      text-align: left;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      padding-top: 47.33px;
      width: 78%; }
    .banner-lol-equipements-application .img_app {
      position: relative;
      width: 100%;
      padding-top: 50px; }
    .banner-lol-equipements-application .app_fritz {
      width: 48% !important;
      height: auto !important;
      left: 0;
      position: relative; }
    .banner-lol-equipements-application .img_app_download {
      width: 100%;
      height: 50px;
      position: relative;
      padding-top: 26.75px; }
    .banner-lol-equipements-application .img_app_googleplay {
      display: table-cell;
      left: 11%;
      width: 22%;
      position: absolute; }
    .banner-lol-equipements-application .img_app_apple {
      display: table-cell;
      width: 22%;
      left: 28%;
      position: absolute; }
    .banner-lol-equipements-application .app_dl_googleplay {
      width: 153.06px !important;
      height: 45.35px !important; }
    .banner-lol-equipements-application .app_dl_apple {
      width: 143.43px !important;
      height: 45.35px !important; } }

/*# sourceMappingURL=../maps/lolhomeoffice/lolhomeoffice.css.map */