/**
 * Mdsoft INT
 *
 * @category    Front end
 * @package     Global STYLUS
 * @copyright   Copyright (c) 2016 MDWEB. (http://www.mdweb-int.com)
 * @author      BESSROUR Ahmed (ahmed.bessrour@gmail.com)
 */
/*==== Reset=================*/
@charset "UTF-8";
html,
body,
#page {
  box-sizing: border-box;
  font-family: 'ooredooregular';
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}
body {
  font-family: 'ooredooregular';
  background: #fff;
  font-size: 14px;
}
::-moz-selection {
  background: #ed1d24;
  color: #191d3d;
  text-shadow: none;
}
::selection {
  background: #ed1d24;
  color: #191d3d;
  text-shadow: none;
}
::-moz-selection {
  background: #ed1d24;
  color: #fff;
  text-shadow: none;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
}
a {
  color: #6e6e6e;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
}
a:hover {
  text-decoration: none;
  color: #ed1d24;
}
a:focus {
  outline: 0;
}
ol,
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.table {
  display: table;
  width: 100%;
  margin: 0;
}
.table-row {
  display: table-row;
}
.table-cell {
  display: table-cell;
  vertical-align: top;
}
.md-s {
  padding: 0;
  position: relative;
}
.w100 {
  display: block;
  max-width: 100%;
  height: auto;
  width: 100%;
}
::-webkit-input-placeholder {
  color: #fff;
}
.h-align {
  display: table;
  width: 100%;
  height: inherit;
}
.v-align {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.box {
  display: inline-block;
  vertical-align: top;
}
.clear {
  clear: both !important;
  margin: 0 !important;
}
.floatright {
  float: right !important;
}
.floatleft {
  float: left !important;
}
.red {
  color: #e61e25;
}
.btn-facebook {
  color: #fff;
  background-color: #3b5998;
  border-color: rgba(0,0,0,0.2);
  border-radius: 50%;
  width: 25px;
  height: 25px;
}
.btn-facebook .badge {
  color: #3b5998;
  background-color: #fff;
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open>.dropdown-toggle.btn-facebook {
  color: #fff;
  background-color: #2d4373;
  border-color: rgba(0,0,0,0.2);
}
.btn-facebook:active,
.btn-facebook.active,
.open>.dropdown-toggle.btn-facebook {
  background-image: none;
}
.btn-facebook.disabled,
.btn-facebook[disabled],
fieldset[disabled] .btn-facebook,
.btn-facebook.disabled:hover,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook:hover,
.btn-facebook.disabled:focus,
.btn-facebook[disabled]:focus,
fieldset[disabled] .btn-facebook:focus,
.btn-facebook.disabled:active,
.btn-facebook[disabled]:active,
fieldset[disabled] .btn-facebook:active,
.btn-facebook.disabled.active,
.btn-facebook[disabled].active,
fieldset[disabled] .btn-facebook.active {
  background-color: #3b5998;
  border-color: rgba(0,0,0,0.2);
}
.btn-google {
  color: #fff;
  background-color: #dd4b39;
  border-color: rgba(0,0,0,0.2);
  border-radius: 50%;
  width: 25px;
  height: 25px;
}
.btn-google .badge {
  color: #dd4b39;
  background-color: #fff;
}
.btn-google:hover,
.btn-google:focus,
.btn-google:active,
.btn-google.active,
.open>.dropdown-toggle.btn-google {
  color: #fff;
  background-color: #c23321;
  border-color: rgba(0,0,0,0.2);
}
.btn-google:active,
.btn-google.active,
.open>.dropdown-toggle.btn-google {
  background-image: none;
}
.btn-google.disabled,
.btn-google[disabled],
fieldset[disabled] .btn-google,
.btn-google.disabled:hover,
.btn-google[disabled]:hover,
fieldset[disabled] .btn-google:hover,
.btn-google.disabled:focus,
.btn-google[disabled]:focus,
fieldset[disabled] .btn-google:focus,
.btn-google.disabled:active,
.btn-google[disabled]:active,
fieldset[disabled] .btn-google:active,
.btn-google.disabled.active,
.btn-google[disabled].active,
fieldset[disabled] .btn-google.active {
  background-color: #dd4b39;
  border-color: rgba(0,0,0,0.2);
}
.btn-linkedin {
  color: #fff;
  background-color: #007bb6;
  border-color: rgba(0,0,0,0.2);
  border-radius: 50%;
  width: 25px;
  height: 25px;
}
.btn-linkedin .badge {
  color: #007bb6;
  background-color: #fff;
}
.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active,
.open>.dropdown-toggle.btn-linkedin {
  color: #fff;
  background-color: #005983;
  border-color: rgba(0,0,0,0.2);
}
.btn-linkedin:active,
.btn-linkedin.active,
.open>.dropdown-toggle.btn-linkedin {
  background-image: none;
}
.btn-linkedin.disabled,
.btn-linkedin[disabled],
fieldset[disabled] .btn-linkedin,
.btn-linkedin.disabled:hover,
.btn-linkedin[disabled]:hover,
fieldset[disabled] .btn-linkedin:hover,
.btn-linkedin.disabled:focus,
.btn-linkedin[disabled]:focus,
fieldset[disabled] .btn-linkedin:focus,
.btn-linkedin.disabled:active,
.btn-linkedin[disabled]:active,
fieldset[disabled] .btn-linkedin:active,
.btn-linkedin.disabled.active,
.btn-linkedin[disabled].active,
fieldset[disabled] .btn-linkedin.active {
  background-color: #007bb6;
  border-color: rgba(0,0,0,0.2);
}
.btn-twitter {
  color: #fff;
  background-color: #55acee;
  border-color: rgba(0,0,0,0.2);
  border-radius: 50%;
  width: 25px;
  height: 25px;
}
.btn-twitter .badge {
  color: #55acee;
  background-color: #fff;
}
.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open>.dropdown-toggle.btn-twitter {
  color: #fff;
  background-color: #2795e9;
  border-color: rgba(0,0,0,0.2);
}
.btn-twitter:active,
.btn-twitter.active,
.open>.dropdown-toggle.btn-twitter {
  background-image: none;
}
.btn-twitter.disabled,
.btn-twitter[disabled],
fieldset[disabled] .btn-twitter,
.btn-twitter.disabled:hover,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter:hover,
.btn-twitter.disabled:focus,
.btn-twitter[disabled]:focus,
fieldset[disabled] .btn-twitter:focus,
.btn-twitter.disabled:active,
.btn-twitter[disabled]:active,
fieldset[disabled] .btn-twitter:active,
.btn-twitter.disabled.active,
.btn-twitter[disabled].active,
fieldset[disabled] .btn-twitter.active {
  background-color: #55acee;
  border-color: rgba(0,0,0,0.2);
}
.btn-youtube {
  color: #fff;
  background-color: #d01c14;
  border-color: rgba(0,0,0,0.2);
}
.btn-youtube .badge {
  color: #d01c14;
  background-color: #fff;
}
.btn-youtube:hover,
.btn-youtube:focus,
.btn-youtube:active,
.btn-youtube.active,
.open>.dropdown-toggle.btn-youtube {
  color: #fff;
  background-color: #b41811;
  border-color: rgba(0,0,0,0.2);
}
.btn-youtube:active,
.btn-youtube.active,
.open>.dropdown-toggle.btn-youtube {
  background-image: none;
}
.btn-youtube.disabled,
.btn-youtube[disabled],
fieldset[disabled] .btn-youtube,
.btn-youtube.disabled:hover,
.btn-youtube[disabled]:hover,
fieldset[disabled] .btn-youtube:hover,
.btn-youtube.disabled:focus,
.btn-youtube[disabled]:focus,
fieldset[disabled] .btn-youtube:focus,
.btn-youtube.disabled:active,
.btn-youtube[disabled]:active,
fieldset[disabled] .btn-youtube:active,
.btn-youtube.disabled.active,
.btn-youtube[disabled].active,
fieldset[disabled] .btn-youtube.active {
  background-color: #b41811;
  border-color: rgba(0,0,0,0.2);
}
.btn-custom {
  background: #e61e25;
  color: #fff;
  position: relative;
}
.btn-custom:hover,
.btn-custom:active,
.btn-custom:focus {
  color: #e61e25;
  background: #fff;
  border: 1px solid #e61e25;
}
.btn-custom:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: #dd141b;
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  border-radius: 4px;
  transition: all 0s ease-in-out;
}
.btn-custom:hover:before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.5s ease-out;
}
.btn-grey {
  background: #555;
  color: #fff;
  position: relative;
}
.btn-grey:hover,
.btn-grey:active,
.btn-grey:focus {
  color: #555;
  background: #fff;
  border: 1px solid #555;
}
.btn-grey:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: #797878;
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  border-radius: 4px;
  transition: all 0s ease-in-out;
}
.btn-grey:hover:before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.5s ease-out;
}
.btn-bordered {
  background: transparent;
  border: 2px solid #e61e25;
  color: #e61e25;
}
.btn-bordered:hover,
.btn-bordered:active,
.btn-bordered:focus {
  color: #e61e25;
  text-decoration: underline;
}
.back-top {
  bottom: 125px;
  margin: 0;
  padding: 0;
  position: fixed;
  right: 20px;
  z-index: 999999999;
}
.back-top a {
  background: #e61e25;
  border-radius: 50%;
  color: #fff;
  display: block;
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  font-family: "FontAwesome";
  height: 55px;
  line-height: 50px;
  text-align: center;
  transition: background 300ms ease 0s;
  width: 55px;
}
.back-top a:after {
  content: "\f106";
  display: inline;
  font-size: 30px;
}
.expandTiggerContainer {
  position: relative;
  overflow: hidden;
}
.expandTiggerContainer .expandTiggerIcon img {
  color: #e61e25;
  position: absolute;
  left: 10px;
  top: 7px;
}
.expandTiggerContainer .expandTiggerText a.expandTigger {
  display: none;
  box-shadow: none;
}
.expandTiggerContainer .expandTiggerText a.expandTigger.active {
  width: 100%;
  display: block;
  font-size: 16px;
  font-family: 'ooredoobold';
  text-decoration: none;
}
.expandTiggerContainer .expandTiggerText a.collapseTrigger {
  width: 100%;
  margin-bottom: 20px;
  display: block;
  font-size: 16px;
  font-family: 'ooredoobold';
  text-decoration: none;
  box-shadow: none;
}
@media (max-width: 991px) {
  .expandable {
    height: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    transition: 0.2s all ease;
    visibility: hidden;
    display: none;
  }
  .expandable.active {
    height: auto;
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
            filter: none;
    transition: 0.2s all ease;
    visibility: visible;
    display: block;
  }
}
.current {
  font-size: 30px;
  color: #e61e25 !important;
  display: none;
}
.current i {
  color: #e61e25;
}
@media (max-width: 479px) {
  .hidden-xxs {
    display: none !important;
  }
  .current {
    display: block !important;
  }
}
@media (min-width: 479px) {
  .accessibilities.mobile {
    display: none !important;
  }
}
.accessibilities.mobile {
  position: absolute;
  right: 0;
  text-align: right;
  top: 76px;
  width: 165px;
  z-index: 999;
  background: #fff;
  padding: 10px;
  box-shadow: -1px 2px 3px rgba(0,0,0,0.35);
}
@font-face {
  font-family: 'ooredoobold';
  src: url("../fonts/ooredoo/ooredoo-Bold-webfont.eot");
  src: url("../fonts/ooredoo/ooredoo-Bold-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/ooredoo/ooredoo-Bold-webfont.woff2") format('woff2'), url("../fonts/ooredoo/ooredoo-Bold-webfont.woff") format('woff'), url("../fonts/ooredoo/ooredoo-Bold-webfont.ttf") format('truetype'), url("../fonts/ooredoo/ooredoo-Bold-webfont.svg#ooredoobold") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ooredooregular';
  src: url("../fonts/ooredoo/ooredoo-Regular-webfont.eot");
  src: url("../fonts/ooredoo/ooredoo-Regular-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/ooredoo/ooredoo-Regular-webfont.woff2") format('woff2'), url("../fonts/ooredoo/ooredoo-Regular-webfont.woff") format('woff'), url("../fonts/ooredoo/ooredoo-Regular-webfont.ttf") format('truetype'), url("../fonts/ooredoo/ooredoo-Regular-webfont.svg#ooredooregular") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ooredoolight';
  src: url("../fonts/ooredoo/ooredoo-Light.eot");
  src: url("../fonts/ooredoo/ooredoo-Light.eot?#iefix") format('embedded-opentype'), url("../fonts/ooredoo/ooredoo-Light.woff2") format('woff2'), url("../fonts/ooredoo/ooredoo-Light.woff") format('woff'), url("../fonts/ooredoo/ooredoo-Light.ttf") format('truetype'), url("../fonts/ooredoo/ooredoo-Light.svg#ooredooregular") format('svg');
  font-weight: normal;
  font-style: normal;
}
.md-feedback {
  background: #f0f0f0;
  padding: 25px 0;
}
.md-feedback p {
  font-family: 'ooredoobold';
  color: #333;
  font-size: 23px;
  margin: 0;
  text-align: center;
}
.md-feedback.notice {
  background: #e61e25;
}
.md-feedback.notice p {
  color: #fff;
}
@media (max-width: 1199px) {
  .md-feedback p {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .md-feedback p {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .md-feedback {
    padding: 20px 0;
  }
  .md-feedback p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .md-feedback {
    padding: 15px 0;
  }
  .md-feedback p {
    font-size: 16px;
  }
}
/*===========================*/
/*==== Header=================*/
.sticky-wrapper {
  position: relative;
  z-index: 10000;
}
.header {
  min-height: 60px;
  padding: 16px 0;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.35);
  position: relative;
  z-index: 10;
}
.header .logo-section {
  overflow: hidden;
  padding: 10px 0;
}
.header .logo-section .logo {
  float: left;
}
.header .logo-section .logo-directive {
  float: left;
  margin-left: 20px;
  padding: 7px 20px;
  border-left: 1px solid #cbcbcb;
}
.header .accessibilities {
  text-align: right;
}
.header .accessibilities .help {
  display: inline-block;
  margin: 0 5px;
  width: 60px;
  height: 60px;
  background: #e61e25;
  border-radius: 50%;
  line-height: 60px;
  text-align: center;
}
.header .accessibilities .help img {
  display: inline-block;
}
.header .accessibilities .help a {
  line-height: 60px;
}
.header .accessibilities .phone {
  display: inline-block;
  margin: 0 5px;
  width: 60px;
  height: 60px;
  background: #e61e25;
  border-radius: 50%;
  line-height: 60px;
  text-align: center;
}
.header .accessibilities .phone img {
  display: inline-block;
}
.header .accessibilities .phone a {
  line-height: 60px;
}
.header .accessibilities .lang {
  display: inline-block;
  margin: 0 5px;
  width: 60px;
  height: 60px;
  background: #e61e25;
  border-radius: 50%;
  line-height: 60px;
  text-align: center;
}
.header .accessibilities .lang a {
  text-transform: uppercase;
  color: #fff;
  font-family: 'ooredoobold';
  line-height: 60px;
  font-size: 25px;
  text-decoration: none;
}
@media (max-width: 991px) {
  .header {
    min-height: auto;
  }
  .header .logo-section {
    overflow: hidden;
    padding: 10px 0;
  }
  .header .logo-section .logo {
    float: left;
  }
  .header .logo-section .logo img {
    max-width: 200px;
  }
  .header .logo-section .logo-directive {
    float: left;
    margin-left: 10px;
    padding: 7px 10px;
    border-left: 1px solid #cbcbcb;
  }
  .header .logo-section .logo-directive img {
    max-width: 100px;
  }
  .header .accessibilities {
    text-align: right;
  }
  .header .accessibilities .help {
    display: inline-block;
    margin: 0 2px;
    width: 50px;
    height: 50px;
    background: #e61e25;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
  }
  .header .accessibilities .help img {
    display: inline-block;
  }
  .header .accessibilities .help a {
    line-height: 50px;
  }
  .header .accessibilities .phone {
    display: inline-block;
    margin: 0 2px;
    width: 50px;
    height: 50px;
    background: #e61e25;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
  }
  .header .accessibilities .phone img {
    display: inline-block;
  }
  .header .accessibilities .phone a {
    line-height: 50px;
  }
  .header .accessibilities .lang {
    display: inline-block;
    margin: 0 2px;
    width: 50px;
    height: 50px;
    background: #e61e25;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
  }
  .header .accessibilities .lang a {
    text-transform: uppercase;
    color: #fff;
    font-family: 'ooredoobold';
    line-height: 50px;
    font-size: 22px;
    text-decoration: none;
  }
}
@media (max-width: 767px) {
  .header {
    min-height: auto;
  }
  .header .logo-section {
    overflow: hidden;
    padding: 10px 0;
  }
  .header .logo-section .logo {
    float: left;
  }
  .header .logo-section .logo img {
    max-width: 180px;
  }
  .header .logo-section .logo-directive {
    float: left;
    margin-left: 10px;
    padding: 7px 10px;
    border-left: 1px solid #cbcbcb;
  }
  .header .logo-section .logo-directive img {
    max-width: 80px;
  }
  .header .accessibilities {
    text-align: right;
  }
  .header .accessibilities .help {
    display: inline-block;
    margin: 0 2px;
    width: 40px;
    height: 40px;
    background: #e61e25;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
  }
  .header .accessibilities .help img {
    display: inline-block;
    max-width: 15px;
  }
  .header .accessibilities .help a {
    line-height: 40px;
  }
  .header .accessibilities .phone {
    display: inline-block;
    margin: 0 2px;
    width: 40px;
    height: 40px;
    background: #e61e25;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
  }
  .header .accessibilities .phone img {
    display: inline-block;
    max-width: 15px;
  }
  .header .accessibilities .phone a {
    line-height: 40px;
  }
  .header .accessibilities .lang {
    display: inline-block;
    margin: 0 2px;
    width: 40px;
    height: 40px;
    background: #e61e25;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
  }
  .header .accessibilities .lang a {
    text-transform: uppercase;
    color: #fff;
    font-family: 'ooredoobold';
    line-height: 40px;
    font-size: 20px;
    text-decoration: none;
  }
}
@media (max-width: 479px) {
  .header .logo-section .logo img {
    max-width: 150px;
  }
  .header .logo-section .logo-directive img {
    max-width: 45px;
  }
}
/*===========================*/
/*==== my-account=============*/
.md-my-account {
  background: #fff;
}
.md-my-account .section-title {
  background: #e61e25;
  padding: 10px 0;
}
.md-my-account .section-title .title h1 {
  color: #fff;
  font-family: 'ooredoobold';
  text-transform: uppercase;
  font-size: 29px;
  margin: 0;
}
.md-my-account .section-title .description p {
  color: #fff;
  font-family: 'ooredoobold';
  font-size: 24px;
  margin: 0;
  text-align: right;
}
.md-my-account .section-content .my-account-container {
  padding: 40px 0 0px;
  overflow: hidden;
}
.md-my-account .section-content .my-account-container .my-account-holder {
  border: 3px solid #bfbfbf;
  border-radius: 10px;
  margin-bottom: 20px;
  background: #fff;
  padding: 15px;
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-header {
  text-align: center;
  position: relative;
  margin-top: -35px;
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-header h2 {
  font-family: 'ooredoobold';
  font-size: 31px;
  color: #000;
  text-align: center;
  margin: 0;
  display: inline-block;
  padding: 3px 5px;
  background: #fff;
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content {
  overflow: hidden;
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner {
  padding: 11px 0;
  border-bottom: 1px solid #eee;
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit-info a {
  font-family: 'ooredoobold';
  color: #000;
  font-size: 18px;
  padding: 5px 0 5px 30px;
  background-position: left center;
  background-repeat: no-repeat;
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit-info a.creditTotal {
  background-image: url("../images/icons/phone-icon.png");
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit-info a.CreditRecharge {
  background-image: url("../images/icons/credit1.png");
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit-info a.CreditBonus {
  background-image: url("../images/icons/credit2.png");
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit-info a.maxyCredit {
  background-image: url("../images/icons/credit3.png");
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit-info a.packMaxyCredit {
  background-image: url("../images/icons/credit4.png");
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit-info a.maxyInternet {
  background-image: url("../images/icons/internet1.png");
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit-info a.packMaxyInternet {
  background-image: url("../images/icons/internet2.png");
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit-info a.internetJournalier {
  background-image: url("../images/icons/internet3.png");
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit-info a.internetMensuel {
  background-image: url("../images/icons/internet4.png");
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit-info a.internetNuit {
  background-image: url("../images/icons/internet5.png");
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit-info a.minutesGratuites {
  background-image: url("../images/icons/appel1.png");
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit-info a.minutesNoudjoum {
  background-image: url("../images/icons/appel2.png");
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit {
  direction: ltr;
  text-align: right;
  float: right;
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit .price {
  line-height: 10px;
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit .price .price-hero {
  direction: ltr;
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit .price .price-hero .price-unit {
  font-family: 'ooredoobold';
  font-size: 17px;
  line-height: 17px;
  color: #4654ff;
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit .price .price-hero .currency {
  font-family: 'ooredoobold';
  font-size: 12px;
  line-height: 12px;
  color: #4654ff;
  vertical-align: top;
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit .price .price-hero .currency .small {
  font-size: 2px;
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit .price .price-hero .validity {
  color: #9e9e9e;
  font-size: 12px;
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .progressBarContainer {
  padding: 7px 0;
  overflow: hidden;
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .progressBarContainer .progressBar {
  background: #f0f0f0;
  position: relative;
  height: 6px;
  margin-top: 8px;
  border-radius: 3px;
  overflow: hidden;
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .progressBarContainer .progressBar .progressPercentage {
  position: absolute;
  left: 0;
  top: 0;
  height: 6px;
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .progressBarContainer .progressBar .progressPercentage.greenbar {
  background: #52cc83;
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .progressBarContainer .progressBar .progressPercentage.orangebar {
  background: #f17e21;
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .progressBarContainer .progressBar .progressPercentage.redbar {
  background: #f22c27;
}
.md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner:last-child {
  border-bottom: none;
}
@media (min-width: 992px) {
  .md-my-account .section-content .my-account-holder {
    min-height: 536px;
  }
}
@media (max-width: 1199px) {
  .md-my-account .section-title {
    background: #e61e25;
    padding: 10px 0;
  }
  .md-my-account .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 24px;
    margin: 0;
  }
  .md-my-account .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 20px;
    margin: 0;
    text-align: right;
  }
  .md-my-account .section-content .my-account-container .my-account-holder .holder-header h2 {
    font-size: 28px;
    color: #000;
  }
  .md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit .price .price-hero .price-unit {
    font-size: 17px;
    line-height: 17px;
  }
  .md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit .price .price-hero .currency {
    font-size: 12px;
    line-height: 12px;
  }
  .md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit .price .price-hero .validity {
    font-size: 12px;
  }
  .md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit-info a {
    font-size: 16px;
  }
  .md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .row {
    margin: 0;
  }
  .md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner div[class*='col-'] {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .md-my-account .section-title {
    background: #e61e25;
    padding: 10px 0;
  }
  .md-my-account .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 22px;
    margin: 0;
  }
  .md-my-account .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 18px;
    margin: 0;
    text-align: right;
  }
  .md-my-account .section-content .my-account-container {
    overflow: hidden;
    margin: 0 15px 15px;
    background: #fff;
    overflow: hidden;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 3px 5px 0px rgba(0,0,0,0.35);
  }
  .md-my-account .section-content .my-account-container .my-account-holder .holder-header h2 {
    font-size: 30px;
    color: #e61e25;
  }
  .md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner {
    border-bottom: 0;
  }
  .md-my-account .section-content .my-account-container.expandeffect .my-account-holder .holder-content-inner {
    border-bottom: 1px solid #eee;
  }
}
@media (max-width: 767px) {
  .md-my-account {
    background: #ebebeb;
  }
  .md-my-account .section-title {
    background: #e61e25;
    padding: 10px 0;
  }
  .md-my-account .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
  }
  .md-my-account .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 16px;
    margin: 0;
    text-align: right;
  }
  .md-my-account .section-content .my-account-container {
    padding: 0 0 0px;
  }
  .md-my-account .section-content .my-account-container .my-account-holder {
    border: none;
    margin-bottom: 0;
    padding: 0;
  }
  .md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit .price .price-hero .price-unit {
    font-size: 16px;
    line-height: 16px;
  }
  .md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit .price .price-hero .currency {
    font-size: 11px;
    line-height: 11px;
  }
  .md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit .price .price-hero .validity {
    font-size: 11px;
  }
  .md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit-info a {
    font-size: 14px;
  }
  .md-my-account .section-content .my-account-container .my-account-holder.expandeffect {
    border: 3px solid #bfbfbf;
    margin-bottom: 20px;
  }
  .md-my-account .section-content .my-account-container.expandeffect {
    padding: 40px 0 0 !important;
  }
  .md-my-account .section-content .my-account-container.expandeffect .my-account-holder {
    border: 3px solid #bfbfbf;
    margin-bottom: 20px;
    padding: 15px;
  }
}
@media (max-width: 479px) {
  .md-my-account .section-title {
    background: #e61e25;
    padding: 10px 0;
  }
  .md-my-account .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
  }
  .md-my-account .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 14px;
    margin: 0;
    text-align: right;
  }
  .md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit .price .price-hero .price-unit {
    font-size: 14px;
    line-height: 14px;
  }
  .md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit .price .price-hero .currency {
    font-size: 9px;
    line-height: 9px;
  }
  .md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit .price .price-hero .validity {
    font-size: 9px;
  }
  .md-my-account .section-content .my-account-container .my-account-holder .holder-content .holder-content-inner .credit-info a {
    font-size: 14px;
  }
}
/*===========================*/
/*==== forfait-night=============*/
.md-forfait-night .section-title {
  background: #015883;
  padding: 10px 0;
}
.md-forfait-night .section-title .title h1 {
  color: #fff;
  font-family: 'ooredoobold';
  text-transform: uppercase;
  font-size: 29px;
  margin: 0;
}
.md-forfait-night .section-title .description p {
  color: #fff;
  font-family: 'ooredoobold';
  font-size: 19px;
  margin: 0;
  text-align: right;
}
.md-forfait-night .section-content {
  background: #0e74a6;
  padding: 30px 0;
}
.md-forfait-night .section-content .fullWidthCard {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 3px 5px rgba(0,0,0,0.35);
}
.md-forfait-night .section-content .fullWidthCard .cardThumb {
  width: 48%;
  overflow: hidden;
}
.md-forfait-night .section-content .fullWidthCard .cardThumb img {
  height: 100%;
  width: auto;
  max-width: initial;
  transition: 0.2s transform ease;
}
.md-forfait-night .section-content .fullWidthCard .cardThumb:hover img {
  -webkit-transform: scale(1.1) rotate(2deg);
  -ms-transform: scale(1.1) rotate(2deg);
  transform: scale(1.1) rotate(2deg);
  transition: 0.2s transform ease;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo {
  width: 52%;
  padding: 20px;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop {
  width: 100%;
  overflow: hidden;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration {
  height: 85px;
  display: table;
  float: left;
  width: auto;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price {
  line-height: 10px;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero {
  direction: ltr;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .price-unit {
  font-family: 'ooredoobold';
  font-size: 45px;
  line-height: 45px;
  color: #000;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .currency {
  font-family: 'ooredoobold';
  font-size: 40px;
  line-height: 40px;
  color: #000;
  vertical-align: top;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .currency .small {
  font-size: 30px;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .validity {
  color: #9e9e9e;
  font-size: 12px;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price {
  vertical-align: middle;
  display: table-cell;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .price-unit {
  font-size: 45px;
  line-height: 47px;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .to {
  font-size: 25px;
  line-height: 21px;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .hours {
  font-size: 27px;
  line-height: 24px;
  font-family: 'ooredoobold';
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity {
  height: 85px;
  float: right;
  display: table;
  width: auto;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price {
  line-height: 10px;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price .price-hero {
  direction: ltr;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price .price-hero .price-unit {
  font-family: 'ooredoobold';
  font-size: 48px;
  line-height: 48px;
  color: #808080;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price .price-hero .currency {
  font-family: 'ooredoobold';
  font-size: 28px;
  line-height: 32px;
  color: #808080;
  vertical-align: top;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price .price-hero .currency .small {
  font-size: 18px;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price .price-hero .validity {
  color: #808080;
  font-size: 28px;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price {
  vertical-align: middle;
  display: table-cell;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom {
  width: 100%;
  overflow: hidden;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost {
  width: 50%;
  float: left;
  height: 85px;
  display: table;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price {
  line-height: 10px;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price .price-hero {
  direction: ltr;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price .price-hero .price-unit {
  font-family: 'ooredoobold';
  font-size: 52px;
  line-height: 52px;
  color: #e61e25;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price .price-hero .currency {
  font-family: 'ooredoobold';
  font-size: 30px;
  line-height: 35px;
  color: #e61e25;
  vertical-align: top;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price .price-hero .currency .small {
  font-size: 20px;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price .price-hero .validity {
  color: #e61e25;
  font-size: 28px;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price {
  vertical-align: bottom;
  display: table-cell;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .buy {
  display: table;
  width: 50%;
  float: left;
  height: 85px;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .buy .action {
  width: 100%;
  display: table-cell;
  vertical-align: bottom;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .buy .action .btn {
  font-family: 'ooredoobold';
  font-size: 16px;
  width: 100%;
  height: 50px;
  line-height: 40px;
}
.md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .buy .action .btn i {
  margin-right: 10px;
}
@media (max-width: 1199px) {
  .md-forfait-night .section-title {
    background: #015883;
    padding: 10px 0;
  }
  .md-forfait-night .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 25px;
    margin: 0;
  }
  .md-forfait-night .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-night .section-content {
    background: #0e74a6;
    padding: 30px 0;
  }
  .md-forfait-night .section-content .fullWidthCard {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 5px rgba(0,0,0,0.35);
  }
  .md-forfait-night .section-content .fullWidthCard .cardThumb {
    width: 50%;
    overflow: hidden;
  }
  .md-forfait-night .section-content .fullWidthCard .cardThumb img {
    height: 100%;
    width: auto;
    max-width: initial;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo {
    width: 50%;
    padding: 20px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop {
    width: 100%;
    overflow: hidden;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration {
    height: 85px;
    display: table;
    float: left;
    width: auto;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price {
    line-height: 10px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero {
    direction: ltr;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 40px;
    line-height: 40px;
    color: #000;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 35px;
    line-height: 35px;
    color: #000;
    vertical-align: top;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .currency .small {
    font-size: 25px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .validity {
    color: #9e9e9e;
    font-size: 12px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .price-unit {
    font-size: 40px;
    line-height: 35px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .to {
    font-size: 23px;
    line-height: 19px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .hours {
    font-size: 24px;
    line-height: 20px;
    font-family: 'ooredoobold';
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity {
    height: 85px;
    float: right;
    display: table;
    width: auto;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price {
    line-height: 10px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price .price-hero {
    direction: ltr;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 45px;
    line-height: 45px;
    color: #808080;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 25px;
    line-height: 28px;
    color: #808080;
    vertical-align: top;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price .price-hero .currency .small {
    font-size: 15px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price .price-hero .validity {
    color: #808080;
    font-size: 28px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom {
    width: 100%;
    overflow: hidden;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost {
    width: 50%;
    float: left;
    height: 85px;
    display: table;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price {
    line-height: 10px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price .price-hero {
    direction: ltr;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 45px;
    line-height: 45px;
    color: #e61e25;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 27px;
    line-height: 32px;
    color: #e61e25;
    vertical-align: top;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price .price-hero .currency .small {
    font-size: 17px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price .price-hero .validity {
    color: #e61e25;
    font-size: 28px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price {
    vertical-align: bottom;
    display: table-cell;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .buy {
    display: table;
    width: 50%;
    float: left;
    height: 85px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .buy .action {
    width: 100%;
    display: table-cell;
    vertical-align: bottom;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .buy .action .btn {
    font-family: 'ooredoobold';
    font-size: 16px;
    width: 100%;
    height: 50px;
    line-height: 40px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .buy .action .btn i {
    margin-right: 10px;
  }
}
@media (max-width: 991px) {
  .md-forfait-night .section-title {
    background: #015883;
    padding: 10px 0;
  }
  .md-forfait-night .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 22px;
    margin: 0;
  }
  .md-forfait-night .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-night .section-content {
    background: #0e74a6;
    padding: 20px 0;
  }
  .md-forfait-night .section-content .fullWidthCard {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 5px rgba(0,0,0,0.35);
  }
  .md-forfait-night .section-content .fullWidthCard .cardThumb {
    width: 50%;
    overflow: hidden;
  }
  .md-forfait-night .section-content .fullWidthCard .cardThumb img {
    height: 100%;
    width: auto;
    max-width: initial;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo {
    width: 50%;
    padding: 15px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop {
    width: 100%;
    overflow: hidden;
    float: left;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration {
    height: 85px;
    display: table;
    float: left;
    width: auto;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price {
    line-height: 10px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero {
    direction: ltr;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 35px;
    line-height: 35px;
    color: #000;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 30px;
    line-height: 30px;
    color: #000;
    vertical-align: top;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .currency .small {
    font-size: 20px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .validity {
    color: #9e9e9e;
    font-size: 12px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .price-unit {
    font-size: 35px;
    line-height: 30px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .to {
    font-size: 20px;
    line-height: 17px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .hours {
    font-size: 22px;
    line-height: 18px;
    font-family: 'ooredoobold';
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity {
    height: 85px;
    float: right;
    display: table;
    width: auto;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price {
    line-height: 10px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price .price-hero {
    direction: ltr;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 40px;
    line-height: 40px;
    color: #808080;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 25px;
    line-height: 28px;
    color: #808080;
    vertical-align: top;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price .price-hero .currency .small {
    font-size: 15px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price .price-hero .validity {
    color: #808080;
    font-size: 28px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom {
    width: 100%;
    overflow: hidden;
    float: left;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost {
    width: 50%;
    float: left;
    height: 85px;
    display: table;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price {
    line-height: 10px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price .price-hero {
    direction: ltr;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 40px;
    line-height: 40px;
    color: #e61e25;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 25px;
    line-height: 19px;
    color: #e61e25;
    vertical-align: top;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price .price-hero .currency .small {
    font-size: 15px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price .price-hero .validity {
    color: #e61e25;
    font-size: 28px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .buy {
    display: table;
    width: 50%;
    float: left;
    height: 85px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .buy .action {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .buy .action .btn {
    font-family: 'ooredoobold';
    font-size: 16px;
    width: 100%;
    height: 50px;
    line-height: 40px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .buy .action .btn i {
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .md-forfait-night .section-title {
    background: #015883;
    padding: 10px 0;
  }
  .md-forfait-night .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
  }
  .md-forfait-night .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-night .section-content {
    background: #0e74a6;
    padding: 15px 0;
  }
  .md-forfait-night .section-content .fullWidthCard {
    background: #fff;
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
  }
  .md-forfait-night .section-content .fullWidthCard .cardThumb {
    width: 50%;
    overflow: hidden;
  }
  .md-forfait-night .section-content .fullWidthCard .cardThumb img {
    height: 100%;
    width: auto;
    max-width: initial;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo {
    width: 100%;
    padding: 0;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop {
    width: 43%;
    overflow: hidden;
    float: left;
    padding-left: 10px;
    background: url("../images/forfait-bg1.png") left center no-repeat;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration {
    height: 85px;
    display: table;
    float: left;
    width: auto;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price {
    line-height: 10px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero {
    direction: ltr;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 35px;
    line-height: 35px;
    color: #fff;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 30px;
    line-height: 30px;
    color: #000;
    vertical-align: top;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .currency .small {
    font-size: 20px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .validity {
    color: #9e9e9e;
    font-size: 12px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .from {
    color: #fff;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .table-row {
    display: inline-block;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .price-unit {
    font-size: 19px;
    line-height: 19px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .to {
    font-size: 13px;
    line-height: 13px;
    color: #fff;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .hours {
    font-size: 10px;
    line-height: 19px;
    font-family: 'ooredoobold';
    color: #fff;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .capacityMobile {
    font-size: 18px;
    line-height: 18px;
    color: #fff;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity {
    height: 85px;
    float: right;
    display: table;
    width: auto;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price {
    line-height: 10px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price .price-hero {
    direction: ltr;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 40px;
    line-height: 40px;
    color: #808080;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 25px;
    line-height: 28px;
    color: #808080;
    vertical-align: top;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price .price-hero .currency .small {
    font-size: 15px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price .price-hero .validity {
    color: #808080;
    font-size: 28px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom {
    width: 55%;
    overflow: hidden;
    float: left;
    padding-right: 10px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost {
    width: 50%;
    float: left;
    height: 85px;
    display: table;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price {
    line-height: 10px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price .price-hero {
    direction: ltr;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 28px;
    line-height: 28px;
    color: #e61e25;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 17px;
    line-height: 17px;
    color: #e61e25;
    vertical-align: top;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price .price-hero .currency .small {
    font-size: 7px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price .price-hero .validity {
    color: #e61e25;
    font-size: 28px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .buy {
    display: table;
    width: 50%;
    float: left;
    height: 85px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .buy .action {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .buy .action .btn {
    font-family: 'ooredoobold';
    font-size: 16px;
    width: 100%;
    height: 50px;
    line-height: 40px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .buy .action .btn i {
    margin-right: 10px;
  }
}
@media (max-width: 479px) {
  .md-forfait-night .section-title {
    background: #015883;
    padding: 10px 0;
  }
  .md-forfait-night .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
  }
  .md-forfait-night .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-night .section-content {
    padding: 15px 0;
  }
  .md-forfait-night .section-content .fullWidthCard {
    box-shadow: none;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo {
    width: 100%;
    padding: 0;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop {
    width: 43%;
    overflow: hidden;
    float: left;
    padding-left: 10px;
    background: url("../images/forfait-bg1.png") left center no-repeat;
    background-position: -42px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration {
    height: 85px;
    display: table;
    float: left;
    width: auto;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price {
    line-height: 10px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero {
    direction: ltr;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 30px;
    line-height: 30px;
    color: #fff;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 25px;
    line-height: 25px;
    color: #000;
    vertical-align: top;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .currency .small {
    font-size: 15px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .validity {
    color: #9e9e9e;
    font-size: 12px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .from {
    color: #fff;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .table-row {
    display: inline-block;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .price-unit {
    font-size: 16px;
    line-height: 22px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .to {
    font-size: 11px;
    line-height: 11px;
    color: #fff;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .hours {
    font-size: 10px;
    line-height: 19px;
    font-family: 'ooredoobold';
    color: #fff;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .duration .price .price-hero .capacityMobile {
    font-size: 16px;
    line-height: 16px;
    color: #fff;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity {
    height: 85px;
    float: right;
    display: table;
    width: auto;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price {
    line-height: 10px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price .price-hero {
    direction: ltr;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 40px;
    line-height: 40px;
    color: #808080;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 25px;
    line-height: 28px;
    color: #808080;
    vertical-align: top;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price .price-hero .currency .small {
    font-size: 15px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price .price-hero .validity {
    color: #808080;
    font-size: 28px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardTop .capacity .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom {
    width: 55%;
    overflow: hidden;
    float: left;
    padding-right: 5px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost {
    width: 50%;
    float: left;
    height: 85px;
    display: table;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price {
    line-height: 10px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price .price-hero {
    direction: ltr;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 22px;
    line-height: 22px;
    color: #e61e25;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 10px;
    line-height: 14px;
    color: #e61e25;
    vertical-align: top;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price .price-hero .currency .small {
    font-size: 0px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price .price-hero .validity {
    color: #e61e25;
    font-size: 28px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .cost .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .buy {
    display: table;
    width: 50%;
    float: left;
    height: 85px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .buy .action {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .buy .action .btn {
    font-family: 'ooredoobold';
    font-size: 11px;
    width: 100%;
    height: 40px;
    line-height: 30px;
  }
  .md-forfait-night .section-content .fullWidthCard .cardInfo .cardBottom .buy .action .btn i {
    margin-right: 10px;
  }
}
/*===========================*/
/*==== forfait-internet=============*/
.md-forfait-internet .section-title {
  background: #dbddde;
  padding: 10px 0;
}
.md-forfait-internet .section-title .title h1 {
  color: #000;
  font-family: 'ooredoobold';
  text-transform: uppercase;
  font-size: 29px;
  margin: 0;
}
.md-forfait-internet .section-title .description p {
  color: #000;
  font-family: 'ooredoobold';
  font-size: 24px;
  margin: 0;
  text-align: right;
}
.md-forfait-internet .section-content {
  background: #f6f7f8;
  padding: 30px 0 0;
}
.md-forfait-internet .section-content .cardInfo {
  width: 100%;
  padding: 15px;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 30px;
  box-shadow: 0 3px 5px 0px rgba(0,0,0,0.35);
  border: 1px solid #eee\9;
}
.md-forfait-internet .section-content .cardInfo .cardTop {
  width: 100%;
  overflow: hidden;
}
.md-forfait-internet .section-content .cardInfo .cardTop .duration {
  height: 85px;
  display: table;
  float: left;
  width: auto;
}
.md-forfait-internet .section-content .cardInfo .cardTop .duration .price {
  line-height: 10px;
}
.md-forfait-internet .section-content .cardInfo .cardTop .duration .price .price-hero {
  direction: ltr;
}
.md-forfait-internet .section-content .cardInfo .cardTop .duration .price .price-hero .price-unit {
  font-family: 'ooredoobold';
  font-size: 80px;
  line-height: 80px;
  color: #000;
}
.md-forfait-internet .section-content .cardInfo .cardTop .duration .price .price-hero .currency {
  font-family: 'ooredoobold';
  font-size: 40px;
  line-height: 40px;
  color: #000;
  vertical-align: top;
}
.md-forfait-internet .section-content .cardInfo .cardTop .duration .price .price-hero .currency .small {
  font-size: 30px;
}
.md-forfait-internet .section-content .cardInfo .cardTop .duration .price .price-hero .validity {
  color: #9e9e9e;
  font-size: 12px;
}
.md-forfait-internet .section-content .cardInfo .cardTop .duration .price {
  vertical-align: middle;
  display: table-cell;
}
.md-forfait-internet .section-content .cardInfo .cardTop .duration.small .price .price-hero .price-unit {
  font-size: 40px;
  line-height: 40px;
}
.md-forfait-internet .section-content .cardInfo .cardTop .duration.small .price .price-hero .to {
  font-size: 23px;
  line-height: 21px;
}
.md-forfait-internet .section-content .cardInfo .cardTop .duration.small .price .price-hero .hours {
  font-size: 24px;
  line-height: 24px;
  font-family: 'ooredoobold';
}
.md-forfait-internet .section-content .cardInfo .cardTop .capacity {
  height: 85px;
  float: right;
  display: table;
  width: auto;
}
.md-forfait-internet .section-content .cardInfo .cardTop .capacity .price {
  line-height: 10px;
}
.md-forfait-internet .section-content .cardInfo .cardTop .capacity .price .price-hero {
  direction: ltr;
}
.md-forfait-internet .section-content .cardInfo .cardTop .capacity .price .price-hero .price-unit {
  font-family: 'ooredoobold';
  font-size: 48px;
  line-height: 48px;
  color: #808080;
}
.md-forfait-internet .section-content .cardInfo .cardTop .capacity .price .price-hero .currency {
  font-family: 'ooredoobold';
  font-size: 28px;
  line-height: 32px;
  color: #808080;
  vertical-align: top;
}
.md-forfait-internet .section-content .cardInfo .cardTop .capacity .price .price-hero .currency .small {
  font-size: 18px;
}
.md-forfait-internet .section-content .cardInfo .cardTop .capacity .price .price-hero .validity {
  color: #808080;
  font-size: 28px;
}
.md-forfait-internet .section-content .cardInfo .cardTop .capacity .price {
  vertical-align: middle;
  display: table-cell;
}
.md-forfait-internet .section-content .cardInfo .cardBottom {
  width: 100%;
  overflow: hidden;
}
.md-forfait-internet .section-content .cardInfo .cardBottom .cost {
  height: 85px;
  display: table;
  width: 50%;
  float: left;
}
.md-forfait-internet .section-content .cardInfo .cardBottom .cost .price {
  line-height: 10px;
}
.md-forfait-internet .section-content .cardInfo .cardBottom .cost .price .price-hero {
  direction: ltr;
}
.md-forfait-internet .section-content .cardInfo .cardBottom .cost .price .price-hero .price-unit {
  font-family: 'ooredoobold';
  font-size: 41px;
  line-height: 40px;
  color: #e61e25;
}
.md-forfait-internet .section-content .cardInfo .cardBottom .cost .price .price-hero .currency {
  font-family: 'ooredoobold';
  font-size: 28px;
  line-height: 28px;
  color: #e61e25;
  vertical-align: top;
}
.md-forfait-internet .section-content .cardInfo .cardBottom .cost .price .price-hero .currency .small {
  font-size: 18px;
}
.md-forfait-internet .section-content .cardInfo .cardBottom .cost .price .price-hero .validity {
  color: #e61e25;
  font-size: 28px;
}
.md-forfait-internet .section-content .cardInfo .cardBottom .cost .price {
  vertical-align: bottom;
  display: table-cell;
}
.md-forfait-internet .section-content .cardInfo .cardBottom .buy {
  display: table;
  height: 85px;
  width: 50%;
}
.md-forfait-internet .section-content .cardInfo .cardBottom .buy .action {
  display: table-cell;
  vertical-align: bottom;
}
.md-forfait-internet .section-content .cardInfo .cardBottom .buy .action .btn {
  font-family: 'ooredoobold';
  font-size: 16px;
  width: 100%;
  height: 50px;
  line-height: 40px;
}
.md-forfait-internet .section-content .cardInfo .cardBottom .buy .action .btn i {
  margin-right: 10px;
}
@media (max-width: 1199px) {
  .md-forfait-internet .section-title {
    background: #dbddde;
    padding: 10px 0;
  }
  .md-forfait-internet .section-title .title h1 {
    color: #000;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 25px;
    margin: 0;
  }
  .md-forfait-internet .section-title .description p {
    color: #000;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-internet .section-content {
    background: #f6f7f8;
    padding: 30px 0 0;
  }
  .md-forfait-internet .section-content .cardInfo {
    width: 100%;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 30px;
    box-shadow: 0 3px 5px 0px rgba(0,0,0,0.35);
    border: 1px solid #eee\9;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop {
    width: 100%;
    overflow: hidden;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration {
    height: 85px;
    display: table;
    float: left;
    width: auto;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price {
    line-height: 10px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price .price-hero {
    direction: ltr;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 43px;
    line-height: 43px;
    color: #000;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 25px;
    line-height: 25px;
    color: #000;
    vertical-align: top;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price .price-hero .currency .small {
    font-size: 15px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price .price-hero .validity {
    color: #9e9e9e;
    font-size: 12px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration.small .price .price-hero .price-unit {
    font-size: 45px;
    line-height: 40px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration.small .price .price-hero .to {
    font-size: 25px;
    line-height: 21px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration.small .price .price-hero .hours {
    font-size: 27px;
    line-height: 24px;
    font-family: 'ooredoobold';
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity {
    height: 85px;
    float: right;
    display: table;
    width: auto;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price {
    line-height: 10px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price .price-hero {
    direction: ltr;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 38px;
    line-height: 38px;
    color: #808080;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 25px;
    line-height: 30px;
    color: #808080;
    vertical-align: top;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price .price-hero .currency .small {
    font-size: 15px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price .price-hero .validity {
    color: #808080;
    font-size: 25px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom {
    width: 100%;
    overflow: hidden;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost {
    height: 85px;
    display: table;
    width: 50%;
    float: left;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price {
    line-height: 10px;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price .price-hero {
    direction: ltr;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 30px;
    line-height: 30px;
    color: #e61e25;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 22px;
    line-height: 22px;
    color: #e61e25;
    vertical-align: top;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price .price-hero .currency .small {
    font-size: 12px;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price .price-hero .validity {
    color: #e61e25;
    font-size: 28px;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price {
    vertical-align: bottom;
    display: table-cell;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .buy {
    display: table;
    height: 85px;
    width: 50%;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .buy .action {
    display: table-cell;
    vertical-align: bottom;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .buy .action .btn {
    font-family: 'ooredoobold';
    font-size: 16px;
    width: 100%;
    height: 50px;
    line-height: 40px;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .buy .action .btn i {
    margin-right: 10px;
  }
}
@media (max-width: 991px) {
  .md-forfait-internet .section-title {
    background: #dbddde;
    padding: 10px 0;
  }
  .md-forfait-internet .section-title .title h1 {
    color: #000;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
  }
  .md-forfait-internet .section-title .description p {
    color: #000;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-internet .section-content {
    background: #f6f7f8;
    padding: 20px 0 0;
  }
  .md-forfait-internet .section-content .cardInfo {
    width: 100%;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
    box-shadow: 0 3px 5px 0px rgba(0,0,0,0.35);
    border: 1px solid #eee\9;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop {
    width: 100%;
    overflow: hidden;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration {
    height: 85px;
    display: table;
    float: left;
    width: auto;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price {
    line-height: 10px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price .price-hero {
    direction: ltr;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 43px;
    line-height: 43px;
    color: #000;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 23px;
    line-height: 23px;
    color: #000;
    vertical-align: top;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price .price-hero .currency .small {
    font-size: 13px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price .price-hero .validity {
    color: #9e9e9e;
    font-size: 12px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration.small .price .price-hero .price-unit {
    font-size: 40px;
    line-height: 35px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration.small .price .price-hero .to {
    font-size: 23px;
    line-height: 19px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration.small .price .price-hero .hours {
    font-size: 25px;
    line-height: 22px;
    font-family: 'ooredoobold';
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity {
    height: 85px;
    float: right;
    display: table;
    width: auto;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price {
    line-height: 10px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price .price-hero {
    direction: ltr;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 38px;
    line-height: 38px;
    color: #808080;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 25px;
    line-height: 30px;
    color: #808080;
    vertical-align: top;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price .price-hero .currency .small {
    font-size: 15px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price .price-hero .validity {
    color: #808080;
    font-size: 25px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom {
    width: 100%;
    overflow: hidden;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost {
    height: 85px;
    display: table;
    width: 50%;
    float: left;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price {
    line-height: 10px;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price .price-hero {
    direction: ltr;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 30px;
    line-height: 30px;
    color: #e61e25;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 22px;
    line-height: 22px;
    color: #e61e25;
    vertical-align: top;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price .price-hero .currency .small {
    font-size: 12px;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price .price-hero .validity {
    color: #e61e25;
    font-size: 28px;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price {
    vertical-align: bottom;
    display: table-cell;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .buy {
    display: table;
    height: 85px;
    width: 50%;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .buy .action {
    display: table-cell;
    vertical-align: bottom;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .buy .action .btn {
    font-family: 'ooredoobold';
    font-size: 16px;
    width: 100%;
    height: 50px;
    line-height: 40px;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .buy .action .btn i {
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .md-forfait-internet .section-title {
    background: #dbddde;
    padding: 10px 0;
  }
  .md-forfait-internet .section-title .title h1 {
    color: #000;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
  }
  .md-forfait-internet .section-title .description p {
    color: #000;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-internet .section-content {
    background: #f6f7f8;
    padding: 15px 0 0;
  }
  .md-forfait-internet .section-content .cardInfo {
    width: 100%;
    padding: 0;
    background: #fff;
    border-radius: 0;
    margin-bottom: 15px;
    box-shadow: none;
    border: 1px solid #eee\9;
    overflow: hidden;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop {
    width: 43%;
    overflow: hidden;
    float: left;
    padding-left: 10px;
    background: url("../images/forfait-bg3.png") left center no-repeat;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop.premiumOffer {
    background: url("../images/forfait-bg2.png") left center no-repeat;
    background-position: 0;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration {
    height: 85px;
    display: table;
    float: left;
    width: auto;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price {
    line-height: 10px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price .price-hero {
    direction: ltr;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 35px;
    line-height: 35px;
    color: #fff;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    vertical-align: top;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price .price-hero .currency .small {
    font-size: 10px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price .price-hero .validity {
    color: #9e9e9e;
    font-size: 12px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .capacityMobile {
    color: #fff;
    font-size: 14px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration.small .price .from {
    color: #fff;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration.small .price .price-hero .table-row {
    display: inline-block;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration.small .price .price-hero .price-unit {
    font-size: 15px;
    line-height: 23px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration.small .price .price-hero .to {
    font-size: 10px;
    line-height: 13px;
    color: #fff;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration.small .price .price-hero .hours {
    font-size: 11px;
    line-height: 17px;
    font-family: 'ooredoobold';
    color: #fff;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity {
    height: 85px;
    float: right;
    display: table;
    width: auto;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price {
    line-height: 10px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price .price-hero {
    direction: ltr;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 38px;
    line-height: 38px;
    color: #808080;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 25px;
    line-height: 30px;
    color: #808080;
    vertical-align: top;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price .price-hero .currency .small {
    font-size: 15px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price .price-hero .validity {
    color: #808080;
    font-size: 25px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom {
    width: 55%;
    overflow: hidden;
    float: left;
    padding-right: 10px;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost {
    height: 85px;
    display: table;
    width: 50%;
    float: left;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price {
    line-height: 10px;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price .price-hero {
    direction: ltr;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 28px;
    line-height: 28px;
    color: #e61e25;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 17px;
    line-height: 17px;
    color: #e61e25;
    vertical-align: top;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price .price-hero .currency .small {
    font-size: 7px;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price .price-hero .validity {
    color: #e61e25;
    font-size: 28px;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .buy {
    display: table;
    height: 85px;
    width: 50%;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .buy .action {
    display: table-cell;
    vertical-align: middle;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .buy .action .btn {
    font-family: 'ooredoobold';
    font-size: 16px;
    width: 100%;
    height: 50px;
    line-height: 40px;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .buy .action .btn i {
    margin-right: 10px;
  }
}
@media (max-width: 479px) {
  .md-forfait-internet .section-title {
    background: #dbddde;
    padding: 10px 0;
  }
  .md-forfait-internet .section-title .title h1 {
    color: #000;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
  }
  .md-forfait-internet .section-title .description p {
    color: #000;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-internet .section-content {
    background: #f6f7f8;
    padding: 15px 0 0;
  }
  .md-forfait-internet .section-content .cardInfo {
    width: 100%;
    padding: 0;
    background: #fff;
    border-radius: 0;
    margin-bottom: 15px;
    box-shadow: none;
    border: 1px solid #eee\9;
    overflow: hidden;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop {
    width: 43%;
    overflow: hidden;
    float: left;
    padding-left: 10px;
    background: url("../images/forfait-bg3.png") left center no-repeat;
    background-position: -15px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop.premiumOffer {
    background: url("../images/forfait-bg2.png") left center no-repeat;
    background-position: -15px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration {
    height: 85px;
    display: table;
    float: left;
    width: auto;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price {
    line-height: 10px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price .price-hero {
    direction: ltr;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 35px;
    line-height: 35px;
    color: #fff;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    vertical-align: top;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price .price-hero .currency .small {
    font-size: 10px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price .price-hero .validity {
    color: #9e9e9e;
    font-size: 12px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration .capacityMobile {
    color: #fff;
    font-size: 14px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration.small .price .from {
    color: #fff;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration.small .price .price-hero .price-unit {
    font-size: 17px;
    line-height: 23px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration.small .price .price-hero .to {
    font-size: 13px;
    line-height: 13px;
    color: #fff;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .duration.small .price .price-hero .hours {
    font-size: 11px;
    line-height: 15px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity {
    height: 85px;
    float: right;
    display: table;
    width: auto;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price {
    line-height: 10px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price .price-hero {
    direction: ltr;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 28px;
    line-height: 28px;
    color: #808080;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 18px;
    line-height: 20px;
    color: #808080;
    vertical-align: top;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price .price-hero .currency .small {
    font-size: 8px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price .price-hero .validity {
    color: #808080;
    font-size: 25px;
  }
  .md-forfait-internet .section-content .cardInfo .cardTop .capacity .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom {
    width: 55%;
    overflow: hidden;
    float: left;
    padding-right: 5px;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost {
    height: 85px;
    display: table;
    width: 50%;
    float: left;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price {
    line-height: 10px;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price .price-hero {
    direction: ltr;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 22px;
    line-height: 22px;
    color: #e61e25;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 10px;
    line-height: 14px;
    color: #e61e25;
    vertical-align: top;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price .price-hero .currency .small {
    font-size: 0px;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price .price-hero .validity {
    color: #e61e25;
    font-size: 28px;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .cost .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .buy {
    display: table;
    height: 85px;
    width: 50%;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .buy .action {
    display: table-cell;
    vertical-align: middle;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .buy .action .btn {
    font-family: 'ooredoobold';
    font-size: 11px;
    width: 100%;
    height: 40px;
    line-height: 30px;
  }
  .md-forfait-internet .section-content .cardInfo .cardBottom .buy .action .btn i {
    margin-right: 10px;
  }
}
/*===========================*/
/*==== forfait-appel=============*/
.md-forfait-appel .section-title {
  background: #6abeda;
  padding: 10px 0;
}
.md-forfait-appel .section-title .title h1 {
  color: #fff;
  font-family: 'ooredoobold';
  text-transform: uppercase;
  font-size: 29px;
  margin: 0;
}
.md-forfait-appel .section-title .description p {
  color: #fff;
  font-family: 'ooredoobold';
  font-size: 24px;
  margin: 0;
  text-align: right;
}
.md-forfait-appel .section-content {
  background: #9cd4e7;
  padding: 30px 0 0;
}
.md-forfait-appel .section-content .cardInfo {
  width: 100%;
  padding: 15px;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 30px;
  box-shadow: 0 3px 5px 0px rgba(0,0,0,0.35);
  border: 1px solid #eee\9;
}
.md-forfait-appel .section-content .cardInfo .cardTop {
  width: 100%;
  overflow: hidden;
}
.md-forfait-appel .section-content .cardInfo .cardTop .duration {
  height: 85px;
  display: table;
  float: left;
  width: auto;
}
.md-forfait-appel .section-content .cardInfo .cardTop .duration .price {
  line-height: 10px;
}
.md-forfait-appel .section-content .cardInfo .cardTop .duration .price .price-hero {
  direction: ltr;
}
.md-forfait-appel .section-content .cardInfo .cardTop .duration .price .price-hero .price-unit {
  font-family: 'ooredoobold';
  font-size: 80px;
  line-height: 80px;
  color: #000;
}
.md-forfait-appel .section-content .cardInfo .cardTop .duration .price .price-hero .currency {
  font-family: 'ooredoobold';
  font-size: 40px;
  line-height: 40px;
  color: #000;
  vertical-align: top;
}
.md-forfait-appel .section-content .cardInfo .cardTop .duration .price .price-hero .currency .small {
  font-size: 30px;
}
.md-forfait-appel .section-content .cardInfo .cardTop .duration .price .price-hero .validity {
  color: #9e9e9e;
  font-size: 12px;
}
.md-forfait-appel .section-content .cardInfo .cardTop .duration .price {
  vertical-align: middle;
  display: table-cell;
}
.md-forfait-appel .section-content .cardInfo .cardTop .capacity {
  height: 85px;
  float: right;
  display: table;
  width: auto;
}
.md-forfait-appel .section-content .cardInfo .cardTop .capacity .price {
  line-height: 10px;
}
.md-forfait-appel .section-content .cardInfo .cardTop .capacity .price .price-hero {
  direction: ltr;
}
.md-forfait-appel .section-content .cardInfo .cardTop .capacity .price .price-hero .price-unit {
  font-family: 'ooredoobold';
  font-size: 48px;
  line-height: 48px;
  color: #808080;
}
.md-forfait-appel .section-content .cardInfo .cardTop .capacity .price .price-hero .currency {
  font-family: 'ooredoobold';
  font-size: 28px;
  line-height: 32px;
  color: #808080;
  vertical-align: top;
}
.md-forfait-appel .section-content .cardInfo .cardTop .capacity .price .price-hero .currency .small {
  font-size: 18px;
}
.md-forfait-appel .section-content .cardInfo .cardTop .capacity .price .price-hero .validity {
  color: #808080;
  font-size: 28px;
}
.md-forfait-appel .section-content .cardInfo .cardTop .capacity .price {
  vertical-align: middle;
  display: table-cell;
}
.md-forfait-appel .section-content .cardInfo .cardTop .unlimited {
  height: 85px;
  display: table;
  float: left;
  width: auto;
  text-transform: uppercase;
}
.md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price {
  line-height: 10px;
}
.md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price .price-hero {
  direction: ltr;
}
.md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price .price-hero .price-unit {
  font-family: 'ooredoobold';
  font-size: 24px;
  line-height: 24px;
  color: #000;
}
.md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price .price-hero .currency {
  font-family: 'ooredoobold';
  font-size: 40px;
  line-height: 40px;
  color: #000;
  vertical-align: top;
}
.md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price .price-hero .currency .small {
  font-size: 30px;
}
.md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price .price-hero .validity {
  color: #9e9e9e;
  font-size: 12px;
}
.md-forfait-appel .section-content .cardInfo .cardBottom {
  width: 100%;
  overflow: hidden;
}
.md-forfait-appel .section-content .cardInfo .cardBottom .cost {
  height: 85px;
  display: table;
  width: 50%;
  float: left;
}
.md-forfait-appel .section-content .cardInfo .cardBottom .cost .price {
  line-height: 10px;
}
.md-forfait-appel .section-content .cardInfo .cardBottom .cost .price .price-hero {
  direction: ltr;
}
.md-forfait-appel .section-content .cardInfo .cardBottom .cost .price .price-hero .price-unit {
  font-family: 'ooredoobold';
  font-size: 52px;
  line-height: 52px;
  color: #e61e25;
}
.md-forfait-appel .section-content .cardInfo .cardBottom .cost .price .price-hero .currency {
  font-family: 'ooredoobold';
  font-size: 30px;
  line-height: 35px;
  color: #e61e25;
  vertical-align: top;
}
.md-forfait-appel .section-content .cardInfo .cardBottom .cost .price .price-hero .currency .small {
  font-size: 20px;
}
.md-forfait-appel .section-content .cardInfo .cardBottom .cost .price .price-hero .validity {
  color: #e61e25;
  font-size: 28px;
}
.md-forfait-appel .section-content .cardInfo .cardBottom .cost .price {
  vertical-align: bottom;
  display: table-cell;
}
.md-forfait-appel .section-content .cardInfo .cardBottom .buy {
  display: table;
  height: 85px;
  width: 50%;
}
.md-forfait-appel .section-content .cardInfo .cardBottom .buy .action {
  display: table-cell;
  vertical-align: bottom;
}
.md-forfait-appel .section-content .cardInfo .cardBottom .buy .action .btn {
  font-family: 'ooredoobold';
  font-size: 16px;
  width: 100%;
  height: 50px;
  line-height: 40px;
}
.md-forfait-appel .section-content .cardInfo .cardBottom .buy .action .btn i {
  margin-right: 10px;
}
.md-forfait-appel .section-content .cardInfo.offreSpecial {
  background: #fff url("../images/offre-speciale.png") top right no-repeat;
}
.md-forfait-appel .section-content .cardInfo.promos {
  background: #fff url("../images/promos.png") top right no-repeat;
}
.md-forfait-appel .section-content .cardInfo.promos .duration .price .price-hero .price-unit {
  font-size: 48px;
  line-height: 48px;
}
.md-forfait-appel .section-content .cardInfo.promos .duration .price .price-hero .currency {
  font-size: 30px;
  line-height: 30px;
}
.md-forfait-appel .section-content .cardInfo.promos .duration .price .price-hero .capacityMobile {
  font-size: 24px;
  line-height: 24px;
}
@media (max-width: 1199px) {
  .md-forfait-appel .section-title {
    background: #6abeda;
    padding: 10px 0;
  }
  .md-forfait-appel .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 25px;
    margin: 0;
  }
  .md-forfait-appel .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-appel .section-content {
    background: #9cd4e7;
    padding: 30px 0 0;
  }
  .md-forfait-appel .section-content .cardInfo {
    width: 100%;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 30px;
    box-shadow: 0 3px 5px 0px rgba(0,0,0,0.35);
    border: 1px solid #eee\9;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop {
    width: 100%;
    overflow: hidden;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration {
    height: 85px;
    display: table;
    float: left;
    width: auto;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price {
    line-height: 10px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price .price-hero {
    direction: ltr;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 70px;
    line-height: 70px;
    color: #000;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 35px;
    line-height: 35px;
    color: #000;
    vertical-align: top;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price .price-hero .currency .small {
    font-size: 25px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price .price-hero .validity {
    color: #9e9e9e;
    font-size: 12px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity {
    height: 85px;
    float: right;
    display: table;
    width: auto;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price {
    line-height: 10px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price .price-hero {
    direction: ltr;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 44px;
    line-height: 44px;
    color: #808080;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 24px;
    line-height: 28px;
    color: #808080;
    vertical-align: top;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price .price-hero .currency .small {
    font-size: 14px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price .price-hero .validity {
    color: #808080;
    font-size: 28px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .unlimited {
    height: 85px;
    display: table;
    float: left;
    width: auto;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price {
    line-height: 10px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price .price-hero {
    direction: ltr;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 22px;
    line-height: 22px;
    color: #000;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 30px;
    line-height: 30px;
    color: #000;
    vertical-align: top;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price .price-hero .currency .small {
    font-size: 20px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price .price-hero .validity {
    color: #9e9e9e;
    font-size: 12px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom {
    width: 100%;
    overflow: hidden;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost {
    height: 85px;
    display: table;
    width: 50%;
    float: left;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price {
    line-height: 10px;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price .price-hero {
    direction: ltr;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 47px;
    line-height: 47px;
    color: #e61e25;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 26px;
    line-height: 30px;
    color: #e61e25;
    vertical-align: top;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price .price-hero .currency .small {
    font-size: 16px;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price .price-hero .validity {
    color: #e61e25;
    font-size: 28px;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price {
    vertical-align: bottom;
    display: table-cell;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .buy {
    display: table;
    height: 85px;
    width: 50%;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .buy .action {
    display: table-cell;
    vertical-align: bottom;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .buy .action .btn {
    font-family: 'ooredoobold';
    font-size: 16px;
    width: 100%;
    height: 50px;
    line-height: 40px;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .buy .action .btn i {
    margin-right: 10px;
  }
  .md-forfait-appel .section-content .cardInfo.promos {
    background: #fff url("../images/promos.png") top right no-repeat;
  }
  .md-forfait-appel .section-content .cardInfo.promos .duration .price .price-hero .price-unit {
    font-size: 48px;
    line-height: 48px;
  }
  .md-forfait-appel .section-content .cardInfo.promos .duration .price .price-hero .currency {
    font-size: 30px;
    line-height: 30px;
  }
  .md-forfait-appel .section-content .cardInfo.promos .duration .price .price-hero .capacityMobile {
    font-size: 24px;
    line-height: 24px;
  }
}
@media (max-width: 991px) {
  .md-forfait-appel .section-title {
    background: #6abeda;
    padding: 10px 0;
  }
  .md-forfait-appel .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
  }
  .md-forfait-appel .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-appel .section-content {
    background: #9cd4e7;
    padding: 20px 0 0;
  }
  .md-forfait-appel .section-content .cardInfo {
    width: 100%;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
    box-shadow: 0 3px 5px 0px rgba(0,0,0,0.35);
    border: 1px solid #eee\9;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop {
    width: 100%;
    overflow: hidden;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration {
    height: 85px;
    display: table;
    float: left;
    width: auto;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price {
    line-height: 10px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price .price-hero {
    direction: ltr;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 50px;
    line-height: 50px;
    color: #000;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 30px;
    line-height: 30px;
    color: #000;
    vertical-align: top;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price .price-hero .currency .small {
    font-size: 20px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price .price-hero .validity {
    color: #9e9e9e;
    font-size: 12px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity {
    height: 85px;
    float: right;
    display: table;
    width: auto;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price {
    line-height: 10px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price .price-hero {
    direction: ltr;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 35px;
    line-height: 35px;
    color: #808080;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 20px;
    line-height: 22px;
    color: #808080;
    vertical-align: top;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price .price-hero .currency .small {
    font-size: 10px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price .price-hero .validity {
    color: #808080;
    font-size: 28px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .unlimited {
    height: 85px;
    display: table;
    float: left;
    width: auto;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price {
    line-height: 10px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price .price-hero {
    direction: ltr;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 22px;
    line-height: 22px;
    color: #000;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 25px;
    line-height: 25px;
    color: #000;
    vertical-align: top;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price .price-hero .currency .small {
    font-size: 15px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price .price-hero .validity {
    color: #9e9e9e;
    font-size: 12px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom {
    width: 100%;
    overflow: hidden;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost {
    height: 85px;
    display: table;
    width: 50%;
    float: left;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price {
    line-height: 10px;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price .price-hero {
    direction: ltr;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 35px;
    line-height: 35px;
    color: #e61e25;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 20px;
    line-height: 30px;
    color: #e61e25;
    vertical-align: top;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price .price-hero .currency .small {
    font-size: 10px;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price .price-hero .validity {
    color: #e61e25;
    font-size: 28px;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price {
    vertical-align: bottom;
    display: table-cell;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .buy {
    display: table;
    height: 85px;
    width: 50%;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .buy .action {
    display: table-cell;
    vertical-align: bottom;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .buy .action .btn {
    font-family: 'ooredoobold';
    font-size: 16px;
    width: 100%;
    height: 50px;
    line-height: 40px;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .buy .action .btn i {
    margin-right: 10px;
  }
  .md-forfait-appel .section-content .cardInfo.promos {
    background: #fff url("../images/promos.png") top right no-repeat;
  }
  .md-forfait-appel .section-content .cardInfo.promos .duration .price .price-hero .price-unit {
    font-size: 35px;
    line-height: 35px;
  }
  .md-forfait-appel .section-content .cardInfo.promos .duration .price .price-hero .currency {
    font-size: 23px;
    line-height: 23px;
  }
  .md-forfait-appel .section-content .cardInfo.promos .duration .price .price-hero .capacityMobile {
    font-size: 20px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .md-forfait-appel .section-title {
    background: #6abeda;
    padding: 10px 0;
  }
  .md-forfait-appel .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
  }
  .md-forfait-appel .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-appel .section-content {
    background: #9cd4e7;
    padding: 15px 0 0;
  }
  .md-forfait-appel .section-content .cardInfo {
    width: 100%;
    padding: 0;
    background: #fff;
    border-radius: 0;
    margin-bottom: 15px;
    box-shadow: none;
    border: 1px solid #eee\9;
    overflow: hidden;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop {
    width: 43%;
    overflow: hidden;
    float: left;
    padding-left: 10px;
    background: url("../images/forfait-bg3.png") left center no-repeat;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop.premiumOffer {
    background: url("../images/forfait-bg2.png") left center no-repeat;
    background-position: 0;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration {
    height: 85px;
    display: table;
    float: left;
    width: auto;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price {
    line-height: 10px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price .price-hero {
    direction: ltr;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 35px;
    line-height: 35px;
    color: #fff;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    vertical-align: top;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price .price-hero .currency .small {
    font-size: 10px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price .price-hero .validity {
    color: #9e9e9e;
    font-size: 12px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .capacityMobile {
    color: #fff;
    font-size: 14px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity {
    height: 85px;
    float: right;
    display: table;
    width: auto;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price {
    line-height: 10px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price .price-hero {
    direction: ltr;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 35px;
    line-height: 35px;
    color: #808080;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 20px;
    line-height: 22px;
    color: #808080;
    vertical-align: top;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price .price-hero .currency .small {
    font-size: 10px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price .price-hero .validity {
    color: #808080;
    font-size: 28px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .unlimited {
    height: 85px;
    display: table;
    float: left;
    width: auto;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price {
    line-height: 10px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price .price-hero {
    direction: ltr;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 14px;
    line-height: 14px;
    color: #fff;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 15px;
    line-height: 15px;
    color: #fff;
    vertical-align: top;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price .price-hero .currency .small {
    font-size: 5px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price .price-hero .validity {
    color: #9e9e9e;
    font-size: 12px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .unlimited .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom {
    width: 55%;
    overflow: hidden;
    float: left;
    padding-right: 10px;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost {
    height: 85px;
    display: table;
    width: 50%;
    float: left;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price {
    line-height: 10px;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price .price-hero {
    direction: ltr;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 28px;
    line-height: 28px;
    color: #e61e25;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 17px;
    line-height: 17px;
    color: #e61e25;
    vertical-align: top;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price .price-hero .currency .small {
    font-size: 7px;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price .price-hero .validity {
    color: #e61e25;
    font-size: 28px;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .buy {
    display: table;
    height: 85px;
    width: 50%;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .buy .action {
    display: table-cell;
    vertical-align: middle;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .buy .action .btn {
    font-family: 'ooredoobold';
    font-size: 16px;
    width: 100%;
    height: 50px;
    line-height: 40px;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .buy .action .btn i {
    margin-right: 10px;
  }
  .md-forfait-appel .section-content .cardInfo.offreSpecial {
    background: #fff;
  }
  .md-forfait-appel .section-content .cardInfo.promos {
    background: #fff;
  }
  .md-forfait-appel .section-content .cardInfo.promos .duration .price .price-hero .price-unit {
    font-size: 23px;
    line-height: 23px;
  }
  .md-forfait-appel .section-content .cardInfo.promos .duration .price .price-hero .currency {
    font-size: 15px;
    line-height: 15px;
  }
  .md-forfait-appel .section-content .cardInfo.promos .duration .price .price-hero .capacityMobile {
    font-size: 14px;
    line-height: 14px;
  }
}
@media (max-width: 479px) {
  .md-forfait-appel .section-title {
    background: #6abeda;
    padding: 10px 0;
  }
  .md-forfait-appel .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
  }
  .md-forfait-appel .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-appel .section-content {
    background: #9cd4e7;
    padding: 15px 0 0;
  }
  .md-forfait-appel .section-content .cardInfo {
    width: 100%;
    padding: 0;
    background: #fff;
    border-radius: 0;
    margin-bottom: 15px;
    box-shadow: none;
    border: 1px solid #eee\9;
    overflow: hidden;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop {
    width: 43%;
    overflow: hidden;
    float: left;
    padding-left: 10px;
    background: url("../images/forfait-bg3.png") left center no-repeat;
    background-position: -15px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop.premiumOffer {
    background: url("../images/forfait-bg2.png") left center no-repeat;
    background-position: -15px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration {
    height: 85px;
    display: table;
    float: left;
    width: auto;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price {
    line-height: 10px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price .price-hero {
    direction: ltr;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 35px;
    line-height: 35px;
    color: #fff;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    vertical-align: top;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price .price-hero .currency .small {
    font-size: 10px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price .price-hero .validity {
    color: #9e9e9e;
    font-size: 12px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .duration .capacityMobile {
    color: #fff;
    font-size: 14px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity {
    height: 85px;
    float: right;
    display: table;
    width: auto;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price {
    line-height: 10px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price .price-hero {
    direction: ltr;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 28px;
    line-height: 28px;
    color: #808080;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 18px;
    line-height: 20px;
    color: #808080;
    vertical-align: top;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price .price-hero .currency .small {
    font-size: 8px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price .price-hero .validity {
    color: #808080;
    font-size: 28px;
  }
  .md-forfait-appel .section-content .cardInfo .cardTop .capacity .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom {
    width: 55%;
    overflow: hidden;
    float: left;
    padding-right: 10px;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost {
    height: 85px;
    display: table;
    width: 50%;
    float: left;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price {
    line-height: 10px;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price .price-hero {
    direction: ltr;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price .price-hero .price-unit {
    font-family: 'ooredoobold';
    font-size: 28px;
    line-height: 28px;
    color: #e61e25;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price .price-hero .currency {
    font-family: 'ooredoobold';
    font-size: 17px;
    line-height: 17px;
    color: #e61e25;
    vertical-align: top;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price .price-hero .currency .small {
    font-size: 7px;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price .price-hero .validity {
    color: #e61e25;
    font-size: 28px;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .cost .price {
    vertical-align: middle;
    display: table-cell;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .buy {
    display: table;
    height: 85px;
    width: 50%;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .buy .action {
    display: table-cell;
    vertical-align: middle;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .buy .action .btn {
    font-family: 'ooredoobold';
    font-size: 11px;
    width: 100%;
    height: 40px;
    line-height: 30px;
  }
  .md-forfait-appel .section-content .cardInfo .cardBottom .buy .action .btn i {
    margin-right: 10px;
  }
  .md-forfait-appel .section-content .cardInfo.promos {
    background: #fff;
  }
  .md-forfait-appel .section-content .cardInfo.promos .duration .price .price-hero .price-unit {
    font-size: 20px;
    line-height: 20px;
  }
  .md-forfait-appel .section-content .cardInfo.promos .duration .price .price-hero .currency {
    font-size: 14px;
    line-height: 14px;
  }
  .md-forfait-appel .section-content .cardInfo.promos .duration .price .price-hero .capacityMobile {
    font-size: 14px;
    line-height: 14px;
  }
}
/*===========================*/
/*==== Recharge=============*/
.md-recharge .section-title {
  background: #dbddde;
  padding: 10px 0;
}
.md-recharge .section-title .title h1 {
  color: #000;
  font-family: 'ooredoobold';
  text-transform: uppercase;
  font-size: 29px;
  margin: 0;
}
.md-recharge .section-title .description p {
  color: #000;
  font-family: 'ooredoobold';
  font-size: 19px;
  margin: 0;
  text-align: right;
}
.md-recharge .section-content {
  background: #f2f3f4;
  padding: 30px 0;
}
.md-recharge .section-content .fullWidthCard {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 3px 5px rgba(0,0,0,0.35);
}
.md-recharge .section-content .fullWidthCard .cardThumb {
  width: 48%;
  position: relative;
  overflow: hidden;
}
.md-recharge .section-content .fullWidthCard .cardThumb img {
  height: 100%;
  width: auto;
  max-width: initial;
  transition: 0.2s transform ease;
}
.md-recharge .section-content .fullWidthCard .cardThumb:hover >img {
  -webkit-transform: scale(1.1) rotate(2deg);
  -ms-transform: scale(1.1) rotate(2deg);
  transform: scale(1.1) rotate(2deg);
  transition: 0.2s transform ease;
}
.md-recharge .section-content .fullWidthCard .cardThumb .logo-cib {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.md-recharge .section-content .fullWidthCard .cardInfo {
  width: 52%;
  padding: 25px;
}
.md-recharge .section-content .fullWidthCard .cardInfo h3 {
  font-family: 'ooredoobold';
  font-size: 30px;
  color: #333;
  margin-bottom: 30px;
  margin-top: 0;
}
.md-recharge .section-content .fullWidthCard .cardInfo p {
  font-family: 'ooredooregular';
  font-size: 20px;
  color: #333;
}
.md-recharge .section-content .fullWidthCard .cardInfo .btn {
  font-size: 16px;
  height: 50px;
  line-height: 40px;
  padding: 4px 15px;
  margin-top: 25px;
}
@media (max-width: 1199px) {
  .md-recharge .section-title {
    background: #dbddde;
    padding: 10px 0;
  }
  .md-recharge .section-title .title h1 {
    color: #000;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 25px;
    margin: 0;
  }
  .md-recharge .section-title .description p {
    color: #000;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-recharge .section-content .fullWidthCard .cardThumb {
    overflow: hidden;
  }
  .md-recharge .section-content .fullWidthCard .cardThumb img {
    height: 100%;
    width: auto;
    max-width: initial;
  }
  .md-recharge .section-content .fullWidthCard .cardInfo h3 {
    font-size: 25px;
  }
  .md-recharge .section-content .fullWidthCard .cardInfo p {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .md-recharge .section-title {
    background: #dbddde;
    padding: 10px 0;
  }
  .md-recharge .section-title .title h1 {
    color: #000;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 22px;
    margin: 0;
  }
  .md-recharge .section-title .description p {
    color: #000;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-recharge .section-content {
    background: #f2f3f4;
    padding: 20px 0;
  }
}
@media (max-width: 767px) {
  .md-recharge .section-title {
    background: #dbddde;
    padding: 10px 0;
  }
  .md-recharge .section-title .title h1 {
    color: #000;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
  }
  .md-recharge .section-title .description p {
    color: #000;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-recharge .section-content {
    padding: 15px 0;
  }
  .md-recharge .section-content .fullWidthCard .cardThumb {
    overflow: hidden;
  }
  .md-recharge .section-content .fullWidthCard .cardThumb img {
    height: 100%;
    width: auto;
    max-width: initial;
  }
  .md-recharge .section-content .fullWidthCard .cardInfo {
    width: 100%;
    text-align: center;
    padding: 15px;
  }
  .md-recharge .section-content .fullWidthCard .cardInfo h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .md-recharge .section-content .fullWidthCard .cardInfo p {
    font-size: 15px;
  }
  .md-recharge .section-content .fullWidthCard .cardInfo .btn {
    width: 100%;
    font-size: 14px;
    height: 40px;
    line-height: 30px;
    padding: 4px 15px;
    margin-top: 10px;
  }
}
@media (max-width: 479px) {
  .md-recharge .section-title {
    background: #dbddde;
    padding: 10px 0;
  }
  .md-recharge .section-title .title h1 {
    color: #000;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
  }
  .md-recharge .section-title .description p {
    color: #000;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-recharge .section-content {
    background: #f2f3f4;
    padding: 15px 0;
  }
}
/*===========================*/
/*==== facturation=============*/
.md-facturation .section-title {
  background: #015883;
  padding: 10px 0;
}
.md-facturation .section-title .title h1 {
  color: #fff;
  font-family: 'ooredoobold';
  text-transform: uppercase;
  font-size: 29px;
  margin: 0;
}
.md-facturation .section-title .description p {
  color: #fff;
  font-family: 'ooredoobold';
  font-size: 19px;
  margin: 0;
  text-align: right;
}
.md-facturation .section-content {
  background: #0e74a6;
  padding: 30px 0;
}
.md-facturation .section-content .fullWidthCard {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 3px 5px rgba(0,0,0,0.35);
}
.md-facturation .section-content .fullWidthCard .cardThumb {
  width: 48%;
  position: relative;
  overflow: hidden;
}
.md-facturation .section-content .fullWidthCard .cardThumb img {
  height: 100%;
  width: auto;
  max-width: initial;
  transition: 0.2s transform ease;
}
.md-facturation .section-content .fullWidthCard .cardThumb:hover >img {
  -webkit-transform: scale(1.1) rotate(2deg);
  -ms-transform: scale(1.1) rotate(2deg);
  transform: scale(1.1) rotate(2deg);
  transition: 0.2s transform ease;
}
.md-facturation .section-content .fullWidthCard .cardThumb .logo-cib {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.md-facturation .section-content .fullWidthCard .cardInfo {
  width: 52%;
  padding: 25px;
}
.md-facturation .section-content .fullWidthCard .cardInfo h3 {
  font-family: 'ooredoobold';
  font-size: 30px;
  color: #333;
  margin-bottom: 30px;
  margin-top: 0;
}
.md-facturation .section-content .fullWidthCard .cardInfo p {
  font-family: 'ooredooregular';
  font-size: 20px;
  color: #333;
}
.md-facturation .section-content .fullWidthCard .cardInfo .btn {
  font-size: 16px;
  height: 50px;
  line-height: 40px;
  padding: 4px 15px;
  margin-top: 15px;
  width: 100%;
  max-width: 207px;
}
.md-facturation .section-content .fullWidthCard .cardInfo .btn i {
  margin: 0 10px;
}
.md-facturation .section-content .fullWidthCard .cardInfo .facture .table {
  float: right;
  width: auto;
}
.md-facturation .section-content .fullWidthCard .cardInfo .facture .table .price-unit {
  font-size: 75px;
  line-height: 75px;
  color: #e61e25;
  font-family: 'ooredoobold';
}
.md-facturation .section-content .fullWidthCard .cardInfo .facture .table .currency {
  font-size: 40px;
  line-height: 40px;
  color: #e61e25;
  font-family: 'ooredoobold';
}
.md-facturation .section-content .fullWidthCard .cardInfo .facture .table .price-period {
  font-family: 'ooredooregular';
  font-size: 22px;
  line-height: 22px;
  color: #808080;
}
@media (max-width: 1199px) {
  .md-facturation .section-title {
    background: #015883;
    padding: 10px 0;
  }
  .md-facturation .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 25px;
    margin: 0;
  }
  .md-facturation .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-facturation .section-content .fullWidthCard .cardThumb {
    overflow: hidden;
  }
  .md-facturation .section-content .fullWidthCard .cardThumb img {
    height: 100%;
    width: auto;
    max-width: initial;
  }
  .md-facturation .section-content .fullWidthCard .cardInfo h3 {
    font-size: 23px;
  }
  .md-facturation .section-content .fullWidthCard .cardInfo p {
    font-size: 17px;
  }
  .md-facturation .section-content .fullWidthCard .cardInfo .facture .table .price-unit {
    font-size: 65px;
    line-height: 65px;
    color: #e61e25;
    font-family: 'ooredoobold';
  }
  .md-facturation .section-content .fullWidthCard .cardInfo .facture .table .currency {
    font-size: 31px;
    line-height: 34px;
    color: #e61e25;
    font-family: 'ooredoobold';
  }
  .md-facturation .section-content .fullWidthCard .cardInfo .facture .table .price-period {
    font-family: 'ooredooregular';
    font-size: 20px;
    line-height: 20px;
    color: #808080;
  }
}
@media (max-width: 991px) {
  .md-facturation .section-title {
    background: #015883;
    padding: 10px 0;
  }
  .md-facturation .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 22px;
    margin: 0;
  }
  .md-facturation .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-facturation .section-content {
    background: #0e74a6;
    padding: 20px 0;
  }
  .md-facturation .section-content .fullWidthCard .cardInfo h3 {
    font-size: 18px;
  }
  .md-facturation .section-content .fullWidthCard .cardInfo p {
    font-size: 16px;
  }
  .md-facturation .section-content .fullWidthCard .cardInfo .facture .table .price-unit {
    font-size: 55px;
    line-height: 55px;
    color: #e61e25;
    font-family: 'ooredoobold';
  }
  .md-facturation .section-content .fullWidthCard .cardInfo .facture .table .currency {
    font-size: 28px;
    line-height: 32px;
    color: #e61e25;
    font-family: 'ooredoobold';
  }
  .md-facturation .section-content .fullWidthCard .cardInfo .facture .table .price-period {
    font-family: 'ooredooregular';
    font-size: 18px;
    line-height: 18px;
    color: #808080;
  }
}
@media (max-width: 767px) {
  .md-facturation .section-title {
    background: #015883;
    padding: 10px 0;
  }
  .md-facturation .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
  }
  .md-facturation .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-facturation .section-content {
    padding: 15px 0;
  }
  .md-facturation .section-content .fullWidthCard .cardThumb {
    overflow: hidden;
  }
  .md-facturation .section-content .fullWidthCard .cardThumb img {
    height: 100%;
    width: auto;
    max-width: initial;
  }
  .md-facturation .section-content .fullWidthCard .cardInfo {
    width: 100%;
    padding: 15px;
  }
  .md-facturation .section-content .fullWidthCard .cardInfo h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .md-facturation .section-content .fullWidthCard .cardInfo p {
    font-size: 16px;
  }
  .md-facturation .section-content .fullWidthCard .cardInfo .facture .table .price-unit {
    font-size: 60px;
    line-height: 55px;
    color: #e61e25;
    font-family: 'ooredoobold';
  }
  .md-facturation .section-content .fullWidthCard .cardInfo .facture .table .currency {
    font-size: 28px;
    line-height: 32px;
    color: #e61e25;
    font-family: 'ooredoobold';
  }
  .md-facturation .section-content .fullWidthCard .cardInfo .facture .table .price-period {
    font-family: 'ooredooregular';
    font-size: 18px;
    line-height: 16px;
    color: #808080;
  }
  .md-facturation .section-content .fullWidthCard .cardInfo .btn {
    width: 100%;
    font-size: 14px;
    height: 40px;
    line-height: 30px;
    padding: 4px 15px;
    margin-top: 10px;
    max-width: 100%;
  }
}
@media (max-width: 479px) {
  .md-facturation .section-title {
    background: #015883;
    padding: 10px 0;
  }
  .md-facturation .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
  }
  .md-facturation .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-facturation .section-content {
    background: #0e74a6;
    padding: 15px 0;
  }
  .md-facturation .section-content .fullWidthCard .cardInfo h3 {
    font-size: 15px;
  }
  .md-facturation .section-content .fullWidthCard .cardInfo p {
    font-size: 14px;
  }
}
/*===========================*/
/*==== Recharge internet=============*/
.md-recharge-internet .section-title {
  background: #39acc5;
  padding: 10px 0;
}
.md-recharge-internet .section-title .title h1 {
  color: #fff;
  font-family: 'ooredoobold';
  text-transform: uppercase;
  font-size: 29px;
  margin: 0;
}
.md-recharge-internet .section-title .description p {
  color: #fff;
  font-family: 'ooredoobold';
  font-size: 19px;
  margin: 0;
  text-align: right;
}
.md-recharge-internet .section-content {
  background: #60cae1;
  padding: 30px 0;
}
.md-recharge-internet .section-content .fullWidthCard {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 3px 5px rgba(0,0,0,0.35);
}
.md-recharge-internet .section-content .fullWidthCard .cardThumb {
  width: 48%;
  position: relative;
  overflow: hidden;
}
.md-recharge-internet .section-content .fullWidthCard .cardThumb img {
  height: 100%;
  width: auto;
  max-width: initial;
  transition: 0.2s transform ease;
}
.md-recharge-internet .section-content .fullWidthCard .cardThumb:hover >img {
  -webkit-transform: scale(1.1) rotate(2deg);
  -ms-transform: scale(1.1) rotate(2deg);
  transform: scale(1.1) rotate(2deg);
  transition: 0.2s transform ease;
}
.md-recharge-internet .section-content .fullWidthCard .cardThumb .logo-cib {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.md-recharge-internet .section-content .fullWidthCard .cardInfo {
  width: 52%;
  padding: 25px;
}
.md-recharge-internet .section-content .fullWidthCard .cardInfo h3 {
  font-family: 'ooredoobold';
  font-size: 30px;
  color: #000;
  margin-bottom: 20px;
  margin-top: 0;
}
.md-recharge-internet .section-content .fullWidthCard .cardInfo p {
  font-family: 'ooredooregular';
  font-size: 20px;
  color: #000;
}
.md-recharge-internet .section-content .fullWidthCard .cardInfo .btn {
  font-size: 16px;
  height: 50px;
  line-height: 40px;
  padding: 4px 15px;
  margin-top: 20px;
  min-width: 200px;
}
.md-recharge-internet .section-content .fullWidthCard .cardInfo .btn i {
  margin: 0 10px;
}
@media (max-width: 1199px) {
  .md-recharge-internet .section-title {
    background: #39acc5;
    padding: 10px 0;
  }
  .md-recharge-internet .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 25px;
    margin: 0;
  }
  .md-recharge-internet .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-recharge-internet .section-content .fullWidthCard .cardThumb {
    overflow: hidden;
  }
  .md-recharge-internet .section-content .fullWidthCard .cardThumb img {
    height: 100%;
    width: auto;
    max-width: initial;
  }
  .md-recharge-internet .section-content .fullWidthCard .cardInfo h3 {
    font-size: 25px;
  }
  .md-recharge-internet .section-content .fullWidthCard .cardInfo p {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .md-recharge-internet .section-title {
    background: #39acc5;
    padding: 10px 0;
  }
  .md-recharge-internet .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 22px;
    margin: 0;
  }
  .md-recharge-internet .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-recharge-internet .section-content {
    background: #60cae1;
    padding: 20px 0;
  }
}
@media (max-width: 767px) {
  .md-recharge-internet .section-title {
    background: #39acc5;
    padding: 10px 0;
  }
  .md-recharge-internet .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
  }
  .md-recharge-internet .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-recharge-internet .section-content {
    padding: 15px 0;
  }
  .md-recharge-internet .section-content .fullWidthCard .cardThumb {
    overflow: hidden;
  }
  .md-recharge-internet .section-content .fullWidthCard .cardThumb img {
    height: 100%;
    width: auto;
    max-width: initial;
  }
  .md-recharge-internet .section-content .fullWidthCard .cardInfo {
    width: 100%;
    text-align: center;
  }
  .md-recharge-internet .section-content .fullWidthCard .cardInfo h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .md-recharge-internet .section-content .fullWidthCard .cardInfo p {
    font-size: 15px;
  }
  .md-recharge-internet .section-content .fullWidthCard .cardInfo .btn {
    width: 100%;
    font-size: 14px;
    height: 40px;
    line-height: 30px;
    padding: 4px 15px;
    margin-top: 10px;
  }
}
@media (max-width: 479px) {
  .md-recharge-internet .section-title {
    background: #39acc5;
    padding: 10px 0;
  }
  .md-recharge-internet .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
  }
  .md-recharge-internet .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-recharge-internet .section-content {
    background: #60cae1;
    padding: 15px 0;
  }
}
/*===========================*/
/*==== Recharge internet=============*/
.md-dispatch-internet .section-title {
  background: #6baed4;
  padding: 10px 0;
}
.md-dispatch-internet .section-title .title h1 {
  color: #fff;
  font-family: 'ooredoobold';
  text-transform: uppercase;
  font-size: 29px;
  margin: 0;
}
.md-dispatch-internet .section-title .description p {
  color: #fff;
  font-family: 'ooredoobold';
  font-size: 19px;
  margin: 0;
  text-align: right;
}
.md-dispatch-internet .section-content {
  background: #95c9e7;
  padding: 30px 0;
}
.md-dispatch-internet .section-content .fullWidthCard {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 3px 5px rgba(0,0,0,0.35);
}
.md-dispatch-internet .section-content .fullWidthCard .cardThumb {
  width: 48%;
  position: relative;
  overflow: hidden;
}
.md-dispatch-internet .section-content .fullWidthCard .cardThumb img {
  height: 100%;
  width: auto;
  max-width: initial;
  transition: 0.2s transform ease;
}
.md-dispatch-internet .section-content .fullWidthCard .cardThumb:hover >img {
  -webkit-transform: scale(1.1) rotate(2deg);
  -ms-transform: scale(1.1) rotate(2deg);
  transform: scale(1.1) rotate(2deg);
  transition: 0.2s transform ease;
}
.md-dispatch-internet .section-content .fullWidthCard .cardThumb .logo-cib {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.md-dispatch-internet .section-content .fullWidthCard .cardInfo {
  width: 52%;
  padding: 25px;
}
.md-dispatch-internet .section-content .fullWidthCard .cardInfo h3 {
  font-family: 'ooredoobold';
  font-size: 30px;
  color: #333;
  margin-bottom: 20px;
  margin-top: 0;
}
.md-dispatch-internet .section-content .fullWidthCard .cardInfo p {
  font-family: 'ooredooregular';
  font-size: 20px;
  color: #333;
}
.md-dispatch-internet .section-content .fullWidthCard .cardInfo .btn {
  font-size: 16px;
  height: 50px;
  line-height: 40px;
  padding: 4px 15px;
  margin-top: 7px;
  min-width: 200px;
}
.md-dispatch-internet .section-content .fullWidthCard .cardInfo .btn i {
  margin: 0 10px;
}
@media (max-width: 1199px) {
  .md-dispatch-internet .section-title {
    background: #6baed4;
    padding: 10px 0;
  }
  .md-dispatch-internet .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 25px;
    margin: 0;
  }
  .md-dispatch-internet .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-dispatch-internet .section-content .fullWidthCard .cardThumb {
    overflow: hidden;
  }
  .md-dispatch-internet .section-content .fullWidthCard .cardThumb img {
    height: 100%;
    width: auto;
    max-width: initial;
  }
  .md-dispatch-internet .section-content .fullWidthCard .cardInfo h3 {
    font-size: 25px;
  }
  .md-dispatch-internet .section-content .fullWidthCard .cardInfo p {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .md-dispatch-internet .section-title {
    background: #6baed4;
    padding: 10px 0;
  }
  .md-dispatch-internet .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 22px;
    margin: 0;
  }
  .md-dispatch-internet .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-dispatch-internet .section-content {
    background: #95c9e7;
    padding: 20px 0;
  }
  .md-dispatch-internet .section-content .fullWidthCard .cardInfo {
    padding: 20px;
  }
  .md-dispatch-internet .section-content .fullWidthCard .cardInfo h3 {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .md-dispatch-internet .section-title {
    background: #6baed4;
    padding: 10px 0;
  }
  .md-dispatch-internet .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
  }
  .md-dispatch-internet .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-dispatch-internet .section-content {
    padding: 15px 0;
  }
  .md-dispatch-internet .section-content .fullWidthCard .cardThumb {
    overflow: hidden;
  }
  .md-dispatch-internet .section-content .fullWidthCard .cardThumb img {
    height: 100%;
    width: auto;
    max-width: initial;
  }
  .md-dispatch-internet .section-content .fullWidthCard .cardInfo {
    width: 100%;
    text-align: center;
  }
  .md-dispatch-internet .section-content .fullWidthCard .cardInfo h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .md-dispatch-internet .section-content .fullWidthCard .cardInfo p {
    font-size: 15px;
  }
  .md-dispatch-internet .section-content .fullWidthCard .cardInfo .btn {
    width: 100%;
    font-size: 14px;
    height: 40px;
    line-height: 30px;
    padding: 4px 15px;
    margin-top: 10px;
  }
}
@media (max-width: 479px) {
  .md-dispatch-internet .section-title {
    background: #6baed4;
    padding: 10px 0;
  }
  .md-dispatch-internet .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
  }
  .md-dispatch-internet .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-dispatch-internet .section-content {
    background: #95c9e7;
    padding: 15px 0;
  }
}
/*===========================*/
/*==== number-validation=============*/
.md-number-validation .section-content {
  background: #f6f7f8;
}
.md-number-validation .section-content .validation {
  background: #fff;
  padding: 30px 20px;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.35);
  margin-bottom: 20px;
  overflow: hidden;
}
.md-number-validation .section-content .validation .input-container .form-group {
  margin-bottom: 0;
}
.md-number-validation .section-content .validation .input-container .form-group input {
  height: 45px;
}
.md-number-validation .section-content .validation .input-container .form-group .form-control-feedback {
  line-height: 45px !important;
  height: 45px !important;
}
.md-number-validation .section-content .validation .button-container .btn {
  width: 100%;
  height: 45px;
  line-height: 38px;
  display: block;
}
.md-number-validation .section-content .validation .button-container .btn i {
  margin: 0 10px;
}
.md-number-validation .section-content .confiramation {
  background: #fff;
  padding: 30px 20px;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.35);
  margin-bottom: 20px;
  overflow: hidden;
}
.md-number-validation .section-content .confiramation .input-container .form-group {
  margin-bottom: 0;
}
.md-number-validation .section-content .confiramation .input-container .form-group input {
  height: 45px;
}
.md-number-validation .section-content .confiramation .input-container .form-group .form-control-feedback {
  line-height: 45px !important;
  height: 45px !important;
}
.md-number-validation .section-content .confiramation .button-container .btn {
  width: 100%;
  height: 45px;
  line-height: 38px;
  display: block;
}
.md-number-validation .section-content .confiramation .button-container .btn i {
  margin: 0 10px;
}
@media (max-width: 767px) {
  .md-number-validation .section-content {
    background: #f6f7f8;
  }
  .md-number-validation .section-content .validation {
    background: #fff;
    padding: 30px 20px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.35);
    margin-bottom: 20px;
    overflow: hidden;
  }
  .md-number-validation .section-content .validation .input-container {
    margin-bottom: 15px;
  }
  .md-number-validation .section-content .validation .input-container .form-group {
    margin-bottom: 0;
  }
  .md-number-validation .section-content .validation .input-container .form-group input {
    height: 45px;
  }
  .md-number-validation .section-content .confiramation {
    background: #fff;
    padding: 30px 20px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.35);
    margin-bottom: 20px;
    overflow: hidden;
  }
  .md-number-validation .section-content .confiramation .input-container {
    margin-bottom: 15px;
  }
  .md-number-validation .section-content .confiramation .input-container .form-group {
    margin-bottom: 0;
  }
  .md-number-validation .section-content .confiramation .input-container .form-group input {
    height: 45px;
  }
}
/*===========================*/
/*==== forfait-50=============*/
.md-forfait-50-valider .section-title {
  background: #11bedd;
  padding: 10px 0;
}
.md-forfait-50-valider .section-title .title h1 {
  color: #fff;
  font-family: 'ooredoobold';
  text-transform: uppercase;
  font-size: 29px;
  margin: 0;
}
.md-forfait-50-valider .section-title .description p {
  color: #fff;
  font-family: 'ooredoobold';
  font-size: 19px;
  margin: 0;
  text-align: right;
}
.md-forfait-50-valider .section-content {
  background: #f0f0f0;
  padding: 30px 0;
  min-height: 390px;
}
.md-forfait-50-valider .section-content .achat-forfait {
  background: #fff;
  padding: 35px 210px;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.35);
  overflow: hidden;
  text-align: center;
  font-family: 'ooredoobold';
}
.md-forfait-50-valider .section-content .achat-forfait h3 {
  color: #000;
  font-size: 26px;
  margin: 0;
}
.md-forfait-50-valider .section-content .achat-forfait .buy {
  margin-top: 20px;
}
.md-forfait-50-valider .section-content .achat-forfait .buy .btn {
  font-family: 'ooredoobold';
  font-size: 16px;
  width: 100%;
  height: 50px;
  margin: auto;
  max-width: 165px;
  line-height: 40px;
}
.md-forfait-50-valider .section-content .achat-forfait .buy .btn i {
  margin-right: 10px;
}
@media (max-width: 1199px) {
  .md-forfait-50-valider .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-50-valider .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 26px;
    margin: 0;
  }
  .md-forfait-50-valider .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-50-valider .section-content .achat-forfait {
    background: #fff;
    padding: 30px 180px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.35);
  }
  .md-forfait-50-valider .section-content .achat-forfait h3 {
    font-size: 24px;
  }
  .md-forfait-50-valider .section-content .achat-forfait .buy .btn {
    font-size: 16px;
  }
  .md-forfait-50-valider .section-content .achat-forfait .buy .btn i {
    margin-right: 10px;
  }
}
@media (max-width: 991px) {
  .md-forfait-50-valider .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-50-valider .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 24px;
    margin: 0;
  }
  .md-forfait-50-valider .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-50-valider .section-content .achat-forfait {
    background: #fff;
    padding: 20px 60px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.35);
  }
  .md-forfait-50-valider .section-content .achat-forfait h3 {
    font-size: 22px;
  }
  .md-forfait-50-valider .section-content .achat-forfait .buy .btn {
    font-size: 15px;
  }
  .md-forfait-50-valider .section-content .achat-forfait .buy .btn i {
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .md-forfait-50-valider .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-50-valider .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 22px;
    margin: 0;
  }
  .md-forfait-50-valider .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-50-valider .section-content {
    min-height: 130px;
  }
  .md-forfait-50-valider .section-content .achat-forfait {
    background: #fff;
    padding: 20px 60px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.35);
  }
  .md-forfait-50-valider .section-content .achat-forfait h3 {
    font-size: 20px;
  }
  .md-forfait-50-valider .section-content .achat-forfait .buy .btn {
    font-size: 14px;
  }
  .md-forfait-50-valider .section-content .achat-forfait .buy .btn i {
    margin-right: 10px;
  }
}
@media (max-width: 479px) {
  .md-forfait-50-valider .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-50-valider .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
  }
  .md-forfait-50-valider .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-50-valider .section-content {
    padding: 30px 0;
  }
  .md-forfait-50-valider .section-content .achat-forfait {
    background: #fff;
    padding: 20px 20px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.35);
  }
  .md-forfait-50-valider .section-content .achat-forfait h3 {
    font-size: 17px;
  }
  .md-forfait-50-valider .section-content .achat-forfait .buy .btn {
    font-size: 13px;
    height: 40px;
    max-width: 105px;
    line-height: 30px;
  }
  .md-forfait-50-valider .section-content .achat-forfait .buy .btn i {
    margin-right: 10px;
  }
}
/*===========================*/
/*==== forfait-50=============*/
.md-forfait-50 .section-title {
  background: #11bedd;
  padding: 10px 0;
}
.md-forfait-50 .section-title .title h1 {
  color: #fff;
  font-family: 'ooredoobold';
  text-transform: uppercase;
  font-size: 29px;
  margin: 0;
}
.md-forfait-50 .section-title .description p {
  color: #fff;
  font-family: 'ooredoobold';
  font-size: 19px;
  margin: 0;
  text-align: right;
}
.md-forfait-50 .section-content {
  background: #f0f0f0;
  padding: 30px 0;
  min-height: 390px;
}
.md-forfait-50 .section-content .achat-forfait-title {
  padding: 0 210px 40px 210px;
  text-align: center;
}
.md-forfait-50 .section-content .achat-forfait-title h4 {
  font-family: 'ooredoobold';
  color: #000;
  font-size: 26px;
  margin: 0;
}
.md-forfait-50 .section-content .achat-forfait {
  background: #fff;
  padding: 10px 20px;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.35);
  overflow: hidden;
}
.md-forfait-50 .section-content .achat-forfait p {
  color: #000;
  font-size: 20px;
  font-family: 'ooredooregular';
  margin-top: 10px;
}
.md-forfait-50 .section-content .achat-forfait p .big {
  font-size: 28px;
  font-family: 'ooredoobold';
}
.md-forfait-50 .section-content .achat-forfait p .small {
  font-size: 16px;
  font-family: 'ooredoobold';
  top: -9px;
  display: inline;
  position: relative;
}
.md-forfait-50 .section-content .achat-forfait p .red {
  color: #e61e25;
}
.md-forfait-50 .section-content .achat-forfait .buy {
  margin-top: 20px;
}
.md-forfait-50 .section-content .achat-forfait .buy .btn {
  font-family: 'ooredoobold';
  font-size: 16px;
  width: 100%;
  height: 50px;
  margin: 0 0 0 10px;
  max-width: 165px;
  line-height: 40px;
}
.md-forfait-50 .section-content .achat-forfait .buy .btn i {
  margin-right: 10px;
}
@media (max-width: 1199px) {
  .md-forfait-50 .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-50 .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 26px;
    margin: 0;
  }
  .md-forfait-50 .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-50 .section-content .achat-forfait-title {
    padding: 0 150px 40px 150px;
  }
  .md-forfait-50 .section-content .achat-forfait-title h4 {
    font-size: 24px;
  }
  .md-forfait-50 .section-content .achat-forfait p {
    font-size: 18px;
  }
  .md-forfait-50 .section-content .achat-forfait p .big {
    font-size: 26px;
  }
  .md-forfait-50 .section-content .achat-forfait p .small {
    font-size: 14px;
  }
  .md-forfait-50 .section-content .achat-forfait .buy .btn {
    font-size: 15px;
  }
}
@media (max-width: 991px) {
  .md-forfait-50 .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-50 .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 24px;
    margin: 0;
  }
  .md-forfait-50 .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-50 .section-content .achat-forfait-title {
    padding: 0 50px 40px 50px;
  }
  .md-forfait-50 .section-content .achat-forfait-title h4 {
    font-size: 22px;
  }
  .md-forfait-50 .section-content .achat-forfait p {
    font-size: 17px;
  }
  .md-forfait-50 .section-content .achat-forfait p .big {
    font-size: 24px;
  }
  .md-forfait-50 .section-content .achat-forfait p .small {
    font-size: 13px;
  }
  .md-forfait-50 .section-content .achat-forfait .buy .btn {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .md-forfait-50 .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-50 .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 22px;
    margin: 0;
  }
  .md-forfait-50 .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-50 .section-content .achat-forfait-title {
    padding: 0 50px 40px 50px;
  }
  .md-forfait-50 .section-content .achat-forfait-title h4 {
    font-size: 20px;
  }
  .md-forfait-50 .section-content .achat-forfait p {
    font-size: 16px;
  }
  .md-forfait-50 .section-content .achat-forfait p .big {
    font-size: 22px;
  }
  .md-forfait-50 .section-content .achat-forfait p .small {
    font-size: 13px;
  }
  .md-forfait-50 .section-content .achat-forfait .buy .btn {
    font-size: 15px;
  }
}
@media (max-width: 479px) {
  .md-forfait-50 .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-50 .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
  }
  .md-forfait-50 .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-50 .section-content .achat-forfait-title {
    padding: 0 10px 40px 10px;
  }
  .md-forfait-50 .section-content .achat-forfait-title h4 {
    font-size: 18px;
  }
  .md-forfait-50 .section-content .achat-forfait {
    padding: 10px;
  }
  .md-forfait-50 .section-content .achat-forfait p {
    font-size: 15px;
  }
  .md-forfait-50 .section-content .achat-forfait p .big {
    font-size: 20px;
  }
  .md-forfait-50 .section-content .achat-forfait p .small {
    font-size: 12px;
  }
  .md-forfait-50 .section-content .achat-forfait .buy .btn {
    font-size: 14px;
    max-width: 46%;
  }
}
/*===========================*/
/*==== forfait-200=============*/
.md-forfait-200 .section-title {
  background: #11bedd;
  padding: 10px 0;
}
.md-forfait-200 .section-title .title h1 {
  color: #fff;
  font-family: 'ooredoobold';
  text-transform: uppercase;
  font-size: 29px;
  margin: 0;
}
.md-forfait-200 .section-title .description p {
  color: #fff;
  font-family: 'ooredoobold';
  font-size: 19px;
  margin: 0;
  text-align: right;
}
.md-forfait-200 .section-content {
  background: #f0f0f0;
  padding: 30px 0;
  min-height: 390px;
}
.md-forfait-200 .section-content .achat-forfait-title {
  padding: 0 210px 40px 210px;
  text-align: center;
}
.md-forfait-200 .section-content .achat-forfait-title h4 {
  font-family: 'ooredoobold';
  color: #000;
  font-size: 26px;
  margin: 0;
}
.md-forfait-200 .section-content .achat-forfait {
  background: #fff;
  padding: 10px 20px;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.35);
  overflow: hidden;
}
.md-forfait-200 .section-content .achat-forfait p {
  color: #000;
  font-size: 20px;
  font-family: 'ooredooregular';
  margin-top: 10px;
}
.md-forfait-200 .section-content .achat-forfait p .big {
  font-size: 28px;
  font-family: 'ooredoobold';
}
.md-forfait-200 .section-content .achat-forfait p .small {
  font-size: 16px;
  font-family: 'ooredoobold';
  top: -9px;
  display: inline;
  position: relative;
}
.md-forfait-200 .section-content .achat-forfait p .red {
  color: #e61e25;
}
.md-forfait-200 .section-content .achat-forfait .buy {
  margin-top: 20px;
}
.md-forfait-200 .section-content .achat-forfait .buy .btn {
  font-family: 'ooredoobold';
  font-size: 16px;
  width: 100%;
  height: 50px;
  margin: 0 0 0 10px;
  max-width: 165px;
  line-height: 40px;
}
.md-forfait-200 .section-content .achat-forfait .buy .btn i {
  margin-right: 10px;
}
@media (max-width: 1199px) {
  .md-forfait-200 .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-200 .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 26px;
    margin: 0;
  }
  .md-forfait-200 .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-200 .section-content .achat-forfait-title {
    padding: 0 150px 40px 150px;
  }
  .md-forfait-200 .section-content .achat-forfait-title h4 {
    font-size: 24px;
  }
  .md-forfait-200 .section-content .achat-forfait p {
    font-size: 18px;
  }
  .md-forfait-200 .section-content .achat-forfait p .big {
    font-size: 26px;
  }
  .md-forfait-200 .section-content .achat-forfait p .small {
    font-size: 14px;
  }
  .md-forfait-200 .section-content .achat-forfait .buy .btn {
    font-size: 15px;
  }
}
@media (max-width: 991px) {
  .md-forfait-200 .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-200 .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 24px;
    margin: 0;
  }
  .md-forfait-200 .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-200 .section-content .achat-forfait-title {
    padding: 0 50px 40px 50px;
  }
  .md-forfait-200 .section-content .achat-forfait-title h4 {
    font-size: 22px;
  }
  .md-forfait-200 .section-content .achat-forfait p {
    font-size: 17px;
  }
  .md-forfait-200 .section-content .achat-forfait p .big {
    font-size: 24px;
  }
  .md-forfait-200 .section-content .achat-forfait p .small {
    font-size: 13px;
  }
  .md-forfait-200 .section-content .achat-forfait .buy .btn {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .md-forfait-200 .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-200 .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 22px;
    margin: 0;
  }
  .md-forfait-200 .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-200 .section-content .achat-forfait-title {
    padding: 0 50px 40px 50px;
  }
  .md-forfait-200 .section-content .achat-forfait-title h4 {
    font-size: 20px;
  }
  .md-forfait-200 .section-content .achat-forfait p {
    font-size: 16px;
  }
  .md-forfait-200 .section-content .achat-forfait p .big {
    font-size: 22px;
  }
  .md-forfait-200 .section-content .achat-forfait p .small {
    font-size: 13px;
  }
  .md-forfait-200 .section-content .achat-forfait .buy .btn {
    font-size: 15px;
  }
}
@media (max-width: 479px) {
  .md-forfait-200 .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-200 .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
  }
  .md-forfait-200 .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-200 .section-content .achat-forfait-title {
    padding: 0 10px 40px 10px;
  }
  .md-forfait-200 .section-content .achat-forfait-title h4 {
    font-size: 18px;
  }
  .md-forfait-200 .section-content .achat-forfait {
    padding: 10px;
  }
  .md-forfait-200 .section-content .achat-forfait p {
    font-size: 15px;
  }
  .md-forfait-200 .section-content .achat-forfait p .big {
    font-size: 20px;
  }
  .md-forfait-200 .section-content .achat-forfait p .small {
    font-size: 12px;
  }
  .md-forfait-200 .section-content .achat-forfait .buy .btn {
    font-size: 14px;
    max-width: 46%;
  }
}
/*===========================*/
/*==== forfait-400=============*/
.md-forfait-400 .section-title {
  background: #11bedd;
  padding: 10px 0;
}
.md-forfait-400 .section-title .title h1 {
  color: #fff;
  font-family: 'ooredoobold';
  text-transform: uppercase;
  font-size: 29px;
  margin: 0;
}
.md-forfait-400 .section-title .description p {
  color: #fff;
  font-family: 'ooredoobold';
  font-size: 19px;
  margin: 0;
  text-align: right;
}
.md-forfait-400 .section-content {
  background: #f0f0f0;
  padding: 30px 0;
  min-height: 390px;
}
.md-forfait-400 .section-content .achat-forfait-title {
  padding: 0 210px 40px 210px;
  text-align: center;
}
.md-forfait-400 .section-content .achat-forfait-title h4 {
  font-family: 'ooredoobold';
  color: #000;
  font-size: 26px;
  margin: 0;
}
.md-forfait-400 .section-content .achat-forfait {
  background: #fff;
  padding: 10px 20px;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.35);
  overflow: hidden;
}
.md-forfait-400 .section-content .achat-forfait p {
  color: #000;
  font-size: 20px;
  font-family: 'ooredooregular';
  margin-top: 10px;
}
.md-forfait-400 .section-content .achat-forfait p .big {
  font-size: 28px;
  font-family: 'ooredoobold';
}
.md-forfait-400 .section-content .achat-forfait p .small {
  font-size: 16px;
  font-family: 'ooredoobold';
  top: -9px;
  display: inline;
  position: relative;
}
.md-forfait-400 .section-content .achat-forfait p .red {
  color: #e61e25;
}
.md-forfait-400 .section-content .achat-forfait .buy {
  margin-top: 20px;
}
.md-forfait-400 .section-content .achat-forfait .buy .btn {
  font-family: 'ooredoobold';
  font-size: 16px;
  width: 100%;
  height: 50px;
  margin: 0 0 0 10px;
  max-width: 165px;
  line-height: 40px;
}
.md-forfait-400 .section-content .achat-forfait .buy .btn i {
  margin-right: 10px;
}
@media (max-width: 1199px) {
  .md-forfait-400 .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-400 .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 26px;
    margin: 0;
  }
  .md-forfait-400 .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-400 .section-content .achat-forfait-title {
    padding: 0 150px 40px 150px;
  }
  .md-forfait-400 .section-content .achat-forfait-title h4 {
    font-size: 24px;
  }
  .md-forfait-400 .section-content .achat-forfait p {
    font-size: 18px;
  }
  .md-forfait-400 .section-content .achat-forfait p .big {
    font-size: 26px;
  }
  .md-forfait-400 .section-content .achat-forfait p .small {
    font-size: 14px;
  }
  .md-forfait-400 .section-content .achat-forfait .buy .btn {
    font-size: 15px;
  }
}
@media (max-width: 991px) {
  .md-forfait-400 .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-400 .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 24px;
    margin: 0;
  }
  .md-forfait-400 .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-400 .section-content .achat-forfait-title {
    padding: 0 50px 40px 50px;
  }
  .md-forfait-400 .section-content .achat-forfait-title h4 {
    font-size: 22px;
  }
  .md-forfait-400 .section-content .achat-forfait p {
    font-size: 17px;
  }
  .md-forfait-400 .section-content .achat-forfait p .big {
    font-size: 24px;
  }
  .md-forfait-400 .section-content .achat-forfait p .small {
    font-size: 13px;
  }
  .md-forfait-400 .section-content .achat-forfait .buy .btn {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .md-forfait-400 .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-400 .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 22px;
    margin: 0;
  }
  .md-forfait-400 .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-400 .section-content .achat-forfait-title {
    padding: 0 50px 40px 50px;
  }
  .md-forfait-400 .section-content .achat-forfait-title h4 {
    font-size: 20px;
  }
  .md-forfait-400 .section-content .achat-forfait p {
    font-size: 16px;
  }
  .md-forfait-400 .section-content .achat-forfait p .big {
    font-size: 22px;
  }
  .md-forfait-400 .section-content .achat-forfait p .small {
    font-size: 13px;
  }
  .md-forfait-400 .section-content .achat-forfait .buy .btn {
    font-size: 15px;
  }
}
@media (max-width: 479px) {
  .md-forfait-400 .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-400 .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
  }
  .md-forfait-400 .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-400 .section-content .achat-forfait-title {
    padding: 0 10px 40px 10px;
  }
  .md-forfait-400 .section-content .achat-forfait-title h4 {
    font-size: 18px;
  }
  .md-forfait-400 .section-content .achat-forfait {
    padding: 10px;
  }
  .md-forfait-400 .section-content .achat-forfait p {
    font-size: 15px;
  }
  .md-forfait-400 .section-content .achat-forfait p .big {
    font-size: 20px;
  }
  .md-forfait-400 .section-content .achat-forfait p .small {
    font-size: 12px;
  }
  .md-forfait-400 .section-content .achat-forfait .buy .btn {
    font-size: 14px;
    max-width: 46%;
  }
}
/*===========================*/
/*==== forfait-50-plus=============*/
.md-forfait-50-plus .section-title {
  background: #11bedd;
  padding: 10px 0;
}
.md-forfait-50-plus .section-title .title h1 {
  color: #fff;
  font-family: 'ooredoobold';
  text-transform: uppercase;
  font-size: 29px;
  margin: 0;
}
.md-forfait-50-plus .section-title .description p {
  color: #fff;
  font-family: 'ooredoobold';
  font-size: 19px;
  margin: 0;
  text-align: right;
}
.md-forfait-50-plus .section-content {
  background: #f0f0f0;
  padding: 30px 0;
  min-height: 390px;
}
.md-forfait-50-plus .section-content .achat-forfait-title {
  padding: 0 210px 10px 210px;
  text-align: center;
}
.md-forfait-50-plus .section-content .achat-forfait-title h4 {
  font-family: 'ooredoobold';
  color: #000;
  font-size: 26px;
}
.md-forfait-50-plus .section-content .achat-forfait {
  background: #fff;
  padding: 10px 20px;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.35);
  overflow: hidden;
}
.md-forfait-50-plus .section-content .achat-forfait h3 {
  font-family: 'ooredoolight';
  color: #000;
  font-size: 36px;
  margin-bottom: 0;
}
.md-forfait-50-plus .section-content .achat-forfait p {
  color: #000;
  font-size: 20px;
  font-family: 'ooredooregular';
}
.md-forfait-50-plus .section-content .achat-forfait p .big {
  font-size: 28px;
  font-family: 'ooredoobold';
}
.md-forfait-50-plus .section-content .achat-forfait p .small {
  font-size: 16px;
  font-family: 'ooredoobold';
  top: -9px;
  display: inline;
  position: relative;
}
.md-forfait-50-plus .section-content .achat-forfait p .red {
  color: #e61e25;
}
.md-forfait-50-plus .section-content .achat-forfait .buy {
  margin-top: 20px;
}
.md-forfait-50-plus .section-content .achat-forfait .buy .btn {
  font-family: 'ooredoobold';
  font-size: 16px;
  width: 100%;
  height: 50px;
  margin: 0 0 0 10px;
  max-width: 165px;
  line-height: 40px;
}
.md-forfait-50-plus .section-content .achat-forfait .buy .btn i {
  margin-right: 10px;
}
@media (max-width: 1199px) {
  .md-forfait-50-plus .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-50-plus .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 26px;
    margin: 0;
  }
  .md-forfait-50-plus .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-50-plus .section-content .achat-forfait-title {
    padding: 0 150px 10px 150px;
  }
  .md-forfait-50-plus .section-content .achat-forfait-title h4 {
    font-size: 24px;
  }
  .md-forfait-50-plus .section-content .achat-forfait h3 {
    font-size: 33px;
  }
  .md-forfait-50-plus .section-content .achat-forfait p {
    font-size: 18px;
  }
  .md-forfait-50-plus .section-content .achat-forfait p .big {
    font-size: 26px;
  }
  .md-forfait-50-plus .section-content .achat-forfait p .small {
    font-size: 14px;
  }
  .md-forfait-50-plus .section-content .achat-forfait .buy .btn {
    font-size: 15px;
  }
}
@media (max-width: 991px) {
  .md-forfait-50-plus .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-50-plus .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 24px;
    margin: 0;
  }
  .md-forfait-50-plus .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-50-plus .section-content .achat-forfait-title {
    padding: 0 50px 10px 50px;
  }
  .md-forfait-50-plus .section-content .achat-forfait-title h4 {
    font-size: 22px;
  }
  .md-forfait-50-plus .section-content .achat-forfait h3 {
    font-size: 30px;
  }
  .md-forfait-50-plus .section-content .achat-forfait p {
    font-size: 17px;
  }
  .md-forfait-50-plus .section-content .achat-forfait p .big {
    font-size: 24px;
  }
  .md-forfait-50-plus .section-content .achat-forfait p .small {
    font-size: 13px;
  }
  .md-forfait-50-plus .section-content .achat-forfait .buy .btn {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .md-forfait-50-plus .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-50-plus .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 22px;
    margin: 0;
  }
  .md-forfait-50-plus .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-50-plus .section-content .achat-forfait-title {
    padding: 0 50px 10px 50px;
  }
  .md-forfait-50-plus .section-content .achat-forfait-title h4 {
    font-size: 20px;
  }
  .md-forfait-50-plus .section-content .achat-forfait h3 {
    font-size: 27px;
  }
  .md-forfait-50-plus .section-content .achat-forfait p {
    font-size: 16px;
  }
  .md-forfait-50-plus .section-content .achat-forfait p .big {
    font-size: 22px;
  }
  .md-forfait-50-plus .section-content .achat-forfait p .small {
    font-size: 13px;
  }
  .md-forfait-50-plus .section-content .achat-forfait .buy .btn {
    font-size: 15px;
  }
}
@media (max-width: 479px) {
  .md-forfait-50-plus .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-50-plus .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
  }
  .md-forfait-50-plus .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-50-plus .section-content .achat-forfait-title {
    padding: 0 10px 10px 10px;
  }
  .md-forfait-50-plus .section-content .achat-forfait-title h4 {
    font-size: 18px;
  }
  .md-forfait-50-plus .section-content .achat-forfait {
    padding: 10px;
  }
  .md-forfait-50-plus .section-content .achat-forfait h3 {
    font-size: 21px;
  }
  .md-forfait-50-plus .section-content .achat-forfait p {
    font-size: 15px;
  }
  .md-forfait-50-plus .section-content .achat-forfait p .big {
    font-size: 20px;
  }
  .md-forfait-50-plus .section-content .achat-forfait p .small {
    font-size: 12px;
  }
  .md-forfait-50-plus .section-content .achat-forfait .buy .btn {
    font-size: 14px;
    max-width: 46%;
  }
}
/*===========================*/
/*==== forfait-50-plus=============*/
.md-forfait-200-plus .section-title {
  background: #11bedd;
  padding: 10px 0;
}
.md-forfait-200-plus .section-title .title h1 {
  color: #fff;
  font-family: 'ooredoobold';
  text-transform: uppercase;
  font-size: 29px;
  margin: 0;
}
.md-forfait-200-plus .section-title .description p {
  color: #fff;
  font-family: 'ooredoobold';
  font-size: 19px;
  margin: 0;
  text-align: right;
}
.md-forfait-200-plus .section-content {
  background: #f0f0f0;
  padding: 30px 0;
  min-height: 390px;
}
.md-forfait-200-plus .section-content .achat-forfait-title {
  padding: 0 210px 10px 210px;
  text-align: center;
}
.md-forfait-200-plus .section-content .achat-forfait-title h4 {
  font-family: 'ooredoobold';
  color: #000;
  font-size: 26px;
}
.md-forfait-200-plus .section-content .achat-forfait {
  background: #fff;
  padding: 10px 20px;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.35);
  overflow: hidden;
}
.md-forfait-200-plus .section-content .achat-forfait h3 {
  font-family: 'ooredooregular';
  color: #000;
  font-size: 23px;
  margin-bottom: 0;
}
.md-forfait-200-plus .section-content .achat-forfait p {
  color: #000;
  font-size: 20px;
  font-family: 'ooredooregular';
}
.md-forfait-200-plus .section-content .achat-forfait p .big {
  font-size: 28px;
  font-family: 'ooredoobold';
}
.md-forfait-200-plus .section-content .achat-forfait p .small {
  font-size: 16px;
  font-family: 'ooredoobold';
  top: -9px;
  display: inline;
  position: relative;
}
.md-forfait-200-plus .section-content .achat-forfait p .red {
  color: #e61e25;
}
.md-forfait-200-plus .section-content .achat-forfait .buy {
  margin-top: 20px;
}
.md-forfait-200-plus .section-content .achat-forfait .buy .btn {
  font-family: 'ooredoobold';
  font-size: 16px;
  width: 100%;
  height: 50px;
  margin: 0 0 0 10px;
  max-width: 165px;
  line-height: 40px;
}
.md-forfait-200-plus .section-content .achat-forfait .buy .btn i {
  margin-right: 10px;
}
@media (max-width: 1199px) {
  .md-forfait-200-plus .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-200-plus .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 26px;
    margin: 0;
  }
  .md-forfait-200-plus .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-200-plus .section-content .achat-forfait-title {
    padding: 0 150px 10px 150px;
  }
  .md-forfait-200-plus .section-content .achat-forfait-title h4 {
    font-size: 24px;
  }
  .md-forfait-200-plus .section-content .achat-forfait h3 {
    font-size: 33px;
  }
  .md-forfait-200-plus .section-content .achat-forfait p {
    font-size: 18px;
  }
  .md-forfait-200-plus .section-content .achat-forfait p .big {
    font-size: 26px;
  }
  .md-forfait-200-plus .section-content .achat-forfait p .small {
    font-size: 14px;
  }
  .md-forfait-200-plus .section-content .achat-forfait .buy .btn {
    font-size: 15px;
  }
}
@media (max-width: 991px) {
  .md-forfait-200-plus .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-200-plus .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 24px;
    margin: 0;
  }
  .md-forfait-200-plus .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-200-plus .section-content .achat-forfait-title {
    padding: 0 50px 10px 50px;
  }
  .md-forfait-200-plus .section-content .achat-forfait-title h4 {
    font-size: 22px;
  }
  .md-forfait-200-plus .section-content .achat-forfait h3 {
    font-size: 30px;
  }
  .md-forfait-200-plus .section-content .achat-forfait p {
    font-size: 17px;
  }
  .md-forfait-200-plus .section-content .achat-forfait p .big {
    font-size: 24px;
  }
  .md-forfait-200-plus .section-content .achat-forfait p .small {
    font-size: 13px;
  }
  .md-forfait-200-plus .section-content .achat-forfait .buy .btn {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .md-forfait-200-plus .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-200-plus .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 22px;
    margin: 0;
  }
  .md-forfait-200-plus .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-200-plus .section-content .achat-forfait-title {
    padding: 0 50px 10px 50px;
  }
  .md-forfait-200-plus .section-content .achat-forfait-title h4 {
    font-size: 20px;
  }
  .md-forfait-200-plus .section-content .achat-forfait h3 {
    font-size: 27px;
  }
  .md-forfait-200-plus .section-content .achat-forfait p {
    font-size: 16px;
  }
  .md-forfait-200-plus .section-content .achat-forfait p .big {
    font-size: 22px;
  }
  .md-forfait-200-plus .section-content .achat-forfait p .small {
    font-size: 13px;
  }
  .md-forfait-200-plus .section-content .achat-forfait .buy .btn {
    font-size: 15px;
  }
}
@media (max-width: 479px) {
  .md-forfait-200-plus .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-200-plus .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
  }
  .md-forfait-200-plus .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-200-plus .section-content .achat-forfait-title {
    padding: 0 10px 10px 10px;
  }
  .md-forfait-200-plus .section-content .achat-forfait-title h4 {
    font-size: 18px;
  }
  .md-forfait-200-plus .section-content .achat-forfait {
    padding: 10px;
  }
  .md-forfait-200-plus .section-content .achat-forfait h3 {
    font-size: 21px;
  }
  .md-forfait-200-plus .section-content .achat-forfait p {
    font-size: 15px;
  }
  .md-forfait-200-plus .section-content .achat-forfait p .big {
    font-size: 20px;
  }
  .md-forfait-200-plus .section-content .achat-forfait p .small {
    font-size: 12px;
  }
  .md-forfait-200-plus .section-content .achat-forfait .buy .btn {
    font-size: 14px;
    max-width: 46%;
  }
}
/*===========================*/
/*==== forfait-50-plus=============*/
.md-forfait-400-plus .section-title {
  background: #11bedd;
  padding: 10px 0;
}
.md-forfait-400-plus .section-title .title h1 {
  color: #fff;
  font-family: 'ooredoobold';
  text-transform: uppercase;
  font-size: 29px;
  margin: 0;
}
.md-forfait-400-plus .section-title .description p {
  color: #fff;
  font-family: 'ooredoobold';
  font-size: 19px;
  margin: 0;
  text-align: right;
}
.md-forfait-400-plus .section-content {
  background: #f0f0f0;
  padding: 30px 0;
  min-height: 390px;
}
.md-forfait-400-plus .section-content .achat-forfait-title {
  padding: 0 210px 10px 210px;
  text-align: center;
}
.md-forfait-400-plus .section-content .achat-forfait-title h4 {
  font-family: 'ooredoobold';
  color: #000;
  font-size: 26px;
}
.md-forfait-400-plus .section-content .achat-forfait {
  background: #fff;
  padding: 10px 20px;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.35);
  overflow: hidden;
}
.md-forfait-400-plus .section-content .achat-forfait h3 {
  font-family: 'ooredooregular';
  color: #000;
  font-size: 23px;
  margin-bottom: 0;
}
.md-forfait-400-plus .section-content .achat-forfait p {
  color: #000;
  font-size: 20px;
  font-family: 'ooredooregular';
}
.md-forfait-400-plus .section-content .achat-forfait p .big {
  font-size: 28px;
  font-family: 'ooredoobold';
}
.md-forfait-400-plus .section-content .achat-forfait p .small {
  font-size: 16px;
  font-family: 'ooredoobold';
  top: -9px;
  display: inline;
  position: relative;
}
.md-forfait-400-plus .section-content .achat-forfait p .red {
  color: #e61e25;
}
.md-forfait-400-plus .section-content .achat-forfait .buy {
  margin-top: 20px;
}
.md-forfait-400-plus .section-content .achat-forfait .buy .btn {
  font-family: 'ooredoobold';
  font-size: 16px;
  width: 100%;
  height: 50px;
  margin: 0 0 0 10px;
  max-width: 165px;
  line-height: 40px;
}
.md-forfait-400-plus .section-content .achat-forfait .buy .btn i {
  margin-right: 10px;
}
@media (max-width: 1199px) {
  .md-forfait-400-plus .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-400-plus .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 26px;
    margin: 0;
  }
  .md-forfait-400-plus .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-400-plus .section-content .achat-forfait-title {
    padding: 0 150px 10px 150px;
  }
  .md-forfait-400-plus .section-content .achat-forfait-title h4 {
    font-size: 24px;
  }
  .md-forfait-400-plus .section-content .achat-forfait h3 {
    font-size: 33px;
  }
  .md-forfait-400-plus .section-content .achat-forfait p {
    font-size: 18px;
  }
  .md-forfait-400-plus .section-content .achat-forfait p .big {
    font-size: 26px;
  }
  .md-forfait-400-plus .section-content .achat-forfait p .small {
    font-size: 14px;
  }
  .md-forfait-400-plus .section-content .achat-forfait .buy .btn {
    font-size: 15px;
  }
}
@media (max-width: 991px) {
  .md-forfait-400-plus .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-400-plus .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 24px;
    margin: 0;
  }
  .md-forfait-400-plus .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-400-plus .section-content .achat-forfait-title {
    padding: 0 50px 10px 50px;
  }
  .md-forfait-400-plus .section-content .achat-forfait-title h4 {
    font-size: 22px;
  }
  .md-forfait-400-plus .section-content .achat-forfait h3 {
    font-size: 30px;
  }
  .md-forfait-400-plus .section-content .achat-forfait p {
    font-size: 17px;
  }
  .md-forfait-400-plus .section-content .achat-forfait p .big {
    font-size: 24px;
  }
  .md-forfait-400-plus .section-content .achat-forfait p .small {
    font-size: 13px;
  }
  .md-forfait-400-plus .section-content .achat-forfait .buy .btn {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .md-forfait-400-plus .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-400-plus .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 22px;
    margin: 0;
  }
  .md-forfait-400-plus .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-400-plus .section-content .achat-forfait-title {
    padding: 0 50px 10px 50px;
  }
  .md-forfait-400-plus .section-content .achat-forfait-title h4 {
    font-size: 20px;
  }
  .md-forfait-400-plus .section-content .achat-forfait h3 {
    font-size: 27px;
  }
  .md-forfait-400-plus .section-content .achat-forfait p {
    font-size: 16px;
  }
  .md-forfait-400-plus .section-content .achat-forfait p .big {
    font-size: 22px;
  }
  .md-forfait-400-plus .section-content .achat-forfait p .small {
    font-size: 13px;
  }
  .md-forfait-400-plus .section-content .achat-forfait .buy .btn {
    font-size: 15px;
  }
}
@media (max-width: 479px) {
  .md-forfait-400-plus .section-title {
    background: #11bedd;
    padding: 10px 0;
  }
  .md-forfait-400-plus .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
  }
  .md-forfait-400-plus .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-forfait-400-plus .section-content .achat-forfait-title {
    padding: 0 10px 10px 10px;
  }
  .md-forfait-400-plus .section-content .achat-forfait-title h4 {
    font-size: 18px;
  }
  .md-forfait-400-plus .section-content .achat-forfait {
    padding: 10px;
  }
  .md-forfait-400-plus .section-content .achat-forfait h3 {
    font-size: 21px;
  }
  .md-forfait-400-plus .section-content .achat-forfait p {
    font-size: 15px;
  }
  .md-forfait-400-plus .section-content .achat-forfait p .big {
    font-size: 20px;
  }
  .md-forfait-400-plus .section-content .achat-forfait p .small {
    font-size: 12px;
  }
  .md-forfait-400-plus .section-content .achat-forfait .buy .btn {
    font-size: 14px;
    max-width: 46%;
  }
}
/*===========================*/
/*==== transfert-internet-validation=============*/
.md-transfert-internet-validation .section-content {
  background: #95c9e7;
  padding: 30px 0;
  min-height: 390px;
}
.md-transfert-internet-validation .section-content .transfert-internet {
  background: #fff;
  padding: 35px 35px;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.35);
  overflow: hidden;
  font-family: 'ooredoobold';
}
.md-transfert-internet-validation .section-content .transfert-internet .transfert-internet-thumb {
  float: left;
  width: 17%;
}
.md-transfert-internet-validation .section-content .transfert-internet .transfert-internet-content {
  float: right;
  width: 63%;
  margin-right: 145px;
}
.md-transfert-internet-validation .section-content .transfert-internet h3 {
  color: #000;
  font-family: 'ooredooregular';
  font-size: 16px;
  line-height: 28px;
  margin: 0;
}
.md-transfert-internet-validation .section-content .transfert-internet .buy {
  margin-top: 40px;
}
.md-transfert-internet-validation .section-content .transfert-internet .buy .btn {
  font-family: 'ooredoobold';
  font-size: 16px;
  width: 100%;
  height: 50px;
  margin: auto;
  float: right;
  max-width: 237px;
  line-height: 40px;
}
.md-transfert-internet-validation .section-content .transfert-internet .buy .btn i {
  margin-right: 10px;
}
@media (max-width: 1199px) {
  .md-transfert-internet-validation .section-content .transfert-internet .transfert-internet-thumb {
    width: 17%;
  }
  .md-transfert-internet-validation .section-content .transfert-internet .transfert-internet-content {
    width: 63%;
    margin-right: 80px;
  }
  .md-transfert-internet-validation .section-content .transfert-internet h3 {
    font-size: 16px;
    line-height: 28px;
  }
  .md-transfert-internet-validation .section-content .transfert-internet .buy {
    margin-top: 40px;
  }
}
@media (max-width: 991px) {
  .md-transfert-internet-validation .section-content .transfert-internet .transfert-internet-thumb {
    width: 20%;
  }
  .md-transfert-internet-validation .section-content .transfert-internet .transfert-internet-content {
    margin-right: 40px;
  }
  .md-transfert-internet-validation .section-content .transfert-internet .buy {
    margin-top: 40px;
  }
  .md-transfert-internet-validation .section-content .transfert-internet .buy .btn {
    max-width: 180px;
  }
}
@media (max-width: 767px) {
  .md-transfert-internet-validation .section-content .transfert-internet .transfert-internet-thumb {
    width: 20%;
  }
  .md-transfert-internet-validation .section-content .transfert-internet .buy {
    margin-top: 30px;
  }
  .md-transfert-internet-validation .section-content .transfert-internet .buy .btn {
    max-width: 140px;
    font-size: 15px;
  }
}
@media (max-width: 479px) {
  .md-transfert-internet-validation .section-content .transfert-internet .transfert-internet-thumb {
    width: 100%;
    margin: 0 auto 20px auto;
    float: none;
    max-width: 120px;
  }
  .md-transfert-internet-validation .section-content .transfert-internet .transfert-internet-content {
    width: 100%;
    margin-right: 0;
  }
  .md-transfert-internet-validation .section-content .transfert-internet .buy {
    margin-top: 20px;
  }
  .md-transfert-internet-validation .section-content .transfert-internet .buy .btn {
    max-width: 100%;
    font-size: 14px;
  }
}
/*===========================*/
/*==== transfert-internet=============*/
.md-transfert-internet .section-title {
  background: #6baed4;
  padding: 10px 0;
}
.md-transfert-internet .section-title .title h1 {
  color: #fff;
  font-family: 'ooredoobold';
  text-transform: uppercase;
  font-size: 29px;
  margin: 0;
}
.md-transfert-internet .section-title .description p {
  color: #fff;
  font-family: 'ooredoobold';
  font-size: 19px;
  margin: 0;
  text-align: right;
}
.md-transfert-internet .section-content {
  background: #95c9e7;
  padding: 30px 0;
  min-height: 390px;
}
.md-transfert-internet .section-content .transfert-internet {
  background: #fff;
  padding: 35px 35px;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.35);
  overflow: hidden;
  font-family: 'ooredoobold';
}
.md-transfert-internet .section-content .transfert-internet .transfert-internet-thumb {
  width: 22%;
  margin-top: 30px;
  float: right;
  margin-right: 20px;
}
.md-transfert-internet .section-content .transfert-internet .transfert-internet-content {
  float: left;
  width: 67%;
  margin-top: 30px;
  margin-left: 20px;
}
.md-transfert-internet .section-content .transfert-internet label {
  font-family: 'ooredooregular';
  font-size: 16px;
  color: #000;
}
.md-transfert-internet .section-content .transfert-internet .form-control {
  display: block;
  width: 100%;
  height: 44px;
  padding: 10px 12px;
  font-size: 16px;
  color: #000;
  border-radius: 10px;
  font-family: 'ooredoobold';
}
.md-transfert-internet .section-content .transfert-internet .form-control[disabled],
.md-transfert-internet .section-content .transfert-internet .form-control[readonly],
.md-transfert-internet .section-content .transfert-internet fieldset[disabled] .form-control {
  background-color: #e6e4dd;
}
.md-transfert-internet .section-content .transfert-internet .btn {
  font-family: 'ooredoobold';
  font-size: 16px;
  width: 100%;
  height: 50px;
  float: right;
  margin: 30px auto 0 auto;
  float: right;
  max-width: 237px;
  line-height: 40px;
}
.md-transfert-internet .section-content .transfert-internet .btn i {
  margin-right: 10px;
}
.md-transfert-internet .section-content .transfert-internet .directiveIcon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #e61e25;
  color: #fff;
  text-align: center;
  line-height: 30px;
  position: absolute;
  left: -35px;
  top: -5px;
}
.md-transfert-internet .section-content .transfert-internet h3 {
  color: #000;
  font-family: 'ooredoobold';
  font-size: 20px;
  line-height: 28px;
  margin: 0;
}
@media (max-width: 1199px) {
  .md-transfert-internet .section-title {
    background: #6baed4;
    padding: 10px 0;
  }
  .md-transfert-internet .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 27px;
    margin: 0;
  }
  .md-transfert-internet .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-transfert-internet .section-content .transfert-internet {
    background: #fff;
    padding: 25px 25px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.35);
  }
  .md-transfert-internet .section-content .transfert-internet .btn {
    max-width: 200px;
  }
  .md-transfert-internet .section-content .transfert-internet h3 {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .md-transfert-internet .section-title {
    background: #6baed4;
    padding: 10px 0;
  }
  .md-transfert-internet .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 25px;
    margin: 0;
  }
  .md-transfert-internet .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-transfert-internet .section-content .transfert-internet {
    background: #fff;
    padding: 25px 25px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.35);
  }
  .md-transfert-internet .section-content .transfert-internet .btn {
    max-width: 160px;
  }
  .md-transfert-internet .section-content .transfert-internet h3 {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .md-transfert-internet .section-title {
    background: #6baed4;
    padding: 10px 0;
  }
  .md-transfert-internet .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 22px;
    margin: 0;
  }
  .md-transfert-internet .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-transfert-internet .section-content .transfert-internet {
    background: #fff;
    padding: 25px 25px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.35);
  }
  .md-transfert-internet .section-content .transfert-internet .transfert-internet-thumb {
    width: 100%;
    float: none;
    margin: auto;
    max-width: 180px;
  }
  .md-transfert-internet .section-content .transfert-internet .transfert-internet-content {
    width: 100%;
    margin-left: 20px;
  }
  .md-transfert-internet .section-content .transfert-internet .btn {
    max-width: 140px;
    margin-top: 20px;
  }
  .md-transfert-internet .section-content .transfert-internet h3 {
    font-size: 17px;
  }
}
@media (max-width: 479px) {
  .md-transfert-internet .section-title {
    background: #6baed4;
    padding: 10px 0;
  }
  .md-transfert-internet .section-title .title h1 {
    color: #fff;
    font-family: 'ooredoobold';
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
  }
  .md-transfert-internet .section-title .description p {
    color: #fff;
    font-family: 'ooredoobold';
    font-size: 19px;
    margin: 0;
    text-align: right;
  }
  .md-transfert-internet .section-content .transfert-internet {
    background: #fff;
    padding: 25px 25px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.35);
  }
  .md-transfert-internet .section-content .transfert-internet .transfert-internet-thumb {
    max-width: 110px;
    float: none;
    margin: auto;
  }
  .md-transfert-internet .section-content .transfert-internet .btn {
    max-width: 100%;
    font-size: 14px;
    margin-top: 10px;
  }
  .md-transfert-internet .section-content .transfert-internet label {
    font-size: 13px;
  }
  .md-transfert-internet .section-content .transfert-internet h3 {
    font-size: 14px;
  }
}
/*===========================*/
/*==== Footer=============*/
footer {
  background: #454646;
}
footer .directives {
  padding-left: 45px;
  margin: 20px 0;
  color: #fff;
  position: relative;
  font-size: 14px;
}
footer .directives span {
  font-family: 'ooredoobold';
}
footer .directives .directiveIcon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #e61e25;
  text-align: center;
  line-height: 30px;
  position: absolute;
  left: 0;
  top: -5px;
}
footer .copyrights {
  background: #3d3d3d;
  color: #fff;
  padding: 15px 0;
  font-size: 14px;
}
@media (max-width: 767px) {
  footer .directives {
    font-size: 12px;
  }
}
/*===========================*/
/*# sourceMappingURL=css/portions/styles.css.map */
/*# sourceMappingURL=style.css.map */