@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,400italic);
.text-highlight {
  margin: 12px 0;
  text-align: center;
  color: #00aae7;
  font-size: 30px; }

.offer-container {
  margin: 0;
  width: auto; }

.offer-item-blue,.offer-item-orange {
  margin: 0; }
  .offer-item-blue .item-body li,.offer-item-orange .item-body li {
    padding: 18px 0; }
    .offer-item-blue .item-body li:not(.description),.offer-item-orange .item-body li:not(.description) {
      padding-left: 15px !important; }
  .offer-item-blue .info,.offer-item-orange .info {
    font-size: 16px;
    font-weight: 400; }
    .offer-item-blue .info span:not(.exponent):not([data-l10n-id]),.offer-item-orange .info span:not(.exponent):not([data-l10n-id]) {
      display: inline-block;
      position: absolute;
      top: 20px;
      width: 45px;
      font-size: 16px;
      text-align: center;
      margin: 0; }
    .offer-item-blue .info .data,.offer-item-orange .info .data {
      padding-left: 65px; }
    .offer-item-blue .info .exponent,.offer-item-orange .info .exponent {
      position: absolute;
      font-weight: 400;
      font-size: 9px !important;
      padding: 0; }

/*.offer-item-blue .offer-price div {
    left: 155px;
}*/
.btn-outline-white {
  padding: 13px 48px;
  font-size: 16px; }

@media screen and (max-width: 671px) {
  #offers-section div[class^=phone-] {
    margin-bottom: 0px; }
  .footer-note {
    margin: 20px 0; } }

@media screen and (min-width: 672px) {
  #offers-section div[class^=phone-] {
    margin-bottom: 20px;
    padding: 0 10px; }
  .footer-note {
    margin: 10px 0 35px; }
  .offer-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .text-highlight {
    font-size: 41px; } }

@media screen and (min-width: 1056px) {
  .offer-container {
    display: block;
    margin: 0 auto;
    width: 1010px; }
  .text-highlight {
    font-size: 44px; } }

.light-font {
  font-weight: 200; }

.bold-font {
  font-weight: 600; }

.important-text-blue {
  color: #393939;
  font-weight: 700; }

.important-text-uppercase {
  text-transform: uppercase; }

.small-text {
  font-size: 15px; }

.center-offer {
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: auto; }

.lol-valign-center {
  top: 50%;
  transform: translateY(-50%);
  position: relative; }

@media screen and (max-width: 671px) {
  .lol-exponent {
    font-size: 10px;
    margin-left: 0px;
    position: relative;
    top: -4px;
    vertical-align: top; }
  .offer-row-description-head-text .lol-exponent {
    margin-top: -5px; }
    .btn-yellow,.btn-yellow:hover {
      background-color: #FFE923;
      color: #004994; } }

@media screen and (min-width: 672px) {
  .lol-exponent {
    font-size: 10px;
    margin-left: 0px;
    position: relative;
    top: -4px;
    vertical-align: top; }
  .offer-row-description-head-text .lol-exponent {
    margin-top: -5px; }
    .btn-yellow,.btn-yellow:hover {
      background-color: #FFE923;
      color: #004994; } }

@media screen and (min-width: 1056px) {
  .lol-exponent {
    font-size: 10px;
    margin-left: 0px;
    position: relative;
    top: -4px;
    vertical-align: top; }
  .offer-row-description-head-text .lol-exponent {
    margin-top: -5px; }
    .btn-yellow,.btn-yellow:hover {
      background-color: #FFE923;
      color: #004994; } }

@media screen and (min-width: 1302px) {
  .lol-exponent {
    font-size: 10px;
    margin-left: 0px;
    position: relative;
    top: -4px;
    vertical-align: top; }
  .offer-row-description-head-text .lol-exponent {
    margin-top: -5px; }
    .btn-yellow,.btn-yellow:hover {
      background-color: #FFE923;
      color: #004994; } }

#area-offers-btn {
  background-color: #ececec;
  padding-bottom: 40px; }
  @media screen and (min-width: 1302px) {
    #area-offers-btn {
      padding-bottom: 40px; } }

#area-offers {
  background-color: #ececec;
  display: -ms-flexbox;
  display: flex; }
  #area-offers .offer-container .offer-row-title {
    background-color: #004994;
    color: #fff;
    text-align: center;
    width: 100%; }
    #area-offers .offer-container .offer-row-title .offer-row-separator {
      border-bottom: 1px solid #fff; }
    #area-offers .offer-container .offer-row-title .offer-row-title-price {
      color: #FFE923; }
      #area-offers .offer-container .offer-row-title .offer-row-title-price .offer-row-title-info {
        color: #00aae7;
        cursor: pointer;
        position: absolute; }
    #area-offers .offer-container .offer-row-title .offer-row-title-price-unit {
      color: #FFE923; }
    #area-offers .offer-container .offer-row-title .offer-row-title-details {
      color: #fff; }
  #area-offers .offer-container.best_offer .offer-row-title {
    background-color: #FFE923;
    color: #004994 !important; }
    #area-offers .offer-container.best_offer .offer-row-title .offer-row-separator {
      border-bottom: 1px solid #004994; }
  #area-offers .offer-container.best_offer .offer-row-title-price,#area-offers .offer-container.best_offer .offer-row-title-price-unit,#area-offers .offer-container.best_offer .offer-row-title-details {
    color: #004994; }
  #area-offers .offer-container .offer-row-sub-title {
    color: #004994;
    background: white;
    text-align: center; }
  #area-offers .offer-container .offer-row-description-main {
    background-color: white;
    width: 100%;
    flex-grow: 1; }
    #area-offers .offer-container .offer-row-description-main .offer-row-description-container-icon {
      display: inline-block;
      vertical-align: top;
      color: #004994;
      width: 22px; }
    #area-offers .offer-container .offer-row-description-main .offer-row-description-container-text {
      display: inline-block;
      width: calc( 100% - 36px); }
  #area-offers .offer-container .offer-row-button {
    background-color: white; }
    #area-offers .offer-container .offer-row-button .offer-row-button-blue {
      background: #004994;
      color: #fff;
      display: inline-block;
      font-weight: 600;
      text-align: center;
      text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
      width: 100%;
      opacity: 1;
      cursor: pointer;
      transition: background 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s, opacity 0.3s linear; }
      #area-offers .offer-container .offer-row-button .offer-row-button-blue:hover {
        text-decoration: none;
        background-color: #0056ae; }
  #area-offers .offer-container .offer-row-end {
    background-color: white; }
  @media screen and (max-width: 671px) {
    #area-offers {
      padding-bottom: 40px;
      padding-top: 20px; }
      #area-offers .gallery-offer {
        width: 100%; }
      #area-offers .flickity-button {
        display: none; }
      #area-offers .offer-container {
        margin-left: 7px;
        margin-right: 7px;
        margin-top: 25px;
        width: 80%;
        max-width: 300px;
        min-height: 588px;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        #area-offers .offer-container .offer-row-title {
          border-radius: 20px 20px 0 0;
          font-size: 16px;
          padding: 20px 25px 20px 25px; }
          #area-offers .offer-container .offer-row-title .offer-row-title-main {
            font-size: 31px;
            height: 31px; }
            #area-offers .offer-container .offer-row-title .offer-row-title-main.special_family_title_font_size {
              font-size: 24px; }
          #area-offers .offer-container .offer-row-title .offer-row-separator {
            margin: 15px 15px 10px 15px; }
          #area-offers .offer-container .offer-row-title .offer-row-title-price {
            font-size: 48px; }
            #area-offers .offer-container .offer-row-title .offer-row-title-price .offer-row-title-info {
              font-size: 24px;
              margin-left: 10px; }
          #area-offers .offer-container .offer-row-title .offer-row-title-details {
            padding-top: 20px; }
        #area-offers .offer-container .offer-row-description-main {
          padding: 38px 0px 0px 25px;
        }
          #area-offers .offer-container .offer-row-description-main.offer-row-description-first {
            padding: 36px 0px 0px 25px; }
          #area-offers .offer-container .offer-row-description-main.special_family_call_padding_top {
            padding-top: 38px; }
          #area-offers .offer-container .offer-row-description-main.special_family_sms_padding_top {
            padding-top: 48px; }
          #area-offers .offer-container .offer-row-description-main .offer-row-description-container-icon {
            font-size: 22px; }
          #area-offers .offer-container .offer-row-description-main .offer-row-description-container-text {
            font-size: 15px;
            padding-left: 14px;
            line-height: 24px; }
            #area-offers .offer-container .offer-row-description-main .offer-row-description-container-text .important-text-speed {
              font-size: 28px;
              font-weight: 700; }
            #area-offers .offer-container .offer-row-description-main .offer-row-description-container-text .important-text-speed-unity {
              font-size: 25px;
              font-weight: 700; }
            #area-offers .offer-container .offer-row-description-main .offer-row-description-container-text .offer-row-description-text.special_family_data_height {
              height: 29px; }
        #area-offers .offer-container .offer-row-sub-title {
          padding: 38px 25px 0px 25px;
          line-height: 24px;
          font-weight: 600;
          font-size: 16px; }
        #area-offers .offer-container .offer-row-button {
          padding: 38px 25px 0px 25px; }
          #area-offers .offer-container .offer-row-button .offer-row-button-blue {
            border-radius: 5px;
            font-size: 16px;
            padding-bottom: 15px;
            padding-top: 15px; }
        #area-offers .offer-container .offer-row-end {
          border-radius: 0 0 20px 20px;
          padding-bottom: 36px; }
        #area-offers .offer-container .offer-row-remise-client-internet {
          width: 219px;
          height: 44px;
          background-color: #00AAE7;
          position: absolute;
          top: 182px;
          border-radius: 100px;
          margin-left: 18px;
          font-size: 18px; }
        #area-offers .offer-container .offer-row-remise-client-internet-text {
          top: 50%;
          position: relative;
          transform: translateY(-50%); }
        #area-offers .offer-container .circle-5G {
          position: relative;
          left: 245px;
          top: -163px;
          background: #00AAE7;
          width: 44px;
          height: 44px;
          border-radius: 50%;
          text-align: center;
          z-index: 1; }
        #area-offers .offer-container .circle-text {
          position: relative;
          top: 17%;
          left: 0px;
          color: white;
          font: normal normal normal 21px Open Sans;
          font-weight: 600; }
        #area-offers .offer-container .icone_remise {
          display: inline; } }
  @media screen and (min-width: 672px) {
    #area-offers {
      padding-bottom: 40px;
      /**/
      padding-top: 20px;
      /**/ }
      #area-offers .gallery-offer-tab {
        width: 100%; }
      #area-offers .flickity-button {
        display: none; }
      #area-offers .offer-container {
        margin-left: 1%;
        margin-right: 1%;
        margin-top: 25px;
        width: 45%;
        max-width: 350px; }
        #area-offers .offer-container .offer-row-title {
          border-radius: 20px 20px 0 0;
          font-size: 16px;
          padding: 20px 25px 20px 25px; }
          #area-offers .offer-container .offer-row-title .offer-row-title-main {
            font-size: 31px;
            height: 31px; }
            #area-offers .offer-container .offer-row-title .offer-row-title-main.special_family_title_font_size {
              font-size: 24px; }
          #area-offers .offer-container .offer-row-title .offer-row-separator {
            margin: 15px 15px 10px 15px; }
          #area-offers .offer-container .offer-row-title .offer-row-title-price {
            font-size: 48px; }
            #area-offers .offer-container .offer-row-title .offer-row-title-price .offer-row-title-info {
              font-size: 24px;
              margin-left: 10px; }
          #area-offers .offer-container .offer-row-title .offer-row-title-details {
            padding-top: 20px; }
        #area-offers .offer-container .offer-row-description-main {
          padding: 38px 0px 0px 25px; }
          #area-offers .offer-container .offer-row-description-main.offer-row-description-first {
            padding: 36px 0px 0px 25px; }
          #area-offers .offer-container .offer-row-description-main.special_family_call_padding_top {
            padding-top: 38px; }
          #area-offers .offer-container .offer-row-description-main.special_family_sms_padding_top {
            padding-top: 48px; }
          #area-offers .offer-container .offer-row-description-main .offer-row-description-container-icon {
            font-size: 22px; }
          #area-offers .offer-container .offer-row-description-main .offer-row-description-container-text {
            font-size: 15px;
            padding-left: 14px;
            line-height: 24px; }
            #area-offers .offer-container .offer-row-description-main .offer-row-description-container-text .important-text-speed {
              font-size: 28px;
              font-weight: 700; }
            #area-offers .offer-container .offer-row-description-main .offer-row-description-container-text .important-text-speed-unity {
              font-size: 25px;
              font-weight: 700; }
            #area-offers .offer-container .offer-row-description-main .offer-row-description-container-text .offer-row-description-text.special_family_data_height {
              height: 29px; }
        #area-offers .offer-container .offer-row-sub-title {
          padding: 38px 25px 0px 25px;
          line-height: 24px;
          font-weight: 600;
          font-size: 16px; }
        #area-offers .offer-container .offer-row-button {
          padding: 38px 25px 0px 25px; }
          #area-offers .offer-container .offer-row-button .offer-row-button-blue {
            border-radius: 5px;
            font-size: 16px;
            padding-bottom: 15px;
            padding-top: 15px; }
        #area-offers .offer-container .offer-row-end {
          border-radius: 0 0 20px 20px;
          padding-bottom: 36px; }
        #area-offers .offer-container .offer-row-remise-client-internet {
          width: 219px;
          height: 44px;
          background-color: #00AAE7;
          position: absolute;
          top: 181px;
          border-radius: 100px;
          margin-left: 40px;
          font-size: 18px; }
        #area-offers .offer-container .offer-row-remise-client-internet-text {
          top: 50%;
          position: relative;
          transform: translateY(-50%); }
        #area-offers .offer-container .circle-5G {
          position: relative;
          left: 300px;
          top: -163px;
          background: #00AAE7;
          width: 44px;
          height: 44px;
          border-radius: 50%;
          text-align: center;
          z-index: 1; }
        #area-offers .offer-container .circle-text {
          position: relative;
          top: 17%;
          left: 0px;
          color: white;
          font: normal normal normal 21px Open Sans;
          font-weight: 600; }
        #area-offers .offer-container .icone_remise {
          display: inline; } }
  @media screen and (min-width: 1056px) {
    #area-offers {
      padding-bottom: 40px;
      padding-top: 40px; }
      #area-offers .offer-container {
        margin-left: 10px;
        margin-right: 10px;
        width: 300px;
        min-height: 588px;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        #area-offers .offer-container .offer-row-title {
          border-radius: 20px 20px 0 0;
          font-size: 16px;
          padding: 20px 25px 20px 25px; }
          #area-offers .offer-container .offer-row-title .offer-row-title-main {
            font-size: 31px;
            height: 31px; }
            #area-offers .offer-container .offer-row-title .offer-row-title-main.special_family_title_font_size {
              font-size: 24px; }
          #area-offers .offer-container .offer-row-title .offer-row-separator {
            margin: 15px 15px 10px 15px; }
          #area-offers .offer-container .offer-row-title .offer-row-title-price {
            font-size: 48px; }
            #area-offers .offer-container .offer-row-title .offer-row-title-price .offer-row-title-info {
              font-size: 24px;
              margin-left: 10px; }
          #area-offers .offer-container .offer-row-title .offer-row-title-details {
            padding-top: 20px; }
        #area-offers .offer-container .offer-row-description-main {
          padding: 38px 0px 0px 20px; }
          #area-offers .offer-container .offer-row-description-main.special_family_call_padding_top {
            padding-top: 38px; }
          #area-offers .offer-container .offer-row-description-main.special_family_sms_padding_top {
            padding-top: 48px; }
          #area-offers .offer-container .offer-row-description-main.offer-row-description-first {
            padding: 36px 25px 0px 20px; }
          #area-offers .offer-container .offer-row-description-main .offer-row-description-container-icon {
            font-size: 22px; }
          #area-offers .offer-container .offer-row-description-main .offer-row-description-container-text {
            font-size: 15px;
            padding-left: 10px;
            line-height: 24px; }
            #area-offers .offer-container .offer-row-description-main .offer-row-description-container-text .important-text-speed {
              font-size: 28px;
              font-weight: 700; }
            #area-offers .offer-container .offer-row-description-main .offer-row-description-container-text .important-text-speed-unity {
              font-size: 25px;
              font-weight: 700; }
            #area-offers .offer-container .offer-row-description-main .offer-row-description-container-text .offer-row-description-text.special_family_data_height {
              height: 29px; }
        #area-offers .offer-container .offer-row-sub-title {
          padding: 38px 25px 0px 25px;
          line-height: 24px;
          font-weight: 600;
          font-size: 16px; }
        #area-offers .offer-container .offer-row-button {
          padding: 38px 25px 0px 25px; }
          #area-offers .offer-container .offer-row-button .offer-row-button-blue {
            border-radius: 5px;
            font-size: 16px;
            padding-bottom: 15px;
            padding-top: 15px; }
        #area-offers .offer-container .offer-row-end {
          border-radius: 0 0 20px 20px;
          padding-bottom: 36px; }
        #area-offers .offer-container .offer-row-remise-client-internet {
          width: 219px;
          height: 44px;
          background-color: #00AAE7;
          position: absolute;
          top: 245px;
          border-radius: 100px;
          margin-left: 16px;
          font-size: 18px; }
        #area-offers .offer-container .offer-row-remise-client-internet-text {
          top: 50%;
          position: relative;
          transform: translateY(-50%); }
        #area-offers .offer-container .circle-5G {
          position: relative;
          left: 250px;
          top: -163px;
          background: #00AAE7;
          width: 44px;
          height: 44px;
          border-radius: 50%;
          text-align: center;
          z-index: 1; }
        #area-offers .offer-container .circle-text {
          position: relative;
          top: 17%;
          left: 0px;
          color: white;
          font: normal normal normal 21px Open Sans;
          font-weight: 600; }
        #area-offers .offer-container .icone_remise {
          display: inline; } }
  @media screen and (min-width: 1302px) {
    #area-offers {
      padding-bottom: 40px;
      padding-top: 20px; }
      #area-offers .offer-container {
        margin-left: 25px;
        margin-right: 25px;
        width: 350px; }
        #area-offers .offer-container .offer-row-title {
          border-radius: 20px 20px 0 0;
          font-size: 16px;
          padding: 20px 25px 0px 25px; }
          #area-offers .offer-container .offer-row-title .offer-row-title-main {
            font-size: 31px; }
          #area-offers .offer-container .offer-row-title .offer-row-separator {
            margin: 15px 15px 10px 15px; }
          #area-offers .offer-container .offer-row-title .offer-row-title-price {
            font-size: 48px; }
            #area-offers .offer-container .offer-row-title .offer-row-title-price .offer-row-title-info {
              font-size: 24px;
              margin-left: 10px; }
          #area-offers .offer-container .offer-row-title .offer-row-title-details {
            padding-top: 20px; }
        #area-offers .offer-container .offer-row-description-main {
          padding: 38px 25px 0px 25px; }
          #area-offers .offer-container .offer-row-description-main.special_family_call_padding_top {
            padding-top: 38px; }
          #area-offers .offer-container .offer-row-description-main.special_family_sms_padding_top {
            padding-top: 48px; }
          #area-offers .offer-container .offer-row-description-main.offer-row-description-first {
            padding: 36px 25px 0px 25px; }
          #area-offers .offer-container .offer-row-description-main .offer-row-description-container-icon {
            font-size: 22px; }
          #area-offers .offer-container .offer-row-description-main .offer-row-description-container-text {
            font-size: 15px;
            padding-left: 14px;
            line-height: 24px; }
            #area-offers .offer-container .offer-row-description-main .offer-row-description-container-text .important-text-speed {
              font-size: 28px;
              font-weight: 700; }
            #area-offers .offer-container .offer-row-description-main .offer-row-description-container-text .important-text-speed-unity {
              font-size: 25px;
              font-weight: 700; }
            #area-offers .offer-container .offer-row-description-main .offer-row-description-container-text .offer-row-description-text.special_family_data_height {
              height: 29px; }
        #area-offers .offer-container .offer-row-sub-title {
          padding: 38px 25px 0px 25px;
          line-height: 24px;
          font-weight: 600;
          font-size: 16px; }
        #area-offers .offer-container .offer-row-button {
          padding: 38px 25px 0px 25px; }
          #area-offers .offer-container .offer-row-button .offer-row-button-blue {
            border-radius: 5px;
            font-size: 16px;
            padding-bottom: 15px;
            padding-top: 15px; }
        #area-offers .offer-container .offer-row-end {
          border-radius: 0 0 20px 20px;
          padding-bottom: 36px; }
        #area-offers .offer-container .offer-row-remise-client-internet {
          width: 219px;
          height: 44px;
          background-color: #00AAE7;
          position: absolute;
          top: 202px;
          border-radius: 100px;
          margin-left: 40px;
          font-size: 18px; }
        #area-offers .offer-container .offer-row-remise-client-internet-text {
          top: 50%;
          position: relative;
          transform: translateY(-50%); }
        #area-offers .offer-container .circle-5G {
          position: relative;
          left: 300px;
          top: -163px;
          background: #00AAE7;
          width: 44px;
          height: 44px;
          border-radius: 50%;
          text-align: center;
          z-index: 1; }
        #area-offers .offer-container .circle-text {
          position: relative;
          top: 17%;
          left: 0px;
          color: white;
          font: normal normal normal 21px Open Sans;
          font-weight: 600; }
        #area-offers .offer-container .icone_remise {
          display: inline; } }

.btn-yellow {
  font-size: 16px;
  padding: 13px 45px;
  font-weight: 600;
  position: relative;
  display: inline-block;
  margin: 3px 0;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 5px;
  background-image: none;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: inset 0 3px 2px rgba(255, 255, 255, 0.22), inset 0 -3px 2px rgba(0, 0, 0, 0.17), inset 0 20px 10px rgba(255, 255, 255, 0.12), 0 0 4px 1px rgba(0, 0, 0, 0.1), 0 3px 2px rgba(0, 0, 0, 0.2); }
  @media screen and (min-width: 672px) {
    .btn-yellow {
      font-size: 17px; } }

.mobile-equipement-header {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow-x: hidden; }
  .mobile-equipement-header__price {
    display: block;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 230px;
    height: 230px;
    border-radius: 50%;
    background-color: #FFE923;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    color: #004994; }
  .mobile-equipement-header__price,.mobile-equipement-header__comment {
    position: absolute;
    left: 50%;
    -ms-flex-align: center;
        align-items: center; }
  .mobile-equipement-header__comment {
    display: -ms-flexbox;
    display: flex;
    background: linear-gradient(90deg, #004994, #00A3E2);
    box-shadow: 0px 3px 6px #00000057;
    z-index: 2;
    top: 87%;
    transform: translate(-50%, -87%); }
    .mobile-equipement-header__comment img {
      width: 50px; }
    .mobile-equipement-header__comment p {
      color: #FFFFFF;
      margin: 0; }
  @media screen and (max-width: 671px) {
    .mobile-equipement-header {
      height: 335px;
      background-image: url("/images/Mobile/equipements_header/header_background-375.png");
      margin: auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center; }
      .mobile-equipement-header__wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-align: center;
            align-items: center;
        padding-top: 14px;
        padding-bottom: 18px; }
        .mobile-equipement-header__wrapper h3 {
          font-size: 20px;
          line-height: 27px;
          color: #FFFFFF;
          margin: 0; }
        .mobile-equipement-header__wrapper a {
          background-color: #FFE923;
          color: #004994; }
      .mobile-equipement-header__price {
        font-weight: 600;
        left: 25%;
        top: 45%;
        width: 123px;
        height: 123px; }
        .mobile-equipement-header__price-amount {
          font-size: 45px; }
        .mobile-equipement-header__price-right-wrapper {
          margin-top: -5px; }
        .mobile-equipement-header__price-cents {
          font-size: 12px;
          font-weight: 500; }
        .mobile-equipement-header__price-descriptions {
          margin-top: 2px; }
        .mobile-equipement-header__price-e-month {
          font-weight: 500;
          font-size: 12px; }
      .mobile-equipement-header__comment {
        border-radius: 42px;
        top: 74%;
        left: 40%;
        -ms-flex-direction: column;
            flex-direction: column;
        max-width: 208px;
        text-align: center;
        padding: 12px 4px; }
        .mobile-equipement-header__comment img {
          width: 42px; }
        .mobile-equipement-header__comment p {
          font-size: 12px;
          line-height: 17px; } }
  @media screen and (min-width: 672px) {
    .mobile-equipement-header {
      height: 335px;
      background-image: url("/images/Mobile/equipements_header/header_background-675.png");
      -ms-flex-align: start;
          align-items: start;
      padding: 27px 35px 56px; }
      .mobile-equipement-header__wrapper {
        max-width: 640px;
        margin: auto; }
        .mobile-equipement-header__wrapper h3 {
          font-size: 30px;
          line-height: 41px;
          color: #FFFFFF;
          margin: 0; }
        .mobile-equipement-header__wrapper a {
          position: absolute;
          bottom: 56px;
          left: 50%; }
      .mobile-equipement-header__price {
        font-weight: 600;
        left: 95px;
        top: 57%;
        width: 123px;
        height: 123px; }
        .mobile-equipement-header__price-amount {
          font-size: 45px; }
        .mobile-equipement-header__price-right-wrapper {
          margin-top: -5px; }
        .mobile-equipement-header__price-cents {
          font-size: 12px;
          font-weight: 500; }
        .mobile-equipement-header__price-descriptions {
          margin-top: 2px; }
        .mobile-equipement-header__price-e-month {
          font-weight: 500;
          font-size: 12px; }
      .mobile-equipement-header__comment {
        border-radius: 42px;
        top: 86%;
        left: 165px;
        -ms-flex-direction: column;
            flex-direction: column;
        max-width: 208px;
        text-align: center;
        padding: 12px 4px; }
        .mobile-equipement-header__comment img {
          width: 42px; }
        .mobile-equipement-header__comment p {
          font-size: 12px;
          line-height: 17px; } }
  @media screen and (min-width: 1056px) {
    .mobile-equipement-header {
      height: 310px;
      background-image: url("/images/Mobile/equipements_header/header_background-1056.png");
      -ms-flex-align: center;
          align-items: center;
      padding: 72px 0; }
      .mobile-equipement-header__wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: justify;
            justify-content: space-between;
        height: 100%;
        max-width: 1024px; }
        .mobile-equipement-header__wrapper h3 {
          font-size: 35px;
          line-height: 47px; }
        .mobile-equipement-header__wrapper a {
          position: relative;
          top: 0;
          left: 0;
          max-width: 206px; }
      .mobile-equipement-header__price {
        width: 230px;
        height: 230px;
        left: 57%;
        top: 50%;
        transform: translate(-57%, -50%); }
        .mobile-equipement-header__price-amount {
          font-size: 90px; }
        .mobile-equipement-header__price-right-wrapper {
          margin-top: -15px; }
        .mobile-equipement-header__price-cents {
          font-size: 27px; }
        .mobile-equipement-header__price-descriptions {
          margin-top: 2px; }
        .mobile-equipement-header__price-e-month {
          font-size: 27px; }
      .mobile-equipement-header__comment {
        border-radius: 24px;
        top: 86%;
        left: 63%;
        transform: translate(-63%, -81%);
        padding: 10px 20px;
        -ms-flex-direction: row;
            flex-direction: row;
        max-width: 100%;
        white-space: nowrap; }
        .mobile-equipement-header__comment img {
          width: 50px; }
        .mobile-equipement-header__comment p {
          padding-left: 20px;
          font-size: 16px; } }
  @media screen and (min-width: 1302px) {
    .mobile-equipement-header {
      background-image: url("/images/Mobile/equipements_header/header_background-1302.png");
      padding: 64px 0; }
      .mobile-equipement-header__wrapper {
        max-width: 1200px; }
        .mobile-equipement-header__wrapper h3 {
          font-size: 38px;
          line-height: 52px; }
      .mobile-equipement-header__price {
        left: 50%;
        transform: translate(-50%, -50%); }
      .mobile-equipement-header__comment {
        top: 87%;
        left: 50%;
        transform: translate(-50%, -87%); } }
  @media (min-width: 1400px) {
    .mobile-equipement-header__wrapper {
      max-width: 1344px; } }

@media screen and (max-width: 671px) {
  .device-types__wrapper {
    padding: 23px 0 100px 0;
    -ms-flex-direction: column;
        flex-direction: column;
    max-width: 329px;
    position: relative; }
  .device-types__wrapper,.device-types__brands {
    margin: auto;
    display: -ms-flexbox;
    display: flex; }
  .device-types__brands {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    white-space: nowrap;
    width: 310px; }
  .device-types__list {
    position: relative; }
  .device-types__active {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    cursor: pointer; }
  .device-types__button {
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    white-space: nowrap;
    color: #004994; }
  .device-types__arrow {
    margin-left: 10px; }
    .device-types__arrow::before {
      transform: translateY(-1px) rotate(45deg); }
    .device-types__arrow::before,.device-types__arrow::after {
      content: "";
      display: block;
      position: relative;
      top: 44%;
      width: 8px;
      height: 2px;
      background-color: #575756; }
    .device-types__arrow::after {
      transform: translateY(1px) rotate(-45deg); }
  .device-types__menu {
    visibility: hidden;
    opacity: 0;
    -ms-flex-direction: column;
        flex-direction: column;
    position: absolute;
    z-index: 1;
    top: -9px;
    left: -24px;
    padding: 10px 0 20px;
    margin: 0;
    list-style: none;
    background-color: #fff;
    box-shadow: 0px 3px 6px #0000004D;
    border-radius: 10px;
    transition: opacity .3s;
    width: 270px; }
    .device-types__menu--open {
      display: -ms-flexbox;
      display: flex;
      visibility: visible;
      z-index: 2;
      opacity: 1;
      transition: opacity .3s; }
  .device-types__arrow--blue::before,.device-types__arrow--blue::after {
    background-color: #004994; }
  .device-types__brand {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    color: #575756;
    font-size: 18px;
    line-height: 24px;
    padding-left: 30px;
    padding-right: 30px;
    cursor: pointer;
    text-transform: uppercase; }
    .device-types__brand:not(:first-child) {
      margin-top: 16px; }
    .device-types__brand:hover {
      color: #004994;
      background-color: #E2F4FB; }
      .device-types__brand:hover .device-types__arrow::before,.device-types__brand:hover .device-types__arrow::after {
        background-color: #004994; }
  .device-types__view {
    padding: 10px; }
  .device-types__view--vertical {
    height: 16px;
    width: 3px;
    background-color: #004994;
    margin: 0 2px;
    border-radius: 3px; }
    .device-types__view--vertical::before {
      right: 5px; }
    .device-types__view--vertical::before,.device-types__view--vertical::after {
      content: "";
      display: block;
      position: relative;
      height: inherit;
      width: inherit;
      background-color: inherit;
      border-radius: inherit; }
    .device-types__view--vertical::after {
      top: -16px;
      left: 5px; }
  .device-types__view--horizontal {
    height: 16px;
    width: 3px;
    transform: rotate(90deg);
    background-color: #004994;
    margin: 0 2px;
    border-radius: 3px; }
    .device-types__view--horizontal::before {
      right: 5px; }
    .device-types__view--horizontal::before,.device-types__view--horizontal::after {
      content: "";
      display: block;
      position: relative;
      height: inherit;
      width: inherit;
      background-color: inherit;
      border-radius: inherit; }
    .device-types__view--horizontal::after {
      top: -16px;
      left: 5px; }
  .device-types__lists {
    max-width: 326px;
    margin: 25px auto 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .device-types__lists--height {
      min-height: 2350px; }
  .device-types__card:not(:last-child) {
    margin-bottom: 30px; }
  .device-types__details {
    max-width: 329px;
    position: absolute;
    background-color: #FFFFFF;
    top: 56px;
    z-index: 1; }
  .device-types__link {
    text-transform: uppercase; }
  .device-types .is-active {
    color: #004994; }
    .device-types .is-active .device-types__arrow::before {
      transform: translate(0px, 4px) rotate(45deg); }
    .device-types .is-active .device-types__arrow::before,.device-types .is-active .device-types__arrow::after {
      content: "";
      display: block;
      position: relative;
      top: 33%;
      width: 8px;
      height: 2px;
      background-color: #004994; }
    .device-types .is-active .device-types__arrow::after {
      transform: translate(5px, 2px) rotate(-45deg); }
  .device-types .vertical:not(:nth-child(3n + 3)) {
    margin-right: 22px; } }

@media screen and (min-width: 672px) {
  .device-types__wrapper {
    max-width: 640px;
    padding: 23px 0 100px; }
  .device-types__wrapper,.device-types__brands {
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
  .device-types__brands {
    white-space: nowrap; }
  .device-types__list {
    position: relative; }
  .device-types__active {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    cursor: pointer;
    width: 189px; }
  .device-types__button {
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    white-space: nowrap;
    color: #004994; }
  .device-types__arrow {
    margin-left: 10px; }
    .device-types__arrow::before {
      transform: translateY(-1px) rotate(45deg); }
    .device-types__arrow::before,.device-types__arrow::after {
      content: "";
      display: block;
      position: relative;
      top: 44%;
      width: 8px;
      height: 2px;
      background-color: #575756; }
    .device-types__arrow::after {
      transform: translateY(1px) rotate(-45deg); }
  .device-types__menu {
    visibility: hidden;
    opacity: 0;
    -ms-flex-direction: column;
        flex-direction: column;
    position: absolute;
    z-index: 1;
    top: -9px;
    left: -24px;
    padding: 10px 0 20px;
    margin: 0;
    list-style: none;
    background-color: #fff;
    box-shadow: 0px 3px 6px #0000004D;
    border-radius: 10px;
    transition: opacity .3s; }
    .device-types__menu--open {
      display: -ms-flexbox;
      display: flex;
      visibility: visible;
      opacity: 1;
      transition: opacity .3s; }
  .device-types__arrow--blue::before,.device-types__arrow--blue::after {
    background-color: #004994; }
  .device-types__brand {
    max-width: 238px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    color: #575756;
    font-size: 18px;
    line-height: 24px;
    padding-left: 30px;
    padding-right: 30px;
    cursor: pointer; }
    .device-types__brand:not(:first-child) {
      margin-top: 16px; }
    .device-types__brand:hover {
      color: #004994;
      background-color: #E2F4FB; }
      .device-types__brand:hover .device-types__arrow::before,.device-types__brand:hover .device-types__arrow::after {
        background-color: #004994; }
  .device-types__lists {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 20px; }
  .device-types__card {
    width: 305px; }
    .device-types__card:not(:last-child) {
      margin-bottom: 30px; }
    .device-types__card:nth-child(2n + 1) {
      margin-right: 30px; }
  .device-types__details {
    margin-top: 20px; }
  .device-types .is-active {
    color: #004994; }
    .device-types .is-active .device-types__arrow::before {
      transform: translate(0px, 4px) rotate(45deg); }
    .device-types .is-active .device-types__arrow::before,.device-types .is-active .device-types__arrow::after {
      content: "";
      display: block;
      position: relative;
      top: 33%;
      width: 8px;
      height: 2px;
      background-color: #004994; }
    .device-types .is-active .device-types__arrow::after {
      transform: translate(5px, 2px) rotate(-45deg); } }

@media screen and (min-width: 1056px) {
  .device-types__wrapper {
    max-width: 1024px; }
  .device-types__menu {
    top: -9px;
    left: -24px;
    padding: 10px 0 20px; }
  .device-types__lists {
    margin: 20px 32px 0;
    max-width: 1024px; }
  .device-types__card {
    width: 300px;
    max-height: 250px; }
    .device-types__card:not(:last-child) {
      margin-bottom: 50px; }
    .device-types__card:nth-child(2n + 1) {
      margin-right: 0; }
    .device-types__card:not(:nth-child(3n)) {
      margin-right: 30px; }
  .device-types__details {
    margin: 20px 32px 0;
    max-width: 1024px; } }

@media screen and (min-width: 1302px) {
  .device-types__wrapper {
    max-width: 1200px;
    padding: 50px 0 75px;
    -ms-flex-direction: row;
        flex-direction: row; }
  .device-types__brands {
    margin: 0;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 200px; }
  .device-types__brand {
    -ms-flex-direction: row;
        flex-direction: row;
    max-width: 190px;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase; }
    .device-types__brand:hover {
      color: #004994;
      background-color: transparent; }
      .device-types__brand:hover .device-types__arrow::before {
        transform: translate(10px, -1px) rotate(45deg);
        background-color: #004994;
        transition: transform .3s; }
      .device-types__brand:hover .device-types__arrow::after {
        transform: translate(10px, 1px) rotate(-45deg);
        background-color: #004994;
        transition: transform .3s; }
  .device-types__lists,.device-types__details {
    margin: 0 0 0 50px; }
  .device-types__link {
    text-transform: uppercase; }
  .device-types .is-active {
    color: #004994; }
    .device-types .is-active .device-types__arrow::before {
      transform: translate(10px, -1px) rotate(45deg);
      background-color: #004994; }
    .device-types .is-active .device-types__arrow::after {
      transform: translate(10px, 1px) rotate(-45deg);
      background-color: #004994; } }

@media (min-width: 1400px) {
  .device-types__wrapper {
    max-width: 1344px; } }

@media (min-width: 1920px) {
  .device-types__brands {
    margin-right: 48px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
  .device-types__brand {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    color: #575756;
    font-size: 18px;
    line-height: 24px;
    width: 200px;
    margin-right: 130px;
    margin-top: 16px; }
  .device-types__lists,.device-types__details {
    max-width: 968px; } }

.is-active {
  color: #004994; }
  .is-active .device-types__arrow::before {
    transform: translate(10px, -1px) rotate(45deg);
    background-color: #004994; }
  .is-active .device-types__arrow::after {
    transform: translate(10px, 1px) rotate(-45deg);
    background-color: #004994; }

.hide-info {
  display: none; }

.header-5g {
  background-color: #FFE923;
  color: #004994;
  overflow: hidden;
  height: 500px;
  position: relative; }
  .header-5g .deco-1 {
    background-color: #004994;
    border-radius: 50%; }
  .header-5g .deco-2,.header-5g .deco-3 {
    background-color: #00A3E2;
    border-radius: 50%; }
  @media screen and (max-width: 671px) {
    .header-5g {
      height: 620px; }
      .header-5g .title-1,.header-5g .text-1 {
        text-align: center; }
      .header-5g img {
        top: 71px;
        left: 50%;
        transform: translateX(-50%);
        width: 336px;
        height: 237px;
        position: relative; }
      .header-5g .deco-1 {
        position: absolute;
        top: -57px;
        left: 73px;
        width: 115px;
        height: 115px; }
      .header-5g .deco-2 {
        position: absolute;
        top: -103px;
        width: 200px;
        height: 200px;
        right: -20%; }
      .header-5g .deco-3 {
        position: absolute;
        top: 309px;
        left: 131px;
        width: 65px;
        height: 65px; }
      .header-5g .zone-text {
        position: relative;
        top: 140px; }
        .header-5g .zone-text .title-1 {
          font: normal normal 600 51px/70px Open sans; }
        .header-5g .zone-text .text-1 {
          font: normal normal normal 16px/22px Open sans; }
      .header-5g .half-screen-text {
        height: 189px; } }
  @media screen and (min-width: 672px) {
    .header-5g {
      height: 500px; }
      .header-5g .title-1,.header-5g .text-1 {
        text-align: center; }
      .header-5g img {
        max-width: 406px;
        height: auto;
        top: 122px;
        position: relative;
        left: 10%; }
      .header-5g .deco-1 {
        position: absolute;
        top: -299.916px;
        left: 295px;
        width: 393px;
        height: 393px;
        transform: matrix(0.97, -0.26, 0.26, 0.97, 0, 0); }
      .header-5g .deco-2 {
        position: absolute;
        top: -229px;
        left: 799px;
        width: 376px;
        height: 376px; }
      .header-5g .deco-3 {
        position: absolute;
        top: 400px;
        left: 869px;
        width: 73px;
        height: 73px; }
      .header-5g .zone-text {
        top: 50%;
        position: relative;
        transform: translateY(-50%); }
        .header-5g .zone-text .title-1 {
          font: normal normal 600 51px/70px Open sans; }
        .header-5g .zone-text .text-1 {
          font: normal normal normal 20px/27px Open sans; }
      .header-5g .half-screen-text {
        height: 500px; } }
  @media screen and (min-width: 1056px) {
    .header-5g {
      height: 500px; }
      .header-5g img {
        max-width: none;
        width: 406px;
        height: auto;
        top: 122px;
        position: relative;
        left: 10%; }
      .header-5g .deco-1 {
        position: absolute;
        top: -294px;
        left: 326px;
        width: 393px;
        height: 393px; }
      .header-5g .deco-2 {
        position: absolute;
        top: -226px;
        left: 1080px;
        width: 376px;
        height: 376px; }
      .header-5g .deco-3 {
        position: absolute;
        top: 400px;
        left: 1052px;
        width: 99px;
        height: 99px; }
      .header-5g .zone-text {
        top: 50%;
        position: relative;
        transform: translateY(-50%); }
        .header-5g .zone-text .title-1 {
          font: normal normal 600 70px/96px Open sans; }
        .header-5g .zone-text .text-1 {
          font: normal normal normal 30px/41px Open sans; }
      .header-5g .half-screen-text {
        height: 500px; } }
  @media screen and (min-width: 1302px) {
    .header-5g {
      height: 500px; }
      .header-5g .title-1,.header-5g .text-1 {
        text-align: left; }
      .header-5g img {
        width: 634px;
        height: auto;
        top: 48px;
        position: relative;
        left: 10%; }
      .header-5g .deco-1 {
        position: absolute;
        top: -289.916px;
        left: 945px;
        width: 393px;
        height: 393px; }
      .header-5g .deco-2 {
        position: absolute;
        top: -170px;
        left: 1692px;
        width: 376px;
        height: 376px; }
      .header-5g .deco-3 {
        position: absolute;
        top: 364px;
        left: 1708px;
        width: 99px;
        height: 99px; }
      .header-5g .zone-text {
        top: 50%;
        position: relative;
        transform: translateY(-50%); }
        .header-5g .zone-text .title-1 {
          font: normal normal 600 70px/96px Open Sans; }
        .header-5g .zone-text .text-1 {
          font: normal normal normal 34px/46px Open Sans; }
      .header-5g .half-screen-text {
        height: 500px; } }

@media screen and (max-width: 671px) {
  .contact-5g #area-info {
    height: 350px; } }

.contact-5g #area-info {
  background-color: #004994 !important; }

.whatis5g {
  background-color: white;
  position: relative;
  overflow: hidden; }
  .whatis5g .deco-1 {
    background-color: #00A3E2;
    border-radius: 50%;
    position: absolute; }
  .whatis5g .deco-2,.whatis5g .deco-3 {
    background-color: #FFE923;
    border-radius: 50%;
    position: absolute; }
  .whatis5g .zone-text .title-1 {
    color: #004994; }
  .whatis5g .zone-text .text-1 .bold {
    font-weight: 600px;
    color: #004994; }
  @media screen and (max-width: 671px) {
    .whatis5g {
      height: 775px; }
      .whatis5g img {
        z-index: 2;
        width: 412px;
        bottom: -36px;
        right: -119px; }
      .whatis5g .deco-1 {
        z-index: 1;
        width: 336px;
        height: 336px;
        top: auto;
        bottom: 0px;
        right: -133px; }
      .whatis5g .deco-2 {
        z-index: 2;
        width: 52px;
        height: 52px;
        top: 455px;
        right: 213px; }
      .whatis5g .deco-3 {
        left: -26px;
        width: 68px;
        height: 68px;
        background-color: #004994;
        bottom: 193px; }
      .whatis5g .zone-text {
        margin-top: 30px;
        max-width: 304px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 3;
        position: relative; }
        .whatis5g .zone-text .title-1 {
          font: normal normal bold 27px/27px Open Sans;
          margin-bottom: 40px; }
        .whatis5g .zone-text .text-1 {
          font: normal normal normal 15px/27px Open Sans; }
      .whatis5g .half-screen-text {
        height: 441px; } }
  @media screen and (min-width: 672px) {
    .whatis5g {
      height: 520px; }
      .whatis5g img {
        z-index: 2;
        max-width: 528px;
        bottom: -521px;
        position: absolute;
        right: -125px; }
      .whatis5g .deco-1 {
        z-index: 1;
        width: 747px;
        height: 747px;
        top: -227px;
        right: -367px;
        bottom: auto; }
      .whatis5g .deco-2 {
        z-index: 2;
        width: 52px;
        height: 52px;
        top: 54px;
        right: 5px; }
      .whatis5g .deco-3 {
        width: 0px;
        height: 0;
        left: auto; }
      .whatis5g .zone-text {
        max-width: 414px;
        margin-left: 100px;
        top: 50%;
        position: relative;
        transform: translateY(-50%);
        z-index: 3; }
        .whatis5g .zone-text .title-1 {
          font: normal normal bold 35px/27px Open Sans;
          margin-bottom: 40px; }
        .whatis5g .zone-text .text-1 {
          font: normal normal normal 15px/27px Open Sans; }
      .whatis5g .half-screen-text {
        height: 520px; } }
  @media screen and (min-width: 1056px) {
    .whatis5g {
      height: 510px; }
      .whatis5g img {
        z-index: 2;
        max-width: 632px;
        bottom: -511px;
        position: absolute;
        right: 0px; }
      .whatis5g .deco-1 {
        z-index: 1;
        width: 747px;
        height: 747px;
        top: -237px;
        right: -309px; }
      .whatis5g .deco-2 {
        z-index: 2;
        width: 52px;
        height: 52px;
        top: 34px;
        right: 92px; }
      .whatis5g .deco-3 {
        z-index: 2;
        width: 134px;
        height: 134px;
        right: 28px;
        top: 351px; }
      .whatis5g .zone-text {
        max-width: 505px;
        margin-left: 100px;
        top: 50%;
        position: relative;
        transform: translateY(-50%); }
        .whatis5g .zone-text .title-1 {
          font: normal normal bold 40px/27px Open Sans;
          margin-bottom: 40px; }
        .whatis5g .zone-text .text-1 {
          font: normal normal normal 20px/27px Open Sans; }
      .whatis5g .half-screen-text {
        height: 510px; } }
  @media screen and (min-width: 1302px) {
    .whatis5g {
      height: 584px; }
      .whatis5g img {
        z-index: 2;
        max-width: 690px;
        bottom: -583px;
        position: absolute;
        right: 258px; }
      .whatis5g .deco-1 {
        z-index: 1;
        width: 747px;
        height: 747px;
        top: -163px;
        right: 9px; }
      .whatis5g .deco-2 {
        z-index: 2;
        width: 52px;
        height: 52px;
        top: 95px;
        right: 232px; }
      .whatis5g .deco-3 {
        z-index: 2;
        width: 134px;
        height: 134px;
        right: 98px;
        top: 178px; }
      .whatis5g .zone-text {
        max-width: 633px;
        margin-left: 140px;
        top: 50%;
        position: relative;
        transform: translateY(-50%); }
        .whatis5g .zone-text .title-1 {
          font: normal normal bold 40px/27px Open Sans;
          margin-bottom: 40px; }
        .whatis5g .zone-text .text-1 {
          font: normal normal normal 20px/27px Open Sans; }
      .whatis5g .half-screen-text {
        height: 584px; } }

.download-speed {
  background-color: white;
  overflow: hidden;
  position: relative; }
  .download-speed .time {
    background-color: #FFE923;
    color: #004994;
    z-index: 1; }
  .download-speed .time,.download-speed .speed {
    text-align: center;
    border-radius: 50%;
    font-weight: bold;
    position: absolute; }
  .download-speed .speed {
    background-color: #00A3E2;
    color: white;
    z-index: 2; }
  .download-speed .connection {
    display: -ms-flexbox;
    display: flex;
    color: white;
    font-weight: bold;
    position: absolute; }
  .download-speed .phone-small,.download-speed .phone-big {
    position: absolute; }
  .download-speed .zone-text .title-1 {
    color: #004994; }
  .download-speed .small-text {
    color: #676767; }
  @media screen and (max-width: 671px) {
    .download-speed {
      height: 677px; }
      .download-speed .clearfix {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
      .download-speed .phone-small {
        left: 10%;
        max-width: 201px;
        top: 50%;
        transform: translateY(-50%); }
      .download-speed .phone-big {
        left: 50%;
        max-width: 255px;
        top: 50%;
        transform: translateY(-50%); }
      .download-speed .zone-text {
        max-width: 350px;
        top: 50%;
        position: relative;
        transform: translate(-50%, -50%);
        left: 50%; }
        .download-speed .zone-text .title-1 {
          font: normal normal bold 30px/27px Open Sans;
          margin-bottom: 20px; }
        .download-speed .zone-text .text-1 {
          font: normal normal normal 16px/27px Open Sans; }
      .download-speed .half-screen-text {
        height: 261px; }
      .download-speed .text-small {
        font: normal normal normal 9px/13px Open Sans;
        bottom: 0px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%); }
      .download-speed .net-5g {
        left: 62%;
        top: 355px;
        font: normal normal bold 35px/59px Open Sans; }
      .download-speed .net-4g {
        top: 376px;
        left: calc(51% + -110px);
        font: normal normal bold 25px/45px Open Sans; }
      .download-speed .speed {
        font: normal normal bold 19px/26px Open Sans; }
      .download-speed .speed-1 {
        left: 21%;
        width: 50px;
        height: 50px;
        top: 417px; }
      .download-speed .speed-2 {
        left: 76%;
        width: 71px;
        height: 73px;
        top: 397px; }
      .download-speed .time-1 {
        left: 23%;
        width: 60px;
        height: 60px;
        font: normal normal bold 17px/23px Open Sans;
        top: 449px; }
      .download-speed .time-2 {
        left: 64%;
        width: 90px;
        height: 90px;
        font: normal normal bold 26px/36px Open Sans;
        top: 439px; }
      .download-speed .image-wrapper {
        position: relative;
        transform: translateX(-50%);
        left: 50%;
        height: 416px;
        max-width: 375px; }
      .download-speed .star5g {
        left: 45px; }
      .download-speed .star5g,.download-speed .star4g {
        font-size: 15px;
        position: absolute;
        top: -4px; }
      .download-speed .star4g {
        left: 31px; } }
  @media screen and (min-width: 672px) {
    .download-speed {
      height: 361px; }
      .download-speed .phone-small {
        left: -45px;
        width: 336px;
        height: 526px;
        top: 43px; }
      .download-speed .phone-big {
        left: 159px;
        width: 427px;
        height: 671px;
        top: -36px; }
      .download-speed .zone-text {
        max-width: 404px;
        top: 50%;
        position: relative;
        transform: translateY(-50%);
        margin-left: 50px; }
        .download-speed .zone-text .title-1 {
          font: normal normal bold 30px/30px Open Sans;
          margin-bottom: 20px; }
        .download-speed .zone-text .text-1 {
          font: normal normal normal 15px/15px Open Sans; }
      .download-speed .half-screen-text {
        height: 360px; }
      .download-speed .text-small {
        font: normal normal normal 9px/13px Open Sans;
        bottom: 0px;
        position: absolute;
        margin-left: 50px; }
      .download-speed .net-5g {
        left: 298px;
        top: 48px;
        font: normal normal bold 57px/78px Open Sans; }
      .download-speed .net-4g {
        top: 97px;
        left: 52px;
        font: normal normal bold 47px/64px Open Sans; }
      .download-speed .speed {
        font: normal normal bold 26px/36px Open Sans; }
      .download-speed .speed-1 {
        left: 34px;
        width: 74px;
        height: 75px;
        top: 225px; }
      .download-speed .speed-2 {
        left: 405px;
        width: 91px;
        height: 92px;
        top: 141px; }
      .download-speed .time-1 {
        left: 67px;
        width: 110px;
        height: 111px;
        font: normal normal bold 29px/39px Open Sans;
        top: 260px; }
      .download-speed .time-2 {
        left: 364px;
        width: 135px;
        height: 136px;
        font: normal normal bold 33px/45px Open Sans;
        top: 200px; }
      .download-speed .star5g {
        top: -13px;
        left: 73px; }
      .download-speed .star5g,.download-speed .star4g {
        font-size: 15px;
        position: absolute; }
      .download-speed .star4g {
        top: -9px;
        left: 58px; } }
  @media screen and (min-width: 1056px) {
    .download-speed {
      height: 461px; }
      .download-speed .phone-small {
        left: 38px;
        width: 431px;
        height: 675px;
        top: 112px; }
      .download-speed .phone-big {
        left: 299px;
        width: 549px;
        height: 860px;
        top: -36px; }
      .download-speed .zone-text {
        max-width: 429px;
        top: 50%;
        position: relative;
        transform: translateY(-50%);
        margin-left: 70px; }
        .download-speed .zone-text .title-1 {
          font: normal normal bold 40px/40px Open Sans;
          margin-bottom: 40px; }
        .download-speed .zone-text .text-1 {
          font: normal normal normal 20px/27px Open Sans; }
      .download-speed .half-screen-text {
        height: 460px; }
      .download-speed .text-small {
        font: normal normal normal 9px/13px Open Sans;
        bottom: 12px;
        position: absolute;
        margin-left: 70px; }
      .download-speed .net-5g {
        left: 504px;
        top: 45px;
        font: normal normal bold 95px/130px Open Sans; }
      .download-speed .net-4g {
        top: 185px;
        left: 199px;
        font: normal normal bold 72px/98px Open Sans; }
      .download-speed .speed {
        font: normal normal bold 33px/45px Open Sans; }
      .download-speed .speed-1 {
        left: 143px;
        width: 95px;
        height: 96px;
        top: 302px; }
      .download-speed .speed-2 {
        left: 668px;
        width: 95px;
        height: 96px;
        top: 162px; }
      .download-speed .time-1 {
        left: 182px;
        width: 141px;
        height: 142px;
        font: normal normal bold 39px/53px Open Sans;
        top: 345px; }
      .download-speed .time-2 {
        left: 585px;
        width: 166px;
        height: 166px;
        font: normal normal bold 46px/62px Open Sans;
        top: 199px; }
      .download-speed .star5g {
        top: -23px;
        left: 117px; }
      .download-speed .star5g,.download-speed .star4g {
        font-size: 15px;
        position: absolute; }
      .download-speed .star4g {
        top: -16px;
        left: 90px; } }
  @media screen and (min-width: 1302px) {
    .download-speed {
      height: 645px; }
      .download-speed .phone-small {
        left: -100px;
        width: 742px;
        height: 1163px;
        top: 102px; }
      .download-speed .phone-big {
        left: 350px;
        width: 945px;
        height: 1481px;
        top: -36px; }
      .download-speed .image-wrapper {
        width: 1077px !important; }
      .download-speed .text-wrapper {
        width: calc(100% - 1077px) !important; }
      .download-speed .zone-text {
        max-width: 530px;
        top: 50%;
        position: relative;
        transform: translateY(-50%);
        margin-left: 95px; }
        .download-speed .zone-text .title-1 {
          font: normal normal bold 40px/40px Open Sans;
          margin-bottom: 40px; }
        .download-speed .zone-text .text-1 {
          font: normal normal normal 20px/27px Open Sans; }
      .download-speed .half-screen-text {
        height: 645px; }
      .download-speed .text-small {
        font: normal normal normal 9px/13px Open Sans;
        bottom: 12px;
        position: absolute;
        margin-left: 70px; }
      .download-speed .net-5g {
        left: 728px;
        top: 125px;
        font: normal normal bold 95px/130px Open Sans; }
      .download-speed .net-4g {
        top: 234px;
        left: 181px;
        font: normal normal bold 72px/98px Open Sans; }
      .download-speed .speed {
        font: normal normal bold 54px/74px Open Sans; }
      .download-speed .speed-1 {
        left: 82px;
        width: 163px;
        height: 164px;
        top: 381px; }
      .download-speed .speed-2 {
        left: 992px;
        width: 163px;
        height: 164px;
        top: 142px; }
      .download-speed .time-1 {
        left: 148px;
        width: 244px;
        height: 244px;
        font: normal normal bold 66px/90px Open Sans;
        top: 459px; }
      .download-speed .time-2 {
        left: 842px;
        width: 286px;
        height: 286px;
        font: normal normal bold 74px/107px Open Sans;
        top: 199px; }
      .download-speed .star5g {
        top: -23px;
        left: 117px; }
      .download-speed .star5g,.download-speed .star4g {
        font-size: 15px;
        position: absolute; }
      .download-speed .star4g {
        top: -16px;
        left: 90px; } }
  .download-speed .center-bubble {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }

.advantages {
  background-color: #00A3E2;
  overflow: hidden;
  position: relative; }
  .advantages .title,.advantages .text {
    text-align: center;
    color: white; }
  .advantages .title,.advantages .text,.advantages img {
    position: relative;
    left: 50%;
    transform: translateX(-50%); }
  @media screen and (max-width: 671px) {
    .advantages {
      height: 1348px; }
      .advantages .zone-wrapper {
        height: 449px; }
      .advantages .title {
        font: normal normal bold 35px/22px Open Sans;
        margin-bottom: 27px; }
      .advantages .text {
        font: normal normal normal 16px/22px Open Sans;
        max-width: 283px; }
      .advantages img {
        width: 104px;
        height: 104px;
        top: 40px;
        margin-bottom: 82px; } }
  @media screen and (min-width: 672px) {
    .advantages {
      height: 1348px; }
      .advantages .zone-wrapper {
        height: 449px; }
      .advantages .title {
        font: normal normal bold 35px/22px Open Sans;
        margin-bottom: 27px; }
      .advantages .text {
        font: normal normal normal 16px/22px Open Sans;
        max-width: 460px; }
      .advantages img {
        width: 104px;
        height: 104px;
        top: 40px;
        margin-bottom: 82px; } }
  @media screen and (min-width: 1056px) {
    .advantages {
      height: 964px; }
      .advantages .zone-wrapper {
        height: 484px; }
      .advantages .third-zone {
        left: 50%;
        transform: translateX(-50%); }
      .advantages .title {
        font: normal normal bold 40px/27px Open Sans;
        margin-bottom: 27px; }
      .advantages .text {
        font: normal normal normal 20px/27px Open Sans;
        max-width: 460px; }
      .advantages img {
        width: 104px;
        height: 104px;
        top: 40px;
        margin-bottom: 82px; } }
  @media screen and (min-width: 1302px) {
      .advantages,.advantages .zone-wrapper {
        height: 707px; }
      .advantages .title {
        font: normal normal bold 40px/27px Open Sans;
        margin-bottom: 27px;
        top: 213px; }
      .advantages .text {
        font: normal normal normal 20px/27px Open Sans;
        max-width: 460px;
        top: 244px; }
      .advantages img {
        width: 104px;
        height: 104px;
        top: 132px;
        margin: auto; }
      .advantages .third-zone {
        left: auto;
        transform: translateX(0%); } }

#area-offers-exponent {
  background-color: #f8f8f8;
  padding: 20px 0px; }
  #area-offers-exponent span {
    display: inline-block; }
  @media screen and (max-width: 671px) {
    #area-offers-exponent {
      font-size: 12px;
      line-height: 15px; } }
  @media screen and (min-width: 672px) {
    #area-offers-exponent {
      font-size: 12px;
      line-height: 15px; } }
  @media screen and (min-width: 1056px) {
    #area-offers-exponent {
      font-size: 12px;
      line-height: 15px; } }
  @media screen and (min-width: 1302px) {
    #area-offers-exponent {
      font-size: 12px;
      line-height: 15px; } }

#area-info {
  background-color: #00aae7; }
  #area-info .wife-background {
    height: 100%;
    background-repeat: no-repeat;
    background-size: auto 90%;
    background-position: center bottom; }
    #area-info .contact,#area-info .contact .contact-title h2,#area-info .contact .contact-title p {
      color: white; }
  @media screen and (max-width: 671px) {
    #area-info {
      height: 300px; }
      #area-info .wife-background {
        background-image: url("/images/Internet/offer/contact.png"); }
      #area-info .contact .contact-title h2 {
        font-size: 37px;
        line-height: 46px;
        margin: 0 0 25px; }
      #area-info .contact .contact-title p {
        font-size: 16px;
        font-weight: 400;
        margin: 0 0 30px;
        line-height: 22px; } }
  @media screen and (min-width: 672px) {
    #area-info {
      height: 300px; }
      #area-info .wife-background {
        background-image: url("/images/Internet/offer/contact.png"); }
      #area-info .contact .contact-title h2 {
        font-size: 37px;
        line-height: 46px;
        margin: 0 0 25px; }
      #area-info .contact .contact-title p {
        font-size: 16px;
        font-weight: 400;
        margin: 0 0 30px;
        line-height: 22px; } }
  @media screen and (min-width: 1056px) {
    #area-info {
      height: 300px; }
      #area-info .wife-background {
        background-image: url("/images/Internet/offer/contact.png"); }
      #area-info .contact .contact-title h2 {
        font-size: 37px;
        line-height: 46px;
        margin: 0 0 25px; }
      #area-info .contact .contact-title p {
        font-size: 16px;
        font-weight: 400;
        margin: 0 0 30px;
        line-height: 22px; } }
  @media screen and (min-width: 1302px) {
    #area-info {
      height: 300px; }
      #area-info .wife-background {
        background-image: url("/images/Internet/offer/contact.png"); }
      #area-info .contact .contact-title h2 {
        font-size: 37px;
        line-height: 46px;
        margin: 0 0 25px; }
      #area-info .contact .contact-title p {
        font-size: 16px;
        font-weight: 400;
        margin: 0 0 30px;
        line-height: 22px; } }

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