@font-face {
    font-family: 'inwi';
    src: url('../fonts/omnes_light-webfont.eot');
    src: url('../fonts/omnes_light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/omnes_light-webfont.woff') format('woff'), url('../fonts/omnes_light-webfont.ttf') format('truetype'), url('../fonts/omnes_light-webfont.svg#inwimedium') format('svg');
    font-weight: lighter;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'inwi';
    src: url('../fonts/omnes_medium-webfont.eot');
    src: url('../fonts/omnes_medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/omnes_medium-webfont.woff2') format('woff2'), url('../fonts/omnes_medium-webfont.woff') format('woff'), url('../fonts/omnes_medium-webfont.ttf') format('truetype'), url('../fonts/omnes_medium-webfont.svg#inwimedium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'inwi';
    src: url('../fonts/omnes_semibold-webfont.eot');
    src: url('../fonts/omnes_semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/omnes_semibold-webfont.woff2') format('woff2'), url('../fonts/omnes_semibold-webfont.woff') format('woff'), url('../fonts/omnes_semibold-webfont.ttf') format('truetype'), url('../fonts/omnes_semibold-webfont.svg#inwisemibold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'MitraLT';
    src: url("../fonts/MitraLTBold.eot");
    src: url("../fonts/MitraLTBold.eot?#iefix") format("embedded-opentype"), url("../fonts/MitraLTBold.woff") format("woff"), url("../fonts/MitraLTBold.ttf") format("truetype"), url("../fonts/MitraLTBold.svg#OmnesBold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'MitraLT';
    src: url("../fonts/MitraLTLight.eot");
    src: url("../fonts/MitraLTLight.eot?#iefix") format("embedded-opentype");
    /*src: url("../fonts/MitraLTLight.eot?#iefix") format("embedded-opentype"), url("../fonts/MitraLTLight.woff") format("woff"), url("../fonts/MitraLTLight.ttf") format("truetype"), url("../fonts/MitraLTLight.svg#OmnesBold") format("svg");*/
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #FFF;
    font-family: 'inwi', arial, tahoma, sans-serif;
    font-size: 12px;
    margin-top: 0;
}


a[href=""]{
    cursor: default;
}

header {
    font-family: 'inwi', arial, tahoma, sans-serif;
    width: 100%;
}
a {
    color: #a6a6a6;
    text-decoration: none;
}
a:hover, a:focus {
    color: #333;
    text-decoration: none;
}
table {
    font-size: 15px;
    border: 1px solid #e6e7f1;
}
table tr:nth-child(even) {
    background: #f6f7fa;
}
td {
    padding: 15px 10px;
    border-bottom: 1px solid #e6e7f1;
    border-right: 1px solid #e6e7f1;
    vertical-align: middle;
    text-align: center;
}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    background-color: #AD218F;
    border-color: #AD218F;
}
.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background: #AD218F;
    border-color: #AD218F;
}
#pub-move {
    display: none;
}
#block-inwi-main-menu .mega-dropdown-menu > ul > ul {
    padding-left: 15px;
    padding-right: 0;
}
.container {
    padding-left: 0;
    padding-right: 0;
}
.more-link {
    text-align: center;
    clear: both;
    margin-bottom: 30px !important;
}
.more-link a {
    color: #333;
    background: #fff;
    transition: all 0.2s ease;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    padding-left: 40px;
    position: relative;
}
.more-link a:after {
    content: "+";
    display: block;
    border: solid 1px #e1e1e1;
    border-radius: 10px;
    width: 18px;
    height: 18px;
    left: 10px;
    font-size: 14px;
    line-height: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    font-family: Arial, sans-serif;
    color: #C32A96;
    text-align: center;
}
.more-link a:hover {
    box-shadow: 0px 1px 2px rgba(203, 203, 203, 0.2);
    background: #C32A96;
    border-color: #C32A96;
    color: #fff !important;
}
.more-link a:hover:before{
    color: #fff;
    border-color: #fff;
}
.block-title, h1.title, .field--name-field-titre-actions, .field--name-field-titre-services {
    font-size: 40px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin-bottom: 0;
    padding-top: 40px;
    margin-top: 0;
}
.field--name-field-titre-services {
    margin-top: 50px;
}
.field--name-field-soustitre-services, .field--name-field-soustitre-actions {
    margin-top: 0;
    color: #85857f;
    font-size: 20px;
    line-height: 16px;
    margin-bottom: 0;
    text-align: center;
    padding-bottom: 30px;
}
.field--name-field-titre-actions, .field--name-field-soustitre-actions {
    color: #fff;
}
.panel-group {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
   /* 
.panel-default > .panel-heading {
    background: none;
    box-shadow: 0px -3px 5px rgba(0, 0, 0, 0.1);
background: url(../images/arrow.svg) no-repeat;
    background-position: right center;
    background-origin: content-box;
}
*/
.panel-default > .panel-heading:first {
    box-shadow: none;
}
.panel-group .panel + .panel {
    margin-top: 0;
}
.panel {
    border: 0;
    border-radius: 0;
}
.field--name-field-image-service {
    text-align: center;
    margin: 0 auto;
    width: 60px;
    overflow: hidden;
}
.field--name-field-avantages {
    margin-bottom: 60px;
}
ul.field__items {
    border-bottom: 1px solid #ccc;
}
ul.field__items > li {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    width: 140px;
    cursor: pointer;
    margin: 0 5px;
    vertical-align: bottom;
    opacity: 0.5;
    padding-bottom: 30px;
    display: inline-block;
}
ul.field__items > li.active {
    opacity: 1;
    border-bottom: 4px solid #ad2184;
}
.views-view-grid {
    padding-bottom: 25px;
}
h2.title {
    color: #282828;
    font-size: 30px;
    margin-bottom: 0;
}
p {
    font-size: 16px;
    color: #85857f;
}
.clearfix {
    clear: both;
}
.contenu_offre {
    margin-bottom: 0;
}
.contenu_offre .field--name-field-titre {
    font-size: 40px;
    /*padding-top: 75px;*/
}
.body p {
    color: currentColor;
}
.field--name-field-image img {
    margin: 0 auto;
}
.paragraph--type--offre-avantage {
    text-align: center;
}
.field--name-field-titre {
    font-size: 16px;
    padding: 5px 0;
    font-weight: bold;
}
.field--name-field-descr p {
    font-size: 14px;
    color: currentColor;
    line-height: 14px;
    padding: 0 20%;
}
.field--name-field-action {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    padding: 4%;
    margin-bottom: 50px;
    padding: 15px;
}
.field--name-field-titre-action {
    font-size: 35px;
    font-weight: bold;
}
.field--name-field-descr-action p {
    color: #fff;
}
.copyright {
    color: #545454;
    font-size: 14px;
}
.subtitle {
    color: #85857f;
    font-size: 20px;
    line-height: 16px;
    margin-bottom: 0;
    text-align: center;
    padding-bottom: 30px;
}
.field--name-field-sous-titre {
    color: #85857f;
    font-size: 20px;
    line-height: 16px;
    margin-bottom: 0;
    padding-bottom: 30px;
}
h3.subtitle, .field--name-field-sous-titre {
    margin-top: 0;
}
ul.row {
    padding: 0;
}
ul.row > li {
    list-style: none;
    padding: 0;
}
footer {
    background: #fafafa;
    text-align: center;
    font-family: 'inwi', sans-serif;
    color: #333;
    padding: 10px 0 30px 0;
    margin: 0;
}
footer ul > li > a {
    text-transform: uppercase;
}
footer a, footer a:hover, footer a:focus {
    color: #333;
}
.gutter-20.row {
    margin-right: -10px;
    margin-left: -10px;
}
.gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"] {
    padding-right: 10px;
    padding-left: 10px;
}
.gutter-10.row {
    margin-right: -5px;
    margin-left: -5px;
}
.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] {
    padding-right: 5px;
    padding-left: 5px;
}
.gutter-0.row {
    margin-right: 0;
    margin-left: 0;
}
.gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"] {
    padding-right: 0;
    padding-left: 0;
}
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    display: none;
    z-index: 1000;
    opacity: 0.3;
}
.main-container > section {
    padding: 0;
}
.logo {
    display: inline-block;
    line-height: 34px;
    text-align: center;
}
.logo img {
    transition: width 0.5s;
    width: auto;
}
.logo .section {
    display: none;
}
#navbar2 {
    height: 60px;
    padding-top: 10px;
}
.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
}
.content_service {
    display: none;
}
ul.field__items {
    text-align: center;
}
.wrap-content-service {
    margin-bottom: 40px;
}

/******** MENU ********/

#block-inwi-main-menu .navbar {
    border: 0;
    margin-bottom: 0;
    transition: all 0.2s ease;
}
#block-inwi-main-menu .navbar-collapse {
    padding-top: 16px;
}
/*#block-inwi-main-menu .nav > li > a{
    padding-top: 0px;
    padding-bottom: 0px;
}*/
#block-inwi-main-menu .nav > li > a:focus, #block-inwi-main-menu .nav > li > a:hover, #block-inwi-main-menu .nav .open > a, #block-inwi-main-menu .nav .open > a:focus, #block-inwi-main-menu .nav .open > a:hover {
    background-color: transparent;
}
#block-inwi-main-menu .navbar-nav > li {
    position: static;
}
#block-inwi-main-menu .navbar-nav .dropdown-menu {
    left: 0 !important;
    position: fixed;
    right: 0 !important;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
}
#block-inwi-main-menu .navbar-nav .dropdown-menu > li {
    float: left;
}
#block-inwi-main-menu .navbar-nav .dropdown-menu > li > a {
    width: auto !important;
    background: transparent;
    line-height: 49px;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
}
#block-inwi-main-menu > ul > li > a:hover, #block-inwi-account-menu > ul > li > a:hover, #block-inwi-lang-menu > ul > li > a:hover {
    color: #7D7D7D;
}
/*#block-inwi-main-menu {
    text-align: center;
    margin-left: 170px;
    left: 0;
    right: 0;
}*/
#block-inwi-main-menu > ul > li.open > a, #block-inwi-main-menu > ul > li.open > a:hover {
    color: #ad2184;
}
/*#block-inwi-main-menu > ul > li.open > a:before {
  content: "";
  border-bottom: 8px solid #381b48;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  position: absolute;
  left: 0;
  margin-left: 3px;
  top: 42px;
  z-index: 10;
}*/
/*#block-cartinfoblock {
  position: absolute;
}*/
#cart {
    display: none;
    width: 350px;
    position: absolute;
    background: #fff;
    min-height: 100px;
    right: 67px;
    top: 50px;
    z-index: 99999;
    box-shadow: 0 3px 3px 2px rgba(0, 0, 0, 0.2);
}
#cart::before {
    content: "";
    border-bottom: 10px solid #F5F5F5;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    right: 27px;
    top: -10px;
    z-index: 10;
}
#cart ul {
    padding: 10px 20px;
    list-style: none;
}
#cart li {
    font-size: 14px;
    padding-left: 1em;
    text-indent: .7em;
    padding: 5px;
}
#cart li:before {
    content: "• ";
    color: #ad2184;
}
#cart .name, #cart .prix_min {
    display: inline-block;
}
#cart .prix {
    font-size: 20px;
}
#cart .title {
    padding: 10px 30px;
    font-size: 20px;
}
.cart__head {
    text-align: center;
    background: #f5f5f5;
    margin-top: 0;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    font-size: 20px;
}
.prix_min {
    color: #ccc;
    font-size: 16px;
}
.pastille {
    width: 16px;
    height: 16px;
    color: #fff;
    border-radius: 8px;
    position: absolute;
    background: #ad2184;
    z-index: 9999;
    text-align: center;
    right: 12px;
    top: 6px;
    padding-left: 1px;
    line-height: 12px;
    font-size: 10px;
    display: none;
    border: 2px solid #fff;
}
#block-inwi-main-menu > ul > li.open > a.active {
    color: #ad2184;
}
/*#block-inwi-main-menu > ul > li > a {
    color: #555555;
    font-size: 18px;
    line-height: 50px;
    padding-left: 27px;
    padding-right: 27px;
}*/
#block-inwi-main-menu > ul > li > a:hover {
    color: #ad2184;
}
#block-inwi-main-menu .submenu_one {
    text-align: center;
    box-shadow: none;
    background: #381b48;
    border: 0;
    height: 40px;
    top: inherit;
    padding: 0;
}
#block-inwi-main-menu .submenu_one > ul {
    margin: 0 auto;
    float: none;
    padding-left: 172px;
    padding-right: 172px;
}
#block-inwi-main-menu .submenu_one > ul > li {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}
#block-inwi-main-menu .submenu_one > ul > li.dropdown-submenu:first-child {
    padding-left: 0;
}
#block-inwi-main-menu .submenu_one > ul > li > a {
    color: #FFF;
    font-size: 16px;
    padding: 10px 0 6px;
    margin-bottom: 4px;
}
#block-inwi-main-menu .submenu_one > ul > li > a.active {
    color: #FFF;
    border-bottom: 4px solid #ad2184;
    margin-bottom: 0
}
#block-inwi-account-menu > ul > li > a {
    font-size: 16px;
}
#block-inwi-main-menu .mega-dropdown-menu {
    padding: 40px 0px;
    width: 100%;
    min-height: 370px;
    position: absolute;
    background-position: right bottom;
    background-repeat: no-repeat;
    top: inherit;
    margin: auto;
}
#block-inwi-main-menu .mega-dropdown-menu ul {
    list-style: none;
    text-align: left;
}
#block-inwi-main-menu .mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0;
}
#block-inwi-main-menu .mega-dropdown-menu > li > ul > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 1.428571429;
    color: #828282;
    white-space: normal;
}
#block-inwi-main-menu .mega-dropdown-menu li {
    font-size: 16px;
}
#block-inwi-main-menu .mega-dropdown-menu {
    padding: 20px 0px;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border-radius: 0;
    font-size: 18px;
    border-top: 2px solid #ececec;
}
#block-inwi-main-menu .mega-dropdown-menu .dropdown-header {
    font-size: 20px;
    margin-top: 0;
    padding: 0;
    color: #333;
}
#block-inwi-main-menu .mega-dropdown-menu > ul > ul {
    padding-left: 0;
}
#block-inwi-main-menu .mega-dropdown-menu .dropdown-header > a {
    color: #333;
    padding-left: 30px;
}
#block-inwi-main-menu .mega-dropdown-menu .dropdown-header .dejaclient {
    color: #ad2184;
}
#block-inwi-main-menu .mega-dropdown-menu .dropdown-header-sub {
    color: #333;
    font-size: 18px;
    padding-left: 0;
    text-align: left;
    margin-top: 10px;
}
#block-inwi-main-menu .mega-dropdown-menu .dropdown-header-sub > a {
    color: #333;
    padding-left: 0;
}
.decouvrir .container .apps {
    position: absolute;
    bottom: 0;
    right: 0;
    list-style: none;
    padding-right: 12px;
}
.back-action {
    position: absolute;
    width: 100%;
    z-index: -1;
    background: #381b48;
    opacity: 0.9;
    left: 0;
    overflow: hidden;
}
.field--name-field-offre-background {
    position: absolute;
    /*margin-top: -350px;*/
    top: 0;
    width: 100%;
    z-index: -1;
    left: 0;
    height: 400px;
    overflow: hidden;
}
.offre-inwi div.groupe-action{
    background-image: url('../images/patterns.png');
    background-attachment: fixed;
    background-position: center top;
}
.field--name-field-offre-background img {
    width: 100%;
}
.decouvrir .container .infos p.desc {
    color: #333;
    font-size: 18px;
    line-height: 18px;
}
.decouvrir .container .infos h2,.decouvrir .container .infos a {
    color: #ad2184;
}
.decouvrir .container .infos {
    padding-top: 60px;
}
.decouvrir .container {
    position: relative;
    z-index: 2;
}
.decouvrir .container #carousel-app-img .carousel-inner{
    /*width: 312px;
    height: 465px;
    padding-top: 109px;
    margin-left: 48px;*/
    width: 336px;
    height: 465px;
    padding-top: 80px;
    margin-left: 61px;
}
.googleplay, .appstore {
    margin: 5px;
    width: 130px;
    height: 40px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    position: relative;
}
.googleplay {
    background: url(../images/googleplay.png) no-repeat;
}
.appstore {
    background: url(../images/appstore.png) no-repeat;
}
#carousel-app-img {
    background: url(../images/decouvrir-phone.png) no-repeat;
    background-size: contain;
    background-position: bottom center;
}
.navbar-fixed-top {
    background: #fff;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    border-color: #ad2184;
}
.block-search {
    width: 100%;
}
.btn {
    border-color: #e1e1e1;
    color: #333;
    background: #fff;
    transition: all 0.2s ease;
}
.btn a:hover {
    color: #fff;
}
.btn:hover {
    box-shadow: 0px 1px 2px rgba(203, 203, 203, 0.2);
    background: #e22e91;
    border-color: #e22e91;
    color: #fff !important;
}
.btn:hover .plus {
    color: #FFF;
}
.btn-primary {
    color: #fff;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 18px;
    background: #ad2184;
    border-color: #ad2184;
}
.btn-primary:hover {
    background: #e22e91;
}
.btn-primary a {
    color: #fff;
}
.block--description img {
    margin: 50px auto;
}
.block--description .teaser-img {
    width: 40%;
    margin-right: 70px;
    border-right: 1px solid #CCC;
}
.block--description h3 {
    color: #85857f;
    font-size: 18px;
    line-height: 14px;
    margin-bottom: 0;
    margin-top: 10px;
}
.block--description p {
    max-height: 70px;
    overflow: hidden;
    color: #333;
    margin-top: 15px;
}
.block--description h2 {
    padding-top: 50px;
    margin: 0;
}
.block--description .btn {
    margin-top: 50px;
}
#block-insocial .menu {
    text-align: center;
}
#block-insocial .menu > li {
    width: 55px;
    line-height: 30px;
    padding: 5px;
    padding-left: 0px;
    margin: 5px;
    display: inline-block;
    overflow: hidden;
}
#block-insocial .menu > li > a {
    padding: 10px;
    padding-left: 60px;
}
#block-insocial .menu > li > a:hover::after{
    width: 44px;
    height: 44px;
    top: 0;
}
.deals .list-inline li {
    padding: 0;
}
#block-views-block-support-views-block-1, #block-views-block-support-arabe-views-block-1 {
    background: #f7f7f7;
}
#block-synchrophoneblock-4 {
background: #fff;
}
a[id^='carousel-selector'] {
    cursor: pointer;
}
a[id^='carousel-selector'] img {
    transition: all 0.5s ease;
    border-radius: 8px;
}
a[id^='carousel-selector']:hover img {
/*background: #FFF;*/
    
}
#block-servicesetavantageexclusifs, #block-commentprofiterdeloffrekoulchi, #block-minibloc {
    background: url(../images/clients.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;
}
.clients > .title, .clients .subtitle {
    color: #fff;
}
.clients .club:hover, .clients .fidel:hover {
    background: rgba(255, 255, 255, 0.3);
}
.clients .club, .clients .fidel {
    overflow: auto;
    background: rgba(255, 255, 255, 0.1);
    padding: 5px 70px;
    margin-bottom: 20px;
    transition: all 0.3s;
}
.clients .club h1, .clients .fidel h1 {
    height: 45px;
    line-height: 45px;
    margin: 25px auto;
    width: 165px;
    border-right: 1px solid #FFF;
}
.clients .club p {
    font-size: 20px;
}
.clients .club h2, .clients .club p, .clients .fidel h2, .clients .fidel p {
    margin-left: 30px;
    color: #fff;
}
.clients .club h2, .clients .fidel h2 {
    margin-bottom: 0;
}
.clients .club .action, .clients .fidel .action {
    margin: 25px auto;
    clear: none;
    width: inherit;
}
.clients .club .action > a, .clients .fidel .action > a {
    width: 215px;
    text-align: center;
    line-height: 26px;
}
.clients .solde {
    background: rgba(256, 256, 256, 0.9);
    padding: 30px 50px;
    color: #333;
    margin-bottom: 20px;
}
.clients .solde h2 {
    margin: 0;
}
.clients .solde .form-inline {
    margin: 30px 0 0px;
    text-align: right;
}
.clients .solde .form-inline input {
    width: 64%;
    margin: 5px 0;
}
.clients .solde .form-inline input[type=text] {
    background: none;
}
.clients .solde .form-inline .btn {
    width: 140px;
    padding: 8px 10px;
    height: 45px;
    line-height: 30px;
    margin-right: 0px;
    margin-left: 15px;
}

.decouvrir .container {
    position: relative;
    z-index: 2;
}
.decouvrir .container .action img {
    margin: 0 5px;
}
.decouvrir .container .infos {
    padding-top: 60px;
}
.decouvrir .container .infos h2 {
    color: #ad2184;
}
.decouvrir .container .infos p.subtitle {
    padding-bottom: 30px;
}
.decouvrir .container .infos p.desc {
    color: #333;
    font-size: 16px;
    line-height: 16px;
}
.decouvrir .container .apps {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    list-style: none;
    text-align: right;
}
.decouvrir .container .apps li {
    width: 50px;
    display: inline-block;
    margin: 5px 8px;
    height: 50px;
    border-radius: 8px;
    background: #333;
}
.decouvrir .bandeau {
    background: #24102f;
    width: 100%;
    height: 80px;
    background: #24102f;
    position: absolute;
    left: 0;
    z-index: 1;
    margin-top: -80px;
}
.produit {
    text-align: center;
    margin-bottom: 10px;
}
.produit:hover .produit-image > img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.produit:hover h2.title {
    color: #333;
    white-space: nowrap;
}
.produit:hover .produit-content a.btn {
    background: #ad2184;
    border: 1px solid #fff;
    box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
}
.produit .produit-content a.btn {
    background: #F7F7F7;
    border: 1px solid #fff;
}
.produit .produit-image > img {
    margin: 0 auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    max-height: 100%;
}
.produit h2.title {
    font-size: 16px;
    color: #85857f;
    white-space: nowrap;
}
.produit .produit-content a {
    display: block;
    width: 50%;
    margin: 0 auto;
}
.produit .produit-content a > img {
    width: 100%;
}
.produit .produit-content p {
    font-size: 14px;
}
.produit:hover .panier {
    background: url(../images/panier_hover.svg) no-repeat center center
}
.card {
    margin-bottom: 10px;
    cursor: pointer;
}
.card > div:hover {
    box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.3), 1px 2px 20px 0 rgba(0, 0, 0, 0.2);
}
.card > div {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 1px 10px 0 rgba(0, 0, 0, 0.06);
    text-align: center;
    box-sizing: border-box;
    background-clip: padding-box;
    transition: all 0.3s ease;
}
.card h3 {
    margin-bottom: 0;
}
.card > div .card-image img {
    width: 100%;
    z-index: -1;
}
.card > div .btn {
    margin: 5px;
    margin-bottom: 15px;
}
.field-content.card-image {
    /*height: 250px;*/
    overflow: hidden;
}
.card > div:hover h3.field-content.title.card-title a, h3.title.card-title a {
    color: #333;
}
h3.field-content.title.card-title {
    /* color: #333; */
    padding-bottom: 15px;
}
.prix {
    color: #ad2184;
    font-weight: bold;
    font-size: 36px;
    font-style: italic;
}
.prix > .devises {
    font-size: 14px;
    line-height: 10px;
    vertical-align: text-top;
    text-transform: uppercase;
}
.prix:after {
    content: 'dhs';
    font-size: 14px;
    line-height: 25px;
    vertical-align: text-top;
    text-transform: uppercase;
}
.panier {
    height: 35px;
    background: url(../images/panier.svg) no-repeat center center
}
.action {
    text-align: center;
    margin: 10px;
    clear: both;
    margin-bottom: 40px;
    margin-top: 30px;
}
.action > .btn > .plus {
    border-radius: 50%;
    border: 1px solid #bebebe;
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 10px;
    margin: 5px;
    color: #ad2184;
    padding: 0;
    font-weight: normal;
    text-align: center;
}
.action > .btn:hover > .plus {
    color: #FFF;
}
.ac-items {
    /* position: absolute; */
    z-index: 10000;
    clear: both;
}
.dejaclient {
    background: url(../images/deja_client.svg) no-repeat;
    background-position: left bottom;
    background-size: 23px;
}
.rejoignez {
    background-image: url(../images/rejoignez_inwi.svg);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 23px;
}
footer .logo_footer {
    height: 15px;
    width: 40px;
    margin: 0 auto;
    vertical-align: bottom;
    background: url('../images/logo_footer.svg') no-repeat;
    display: inline-block;
    /*background: #7D7D7D !important;
    mask: url(../images/logo_footer.svg) center center no-repeat;
    -webkit-mask: url(../images/logo_footer.svg) center center no-repeat;*/
}
.button-support {
    position: fixed;
    right: 10px;
    width: 50px;
    height: 50px;
    background: #ad2184;
    z-index: 999;
    color: #fff;
    font-size: 18px;
    border-radius: 35px;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    bottom: 20%;
    overflow: hidden;
    line-height: 50px;
    white-space: nowrap;
    opacity: 1;
    transition: all 0.5s ease-in-out;
    display: inline;
}
.button-support .text-supp {
    opacity: 0;
    line-height: 50px;
    transition: all 0.8s ease-in-out;
    position: absolute;
}
.button-support .icon-supp {
    opacity: 1;
    transition: all 0.2s ease-in-out;
}
.button-support:hover {
    background-color: #C32A96;
    font-size: 18px;
    line-height: 50px;
    width: 200px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
    color: #fff;
}
.button-support:hover .text-supp {
    opacity: 1;
    position: relative;
}
.button-support:hover .icon-supp {
    opacity: 0;
}
.button-support:focus, .button-support:visited {
    background-color: #C32A96;
    border: 0;
    text-decoration: none;
    color: #FFF;
}
.invisible {
    visibility: hidden;
    display: none;
}

/*
.language-switcher-language-url{
  float: right;
}
.language-switcher-language-url .container{
  display: inline;
  font-size: 14px;
  line-height: 32px;
}
*/

.menu-lang .is-active {
    display: none;
}
.menu-lang {
    margin: 5px 0;
    margin-left:15px;
}
.menu-lang li {
    margin-top: 10px;
    padding-left: 0;
}
.topbar {
    background: #fff;
    min-height: 43px;
    /*padding: 8px;
    height: 50px;*/
}
.navbar-nav.navbar-right {
    margin-right: -5px;
}
#edit-smart-search {
    background: #fcfcfc;
    border: 2px solid #D1D1D1;
    border-radius: 18px;
    text-align: center;
    box-shadow: none;

    background-position: 98% 8px;
    background-size: 14px;
}
div.form-item-smart-search::before {
    content: url(../images/recherche.svg) ;
    width: 42px;
    height: 30px;
    /*background: #ad2184;*/
    display: inline-block;
    /*border-radius: 20px;
    padding: 0 11px;
    padding-top: 5px;*/
    position: absolute;
    right: 2px;
    transform: scale(0.95);
    top: 7px;
    cursor: pointer;
}
.navbar-header {
    clear: both;
}
.search-top {
    float: right;
    padding: 5px 0 4px !important;
    height: 42px;
    display: none;
    -moz-animation: all 1s ease-in;
    -webkit-animation: all 1s ease-in;
    -o-animation: all 1s ease-in;
    -ms-animation: all 1s ease-in;
    animation: all 1s ease-in;
}
.search-top-full {
    float: none !important;
    margin: 0 auto;
}
.ac-items {
    display: none;
}
.main-container {
    padding: 0;
    min-height: 560px;
}
.breadcrumb {
    font-size: 14px;
    padding: 12px;
    padding-left: 0;
    margin-bottom: 0;
    background: transparent;
}
.breadcrumb a {
    color: #333;
}
.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #333;
    content: ">\00a0";
}
.breadcrumb > .active, .breadcrumb > li:last-child, .breadcrumb > li:last-child > a {
    color: #ad2184;
}
.view-solution .views-col {
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 0 20px;
}
.solde div:first-child {
    background: url('../images/rechargez.svg') no-repeat;
    background-position: 96% top;
    /*background-position: 94% top;*/
}
.solde div:last-child {
    background: url('../images/payez.svg') no-repeat;
    background-position: 95% top;
    /*background-position: 94% top;*/
}
.view-solution .col-1 {
    border-right: 1px solid #ccc;
}
.footer {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 10px;
}
.support .row {
    padding: 0 250px;
}
.support img {
    margin: 0 auto;
}
.support h3.titre {
    width: 160px;
    height: 100px;
    padding-top: 24px;
    margin: 0 auto;
    text-align: center;
    font-size: 19px;
}

/*
.menu-lang{
  line-height: 80px;
  font-size: 18px;
  margin-left: 20px;
}

.menu-lang a{
  color: #555;
  }

  .menu-lang a:hover{
    color: #7d7d7d;
    }
*/

/*#block-inmenu-perso li {
    width: 29px;
    overflow: hidden;
    padding-left: 5px;
    margin-left: 5px;
    margin-right: 9px;
}*/
#block-inmenu-perso li a {
    padding-left: 24px;
    font-size: 18px;
    line-height: 20px;
    white-space: nowrap;
}

/*********** Slider ************************/

.slide {
    position: relative;
    overflow: hidden;
}
.slide .item {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.slide .item img {
    width: 100%;
}
.slide .carousel-inner .item .carousel-caption {
    top: 20%;
    bottom: inherit;
}
.slide .carousel-indicators {
    bottom: 0;
    margin-bottom: 0px;
    padding-right: 0;
}
.slide .carousel-indicators li {
    opacity: 0.5;
    border: #e22e91;
    background: #fff;
    margin: 0 5px;
    height: 3px;
    width: 20px;
}
.slide .carousel-indicators li.active {
    opacity: 1;
    background: #e22e91;
}
.pub-img {
    display: block;
    width: 300px;
    height: 250px;
    background: url(../images/pub1.png) no-repeat;
}
.ac-items highlight {
    background: #ad2184;
    padding: 2px 5px;
    color: #fff;
}
body .navbar-fixed-top {
    transition: all 0.5s ease;
}
.submenu_one .logo_footer {
    display: inline-block;
    float: left;
    margin-top: 9px;
    height: 22px;
    width: 92px;
    cursor: pointer;
    margin-right: 20px;
    /*mask: url(../images/logo_footer.svg) center center no-repeat;
    -webkit-mask: url(../images/logo_footer.svg) center center no-repeat;
    background: #FFF;*/
    background: url(../images/logo-mobile.svg) center center no-repeat;
}
.navbar-toggle-menu {
    position: relative;
    background: transparent;
    border: 0;
    width: 42px;
    height: 40px;
    transition: transform 0.5s;
}
.navbar-toggle-menu span::before, .navbar-toggle-menu span::after {
    transform-origin: 50% 50%;
}
.navbar-toggle-menu span {
    transition: background 0.5s;
}
.navbar-toggle-menu.is-opened {
    transform: rotate(180deg);
}
.navbar-toggle-menu.is-opened span {
    background: transparent;
}
.navbar-toggle-menu.is-opened span::before {
    transform: translateY(0) rotate(-45deg);
}
.navbar-toggle-menu.is-opened span::after {
    transform: translateY(0) rotate(45deg);
}
.navbar-toggle-menu .icon-bar {
    background: #ad2184;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 22px;
    height: 2px;
    transform: translateX(-50%) translateY(-50%);
}
.navbar-toggle-menu .icon-bar::before, .navbar-toggle-menu .icon-bar::after {
    content: '';
    width: 22px;
    height: 2px;
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    background: #FFF;
    transition: transform 0.5s;
    transform: translateY(-6px);
}
.navbar-toggle-menu .icon-bar::after {
    transform: translateY(6px);
}
.navbar-toggle-menu:focus {
    outline: none;
}
/*
@media (min-width: 1200px) {
    .container {
        width: 1050px;
    }
}

.views-view-grid .views-col {
  /*border-right: 1px solid #ccc;
  padding-right: 25px;
  padding-left: 25px;
}
*/
.views-view-grid .views-col:last-child {
    border-right: none;
}
.support .views-view-grid .views-col {
    border: none;
}
.region-header .col-md-8{
    padding-left: 0;
}
.region-content{
    margin-top: -3px;
}

.view-dispaly-offres .view-footer, .display-offre .view-footer{
    background: #f5f5f5;
    padding: 15px 0;
    /*  width: 100vw;
      position: relative;
      margin-left: -50vw;
      left: 50%;*/
}
.display-offre .view-footer .more-link{
    margin-bottom: 0 !important;
}

.views-one{
    position: relative;
    padding: 0 15px;
}

.views-one .action_btn a{
    color: #fff;
    padding: 10px 25px;
    font-size: 18px;
    border-radius: 5px;
    background: #ad2184;
    border: #ad2184;
    transition: all 0.2s ease;
}
.views-one .action_btn{
    margin-top: 25px;
}
.views-one h3{
    font-size: 30px;
    margin-bottom: 0;
}
.views-one p{
    color: #333;
}
.views-one .action_btn a:hover{
    background: #e22e91;
}
.views-one .img-left {
    padding-right: 20px;
    max-height: 340px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
}
.views-one .img-left>img {
    margin: 0 auto;
    margin-right: 0;
}

/*.views-one .img-left{
  padding-right: 23px;
  min-height: 280px;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}*/
.views-one .img-left:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    right: 0;
    top: 0;
    background: #ccc;
    background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 50%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#cccccc 50%,#ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#cccccc 50%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}
.views-one .contenu-left{
    padding-left: 40px;
    padding-top: 40px;
    padding-bottom: 20px;
}
.views-one .img-right{
    border-left: 1px solid #ccc;
    padding-left: 23px;
    min-height: 280px;
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.display-offre .more-link.form-group, .view-footer .more-link.form-group {
    margin-top: 20px;
}
.views-one .subtitle{
    color: #85857f;
    text-align: left;
}
.views-one .contenu-right{
    padding-right: 40px;
    padding-top: 40px;
    padding-bottom: 20px;
}

.views-one .one-back{
    position: absolute;
    left: 0;
    min-height: 400px;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.views-one .container{
    height: 380px;
}

#cookie-bar{
    position: fixed;
    bottom: 0;
    z-index: 99999;
    background: #e22e91;
    width: 100%;
    text-align: center;
    transition: all 0.5s ease;
}
#cookie-bar p{
    color: #FFF;
    font-size: 14px;
    height: 34px;
    padding-top: 7px;
}

#cookie-bar p a{
    color: #333;
    font-size: 14px;
    padding: 4px 6px;
    border-radius: 3px;
    font-weight: normal;
    margin: 0 6px;
    background: #fff;
    border: #fff;
    transition: all 0.2s ease;
}

#cookie-bar p a:hover{
    color: #e22e91;
}
#cookie-bar p .cb-disable,#cookie-bar p .cb-policy{
    background: none;
    /*border: 1px solid #FFF;*/
    padding: 0;
    text-decoration: underline;
    color: #FFF;
}
#cookie-bar p .cb-disable:hover,#cookie-bar p .cb-policy:hover{
    color: #FFF;
    border-color: #e22e91;
}

.mini-pager{
    position: relative;
    top: -300px;
    width: 110%;
    margin-left: -50px;
}

.option-map-link{
    float: right;
    font-size: 0.9em;
    padding: 2px 7px;
    margin: -10px 2px 0px;
}

/* static yahya */

article .content .field--label, .content_type .field--type-link .field--label{
    display: none;
}
article .content .field--name-field-titre-static .field--item {
    font-size: 2.2em;
    text-align: center;
    margin: 15px 0px;
}
article .content .field--name-field-sous-titre-static .field--item {
    text-align: right;
    font-style: italic;
    color: #666;
    font-size: 1.1em;
    font-weight: bold;
}
article .content .field.field--name-body {
    margin-top: 30px;
}
article .content .field--name-body p {
    color: #282828;
    font-size: 16px;
}
article .content .field.field--name-field-visuel-static {
    width: 45%;
    float: right;
    margin-top: 30px;
    margin-left: 20px;
}
article .content .field.field--name-field-visuel-static img {
    width: 100%;
    height: auto;
}
article .content .field.field--name-field-video-static {
    width: 60%;
    margin: 30px auto;
}
article .content .field--name-field-lien-static .field--item, .content_type .field--type-link .field--item{
    text-align: center;
    margin: 30px 0;
}
article .content .field--name-field-lien-static .field--item a, .content_type .field--type-link .field--item a{
    background: #ad2184;
    color: #fff;
    padding: 10px 15px;
    border-radius: 3px;
    font-size: 1.2em;
}
article .content .field--name-field-lien-static .field--item a:hover, article .content .field--name-field-lien-static .field--item a:focus, article .content .field--name-field-lien-static .field--item a:active{
    background: #C32A96;
}

/* static yahya end */

/* Hmache */
/*
#carousel-blocks {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}*/
#carousel-blocks .container {
    position: relative;
}
#carousel-blocks .carousel-indicators li {
    height: 12px;
    width: 12px;
    background: #cfd4d4;
    opacity: 1;
}
#carousel-blocks .carousel-indicators li.active{
    background: #e22e91;
}
#carousel-blocks .carousel-indicators {
    z-index: 99;
    position: absolute;
    right: 0;
    left: initial;
    width: auto;
}
.blocks-link {
    margin-top: 21px;
}
.action_btn a {
    color: #fff;
    padding: 10px 25px;
    font-size: 18px;
    border-radius: 5px;
    background: #ad2184;
    border: #ad2184;
    transition: all 0.2s ease;
}
#carousel-blocks .action_btn a:hover {
    background: #e22e91;
}
.view-footer .more-link.form-group {
    padding: 10px 0;
}

.horizontal .views-col>div>div:first-child {
    transition: all 200ms ease-out;
    text-align: center;
    box-sizing: border-box;
    background-clip: padding-box;
    transition: all 0.3s ease;
    padding-bottom: 5px;
}

.horizontal .views-col:hover>div>div:first-child img{
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 1px 10px 0 rgba(0, 0, 0, 0.06);
}
ul.apps.pull-right {
    margin-bottom: 5px;
}

.block.animated {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}

/* yahya */

div.contenu_offre{
    margin-top: 35px;
}
div.contenu_offre div.col-md-5{
    margin-top: 5px;
}
div.full-space-img.image img{
    margin: 0 auto;
    margin-top: 40px;
}
h1.titre{
    margin: 0;
    text-align: center;
    font-weight: bold;
}
h2.titre{
    margin: 0;
    text-align: center;
    font-weight: bold;
}
h3.stitre {
    margin: 0;
    color: #85857f;
    font-size: 20px;
    line-height: 16px;
    margin-bottom: 0;
    text-align: center;
    padding-bottom: 30px;
}
ul.field__items > li {
    padding-bottom: 0;
    width: 180px;
}
ul.field__items > li h4{
    font-size: 15px;    font-weight: bold;
}
.wrap-content-service{
    padding-top: 25px;
}
.contextual-region {
    position: static;
}

/* tramway Carousel */
#carousel-tramway .img-responsive{
    margin: 0 auto;
}
/*  #carousel-tramway .slide{
    position: absolute;
  }*/
#carousel-tramway .carousel-inner {
    min-height: 330px;
}
#carousel-tramway .tramway-indicators {
    height: 12px;
    width: 54.5%;
    margin: auto;
    margin-top: 30px;
    text-align: center;
}
#carousel-tramway .tramway-indicators > div {
    display: inline-block;
    width: 19%;
    position: relative;
}
#carousel-tramway .tramway-indicators .bullet {
    width: 10px;
    padding-top: 10px;
    background-color: rgb(155, 157, 158);
    border-radius: 50%;
    position: relative;
    z-index: 5;
    cursor: pointer;
    margin-left: -5px;
}
#carousel-tramway .tramway-indicators .bullet span {
    display: block;
    width: 100%;
    height: 100%;
    background: #ad2184;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    opacity: 0;
}
#carousel-tramway span.last-bullet {
    width: 10px;
    padding-top: 10px;
    position: absolute;
    z-index: 2;
    cursor: initial;
    border-radius: 50%;
    background: #9b9d9e;
    top: 0;
    right: -10px;
}

/* #carousel-tramway .tramway-indicators > div.last {
     width: 10px;
 }*/
#carousel-tramway .tramway-indicators > div.last .bullet {
    width: 10px;
    padding-top: 10px;
    position: relative;
    z-index: 2;
}
#carousel-tramway .tramway-indicators .timeline {
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
    top: 0;
    margin: auto 0;
}
#carousel-tramway .tramway-indicators .timeline:after {
    content: "";
    border-top: 2px dotted #85857f;
    display: block;
    width: 100%;
    position: absolute;
    z-index: 1;
}
#carousel-tramway .tramway-indicators .timeline span {
    display: inline-block;
    width: 0%;
    height: 100%;
    background-color: #ad2184;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.last-indicator {
    width: 10px;
    padding-top: 10px;
    background-color: rgb(155, 157, 158);
    border-radius: 50%;
    position: relative;
    z-index: 5;
    margin-left: 0px;
    margin-top: -15px;
    display: inline-block;
    float: right;
}
/*#carousel-tramway .tramway-indicators > div:last-child{
    width: 10px;
}*/
#carousel-tramway .tramway-indicators > div span.last {
    display: block;
    width: 10px;
    height: 10px;
    background: #9b9d9e;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin-left: -2px;
}

/* @Fakir_Yahya CSS Customizing what's in the top */

div.groupe-action{
    background: #381B48;
    opacity: .9;
    margin-top: 20px;
    padding: 20px 0;
    position: relative;
}
.field--name-field-offre-background{
    height: 100%;
}
.contenu_offre .field--name-field-titre{
    padding-bottom: 0;
}
.field--name-field-titre-services{
    margin-top: 0;
}
.paragraph--type--offre-avantage .field--name-field-titre .field--item {
    font-size: 20px;
    font-weight: bold;
}
.field--name-field-descr p{
    padding: 0 5px;
}
ul.field__items > li{
    vertical-align: initial;
}
.field--item.center-inline {
    display: inline-block;
    width: 19%;
    vertical-align: top;
}
.row.field__items{
    margin-top: 50px;
    text-align: center;
}
div.contenu_offre div.container div.col-md-7 {
    padding-left: 0;
}
/* @Hmache */

/* filter map */
#filter .dropdown-menu.open {
    max-height: 200px!important;
    top: auto;
    bottom: 100%;
}

/*.carousel.slide.views-one {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}*/
#filter {
    background: rgba(255, 255, 255, 0.9);
    padding: 30px;
    z-index:9999999 !important;
}
#filter .subtitle {
    padding: 0;
    display: block;
    text-align: left;
}
.filter-head {
    overflow: hidden;
    clear: both;
    padding-bottom: 30px;
}
#filter .btn-group.bootstrap-select {
    width: 100%!important;
}
.filter-head .block-title {
    padding-top: 0;
    text-align: left;
}
#filter .card-action>a {
    padding: 6px 4em;
}

#filter .card-action {
    text-align: right;
}

#filter {
    font-family: 'inwi', arial, tahoma, sans-serif;
    font-size: 12px;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #ad2184;
}
#filter .filter-ou {
    font-size: 30px;
    padding-top: 1em;
    display: block;
}
/*  customizing accordion  style */


.views-bootstrap-accordion .panel-title {
    font-size: 19px;
    font-weight: bold;
    padding: 25px;
    padding-right: 70px;
    position: relative;
}

.views-bootstrap-accordion .panel-body {
    border: none;
    font-size: 16px;
}
.views-bootstrap-accordion .panel-body p{
    padding-left: 40px
}

.views-bootstrap-accordion .panel {
    border: none;
}


.views-bootstrap-accordion .panel-default > .panel-heading {
    border: none;
    box-shadow: none;
    background: none
}
.view-assistance .attachment {
    padding-bottom: 60px;
}
.views-bootstrap-accordion {
    margin-bottom: -2px;
    /*box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);*/
}
.views-bootstrap-accordion h4 > a:after {
    background-image: url(../images/arrow-accordion.svg);
    content: "";
    position: absolute;
    height: 24px;
    width: 24px;
    display: block;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto 0;
    background-position: 24px;
}
.views-bootstrap-accordion h4 > a.active:after {
    background-position: 0;
}

/* style for agence info (Map)*/

#agence-info {
    max-width: 600px;
    margin: -5px;
    max-width: 390px;
    margin-left: 20px;
    overflow: hidden;
}
#map .gm-style-iw > div > div {
    overflow: hidden!important;
}
#agence-info h3 {
    margin: 10px 0;
    font-size: 16px;
    margin-bottom: 0;
}
.agence-row>h3>img {
    padding-right: 5px;
}
#agence-info .agence-row {
    padding: 2px 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d6d6d6;
    overflow: hidden;
}
#agence-info .agence-row:last-child {
    border: none;
}
#agence-info .subtitle {
    text-align: left;
    padding-bottom: 0;
    font-size: 12px;
    padding-left: 30px;
}
.no-padding{
    padding:0;
}
#agence-info .itineraire-btn {
    position: relative;
    z-index: 99;
    margin-left: 10px;
    font-size: 12px;
    line-height: 20px;
    border: 1px solid #a6a6a6;
    border-radius: 3px;
    padding: 0px 5px;
    color: #333;
}
#agence-info .agence-btn {
    padding-bottom: 2px;
    overflow: hidden;
}
#gance-info #distance{
    font-size: 16px;
    color: #333;
}
/* responsive mobiles */
.mobiles .produit {
    margin: 0 auto;
    display: block;
}
/* yahya */
#block-insocial .menu > li {
    width: 44px;
    line-height: 44px;
    padding-left: 0px;
    margin: 5px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    padding: 0;
}
#block-insocial .menu > li > a {
    padding: 0;
    text-align: center;
    color: #D2D2D2;
}
#block-insocial .menu > li > a:hover{
    color: #282828;
}
/* for links */
.blocks-link {
    padding-top: 10px;
    margin-top: 0;
    height: 50px;
}
/* style for services carousel*/
.carousel-services {
    padding-bottom: 50px;
}
/*
.carousel-services .carousel-bullets {
    position: static;
    width: auto;
    margin: 0;
    border-bottom: 1px solid #c7c8ca;
    margin-bottom: 30px;
}
*/
.carousel-services .carousel-indecators li:first-child{
    margin: 0;
}
/*
.carousel-indicators-container {
    display: inline-block;
}*/

.carousel-services .carousel-bullets li.active {
    border-bottom-color: #ad2184;
    background: none
}
.carousel-services .carousel-bullets li>img {
    padding-bottom: 10px;
    margin: 0 auto;
}

.carousel-services .icon-services {
    width: 100%;
    height: 70px;
    margin: 0;
}
.carousel-services .actif, .carousel-services .unactif {
    display: block;
    width: 100%;
}
.carousel-services .active-service .actif, .carousel-services .center .actif{
    display: block;
}
.carousel-services .active-service .unactif, .carousel-services .center .unactif{
    display: none;
}
.carousel-services .icon-services > span > img {
    margin: 0 auto;
}
.carousel-services .actif {
    display: none;
}
.carousel-blocks-services {
    border-bottom: 1px solid #c7c8ca;
    border-top: 1px solid #c7c8ca;
}
.carousel-blocks-services:last-child {
    border-bottom: none;
}
.carousel-services .item-body,.carousel-services .item-img {
    height: 400px;
}
/*.carousel-services .carousel-services-inner {
    height: 400px;
}*/
/*.all-service .carousel-services{
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}*/
.bg-blocks-services {
    background: #f7f7f7;
}
.carousel-services h2 a {
    color: #333;
}


.icon-services {
    display: block;
    width: 38px;
    height: 38px;
    margin: 0 auto;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}
.carousel-services .service-link {
    position: absolute;
    bottom: 0;
    right: 15px;
}
.carousel-services .carousel-services-inner>.item {
    overflow: hidden;
}

/* yahya */
.offer-container {
    background: #481f5d;
    border-radius: 5px;
    height: 130px;
    position: relative;
    margin: 40px auto;
    height: 150px;
}
.offer-container .duration {
    color: #fff;
    position: absolute;
    top: 50%;
    margin: 0;
    margin-left: 10px;
    transform: translate(0%, -50%);
    font-size: 20px;
    max-width: 8%;
    display: block;
    position: relative;
    text-align: center;
}
/*      .offer-details {
        position: absolute;
        overflow: hidden;
        width: 80%;
        background: #fff;
        border-radius: 5px;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-box-shadow: 0px 0px 70px -20px rgba(0,0,0,0.55);
        -moz-box-shadow: 0px 0px 70px -20px rgba(0,0,0,0.55);
        box-shadow: 0px 0px 70px -20px rgba(0,0,0,0.55);
        max-width: 70%;
        left: 45%;
        height: 165px;
      }*/
.offer-details {
    position: absolute;
    overflow: hidden;
    width: 70%;
    background: #fff;
    border-radius: 5px;
    top: -8px;
    -webkit-box-shadow: 0px 0px 70px -20px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 70px -20px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 70px -20px rgba(0,0,0,0.55);
    height: 165px;
    left: 20%;
}
.offer-type {
    position: absolute;
    top: 40%;
    right: 17%;
}
/*            .offer-type {
        position: absolute;
        top: 50%;
        transform: translate(0%, -50%);
        right: 17%;
      }*/
/*      .select-fidel {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0%, -50%);
        right: 1%;
      }*/
.select-fidel {
    position: absolute;
    right: 0;
    top: 40%;
    /* transform: translate(0%, -50%); */
    right: 2%;
}
div.offer-details div.details-left {
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    height: 100%;
    position: absolute;
    width: 47%;
    left: 0px;
}
div.offer-details div.details-right {
    height: 100%;
    position: absolute;
    right: 0;
    width: 46%;
    top: 0;
}
div.offer-container div.offer-details .details-up {
    border-bottom: 1px solid #e1e1e1;
    position: absolute;
    width: 100%;
    top: 0;
    height: 50%;
}
div.offer-container div.offer-details .left {
    position: absolute;
    left: 0;
    width: 50%;
    height: 100%;
    border-right: 1px solid #e1e1e1;
    text-align: center;
}
div.offer-container div.offer-details span span,  div.offer-container div.offer-details span{
    display: block;
}
div.offer-container div.offer-details span p, div.offer-container div.offer-details span span.no-img, div.offer-container div.offer-details span span, div.offer-container div.offer-details span .no-img {
    position: absolute;
    top: 20%;
    left: 0;
    color: #333;
    font-size: .9em;
    width: 100%;
}
div.offer-container div.offer-details span p img, div.offer-container div.offer-details span span img, div.offer-container div.offer-details span .no-img h5, div.offer-container div.offer-details span span.no-img b {
    display: block;
    margin: 0 auto;
}
div.offer-container div.offer-details span.right {
    position: absolute;
    right: 0;
    width: 50%;
    height: 100%;
    border-right: 1px solid #e1e1e1;
    text-align: center;
}
div.offer-container div.offer-details span .no-img h5, div.offer-container div.offer-details span .no-img b {
    font-size: 2.5em;
    color: #333;
    font-weight: bold;
}
div.offer-container div.offer-details .details-down {
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
}
div.offer-container div.offer-details div.details-price {
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
    text-align: center;
}
div.offer-container div.offer-details div.details-price h4.the-price{
    color: #ad2184;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 2.6em;
    font-weight: bold;
    font-style: italic;
}
div.offer-container div.offer-details div.details-price h4.paiement-duration{
    display: inline-block;
    color: #9e9e9e;
    font-size: .8em;
    margin: 0;
    padding: 0;
    margin-left: -28px;
}
div.offer-container div.offer-details div.details-price span span {
    color: #333;
    font-size: 1.2em;
}
div.offer-container div.offer-details div.details-price span.discount {
    color: #ad2184;
    font-size: 1em;
}
div.offer-container div.offer-details div.details-price h4.the-price:after{
    content: 'DH';
    font-size: .6em;
    vertical-align: text-top;
    text-transform: uppercase;
    font-style: italic;
    font-weight: bold;
    color: #ad2184;
    margin-left: 5px;
}
span.googleplay>, span.appstore>{
    position: relative;
}
span.googleplay>a, span.appstore>a {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.decouvrir .container .infos .item {
    height: 305px;
}
.decouvrir .container .infos .action {
    position: absolute;
    bottom: 0;
    text-align: right;
    height: 50px;
    width: 100%;
    overflow: hidden;
    margin-right: 0;
    margin-left: 0;
}
.views-field-field-image>.field-content>img {
    margin: 0 auto;
    padding-top: 10px;
}
/*  */

.duo-subtitle {
    color: #85857f;
    font-size: 20px;
    text-align: left;
}
.duo-title, .duo-title>a {
    font-size: 30px;
    color: #333;
}
.single-duo {
    min-height: 230px;
}
.blocs-duo .border:after{
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    right: 0;
    top: 0;
    background: #ccc;
    background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 50%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#cccccc 50%,#ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#cccccc 50%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}
.single-duo img {margin: 0 auto;}

.bloc-price {
    overflow: hidden;
    padding: 10px 0;
}

.bloc-price .price-field >* {
    color: #ad2184;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 2.6em;
    font-weight: bold;
    font-style: italic;
}
.bloc-price .price-field> sup{
    font-size: 20px;
}
@media (max-width: 1210px){
    .select-fidel {
        right: 2%;
        font-size: 1em;
        padding: 5px 10px;
    }
    .offer-container .duration {
        font-size: 1em;
    }
}
@media (max-width: 991px){
    .offer-details {
        font-size: .85em;
    }
}
@media (max-width: 700px){
    .select-fidel {
        right: 2%;
        font-size: .8em;
        padding: 4px 8px;
    }
    div.offer-container div.offer-details span p {
        font-size: .7em;
    }
    div.offer-container div.offer-details div.details-price h4.the-price {
        font-size: 1.6em;
    }
    div.offer-container div.offer-details div.details-price h4.paiement-duration {
        margin-left: -18px;
    }
    div.offer-container div.offer-details div.details-price p, div.offer-container div.offer-details div.details-price span span  {
        font-size: 1em;
    }
}
@media (max-width: 600px){
    .offer-container .duration {
        font-size: .7em;
    }
    img.offer-type {
        display: none;
    }
}
@media (max-width: 480px){
    .select-fidel {
        right: 1%;
        font-size: .65em;
        padding: 3px 6px;
    }
    div.offer-container div.offer-details span span.no-img h5 {
        font-size: 1.5em;
    }
}

@media(max-width: 778px){
    #filter {
        overflow: hidden;
    }
    .filter-head .block-title, #filter .subtitle, .filter-head .text-right, #filter .card-action {
        text-align: center;
    }
    #filter .filter-ou {
        padding-top: 1em;
        padding-bottom: 1em;
    }
    #filter .btn-group.bootstrap-select {
        padding-bottom: 10px;
    }
    .card, .produitn, .list-inline > li{
        display:block;
        margin: 0 auto;
        margin-bottom:10px;
    }

    .carousel-services .carousel-services-inner{
        height: auto;
    }
    /* modul search responsive */
    span.auto-suggest {
        margin-left: 1em;
    }
    .filter-list {    white-space: nowrap;
        overflow-x: scroll;
        margin: 0;
        transition: all 0.5s ease;
    }
    ul.filter-list>li {
        white-space: nowrap;
    }
}
div.field--name-field-prix-ossp{
    text-align: center;
}
div.field--name-field-prix-ossp div.field--label{
    display: none;
}
div.field--name-field-prix-ossp div.field--item p{
    color: #ad2184;
    font-size: 34px;
    font-weight: bold;
}
div.field--name-field-prix-ossp div.field--item p:after{
    color: #ad2184;
    content: 'dhs';
    font-size: 14px;
    line-height: 25px;
    vertical-align: text-top;
    text-transform: uppercase;
}
div.field--name-field-service{
    /*margin-top: 50px;*/
}
div.field--name-field-vedeo div.field--label{
    display: none;
}
/* style for buttons */
.list-blocks .list-item:nth-child(odd) {
    background: #f7f7f7;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
}

.list-blocks .list-item {
    padding: 50px 0;
}
.more-link.form-group {
    /* background: #f5f5f5;
     padding: 15px 0;
     width: 100vw;
     position: relative;
     margin-left: -50vw;
     left: 50%;*/
}
div.field__items div.field--item{
    overflow-wrap: break-word;
    word-wrap: break-word;
    /*  -ms-word-break: break-all;*/
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
p.corporate-values-note{
    text-align: center;
    clear: both;
    padding-top: 30px;
}
p.corporate-values-note span{
    font-weight: bold;
}
div.field--type-text-with-summary ul{
    list-style-type: none;
    padding-left: 0;
}
div.field--type-text-with-summary ul li{
    list-style-type: none;
    list-style: none;
    font-size: 16px;
}
div.field--type-text-with-summary ul li:before {
    content: "•";
    color: #ad2184;
    font-size: 20px;
    margin-right: 10px;
}
li.ar a {
    color: transparent;
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(../images/ar.svg);
    background-position: -50px;
}
li.ar a:hover{
    background-position: 0px;
}
li.fr{
    margin-top: 7px;
}
li.fr a{
    width: 24px;
    height: 24px;
    display: inline-block;
    color: transparent;
    background: url(../images/fr.svg);
    background-position: -50px;
}
li.fr a:hover{
    background-position: 0px;
}
.button-support{
    display: none;
}


.display-offre .contenu-left {
    padding-top: 0;
}



.views-field-field-lien-cp a {
    color: #333;
    background: #fff;
    transition: all 0.2s ease;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
}
.views-field-field-lien-cp,.views-field-field-lien-cp:hover,.views-field-field-lien-cp:focus {
    background: none;
}
.views-field-field-lien-cp a,.views-field-field-lien-cp:hover a ,.views-field-field-lien-cp:focus a{
    color: #333;
}
.views-field-field-titre-cp h3 {
    color: #ad2184;
}
.views-field-field-sous-titre-cp h3 {
    color: #85857f;
    font-size: 14px;
}
.views-field-field-lien-cp>div {
    padding-top: 2.7em;
    border:none;
}


li.pager__item.is-active.active a {
    background: #ad2184;
    border-color: #ad2184;
}

li.pager__item a,li.pager__item:hover a {
    border: 1px solid #e5e5e5;
    color: #85857f;
    background: none;
}

#block-views-block-display-video-block-1, #block-views-block-display-video-block-2, #block-views-block-display-video-block-3  {
    background: #190b20;
}
#block-views-block-display-video-block-1 .title, #block-views-block-display-video-block-1 .subtitle,
#block-views-block-display-video-block-2 .title, #block-views-block-display-video-block-2 .subtitle,
#block-views-block-display-video-block-3 .title, #block-views-block-display-video-block-3 .subtitle {
    color: #fff;
}
.video-player {
    padding-bottom: 20px;
}
#block-views-block-display-video-block-1 .view-footer>a, #block-views-block-display-video-block-2 .view-footer>a , #block-views-block-display-video-block-3 .view-footer>a {
    color: #333;
    transition: all 0.2s ease;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    color: #fff;
    margin-bottom: 20px;
    padding-left: 36px;
    position: relative;
}

#block-views-block-display-video-block-1 .view-footer>a:after , #block-views-block-display-video-block-2 .view-footer>a:after , #block-views-block-display-video-block-3 .view-footer>a:after {
    content: "+";
    display: block;
    border: solid 1px #e1e1e1;
    border-radius: 10px;
    width: 18px;
    height: 18px;
    left: 10px;
    font-size: 14px;
    line-height: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    font-family: Arial, sans-serif;
}

#block-views-block-display-video-block-1 .view-footer, #block-views-block-display-video-block-2 .view-footer, #block-views-block-display-video-block-3 .view-footer {
    text-align: center;
}
/* style for static page */
article .content .field--name-field-sous-titre-static .field--item{
    color: #85857f;
    font-size: 20px;
    line-height: 16px;
    margin-bottom: 0;
    text-align: center;
    padding-bottom: 30px;
    margin-top: 0;
    font-style: initial;
    font-weight: normal;
}
article .content .field--name-field-titre-static .field--item{
    font-size: 40px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin-bottom: 0;
    padding-top: 40px;
    margin-top: 0;
}
/* style for simple blocs*/
#simple-blocs {
    padding: 40px 0 60px 0;
}

.bloc-tag {
    padding-top: 10px;
    color: #190b20;
}
#simple-blocs .border-left {
    border-left: 1px solid #e9e9e9;
}
#simple-blocs h3 {
    font-size: 35px;
    font-weight: bold;
    margin-top: 0;
}

#block-views-block-dispaly-offres-block-3 .view-footer {
    padding: 0;
    background: none;
    width: auto;
    margin-left: 0;
    left: 0;
    margin-top: -5em;
}
article.offre > footer, article.offre div#field-language-display, article.offre div.field--type-entity-reference{
    display: none;
}
section.clients .action > .btn > .plus{
    float: left;
}
/* static blocs */
/*
.support .views-view-grid .views-col {
   padding:0;
    display: inline-block;
    float: inherit;

    min-width: 250px;
    min-height: 150px;
}*/
.support .views-view-grid .views-col a {
    font-size: 15px;
    color: #282828;
    display: block;
    text-align: center;
}
.support .views-view-grid .views-col>div {
    overflow: hidden;
    text-align: center;
}
/*.support .views-view-grid .views-col>div>.col-md-12 {
    position: static!important;
    transform: initial!important;
    float: initial;
    display: block!important;
    margin: 0 auto!important;
    margin-bottom: 15px!important;
    border: none!important;
    padding: 0!important;
    border-radius: initial!important;
    height: initial!important;
    width: 100%!important;
    left: initial!important;

}*/
.support .views-view-grid .views-col:first-child:nth-last-child(4), .support .views-view-grid .views-col:first-child:nth-last-child(4) ~ div {
    float: left;
}
.support .views-view-grid>div {
    text-align: center;
    display: table;
    margin: 0 auto;
}
#block-views-block-dispaly-offres-block-3 .more-link.form-group {
    margin-top: -64px;
    position: relative;
}
.icon-services .svg-bg {
    width: 120px;
    display: block;
    height: 50px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.active .svg-fun-116{
    background-image: url(../images/bdel_sotek_active.svg);
}
.svg-fun-116{
    background-image: url(../images/bdel_sotek.svg);
}
.active .svg-fun-115{
    background-image: url(../images/sma3ni_active.svg);
}
.svg-fun-115{
    background-image: url(../images/sma3ni.svg);
}
.active .svg-fun-114{
    background-image: url(../images/portait_jeux_active.svg);
}
.svg-fun-114{
    background-image: url(../images/portait_jeux.svg);
}



/* widgets skin */
#widgets {
    padding-bottom: 50px;
}
@media (max-width: 786px){
    #widgets {
        max-width: 100%;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
    #widgets>.container {
        width: 1000px;
    }
    .widget-box .widget-img>img {
        width: auto;
        height: 100%!important;
    }
    div.widget-box div.widget-img {
        height: 165px;
    }
    .widget-box .widget-title {
        min-height: 165px;
        height: 165px;
        min-width: initial;
        width: initial;
    }
}
.widget-box {
    overflow: hidden;
    /*
    border-radius: 6px;
    */
    position: relative;
}
.widget-box>a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0;
}
.widget-box .widget-title {
    background: #ad2184;
    min-height: 170px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    height: 170px;
    min-width: 110px;
    display: table;
    padding: 0 10px;
    width: 6vw;
    transition: all 300ms ease;
}
.widget-box:hover {
    box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.3), 1px 2px 20px 0 rgba(0, 0, 0, 0.2);
}
.widget-box .widget-img>img {
    padding: 0;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
    height: auto;
}

.widget-box .widget-title>span {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
}
@media(max-width: 786px){
    .widget-box .widget-title{
        width: 120px;
    }
    .widget-box {
        overflow: hidden;
        padding-bottom: 20px;
    }
}
div.my-basket{
    background: #fff;
    padding: 20px 5px;
    border-radius: 3px;
}
div.my-basket>h3 {
    font-size: 2.05em;
    margin: 0;
    padding: 0;
    color: #282828;
}
div.my-basket a.clear-basket {
    float: right;
    background: #f7f7f7;
    padding: 5px 15px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    color: #85857f;
    font-size: 1em;
}
div.my-basket a.clear-basket img {
    margin-top: -3px;
    margin-right: 10px;
}
.today, .monthly {
    background: #f7f7f7;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    margin: 15px 0;
}
.today>h3, .monthly>h3 {
    padding: 15px 5px 10px 10px;
    margin: 0;
    /*font-size: 2em;*/
    font-size: 24px;
    border-bottom: 1px solid #e1e1e1;
}
.today>h3>span, .monthly>h3>span {
    float: right;
    color: #ad2184;
    font-size: 1.2em;
    margin-top: -4px;
}
img.collapse-link {
    margin-left: 5px;
    cursor: pointer;
}
.collapsible-content {
    margin: 5px 5px 0 10px;
    padding: 15px 0;
    font-size: 1.4em;
}
.collapsible-content ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-top: 1px solid #e1e1e1;
    padding: 10px 0;
}
.collapsible-content ul:first-child {
    border-top: none;
}
.collapsible-content>ul>li {
    display: inline-block;
    margin: 0;
    font-size: 1em;
    width: 49%;
    text-align: right;
}
.collapsible-content>ul>li:first-child{
    margin-left: 0;
    text-align: left;
}
.collapsible-content>ul.chosen-mobile>li {
    width: 49%;
    margin: 0;
    text-align: right;
}
.collapsible-content>ul.chosen-mobile>li:first-child {
    text-align: left;
}
div.my-basket a.finish-button{
    padding: 7px 18px;
    font-size: 14px;
    float: right;
}
div.my-basket a.empty-basket-header{
    padding: 6px 18px;
}
/*div.menu-off{
    width: 0;
    height: 0;
    overflow: hidden;
}*/
/* testimonial */
#block-views-block-temoignages-temoignages, #block-views-block-temoignages-block-1, #testimonial {
    background: #190b20;
}
#testimonial .owl-item {
    opacity: 0.6;
}
#testimonial .owl-item.active.center {
    opacity: 1;
}
.author{
    text-align: center;
}
.author img {
    width: 100px!important;
    height: 100px;
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
    border-radius:100px;
    margin: 0 auto;
    border: 5px solid #fff;
}
.active.center .author img{
    border-color: #af1985
}
.author .society {
    font-size: 15px;
    color: #bebdbf;
}
.author .author-pos {
    font-size: 20px;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 0;
}
.active.center .author .author-pos {
    color: #a8a5a9;
}
.quote .for {
    /*    text-transform: uppercase;
    */  font-size: 16px;
    overflow: hidden;
    display: block;
    line-height: 27px;
    font-family: 'inwi', arial, tahoma, sans-serif;
}
.quote .for>img {
    width: 25px!important;
    float: left;
    margin-top: 1px;
}
.quote>blockquote {
    color: #fff;
    min-height: 170px;
    text-align: left;
    padding: 10px 30px;
    border: none;
    border-radius: 6px;
}
.description {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
}
.active.center .quote>blockquote{
    background: #af1985;
    color: #fff;
}
.author-name {
    margin-top: 10px;
    margin-bottom: 0;
    color: #fff;
    font-weight: bold;
}
#testimonial .owl-nav {
    opacity: 0;
}
#testimonial .owl-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 33%;
    height: 100%;
}

#testimonial .owl-next {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 33%;
    right: 0;
    height: 100%;
}
#testimonial .owl-dot {
    background: #8c8590;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    margin-left: 10px;
    display: inline-block;
}
#testimonial .owl-dots {
    padding: 15px 0;
    text-align: center;
    overflow: hidden;
}
#testimonial .owl-dot:first-child {
    margin-left: 0;
}
#testimonial .owl-dot.active {
    background: #af1985;
}
@media (max-width: 600px) {
    .quote>blockquote{
        margin: 0 10px;
    }
}
.center.active .quote .arrow {
    height: 50px;
    position: relative;
    margin-bottom: 25px;
}
.quote .arrow:before, .quote .arrow:after {content: ""; transition: all 200ms ease;}

.active.center .quote .arrow:after {position: absolute;width: 20px;height: 20px;margin: 0 auto;background: #af1985;border-radius: 50%;left: 0;right: 0;top: 0;}
.active.center .quote .arrow:before {
    position: absolute;
    width: 14px;
    height: 14px;
    margin: 0 auto;
    background: #af1985;
    border-radius: 50%;
    left: 0;
    right: 0;
    bottom: 0;
}
#block-views-block-temoignages-temoignages .block-title, #block-views-block-temoignages-block-1 .title, #block-views-block-temoignages-block-1 .block-title{
    color: #fff;
    margin-top: 0 ;
}
#block-views-block-temoignages-temoignages .subtitle,  #block-views-block-temoignages-block-1 .subtitle{
    color: #fff;
    padding-bottom: 50px;
    padding-top: 10px;
}
#testimonial {
    padding-bottom: 30px;
}

.views-element-container.block {
    border-bottom: 1px solid #efefef;
}
a.connect-button-hidden{
    margin: 20px auto;
    display: block;
    width: 65%;
}
/* page details */

.page .field--name-field-video-static {
    height: 300px;
}
.page .field--name-field-video-static .field--item {
    position: absolute;
    width: 100%;
    left: 0;
    background: #190b20;
    height: 300px;
}
.page .video-embed-field-responsive-video {
    max-width: 450px;
    margin: 2em auto;
}

/* video */
.field.field--name-field-vedeo.field--type-video-embed-field.field--label-above.container {
    width: 100%;
    background: #190b20;
    height: 300px;
}
.field.field--name-field-vedeo.field--type-video-embed-field.field--label-above.container .field--item {
    max-width: 450px;
    margin: 2em auto;
}
#block-views-block-dispaly-offres-block-3>.container{
    width: 100%;
}


/* assistance */
#block-views-block-bloc-assistance-block-1 {
    background: #f7f7f7;
}
.assistance-box {
    margin-bottom: 30px;
    background: #FFF;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2);
}
.assistance-img:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(173, 33, 132, 0.44);
    opacity: 0;
    transition: all 600ms ease;
}

.assistance-box:hover .assistance-img:after {
    opacity: 1;
}
.assistance-img {
    position: relative;
    height: 100px;
    overflow: hidden;
}
.assistance-img>img {
    height: 150px;
}
.assistance-title {
    position: absolute;
    bottom: 0px;
    left: 0;
    color: #fff;
    padding-left: 15px;
    right: 0;
    padding-right: 15px;
    z-index: 99;
}
.assistance-title a {
    color: #fff;
}
.assistance-description {
    padding: 20px;
    font-size: 15px;
}
.assistance-description a {
    color: #333;
}
.assistance-description ul{
    list-style: none;
}
@media(max-width: 1000px){
    ol.breadcrumb {
        display: none;
    }
    .search-top {
        float: initial;
        max-width: 620px;
        margin: 0 auto;
    }
}

#block-views-block-caroussel-application-mobile-block-7 {
    background: #ad2184;
    background: -webkit-linear-gradient(to left, #ad2184 , #8c2184);
    background: linear-gradient(to left, #ad2184 , #8c2184);
    padding: 30px 0;
}

.urgence-box:hover {
    box-shadow: 0 0 10px 0px rgba(229, 229, 229, 0.65);
}
.urgence-box {
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    margin: 0 auto;
    margin-bottom: 30px;
    height: 100px;
    padding: 20px 20px;
    transition: all 300ms ease;
    position: relative;
    max-width: 300px;
}
.urgence-box>a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0;
    top: 0;
}
.urgence-img {
    padding-right: 5px;
    display: table;
    position: relative;
    height: 60px;
    width: 100%;
}

.urgence-title {
    display: table;
    position: relative;
    height: 60px;
    padding-left: 7px;
    border-left: 1px solid #e5e5e5;
}

.urgence-title span {
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
    font-weight: bold;
}

.urgence-img>img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    padding-right: 5px;
    opacity: 0.5;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 300ms ease;
}

#block-views-block-caroussel-application-mobile-block-7 .title {
    color: #fff;
    padding-top: 30px;
}

#block-views-block-caroussel-application-mobile-block-7 .subtitle {
    color: #e5e5e5;
    margin-bottom: 20px;
}

.urgence-box:hover img {
    opacity: 1;
    filter: initial;
    -webkit-filter: initial;
}
.urgence-box:hover a{
    color: #333;
}

.carousel-services .carousel-bullets li {
    overflow: hidden;
}
.carousel-services .carousel-bullets li:first-child {
    margin-left: 0;
}
span.icon-name {
    text-indent: 0;
    display: block;
    color: #85857f;
    font-weight: normal;
    font-size: 17px;
}
.active-service .icon-name, .center .icon-name{
    color: #333;
}
/* assistance */
.box-shadow{
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
}
.view-assistance {
    background: #f7f7f7;
}
.views-bootstrap-accordion h4 > a[aria-expanded="true"]:after {
    background-position: 0 24px;
}
.views-bootstrap-accordion .panel {
    border: none;
    margin-bottom: 0;
    border-bottom: 1px solid #d1d1d1;
}
.views-bootstrap-accordion .panel-body {
    background: #f5f5f5;
    padding: 15px 25px;
    color: #85857f
}



/* timeline */
.cd-container {
    /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}
.cd-container::after {
    /* clearfix */
    content: '';
    display: table;
    clear: both;
}
/*
#block-inwi-content {
    background: #f7f7f7;
}
*/
/* --------------------------------

Main components

-------------------------------- */

#cd-timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em;
}
#cd-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #e6e6e6;
}
@media only screen and (min-width: 1170px) {
    #cd-timeline {
        margin-top: 3em;
        margin-bottom: 3em;
    }
    #cd-timeline::before {
        left: 50%;
        margin-left: -2px;
    }
}

.cd-timeline-block {
    position: relative;
    margin: 2em 0;
}
.cd-timeline-block:after {
    content: "";
    display: table;
    clear: both;
}
.cd-timeline-block:first-child {
    margin-top: 0;
}
.cd-timeline-block:last-child {
    margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
    .cd-timeline-block {
        margin: 4em 0;
    }
    .cd-timeline-block:first-child {
        margin-top: 0;
    }
    .cd-timeline-block:last-child {
        margin-bottom: 0;
    }
}

.cd-timeline-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
    background: #ad2184;
}
.cd-timeline-img img {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 0;
    margin: 0 auto;
    right: 0;
    top: 50%;
    margin-top: -12px;
}
@media only screen and (min-width: 1170px) {
    .cd-timeline-img {
        width: 60px;
        height: 60px;
        left: 50%;
        margin-left: -30px;
        /* Force Hardware Acceleration in WebKit */
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }
    .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden;
    }
    .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 0.6s;
        -moz-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s;
    }
}

@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
    }
}
@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: white;
    border-radius: 0.25em;
    padding: 1em;
    box-shadow: 0 3px 0 #ad2184;
}
.cd-timeline-content:after {
    content: "";
    display: table;
    clear: both;
}
.cd-timeline-content h2 {
    color: #333;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 13px;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    display: inline-block;
}
.cd-timeline-content p {
    margin: 1em 0;
    line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
    float: right;
    padding: .8em 1em;
    background: #acb7c0;
    color: white;
    border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
    background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
    float: right;
    padding: .8em 0;
    opacity: .7;
}
.cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid white;
}
@media only screen and (min-width: 768px) {
    .cd-timeline-content h2 {
        font-size: 20px;
        font-weight: bold;
    }
    .cd-timeline-content p {
        font-size: 16px;
        font-size: 1rem;
    }
    .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
        font-size: 14px;
        font-size: 0.875rem;
    }
}
@media only screen and (min-width: 1170px) {
    .cd-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%;
    }
    .cd-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: white;
    }
    .cd-timeline-content .cd-read-more {
        float: left;
    }
    .cd-timeline-content .cd-date {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 6px;
        font-size: 16px;
        font-size: 15px;
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content {
        float: right;
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: white;
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
        float: right;
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
        left: auto;
        right: 122%;
        text-align: right;
    }
    .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden;
    }
    .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 0.6s;
        -moz-animation: cd-bounce-2 0.6s;
        animation: cd-bounce-2 0.6s;
    }
}

@media only screen and (min-width: 1170px) {
    /* inverse bounce effect on even content blocks */
    .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
        -webkit-animation: cd-bounce-2-inverse 0.6s;
        -moz-animation: cd-bounce-2-inverse 0.6s;
        animation: cd-bounce-2-inverse 0.6s;
    }
}
@-webkit-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}
@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}
@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}
/* end of  time line*/

div.field--type-text-with-summary div.offer-details div.details-center{
    border-right: 1px solid #e1e1e1;
    border-left: none;
    height: 100%;
    position: absolute;
    width: 22%;
    left: 22%;
}
div.field--type-text-with-summary div.offer-details div.details-left {
    border: none;
    /* border-right: 1px solid #e1e1e1;
     border-left: 1px solid #e1e1e1;*/
    height: 100%;
    position: absolute;
    width: 47%;
    left: 0px;
}
div.field--type-text-with-summary div.offer-details div.details-right {
    height: 100%;
    position: absolute;
    right: 0;
    width: 46%;
    top: 0;
}

/* site map */
/*.sitemap .sitemap-box ul {
    list-style: none;
}
.sitemap .sitemap-box>.content>ul>li {
    width: 46%;
    float: left;
    margin-bottom: 30px;
    background: #FFF;
    border-radius: 8px;
    overflow: hidden;
    padding: 20px;
    font-size: 15px;
    color: #333;
    margin-bottom: 20px;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
    margin-top: 10px;
}
.sitemap .sitemap-box>.content>ul>li>a{
    font-size: 24px;
}
.sitemap .sitemap-box>.content>ul>li>.sitemap-menu{
    padding: 0;
}
.sitemap .sitemap-box a {
    color: #333;
}

.sitemap {
    background: #f7f7f7;
}

li.expanded>a {
    font-weight: bold;
}
.sitemap-box .content > .sitemap-menu > li {
    margin-right: 30px;
}
.sitemap-box .content > .sitemap-menu > li.first.expanded {
    margin-left: 0;
}

.sitemap h1.title p {
    font-size: 40px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin-bottom: 0;
    margin-top: 0;
}

.sitemap .subtitle {
    color: #85857f;
    font-size: 20px;
    line-height: 16px;
    margin-bottom: 0;
    text-align: center;
    padding-bottom: 30px;
}
.sitemap-box-menu>.content {
    margin-right: 30px;
}
*/


/************************
     sitemap
************************/
.sitemap{
    overflow: hidden;
    max-width: 1050px;
    padding: 0 15px;
    margin: 0 auto;
}
ul.sitemap-menu {
    padding-left: 20px;
    color: #ad2284;
    position: relative;
    margin-left: 12px;
    list-style: none;
}
ul.sitemap-menu:before {content: '';position: absolute;left: 0;height: 100%;width: 1px;background: #381b48;}

ul.sitemap-menu a {
    position: relative;
    padding-left: 10px;
    text-decoration: none;
    color: #333;
    font-size: 16px;
    background: none;
}
ul.sitemap-menu a[href^="#"] {
    display: none;
}
ul.sitemap-menu a:after {content: '';position: absolute;width: 20px;height: 1px;background: #381b48;left: -20px;bottom: 0;top: 0;margin: auto;}

.sitemap-box>.content> .sitemap-menu {
    margin-left: 20px;
}
.sitemap-box .content>.sitemap-menu>li>a {
    font-weight: bold;
}
.sitemap .expanded>a, .sitemap .expanded +li >a {
    color: #ad2284;
}
.content>.sitemap-menu>li {
    float: left;
    width: 50%;
    padding: 15px 0;
}
.content>.sitemap-menu>.expanded>a {
    font-size: 20px;
}
.content>.sitemap-menu>.expanded>a:after {
    display: none;
}
.sitemap-message, .sitemap-message p {
    font-size: 28px;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
}
.path-sitemap {
    background: #f2f5f7;
}
/*****************************
  style for offer vertical
*****************************/
.v-offer-inner {
    text-align: center;
}

.v-offer-head {
    background: #441d58;
    color: #fff;
    padding: 15px 0;
    border-radius: 10px 10px 0 0;
}

.v-offer-price {
    font-size: 30px;
    font-weight: bold;
}

span.v-offer-price>sup {
    font-size: 18px;
    top: -0.9em;
    font-style: italic;
    padding-left: 5px;
}

span.v-offer-duration {
    display: block;
    font-size: 15px;
}

.v-offer-body .v-offer-bloc {
    height: 100px;
    color: #9e9e9e;
}
.v-offer-bloc .no-img {
    display: block;
    margin-top: 20px;
}
.v-offer-bloc span.no-img>h5 {
    font-size: 2em;
    color: #333;
    font-weight: bold;
    margin-bottom: 0;
    padding-top: 10px;
}

.v-offer-bloc>p {
    font-size: .9em;
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    color: #9e9e9e;
}

.v-offer-body {
    position: relative;
    margin: 0 -10px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    border-radius: 10px;
}

.v-offer-separator {
    position: absolute;
    height: 30px;
    width: 30px;
    /* background: #441d58; */
    color: #fff;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: 9;
    line-height: 26px;
}

.v-offer-separator:after {
    transform: rotate(45deg);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #441d58;
    z-index: -1;
    left: 0;
}

.v-offer-bloc img {
    display: block;
    margin: 0 auto;
    padding-bottom: 5px;
}

.v-offer-bloc.v-offer-t-l {
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

.v-offer-bloc.v-offer-t-r {
    border-bottom: 1px solid #efefef;
}

.v-offer-bloc.v-offer-b-l {
    border-right: 1px solid #efefef;
}

.vertical-offer {
    padding-bottom: 15px;
}

/*****************************
  style for offer horizontal
*****************************/

.horizontal-offer div.offer-details div.details-center {
    border-right: 1px solid #e1e1e1;
    border-left: none;
    height: 100%;
    position: absolute;
    width: 15%;
    left: 30%;
}
/*New Style End*/
.horizontal-offer.offer-container {
    background: #481f5d;
    border-radius: 5px;
    height: 130px;
    position: relative;
    margin: 0 auto;
    height: 150px;
    margin-top: 15px;
    margin-bottom: 20px;
}

.horizontal-offer.offer-container .duration {
    color: #fff;
    position: absolute;
    top: 50%;
    margin: 0;
    margin-left: 10px;
    transform: translate(0%, -50%);
    font-size: 20px;
    max-width: 8%;
    display: block;
    position: relative;
    text-align: center;
}

.horizontal-offer .offer-details {
    position: absolute;
    overflow: hidden;
    width: 80%;
    background: #fff;
    border-radius: 5px;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0px 0px 70px -20px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 70px -20px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 70px -20px rgba(0,0,0,0.55);
    max-width: 70%;
    left: 45%;
    height: 165px;
}

.horizontal-offer .offer-type {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    right: 17%;
}

.horizontal-offer .select-fidel {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0%, -50%);
    right: 1%;
}

.horizontal-offer div.offer-details div.details-left {
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    height: 100%;
    position: absolute;
    width: 30%;
    left: 0px;
}

.horizontal-offer div.offer-details div.details-right {
    height: 100%;
    position: absolute;
    right: 0;
    width: 46%;
    top: 0;
}

.horizontal-offer.offer-container div.offer-details .details-up {
    border-bottom: 1px solid #e1e1e1;
    position: absolute;
    width: 100%;
    top: 0;
    height: 50%;
}

.horizontal-offer.offer-container div.offer-details span.left {
    position: absolute;
    left: 0;
    width: 50%;
    height: 100%;
    border-right: 1px solid #e1e1e1;
    text-align: center;
}

.horizontal-offer.offer-container div.offer-details span p, .horizontal-offer.offer-container div.offer-details span span.no-img {
    position: absolute;
    top: 20%;
    left: 0;
    color: #333;
    font-size: .9em;
    width: 100%;
}

.horizontal-offer.offer-container div.offer-details span p img, .horizontal-offer.offer-container div.offer-details span span.no-img h5 {
    display: block;
    margin: 0 auto;
}

.horizontal-offer.offer-container div.offer-details span.right {
    position: absolute;
    right: 0;
    width: 50%;
    height: 100%;
    border-right: 1px solid #e1e1e1;
    text-align: center;
}

.horizontal-offer.offer-container div.offer-details span span.no-img h5 {
    font-size: 2.5em;
    color: #333;
    font-weight: bold;
}

.horizontal-offer.offer-container div.offer-details .details-down {
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
}

.horizontal-offer.offer-container div.offer-details div.details-price {
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.horizontal-offer.offer-container div.offer-details div.details-price h4.the-price {
    color: #ad2184;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 2.6em;
    font-weight: bold;
    font-style: italic;
}

.horizontal-offer.offer-container div.offer-details div.details-price h4.paiement-duration {
    display: inline-block;
    color: #9e9e9e;
    font-size: .8em;
    margin: 0;
    padding: 0;
    margin-left: -28px;
}

.horizontal-offer.offer-container div.offer-details div.details-price p {
    color: #333;
    font-size: 1.2em;
}

.horizontal-offer.offer-container div.offer-details div.details-price span.discount {
    color: #ad2184;
    font-size: 1em;
}

.horizontal-offer.offer-container div.offer-details div.details-price h4.the-price:after {
    content: 'DH';
    font-size: .6em;
    vertical-align: text-top;
    text-transform: uppercase;
    font-style: italic;
    font-weight: bold;
    color: #ad2184;
    margin-left: 5px;
}

@media (max-width: 1210px) {
    .horizontal-offer .select-fidel {
        right: 2%;
        font-size: 1em;
        padding: 5px 10px;
    }

    .horizontal-offer.offer-container .duration {
        font-size: 1em;
    }
}

@media (max-width: 991px) {
    .horizontal-offer.offer-container div.offer-details span span.no-img h5 {
        font-size: 1.5em;
    }
    /* New Styles End */
    .horizontal-offer .offer-details {
        font-size: .85em;
    }
}

@media (max-width: 700px) {

    /* New Styles End */
    .horizontal-offer .select-fidel {
        right: 2%;
        font-size: .8em;
        padding: 4px 8px;
    }

    .horizontal-offer.offer-container div.offer-details span p {
        font-size: .7em;
    }

    .horizontal-offer.offer-container div.offer-details div.details-price h4.the-price {
        font-size: 1.6em;
    }

    .horizontal-offer.offer-container div.offer-details div.details-price h4.paiement-duration {
        margin-left: -22px;
    }

    .horizontal-offer.offer-container div.offer-details div.details-price p {
        font-size: 1em;
    }
}

@media (max-width: 600px) {
    .horizontal-offer.offer-container .duration {
        font-size: .7em;
    }

    .horizontal-offer img.offer-type {
        display: none;
    }
}

@media (max-width: 480px) {
    .horizontal-offer .select-fidel {
        right: 1%;
        font-size: .65em;
        padding: 3px 6px;
    }

    .horizontal-offer.offer-container div.offer-details span span.no-img h5 {
        font-size: 1.5em;
    }
}

.horizontal-offer.offer-container div.offer-details .details-center span.left {
    width: 100%;
}

.horizontal-offer.offer-container div.offer-details .details-left .details-up span.left p {
    font-size: 0.7em;
}
/*****************************
  end goes here
*****************************/



/*****************************
  horizontal blocs offers
*****************************/

.hozi-offer {
    overflow: hidden;
    padding: 20px 0;
    text-align: center;
}

.h-offer-duration, .h-offer-link {
    background: #481f5d;
    height: 120px;
    color: #fff;
    text-align: center;
    line-height: 120px;
}

.h-offer-duration span {
    color: #fff;
    font-size: 25px;
}

.h-offer-body {
    margin: 0px -15px;
    margin-top: -10px;
    height: 140px;
    position: relative;
    background: white;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    border-radius: 10px;
}

h4.h-offer-price {
    color: #ad2184;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 2.6em;
    font-weight: bold;
    font-style: italic;
}

h4.h-paiement-duration {
    display: inline-block;
    color: #9e9e9e;
    font-size: .8em;
    margin: 0;
    padding: 0;
    margin-left: 0px;
}

.h-details-price p {
    color: #333;
    font-size: 1.2em;
}

span.h-offer-discount {
    color: #ad2184;
    font-size: 1em;
}

.h-details-price {
    text-align: center;
    padding-top: 20px;
}
.h-offer-bloc span.no-img>h5 {
    font-size: 2.5em;
    color: #333;
    font-weight: bold;
    margin-bottom: 0;
    padding-top: 10px;
}

.h-offer-bloc img {
    display: block;
    margin: 0 auto;
    padding-bottom: 10px;
}

.h-offer-bloc {
    height: 70px;
    color: #9e9e9e;
    position: relative;
    border-right: 1px solid #efefef;
}
.h-offer-bloc>p {
    font-size: .9em;
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    color: #9e9e9e;
    margin-bottom: 0;
}
.no-padding{
    padding:0;
}
.h-offer-bloc h5 {
    margin-top: 0;
}
.h-offer-link {
    border-radius: 0 8px 8px 0;
}
.h-offer-duration {
    border-radius: 8px 0 0 8px;
}
.h-offer-bloc:nth-child(1) {
    border-bottom: 1px solid #efefef;
}
@media(max-width: 768px){
    .page-static .body {
        clear: both;
        padding-top: 15px;
    }
    .h-details-price {
        padding-top: 0;
    }
    .h-offer-link>.btn {
        padding: 1px;
        font-size: 0.7em;
    }
    .h-offer-duration, .h-offer-link {
        padding: 2px;
    }
    .h-offer-duration span {
        font-size: 1em;
    }
    .h-offer-bloc span.no-img>h5 {
        font-size: 1.5em;
        margin-bottom: 0;
        padding-top: 10px;
    }
    .h-offer-bloc>p {
        top: 10%;
    }
    .duo-title, .duo-title>a {
        font-size: 24px;
    }
    .block h1.title {
        font-size: 35px;
    }
}


/*****************************
  end of offers blocs <--
*****************************/


/*****************************
  link for bootstrap one
*****************************/


.one-link {
    overflow: hidden;
    position: absolute;
    display: block;
    min-width: 200px;
    margin: 0 auto;
    text-align: center;
    clear: both;
    padding-bottom: 40px;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.one-link.static-button {
    position: relative;
}

.duo-container:last-child .single-duo {
    margin-left: 35px;
}
@media (max-width: 768px){
    .one-link {
        position: relative;
    }
}
.one-link>a {
    color: #333;
    background: #fff;
    transition: all 0.2s ease;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    position: relative;
    padding-left: 40px;
}
.one-link>a:hover {
    box-shadow: 0px 1px 2px rgba(203, 203, 203, 0.2);
    background: #C32A96;
    border-color: #C32A96;
    color: #fff !important;
}
/*.one-link>a:before {
    content: "+";
    display: inline-block;
    border: solid 1px #e1e1e1;
    border-radius: 10px;
    color: #C32A96;
     padding: 1px 6px;
    width: 18px;
    margin: 0 10px 0 0;
    text-indent: 0px;
    height: 18px;
    line-height: 18px;
    font-family: Arial,sans-serif;
}*/
.one-link>a:before {
    content: "+";
    display: block;
    border: solid 1px #e1e1e1;
    border-radius: 10px;
    color: #C32A96;
    width: 18px;
    text-indent: 0px;
    text-align: center;
    height: 18px;
    line-height: 16px;
    font-family: Arial,sans-serif;
    position: absolute;
    left: 12px;
    margin: auto 0;
    top: 0;
    bottom: 0;
}
.more-link a:hover:after,
.action > .btn:hover > .plus,
.one-link a:hover:before{
    color: #fff;
    border-color: #fff;
}
.corporate-link a {
    background-image: url("../images/pdf.png");
    background-position: center 20px;
    background-repeat: no-repeat;
    padding: 0;
    background-color: #381b48;
    height: 120px;
    width: 140px;
    position: relative;
    padding-top: 70px;
    display: block;
    margin: 0 auto;
    color: #fff;
    font-size: 17px;
    border-radius: 8px;
    text-align: center;
}
.corporate-bloc {
    overflow: hidden;
    min-height: 150px;
}

.corporate-icon {
    background-image: url('../images/communiques_fr.png');
    height: 230px;
    background-repeat: no-repeat;
    background-position: center;
}

.corporate-link a {
    background-image: url("../images/pdf.png");
    background-position: center 20px;
    background-repeat: no-repeat;
    padding: 0;
    background-color: #381b48;
    height: 120px;
    width: 140px;
    position: relative;
    padding-top: 70px;
    display: block;
    margin: 0 auto;
    color: #fff;
    font-size: 17px;
    border-radius: 8px;
    text-align: center;
}

#block-views-block-communique-de-presse-block-1>.container {
    width: 100%;
}

.corporate-bloc:nth-child(odd) {
    background: #f7f7f7;
}

.corporate-body,.corporate-link {
    margin-top: 35px;
}

.corporate-body h3 {
    margin: 0;
    color: #ad2184;
}

.corporate-bloc .date {
    color: #85857f;
    font-size: 15px;
}

.corporate-body p {
    color: #333;
}

div.section[data-target=".navbar-collapse"]{
    cursor: pointer;
}
div.widget-box div.widget-img{
    text-align: left;
    height: 170px;
    overflow: hidden;
}
div.liste--card div.card h4.card-title{
    height: 50px;
    margin-bottom: 0px;
    line-height: 25px;
}

div.decouvrir ul.apps span.carousel-app-text-hover{
       width: 80px;
    text-align: center;
    font-size: 10px;
    /*display: block;*/
    color: #fff;
    margin-left: -15px;
    display: none;

    

  
}
div.decouvrir ul.apps li:hover span.carousel-app-text-hover, ul.apps .active span.carousel-app-text-hover a{
    color: #fff;
    visibility: visible;
}
.items li{
    list-style: none;
}
.produit h2.title {
    color: #282828;
    font-size: 1.3em;
    font-weight: bold;
}
.card-title--4g{
    padding: 3px;
    background: #85857f;
    color: #f9f9f8;
    border-radius: 4px;
    font-style: italic;
}
.panier__addToBasket{
    display: inline-block;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 1.2em;
    border: 1px solid #e1e1e1;
    padding: 5px 15px 5px 7px;
    border-radius: 5px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.panier__addToBasket:hover, .produit:hover .panier__addToBasket{
    background: #e22e91;
    border: 1px solid #e22e91;
    transition: all 0.5s ease;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.panier__addToBasket__icon{
    margin-right: 5px;
}
.produit:hover .produit-image > img{
    -webkit-transform: none; /* Safari and Chrome */
    -moz-transform: none; /* Firefox */
    -ms-transform: none; /* IE 9 */
    -o-transform: none; /* Opera */
    transform: none;
}
.produit:hover{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0px 0px 15px 3px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 0px 0px 15px 3px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 0px 15px 3px rgba(50, 50, 50, 0.15);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    z-index: 99;
}
.produit--stock{
    color: #898989;
    margin-bottom: 0;
}
.produit .produit-content p{
    color: #d5d5d5;
    margin: 0;
}
.produit .prix{
    color: #ad2184;
}
.panier {
    height: 15px;
}
.produit {
    border-radius: 6px;
    padding: 10px 0;
}
.produit .produit-content{
    margin-top: 8px;
}
.menu-lang>li>a {
    background-size: 74px 24px;
}
.account-menu-off {
    height: 100%;
    position: fixed;
    width: 320px;
    display: none;
    -webkit-transition: -webkit-transform .2s ease 0ms;
    transition: -webkit-transform .2s ease 0ms;
    transition: transform .2s ease 0ms;
    transition: transform .2s ease 0ms,-webkit-transform .2s ease 0ms;
    padding-left: 0;
    z-index: 1000000001;
}
.account-menu-off .account-info-hidden {
  width: 320px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 64px -10px rgba(0,0,0,0.68);
  -moz-box-shadow: 0px 0px 64px -10px rgba(0,0,0,0.68);
  box-shadow: 0px 0px 64px -10px rgba(0,0,0,0.68);
  margin-top: 10px;
  position: absolute;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.account-menu-off .before-triangle, .menu-off .before-triangle{
  content: ' ';
  width: 10px;
  height: 10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  -webkit-box-shadow: 0px 0px 64px -10px rgba(0,0,0,0.68);
  -moz-box-shadow: 0px 0px 64px -10px rgba(0,0,0,0.68);
  box-shadow: 0px 0px 64px -10px rgba(0,0,0,0.68);
  position: absolute;
  /*left: calc(65% + 165px);*/
  margin-top: 0;
  display: block;
  top: 0;
  z-index: 99999;
  right: 0px;
}
.account-menu-off .account-info-hidden h3{
  text-align: center;
  padding: 15px 0;
  font-size: 22px;
  font-weight: bold;
  margin: 0;
}
.account-menu-off .account-info-hidden .list-menu-title{
  padding: 15px 0 15px 10px;
  background: #e1e1e1;
  border-top: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
  margin: 0;
}
.account-menu-off .account-info-hidden ul{
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.account-menu-off .account-info-hidden ul li{
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  color: #282828;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.account-menu-off .account-info-hidden ul li:first-child{
    border-bottom: 1px solid #e1e1e1;
}
.account-menu-off .account-info-hidden ul li:last-child {
  border-bottom: 0;
}
.account-menu-off .account-info-hidden ul li span{
  text-align: right;
  color: #85857f;
  float: right;
}
.account-menu-off .account-info-hidden ul li a{
    color: #333;
}
.account-menu-off .account-info-hidden ul li:hover{
  color: #fff;
  background: #ad2184;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.account-menu-off .account-info-hidden ul li:hover a{
    color: #fff;
}
.account-menu-off .account-info-hidden ul li:hover span{
  color: #fff;
}
.menu-off{
    height: 100%;
    position: fixed;
    /*right: 0;*/
    width: 300px;
    display: none;
    -webkit-transition: -webkit-transform .2s ease 0ms;
    transition: -webkit-transform .2s ease 0ms;
    transition: transform .2s ease 0ms;
    transition: transform .2s ease 0ms,-webkit-transform .2s ease 0ms;
    padding-left: 0;
    z-index: 1000000001;
    display: none;
}
.header-desktop-menu .menu-off .hidden-menu-content {
  width: 320px;
  background-color: #fff;
  margin-top: 10px;
  position: absolute;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
 -webkit-box-shadow: 0px 0px 64px -10px rgba(0,0,0,0.68);
 -moz-box-shadow: 0px 0px 64px -10px rgba(0,0,0,0.68);
 box-shadow: 0px 0px 64px -10px rgba(0,0,0,0.68);
}
a.connect-button-hidden {
    display: none;
}
/*div.menu-off span.before-triangle{
  left: calc(65% + 120px);
}*/

/*STYLES FOR JIHAD - @Fakir_Yahya*/
.card {
    margin-bottom: 40px;
}
.card > div {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 1px 10px 0 rgba(0, 0, 0, 0.06);
    text-align: center;
    box-sizing: border-box;
    background-clip: padding-box;
    transition: all 0.3s ease;
}
div.internetSansAbonnement .card > div .card-image {
    padding-top: 25px;
}
.card h3 {
    margin-bottom: 0;
}
.card > div .card-image img {
    width: 100%;
    z-index: -1;
}
div.internetSansAbonnement .card > div .card-image img {
    margin: 0 auto;
    display: block;
    width: auto;
    height: auto;
}
div.internetSansAbonnement .card > div span {
    color: #a2a29d;
    display: block;
    margin: 0 auto;
}
div.internetSansAbonnement .card > div span.card-duration {
    cursor: pointer;
}
div.internetSansAbonnement .card > div span span.bold-card {
    font-weight: bold;
    display: inline;
}
.card h4 {
    margin: 0;
}
.prix {
    color: #ad2184;
    font-weight: bold;
    font-size: 36px;
    font-style: italic;
}
.prix:after {
    content: 'dhs';
    font-size: 14px;
    line-height: 25px;
    vertical-align: text-top;
    text-transform: uppercase;
}
div.internetSansAbonnement .card > div span.card-duration {
    cursor: pointer;
}
.card > div .btn {
    margin: 5px;
    margin-bottom: 15px;
}
/*STYLES FOR JIHAD END*/
.view-assistance-mobile-avec-abonnement .attachment {
    padding-bottom: 30px;
}
.view-assistance-mobile-avec-abonnement .block-title {
    padding-bottom: 30px;
}
.carousel-services .service-link {
    margin-bottom: 20px;
}
/** services owl carousel */
/*
.carousel-services .owl-carousel .owl-item img {
    transform-style: initial;
    width: initial;
}*/


/*************
  Services
*************/
.carousel-services .owl-carousel .owl-item img{
    width: auto;
}
.carousel-services .carousel-bullets {
    display: block;
    left: 0;
    margin-left: 0;
    position: relative;
}
.carousel-services .carousel-bullets li {
    padding-bottom: 0;
    margin-left: 50px;
}
.carousel-services .icon-services {
    height: 50px;
}
.carousel-services .item-body, .carousel-services .item-img {
    height: 300px;
}
.carousel-services .item img {
    width: auto;
    margin: 0 auto;
}

.owl-nav>div {
    width: 40px;
    height: 60px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
}

.carousel-services .owl-prev {
    left: 0;
    background-image: url("../images/prev_active.svg");
}

.carousel-services .owl-next {
    right: 0;
    background-image: url("../images/next_active.svg");
}
.carousel-services .owl-prev.disable {
    background-image: url("../images/prev.svg");
}
.carousel-services .owl-next.disable {
    background-image: url("../images/next.svg");
}
.carousel-services .owl-controls {
    position: absolute;
    width: 100%;
    height: 6px;
    left: 0;
    top: 14px;
}

/*
.carousel-services .carousel-bullets .owl-stage{
    position: static;
    width: auto;
    margin: 0;
    border-bottom: 1px solid #c7c8ca;
    margin-bottom: 30px;
}
*/
.carousel-services .carousel-bullets li{

    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    cursor: pointer;
}
.carousel-services .owl-carousel.owl-loaded {
    padding: 0 40px;
}
.carousel-services .carousel-services-inner > .item-carousel {
    display: none;
}
.carousel-services .carousel-services-inner > .active{
    display: block;
}

div.contenu_offre div.paragraph_ar {
    display: none;
}
.carousel-bullets .owl-carousel .owl-item {
    float: initial;
    display: inline-block;
}

.carousel-bullets .owl-stage {
    margin: 0 auto;
}

.carousel-bullets li.active-service:after, .carousel-bullets .center li:after{content: "";background: #ad2184;}

.carousel-bullets li:after {
    content: "";
    position: absolute;
    bottom: 0px;
    width: 50px;
    background: #bababa;
    height: 3px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.carousel-services .carousel-services-inner {
    padding-top: 30px;
}
.carousel-services .carousel-bullets {
    position: relative;
    overflow: hidden;
}

.carousel-services .carousel-bullets:after {
    position: absolute;
    right: 0;
    left: 0;
    height: 1px;
    bottom: 0;
    width: 100vw;
    content: '';
}
.carousel-services .container, .carousel-services .item-img {
    position: static;
}
.carousel-services .item-img>img {
    position: absolute;
    left: 0;
    max-height: 350px;
    width: auto;
}

/****************************
  skin for exclusive's skin
****************************/

.exclusive-box {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 1px 10px 0 rgba(0, 0, 0, 0.06);
    text-align: center;
    box-sizing: border-box;
    background-clip: padding-box;
    transition: all 0.3s ease;
    padding-bottom: 20px;
    max-width: 350px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.exclusive-box:hover {
    box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.3), 1px 2px 20px 0 rgba(0, 0, 0, 0.2);
}

.exclusive-body {
    padding: 0 20px;
}

.cross-price {
    text-decoration: line-through;
    color: #85857f;
    font-size: 18px;
}
.exclusive-body .prix {
    position: relative;
}
.cross-price:after {
    content: 'dhs';
    font-size: 11px;
    line-height: 25px;
    vertical-align: text-bottom;
    text-transform: uppercase;
}
.exclusive-body h3 {
    min-height: 60px;
    font-size: 23px;
}
.carousel-services .alig-right>img {
    right: 0;
    left: initial;
}


.field--name-field-descr-action p {
    padding-left: 30px;
    background-image: url("../images/icon_action.svg");
    background-position: top left;
    background-repeat: no-repeat;
    min-height: 30px;
}
.field--name-field-action .field--item.col-md-6:last-child {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.contenu_offre .wrap-content-service p {
    color: #333;
}
.sitemap-ar-title {
    display: none;
}
.bg-color:nth-child(odd) {
    background: #f7f7f7;
}
div.offre-inwi div.contenu_offre div.col-md-12 {
    padding: 0;
}
.field--name-field-service .wrap-content-service{
    padding-bottom: 70px;
    padding-top: 0;
}
/*Added by anouar*/
.filter-par-zone .div,.filter-par-pays{
    margin-top: 0;
}
#roaming-info th {
    background-color: #ad2184;
    font-size: 12px;
    color: #ffffff;
    padding: 9px;
    border-right: 1px solid;
    text-align: center;
}
#roaming-info {
    max-width: 600px;
}
#roaming-info table{
    width: 100%
}
#roaming-info table td{
    background-color: #fff; color: #333333; font-size: 14px; font-weight: bold; text-align: center; padding: 10px
}
#roaming-info label{
    font-size: 20px;
    color: #333333
}
#roaming-info .tarfication{
    font-size: 14px;
    color: #555555
}

h3.stitre>.field--name-field-sous-titre {
    margin-bottom: 0;
    padding-bottom: 0;
}
.field.field--name-field-titre-service.field--type-string {
    display: inline-block;
}
.contenu_offre div.field--name-field-service {
    margin-top: 50px;
}

.contenu_offre .wrap-content-service {
    padding-bottom: 0;
    margin-bottom: 0;
}

/* mini-Services */
ul.field__items > li {
    opacity: 1;
}


.field--name-field-image-service .field--item>img {
    margin-left: -60px;
    max-width: none;
    width: auto;
}
.active .field--name-field-image-service .field--item img {
    margin: 0;
}
.field--name-field-image-service .field--item {
    width: 60px;
    margin: 0 auto;
}
ul.field__items > li h4 {
    color: #85857f;
}
ul.field__items > li.active h4  {
    color: #333;
}
html[lang="fr"] .paragraph_ar {
    display: none;
}

/*.fidel-container {
    padding-top: 200px;
    padding-bottom: 50px;
}*/
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
/*.field--name-field-offre-background {
    position: absolute;
    overflow: hidden;
    z-index: -999999999999;
}
.field--name-field-offre-background img {
    width: 100%;
    position: fixed;
    z-index: -999999999999;
    top:0;
}*/
/*******************
    Custom style
*******************/
.item-body p {
    font-weight: initial;
}
.footer {
    font-weight: initial;
}
#block-insocial h2 {
    margin-bottom: 0;
}
#block-insocial .menu {
    text-align: center;
    padding-bottom: 10px;
}
#block-infooter .list-inline {
    margin-bottom: 5px;
}
.copyright {
    color: #a4a4a4;
}
/*******************
style for mega Menu
*******************/
#block-inwi-main-menu .mega-dropdown-menu {
    display: none;
}
#block-inwi-main-menu .dropdown-submenu.open .mega-dropdown-menu {
    display: block;
    z-index: 999999;
}

/**********************
 Style for contact form
**********************/
#contact-message-formulaire-nous-contacter-entrep-form {
    width: 1050px;
    margin: 0 auto;
    overflow: hidden;
    padding: 50px 0;
}
#contact-message-formulaire-nous-contacter-entrep-form .form-wrapper:not(#edit-field-etes-vous-client-inwi---wrapper),#contact-message-formulaire-nous-contacter-entrep-form .captcha {
    width: 50%;
    float: left;
    padding: 0px 15px;
    box-shadow: none;
}
#edit-field-etes-vous-client-inwi---wrapper {
    margin-bottom: 0;
    padding-bottom: 0;
    box-shadow: none;
    overflow: hidden;
    padding-top: 30px;
}
#edit-field-etes-vous-client-inwi---wrapper .panel-title {
    padding-left: 0;
    font-weight: bold;
    font-size: 15px;
}
#edit-field-etes-vous-client-inwi---wrapper textarea.form-control {
    height: auto;
    height: 120px;
}
#contact-message-formulaire-nous-contacter-entrep-form .form-control:not(textarea){
    height: 40px;
    display: block;
    width: 100%;
}
#contact-message-formulaire-nous-contacter-entrep-form .select-wrapper select {
    background: #eee;
    color: #333;
}
#contact-message-formulaire-nous-contacter-entrep-form  .select-wrapper:after {
    color: #a6a6a6;
}
#contact-message-formulaire-nous-contacter-entrep-form .panel-heading {
    border: none;
    background: none!important;
    padding-bottom: 0;
    padding-top: 0;
    box-shadow: none;
    width: 55%;
    float: left;
}
#contact-message-formulaire-nous-contacter-entrep-form .panel-body {
    padding: 0 15px;
    width: 45%;
    float: left;
}
#contact-message-formulaire-nous-contacter-entrep-form .form-item.radio {
    float: left;
    width: 50%;
    margin: 0;
}
#contact-message-formulaire-nous-contacter-entrep-form label {
    font-size: 15px;
}
#edit-field-accord-form-1-wrapper label, #edit-field-accord-form-2-wrapper label {
    font-size: 13px;
}
#contact-message-formulaire-nous-contacter-entrep-form #edit-actions {
    clear: both;
    margin-top: 30px;
}
#contact-message-formulaire-nous-contacter-entrep-form #edit-preview {
    display: none;
}
#edit-field-etes-vous-client-inwi-wrapper {
    margin-bottom: 0;
    padding-bottom: 0!important;
}
#edit-field-accord-form-1-wrapper, #edit-field-accord-form-2-wrapper {
    margin-bottom: 0;
    padding-bottom: 0!important;
}
/*****************************
 Style for assitancce Contact
*****************************/
#contact-message-feedback-form {
    width: 1050px;
    margin: 0 auto;
    overflow: hidden;
    padding: 50px 0;
}
#contact-message-feedback-form .form-wrapper:not(#edit-field-etes-vous-client-inwi---wrapper),#contact-message-feedback-form .captcha {
    width: 50%;
    float: left;
    padding: 0px 15px;
    box-shadow: none;
}
#edit-field-etes-vous-client-inwi---wrapper {
    margin-bottom: 0;
    padding-bottom: 0;
    box-shadow: none;
    overflow: hidden;
    padding-top: 30px;
}
#edit-field-etes-vous-client-inwi---wrapper .panel-title {
    padding-left: 0;
    font-weight: bold;
    font-size: 15px;
}
#edit-field-etes-vous-client-inwi---wrapper textarea.form-control {
    height: auto;
    height: 120px;
}
#contact-message-feedback-form .form-control:not(textarea) {
    height: 40px;
    display: block;
    width: 100%;
}
#contact-message-feedback-form .select-wrapper select {
    background: #eee;
    color: #333;
}
#contact-message-feedback-form  .select-wrapper:after {
    color: #a6a6a6;
}
#contact-message-feedback-form .panel-heading {
    border: none;
    background: none!important;
    padding-bottom: 0;
    padding-top: 0;
    box-shadow: none;
    width: 55%;
    float: left;
}
#contact-message-feedback-form .panel-body {
    padding: 0 15px;
    width: 45%;
    float: left;
}
#contact-message-feedback-form .form-item.radio {
    float: left;
    width: 50%;
    margin: 0;
}
#contact-message-feedback-form label {
    font-size: 15px;
}
#edit-field-accord-form-1-wrapper label, #edit-field-accord-form-2-wrapper label {
    font-size: 13px;
}
#contact-message-feedback-form #edit-actions {
    clear: both;
    margin-top: 30px;
}
#contact-message-feedback-form #edit-preview {
    display: none;
}
#edit-field-etes-vous-client-inwi-wrapper {
    margin-bottom: 0;
    padding-bottom: 0!important;
}
#edit-field-accord-form-1-wrapper, #edit-field-accord-form-2-wrapper {
    margin-bottom: 0;
    padding-bottom: 0!important;
}
/*******************
  Style for fidel
*******************/

.fidel-container {
    max-width: 650px;
    margin: 0 auto;
}

.box-fidel-title {
    background: #fff;
    color: #d0308d;
    padding: 15px;
    height: 90px;
}

.box-fidel-title2
{
    background: #eeeeee;
    color: #333;
    text-align: center;
    font-size: 10px;
    padding: 10px;
}
.box-fidel-title h3 {
    margin: 0;
    text-align: center;
}
.box-fidel-plus {
    position: absolute;
    top: 55px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    display: block;
    font-size: 30px;
    font-weight: bold;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    background: #eeeeee;
}
.box-container {
    position: relative;
    overflow: hidden;
}
.box-fidel-inside {
    height: 150px;
    background:#FFF;
    margin: 0 -15px;
    padding: 0 15px;
}

.box-fidel-inside{text-align: center;
    color:#FFF ;
}
.box-fidel {
    border: 2px solid #CCC;
    margin-bottom: 20px;
}
.col-table {
    display: table;
    height: inherit;
    margin: 0 auto;
}
.col-table > .col-cell {
    display: table-cell;
    vertical-align: middle;
    color: #333;
}
span.fidel-offer>strong {
    font-size: 40px;
}

span.fidel-offer>sup {
    font-size: 25px;
    font-weight: bold;
    position: absolute;
    top: 13px;
}
.box-fidel-title2 h5 {
    font-size: 20px;
}
span.fidel-offer {
    position: relative;
    font-size: 36px;
}
span.fidel-offer>sub {
    font-size: 15px;
    bottom: 0;
}
.fidel-right>h2 {
    margin: 0;
    font-size: 24px;
}
.box-fidel-l {
    border-right: 1px solid #eee;
}
span.fidel-offer > strong > span {
    font-size: 30px;
    font-weight: normal;
}
div#edit-actions {
    width: 100%!important;
    display: block;
}
button#edit-submit {
    float: right;
}
.page-hdm {
    width: 1000px;
}
@media(max-width: 786px){
    .box-fidel-l{
        border-right: none;
        border-bottom: 1px solid #eee;
        height: 146px;

    }
}
/*************************
    Style map roaming
*************************/
.roaming .gm-style-iw {
    width: 100% !important;
    top: 0 !important;
    /*left: 0 !important;*/
    background-color: #fff!important;
    /*right: 0!important;*/
    margin: 0 auto!important;
    bottom: 0;
    height: 210px;
}
.r-info-header .col-md-5 {
    padding-right: 30px;
}
#roaming-info #selectPays {
    display: block;
    width: 100%;
    height: 30px;
    padding: 6px 12px;
    color: #333;
    border-color: #e1e1e1;
    margin-top: 25px;
}
#roaming-info .r-info-header {
    padding: 10px 0;
    overflow: hidden;
}
.r-info-header h4 {
    margin-bottom: 0;
}

/**********************
 Style for contact form
**********************/

#contact-message-formulaire-de-referencement-four-form {
    width: 1050px;
    margin: 0 auto;
    overflow: hidden;
    padding: 50px 0;
}
#contact-message-formulaire-de-referencement-four-form .form-wrapper:not(#edit-field-etes-vous-client-inwi---wrapper),#contact-message-formulaire-de-referencement-four-form .captcha {
    width: 50%;
    float: left;
    padding: 0px 15px;
    box-shadow: none;
}
#edit-field-etes-vous-client-inwi---wrapper {
    margin-bottom: 0;
    padding-bottom: 0;
    box-shadow: none;
    overflow: hidden;
    padding-top: 30px;
}
#edit-field-etes-vous-client-inwi---wrapper .panel-body {
    width: 50%;
    float: left;
    padding-top: 20px;
}
#edit-field-etes-vous-client-inwi---wrapper .panel-heading{
    display: block;
    width: 100%;
    float: none;
    padding: 0;
}
#edit-field-etes-vous-client-inwi---wrapper .panel-title {
    padding: 0;
    margin: 0;
}
#edit-field-etes-vous-client-inwi---wrapper{
    padding-top:0;
}
#edit-field-etes-vous-client-inwi---wrapper .panel-title {
    padding-left: 0;
    font-weight: bold;
    font-size: 15px;
}
#edit-field-etes-vous-client-inwi---wrapper textarea.form-control {
    height: auto;
    height: 120px;
}
/*#contact-message-formulaire-de-referencement-four-form .form-control:not(textarea){
    height: 40px;
}
*/
#contact-message-formulaire-de-referencement-four-form .select-wrapper select {
    background: #eee;
    color: #333;
}
#contact-message-formulaire-de-referencement-four-form  .select-wrapper:after {
    color: #a6a6a6;
}
#contact-message-formulaire-de-referencement-four-form .panel-heading {
    border: none;
    background: none!important;
    padding-bottom: 0;
    padding-top: 0;
    box-shadow: none;
}
#contact-message-formulaire-de-referencement-four-form .panel-body {
    float: left;
    padding: 0 15px;
}
#contact-message-formulaire-de-referencement-four-form  .panel-title {
    display: block;
    margin: -10px -15px;
    padding: 10px 30px;
    font-size: 20px;
    font-weight: bold;
}
#contact-message-formulaire-de-referencement-four-form .form-item.radio {
    float: left;
    width: 50%;
    margin: 0;
}
#edit-field-pieces-jointes-0-upload--description {
    font-size: 14px;
    text-align: left;
    font-weight: normal;
}
#contact-message-formulaire-de-referencement-four-form label {
    font-size: 15px;
}
#edit-field-accord-form-1-wrapper label, #edit-field-accord-form-2-wrapper label {
    font-size: 13px;
}
#contact-message-formulaire-de-referencement-four-form #edit-actions {
    clear: both;
    margin-top: 30px;
}
#contact-message-formulaire-de-referencement-four-form #edit-preview {
    display: none;
}
#edit-field-etes-vous-client-inwi-wrapper {
    margin-bottom: 0;
    padding-bottom: 0!important;
}
#edit-field-accord-form-1-wrapper, #edit-field-accord-form-2-wrapper {
    margin-bottom: 0;
    padding-bottom: 0!important;
}
#contact-message-formulaire-de-referencement-four-form #bootstrap-panel, #contact-message-formulaire-de-referencement-four-form #bootstrap-panel--2, #contact-message-formulaire-de-referencement-four-form #bootstrap-panel--3 {
    width: 100%!important;
    float: none!important;
}
#contact-message-formulaire-de-referencement-four-form  .form-item.checkbox>.option {
    display: inline;
}
#contact-message-formulaire-de-referencement-four-form .captcha {
    padding-left: 45px!important;
}
/*************************
   Roaming
*************************/
/*.gm-style-iw>div, .gm-style-iw>div>div {
    width: 100%!important;
    max-width: initial!important;
    max-height: initial!important;
}
.gm-style-iw {
    width: 450px !important;
    height: 210px;
}*/
@media (max-width: 450px){
    #filter .col-xs-filter{
        width:100%;
    }
    #filter .filter-head>.col-md-4.text-right {
        height: 60px;
    }
}
/*************************
    Style For Support
*************************/
.support .views-view-grid .views-col img {
    border: 2px solid #e1e1e1;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 10px;
    width: 95px;
    height: 95px;
}

/*************************
    Style For MAP Buttons
*************************/
.couverture_2G_input .btn-primary:active, .couverture_2G_input .btn-primary:hover, .couverture_2G_input .btn-primary:focus, .couverture_2G_input .btn-primary.active:focus, .couverture_2G_input .btn-primary:active:focus, .couverture_2G_input .btn-primary.active.focus {
    background-color: #e298c1;
    border-color: #D67BAD;
}
.couverture_2G_input .btn-primary, .couverture_2G_input .btn-primary.focus {
    color: #fff;
    background: #D67BAD;
    border-color: #D67BAD;
}

.couverture_3G_input .btn-primary:active, .couverture_3G_input .btn-primary:hover, .couverture_3G_input .btn-primary:focus, .couverture_3G_input .btn-primary.active:focus, .couverture_3G_input .btn-primary:active:focus, .couverture_3G_input .btn-primary.active.focus {
    background-color: #f15bbb;
    border-color: #E22E91;
}
.couverture_3G_input .btn-primary, .couverture_3G_input .btn-primary.focus {
    color: #fff;
    background: #E22E91;
    border-color: #E22E91;
}

.couverture_4G_input .btn-primary:active, .couverture_4G_input .btn-primary:hover, .couverture_4G_input .btn-primary:focus, .couverture_4G_input .btn-primary.active:focus, .couverture_4G_input .btn-primary:active:focus, .couverture_4G_input .btn-primary.active.focus {
    background-color: #d125a4;
    border-color: #AD2184;
}
.couverture_4G_input .btn-primary, .couverture_4G_input .btn-primary.focus {
    color: #fff;
    background: #AD2184;
    border-color: #AD2184;
}

/******************************
    Style For application skin
******************************/
#carousel-application {
    padding-bottom: 0;
    position: relative;
}
.app-grey{
    background: #f7f7f7; /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #f7f7f7 , #fff); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #f7f7f7 , #fff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
#carousel-application .item-main-img {
    overflow: hidden;
}
#carousel-application .item-body {
    padding-top: 80px;
    position: static;
}
#carousel-application .item-body h2{
    color: #ad2184;
}
#carousel-application .carousel-services-inner {
    overflow: hidden;
    position: relative;
}
#carousel-application .icon-services {
    height: 90px;
    width: 90px;
    margin: 0 auto;
}
#carousel-application .action {
    position: absolute;
    bottom: 0;
    text-align: right;
    height: 50px;
    overflow: hidden;
    margin-right: 0;
    margin-left: 0;
    right: 0;
}
#carousel-application .owl-controls {
    top: 35px;
}
#carousel-application  .carousel-bullets li {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.3;
}
#carousel-application .carousel-bullets li.active-service, #carousel-application .carousel-bullets li:hover {
    -webkit-filter: initial;
    filter: initial;
    opacity: 1;
}
#carousel-application .carousel-app-img {
    background: url(../images/mockup_phone.png) no-repeat;
    /*  background-size: contain;*/
    background-position: bottom center;
}
#carousel-application .carousel-app-inner {
    width: 340px;
    top: 97px;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    padding: 0;
}

#carousel-application .carousel-app-img {
    background: url(../images/mockup-iphone.png) no-repeat;
    background-position: top center;
    position: relative;
    height: 490px;
    background-size: contain;
}
#carousel-application.right .carousel-app-img {
    background-image: url(../images/mockup-phone.png);

}
#carousel-application:after {
    content: "";
    background: url(../images/shadow.png) no-repeat;
    background-position: bottom center;
    height: 50px;
    position: absolute;
    width: 100%;
    background-size: contain;
    bottom: 0;
    max-width: 670px;
    left: 0px;
    right: 33%;
    margin: 0 auto;
}
#carousel-application.right:after {
    left: 35%;
    right: 0;
}
#carousel-application.right .action {
    right: initial;
    left: 0;
}
.apps img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.apps .active img {
    -webkit-filter: initial;
    filter: initial;
}
/******************************
    Style by Saadi
******************************/
#agence-info #distance {
    color:#ad2184;
}
/******************************
    Style for Roaming Page
******************************/
#filter {
    padding: 10px 30px;
}
.filter-head {
    padding-bottom: 10px;
}
.filter-head .block-title {
    font-size: 32px;
}
.roaming-name h3 {
    background: #381b48;
    padding: 6px 10px;
    color: #fff;
    margin: 0;
    text-align: left!important;
    font-size: 18px;
}
.map-filter-radio {
    padding: 6px 0!important;
    background: #fff;
}
.map-filter-radio:first-child {
    border-right: 1px solid #d1d1d1;
}
#filter .filter-head .tel-action a.active-radio{
    border: 2px solid #d2d2d2;
    background: none;
    color: #ad2184!important;
}
#filter .filter-head .tel-action a {
    border: 2px solid rgba(0, 0, 0, 0);
}

/******************************
    Style for mobi-filter
******************************/
.mob-filter-box h3 {
    font-size: 15px;
    font-weight: normal;
    padding: 10px 0;
}
.mob-filter-box img {
    height: 50px;
}
.mob-filter-box {
    text-align: center;
}
#mobile-filter {
    padding: 15px 0;
}
#mobile-filter .list-block {
    margin: 0;
}
#modal-agency .filter-white{
    width: 100%;
}
#modal-agency .filter-head-first {
    padding: 0;
}
#modal-agency .btn{
    width: 100%;
    margin-top: 10px;
}
#modal-agency #toggle-entreprise:after,#modal-agency #toggle-agences_all:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    top: 0;
    z-index: 99;
}
.card.views-col h4 {
    margin: 0;
    font-size: 23px;
    margin-top: 20px;
    margin-bottom: 10px;
}

/******************************
    Style for services page
******************************/
.field--name-field-image-service .field--item, .field--name-field-image-service{
    width: 60px;
}
.field--name-field-image-service .field--item>img{
    margin-left: -60px;
}
.active .field--name-field-image-service .field--item img {
    margin-right: -60px;
}

/******************************
    Style for issues
******************************/
/*h3.stitre {
    margin-top: 10px;
}*/
.titre .field, .stitre .field {
    padding: 0;
}
.v-offer-body .v-offer-bloc h5 {
    margin: 0 auto;
    padding: 40px 0;
}
.v-offer-body .v-offer-bloc .no-img {
    margin: 2px 0px;
    color: #333;
}
.exclusive-img {
    height: 250px;
    position: relative;
}

.exclusive-img a {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    cursor: pointer;
}
.produit .produit-image {
    height: 300px;
}
.mobiles ul.slide-inner li .action {
    display: none;
}



/***************************************
  center cards when there's less then 3 items
***************************************/
/*.views-view-grid.horizontal>div {
    display: table;
    text-align: center;
}*/

.views-view-grid.horizontal>div>.card {
    float: none;
    display: table-cell;
}
.views-view-grid.horizontal > div > .card > div {
    max-width: 350px;
    margin: 0 auto;
    min-height: 350px;
}

/***************************************
  products (home page)
***************************************/
.product-item>a {
    display: block;
    padding: 2px 0;
}
.product-item {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.product-item:hover {
    -webkit-box-shadow: 0px 0px 15px 3px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 0px 0px 15px 3px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 0px 15px 3px rgba(50, 50, 50, 0.15);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    background: #fff;
    border-radius: 6px;
}
.product-item:hover h3{
    color: #333;
}
@media(min-width: 768px){
    #products-items .owl-item{
        padding: 30px 17px;
    }
}
.product-item {
    text-align: center;
    padding: 20px 15px;
    min-height: 400px;
}
.product-details>h3 {
    font-size: 19px;
    font-weight: bold;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-details .btn-buy {
    margin-bottom: 10px;
}
.btn-buy {
    border: 1px solid #e1e1e1;
    background: none;
    color: #a6a6a6;
    position: relative;
    padding: 10px 5px 10px 50px;
    border-radius: 5px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    font-size: 15px;
}
.btn-buy:after {
    content: '';
    position: absolute;
    background: url(../images/panier.svg) no-repeat;
    width: 37px;
    height: 23px;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
#products-items  .product-image {
    max-height: 250px;
    overflow: hidden;
}
#products-items .product-image>img {
    transform-style: initial!important;
    -webkit-transform-style: initial!important;
    height: 100%!important;
    max-height: 250px;
    width: auto;
    margin: 0 auto;
    height: auto!important;
}

.blocs-duo .more-link {
    padding-top: 30px;
}

.list-blocks .list-item h4 {color: #85857f;}

.list-blocks .list-item p {
    color: #333;
    font-size: 16px;
}
.list-blocks .list-item ul li {
    font-size: 14px;
}
.region-header div.list-items-container {
    margin-top: 0;
}
/****** STYLE FOR TEAMLINE ********/

.wrapper-timeline {
    background: #f7f7f7;
    padding: 25px 0;
}
.wrapper-timeline article .content .field.field--name-field-visuel-static{
    display: none;
}
.cd-timeline-content.is-hidden{
    display: none;
}
.card.views-col h4 {
    min-height: 50px;
}




/***************************************
  tramway carousel
***************************************/
#tramway-carousel .carousel-indicators {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    position: relative;
    left: 0;
    padding-top: 50px;
    bottom: 0;
}
#tramway-carousel .carousel-inner {
    min-height: 330px;
}
#tramway-carousel .img-responsive {
    max-height: 300px;
    width: auto;
    margin: 0 auto;
}
#tramway-carousel .carousel-indicators li.active {
    background: none;
}
#tramway-carousel .carousel-indicators li{
    opacity: 1;
    border: none;
    background: none;
    height: auto;
    width: 18%;
    position: relative;
    margin: 0 3px;
    cursor: auto;
}
#tramway-carousel .carousel-indicators .dots {
    width: 10px;
    padding-top: 10px;
    background-color: rgb(155, 157, 158);
    border-radius: 50%;
    position: relative;
    z-index: 5;
    cursor: pointer;
    margin-left: -9px;
}
#tramway-carousel .carousel-indicators .dots span {
    display: block;
    width: 100%;
    height: 100%;
    background: #ad2184;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    opacity: 0;
}
#tramway-carousel .carousel-indicators .line {
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
    top: 0;
    margin: auto 0;
}
#tramway-carousel .carousel-indicators .line:after {
    content: "";
    border-top: 2px dotted #85857f;
    display: block;
    width: 100%;
    position: absolute;
    z-index: 1;
}
#tramway-carousel .carousel-indicators .line span {
    display: inline-block;
    width: 0%;
    height: 100%;
    background-color: #ad2184;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
#tramway-carousel .carousel-indicators li.last:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #9b9d9e;
    top: 0;
    border-radius: 50%;
    right: -10px;
}
form .form-required:after {
    content: '*';
    color: #000;
    line-height: 1;
    vertical-align: super;
    background: none;
}
form span.form-required {
    display: none;
}
/******************************
    Vertical Vertical
******************************/
/*** style ***/
.filter-offer .v-offer-head {
    font-size: 40px;
}
.filter-offer {
    max-width: 300px;
    margin: 0 auto;
}
.v-offer-icon {
    width: 30px;
    height: 30px;
    background: no-repeat center;
    display: block;
    margin: 0 auto;
}
.tel-icon {
    background-image: url('../images/phone.svg');
}
.sms-icon{
    background-image: url('../images/sms.svg');
}
.gift-icon{
    background-image: url('../images/gift.svg');
}
.v-offer-type {
    width: 90px;
    height: 45px;
    margin: 0 auto;
    margin-top: -42px;
    position: relative;
}
.v-offer-type.Bronze{
    background: url('../images/gold.svg');
}
.v-offer-type.Sliver{
    background: url('../images/silver.svg');
}
.v-offer-footer {
    background: #441d58;
    padding: 20px 10px;
    border-radius: 0 0 10px 10px;
}
.v-offer-footer .btn-primary {
    display: block;
}
.filter-offer .v-offer-details {
    overflow: hidden;
    border-top: 1px solid #efefef;
    margin-top: 40px;
}
.filter-offer .v-offer-bloc>p {
    font-size: 14px;
    position: static;
}
.filter-offer .v-offer-bloc {
    padding: 25px 0;
    height: 110px;
}
.filter-offer .v-offer-body {
    padding-top: 40px;
}
.filter-offer .v-offer-body>p {
    font-size: 20px;
}
.filter-offer .v-price{
    color: #ad2184;
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 2.6em;
    font-weight: bold;
    font-style: italic;
}
.filter-offer .v-price:after{
    content: 'DH';
    font-size: .6em;
    vertical-align: text-top;
    text-transform: uppercase;
    font-style: italic;
    font-weight: bold;
    color: #ad2184;
    margin-left: 5px;
}
.filter-offer .v-price>span {
    display: inline-block;
    color: #9e9e9e;
    font-size: 15px;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 5px;
}
.filter-offer .v-offer-body .remise {
    font-size: 14px;
    color: #ad2184;
}
.filter-offer .v-offer-icon-text {
    font-size: 24px;
    font-weight: bold;
    color: #333;
}
.filter-offer .empty{
    background: #f5f5f5;
}
.filter-offer .empty .gift-icon{
    opacity: .6;
}
#filter-offers {
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
    padding: 15px 0;
    font-size: 15px;
}
#filter-offers .offers-filter-price, .offers-filter-show {
    text-align: right;
}
#filter-offers a {
    padding: 15px;
}
.view-types-list {
    display: inline-block;
    padding-left: 10px;
    float: right;
    padding-top: 4px;
    margin-bottom: 0;
}
.view-types-list>.view-type{
    display: inline-block;
}
.view-types-list>.view-type {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: no-repeat center;
}

.view-types-list>.view-type:first-child{
    background-image: url('../images/view2.svg');
}
.view-types-list>.view-type.active:first-child{
    background-image: url('../images/view2Active.svg');
}
.view-types-list>.view-type:last-child{
    background-image: url('../images/view1.svg');
}
.view-types-list>.view-type.active:last-child{
    background-image: url('../images/view1Active.svg');
}

/*.paragraph .box-body {
    min-height: 80px;
}*/
.paragraph--type--offre-avantage .field--name-field-image {
    min-height: 62px;
}

.paragraph--type--offre-avantage .field--name-field-titre {
    min-height: 40px;
}
/*********************
 blocs
*********************/
.field-content.title.card-title {
    min-height: 70px;
    text-align: center;
}
.views-view-grid .views-col {
    text-align: center;
}
#offers-vertical {
    padding-top: 100px;
}
.v-item{
    overflow: hidden;
}
.bloc-tag {
    padding: 6px 12px;
    margin: 4px 0px;
    transition: all 0.2s ease;
    border-radius: 4px;
    text-decoration: underline;
    font-size: 15px;
}

.bloc-tag:hover {
    color: #ad2184;
}
/*********************
 blocs
*********************/
/*.box-body {
    height: 70px;
}*/
#block-views-block-caroussel-application-mobile-block-5 .views-col{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#block-views-block-caroussel-application-mobile-block-5 .views-col>div {
    -webkit-box-shadow: 0px 0px 15px 3px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 0px 0px 15px 3px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 0px 15px 3px rgba(50, 50, 50, 0.15);
    padding-bottom: 20px;
}
#block-views-block-caroussel-application-mobile-block-5 .views-col:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    background: #fff;
    border-radius: 6px;
}
#block-views-block-caroussel-application-mobile-block-5 .views-col .field-content img {
    padding: 0;
}


.rmv-lbl .field--label{
    display: none;
}
.page-static{
    padding: 35px 0;
}
.sitemap .sitemap-box>.content>ul>li.leaf {
    display: none;
}
.filter-offer .v-offer-head {
    font-size: 20px;
}
.num {
    border: 2px solid #481f5d;
    color: #481f5d;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
}

.body .field--item .offer-details:not(.not)  {
    width: 85%;
    max-width: 90%;
    left: 13%;
}
.body .field--item .offer-details span img {
    padding-bottom: 11px;
}
.views-col {
    padding-bottom: 15px;
}
.assistance-img>a {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 118;
}

/*#block-inwi-main-menu>.nav>.open>a:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    bottom: 0;
    left: 4px;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #381b48;
    border-left: 8px solid transparent;
}*/
.box-body {
    min-height: 60px;
}
.action>.btn>.plus {
    width: 18px;
    height: 18px;
    font-family: Arial,sans-serif;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}
#block-inwi-main-menu .mega-dropdown-menu .dropdown-header>a:before{
    display: none;
}

.page .ac-items {
    margin-top: 50px;
}
.views-view-grid>div {
    overflow: hidden;
    display: block;
}
.views-view-grid .views-col img {
    margin: 0 auto;
}

@media (max-width: 560px) {

    #agence-info {
        width: 300px!important;
        margin-left: 0!important;
    }
    .gm-style-iw{
        width: auto!important;
    }
    .gm-style-iw{
        height: auto;
    }
}
#offers-horizontal .offer-details {
    left: 10%;
}


.col-color2{ padding: 20px;

    background-color:#e5ebee; }

.col-color3{ padding: 20px;

    background-color:#f1f4f6; }


.col-size{
    color: #a81e7f;
    font-size:30px;
    font-weight: bold;
}

.col-color_white {
    color: #a81e7f;
    font-size: 18px;
    padding-top: 10px;
    /*    display: inline-block;
    */    padding-left: 10px;
    position: relative;
    top: 5px;
}

.col-padding_bloc {
    padding: 10px;
    width: 118px;
    display: inline-block;
    text-align: center;
    margin: 0 10px;
}
/** fixe menu issues **/
#block-inwi-main-menu .navbar-nav .dropdown-menu:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    right: 0;
    left: 0;
}
#block-inwi-main-menu.loaded-menu .navbar-nav .dropdown-menu:after {
    display: none;

}
.blocs-duo {
    padding-bottom: 50px;
}

.mobile-menu-is-open {
    overflow: hidden;
    position:fixed;
    width: 100%;
    height: 100%;
}
.main-container .region-content>#block-instagramblock{
    display: none;
}
@media(max-width: 786px){
    #block-views-block-caroussel-application-mobile-block-5 .views-col {
        height: auto;
        width: 100%;
    }
    .mobile_menu .navbar-nav .open .dropdown-menu>ul{
        padding-bottom: 30px;
        height: 100%;
        overflow: scroll;
    }
    .caret{
        border-top: 4px solid;
    }
    #blocs_rs .field__items > li{
        width: 100%;
        border: none;
        float: none;
    }
}
/* style for blocks social network */

#blocs_rs .field__items > li {
    width: 33.33%;
    margin: 0;
    float: left;
    border-right: 1px solid #eee;
}

#blocs_rs .field__items {
    margin: 0 -15px;
    overflow: hidden;
    border: none;
}

#blocs_rs.contenu_offre div.field--name-field-service {
    max-width: 1050px;
    margin: 50px auto 0 auto;
}
#blocs_rs .content_service{
    display: block;
    padding: 0 15px;
}

#blocs_rs .field__items > li:last-child {
    border: none;
}

@media (max-width: 768px) {
    .body .field--item .offer-details span img{
        padding-bottom: 3px;
    }
    .view--offres-similaires .views-col h4.title.card-title {
        min-height: 40px;
    }
    #filter .filter-head>.col-md-4 {
        display: none;
    }

    #filter .filter-ou {
        display: none;
    }

    .path-entreprises .main-container {
        min-height: initial;
    }
    .mac-os div.field--type-entity-reference-revisions ul.field__items > li {
        vertical-align: bottom;
    }
    .view--offres-similaires .horizontal .views-col {
        margin-top: 20px;
    }
}
/* added by @Hmache */
.contenu_offre .body .field--item .offer-details {
    max-width: 70%;
}
.contenu_offre .body .field--item .select-fidel {
    right: 1%;
}
.views-bootstrap-accordion .panel-body a {
    color: #333;
}
.field--type-text-with-summary ul {
    padding-right: 0;
}

#carousel-offers-vertical .vertical-offer-container {
    width: 100%;
    float: none;
}
#carousel-blocks h2>a, #carousel-blocks h2 {
    color: #ad2184;
}
.block-forfait{
    background-color: #fff;
    color: #e67bac;
    border: 1px solid #e67bac;
}
#offers-vertical {
    padding-top: 30px;
    padding-bottom: 50px;
}
#carousel-offers-horizontal img {
    transform: initial;
    width: auto;
    /*100%*/
}
#carousel-offers-horizontal .owl-dot, #carousel-offers-vertical .owl-dot {
    background: #8c8590;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    margin-left: 10px;
    display: inline-block;
}
#carousel-offers-horizontal .owl-dot.active, #carousel-offers-vertical .owl-dot.active{
    background: #af1985;
}
#carousel-offers-horizontal .owl-dots, #carousel-offers-vertical .owl-dots{
    text-align: center;
    margin-bottom: 20px;
}

#carousel-offers-vertical .owl-nav>div {
    top: 0;
    bottom: 0;
    margin: auto;
}

#carousel-offers-vertical .owl-prev {
    left: -50px;
    background-image: url("../images/prev_active.svg");
}
#carousel-offers-vertical .owl-next {
    right: -50px;
    background-image: url("../images/next_active.svg");
}
#carousel-offers-vertical .owl-prev.disable {
    background-image: url("../images/prev.svg");
}
#carousel-offers-vertical .owl-next.disable {
    background-image: url("../images/next.svg");
}

/* for support page */
.view-assistance-urgen .block-title, .view-faq-services-et-parametrage .block-title, .view-assistance .block-title, .view-assistance-internet-et-fixe .block-title, .view-boutique-en-ligne .block-title{
    margin-bottom: 30px;
    padding-top: 15px;
}

.view-assistance-urgen, .view-faq-services-et-parametrage, .view-assistance-internet-et-fixe,  .view-boutique-en-ligne  {
    margin-bottom: 15px;
}

/* align french words inside arabic's text */

.pc .subtitle .ltr-fr {
    position: relative;
    font-family: 'inwi', arial, tahoma, sans-serif;
    top: -3px;
}

.product-item > a {
    display: inline-block;
}
.product-details > a > h3{
    min-height: 80px;
}
#products-items .owl-dot {
        margin: 0 5px;
        height: 3px;
        width: 20px;
}
@media(max-width:768px){
    #filter-offers, #offers-horizontal{
        display: block!important;
        margin-bottom:20px;
    }
    .col-md-3.vertical-offer-container .v-offer-footer:nth-child(2) {
    display: none;
    }
    #offers-vertical{
        display: block!important;
    }
    #products-items .owl-dots {
        text-align: center;
    }
    #products-items .owl-dot {
        background: #b3b3b3;
        border-radius: 15px;
        display: inline-block;
        margin: 0 5px;
        height: 3px;
        width: 20px;
    }
    #products-items .owl-dot.active {
        background: #ad2184;
    }
    .menu-off.pastille-is-empty .hidden-menu-content {
        margin: 0;
        border-radius: 5px!important;
        overflow: hidden;
        height: auto!important;
        min-height: initial!important;
        margin: 15px;
        width: auto;
    }
/*    .menu-off.pastille-is-empty {
        padding: 0 !important;
    }*/
}
.path-node .ac-items {
    margin-top: 40px;
}

@media (max-width: 767px){
    .basket-is-empty .menu-icon-149{
        display: block!important;
        margin-top: 10px!important;
    }
    .basket-is-empty .menu-icon-149>.pastille,.basket-is-empty .menu-icon-149>a{
        display: block!important;
    }
    .menu-icon-149 > .pastille {
        top: -10px;
    }
    .basket-is-empty .menu-icon-148{
        display: none!important;
    }
    .basket-is-empty .menu-icon-149>a{
        color: transparent;
        padding: 0!important;
    }
    a.menu-icon-149:before,.basket-is-empty .dropdown-header.menu-icon-149:before,.basket-is-empty ul.links li.menu-icon-149 >.basket-is-empty a:before,.basket-is-empty ul.menu li.menu-icon-149 > a:before {
        margin-left: 0!important;
    }
    .menu-lang {
        margin: 15px 0!important;
    }
}

div.menu-off div.hidden-menu-content {
    height: 100%;
    overflow: scroll;
    max-height: 500px;
}
.menu .pastille {
    display: block;
}
@media (max-width: 767px){
    .navbar-right li a.btn-compte {
        padding-left: 24px;
        overflow: hidden;
        padding-right: 0;
        width: 24px;
        margin-top: 5px;
    }
    .menu .pastille {
        right: -6px;
        display: block !important;
        top: 4px;
    }
    a.menu-icon-148:before, .dropdown-header.menu-icon-148:before, ul.links li.menu-icon-148 > a:before, ul.menu li.menu-icon-148 > a:before {
        background-image: url(../images/panier_1.svg)!important;
    }
    a.menu-icon-148:after, .dropdown-header.menu-icon-148:after, ul.links li.menu-icon-148 > a:after, ul.menu li.menu-icon-148 > a:after {
        background-image: url(../images/panier_1.svg)!important;
    }
/*    .menu-off .connect-hidden-menu{
        display:none;
    }*/
    .basket-is-empty .menu .pastille {
        top: -26px!important;
    }
    .basket-is-empty a.cart-btn {
        margin-top: 15px!important;
        margin-right: -10px!important;
    }
    /*.path-frontpage.basket-is-empty .menu-icon-149 {
        margin-top: 0!important;
    }*/
}
#block-forfaitblock .block-title, #block-forfaitblock .subtitle {
    display: none;
}
#edit-field-accord-form-2-wrapper label:after, #edit-field-accord-form-2-wrapper label:before {
    display: none;
}

#edit-field-accord-form-2-wrapper a {
    color: #ad2184;
    text-decoration: underline;
}
#block-inwi-main-menu .navbar-nav>.menu-icon-201.open .mega-dropdown-menu {
    min-height: 180px;
}
@media(min-width: 991px){
    .field--name-field-action .field__items{
        display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display: flex;
    }
}
@media(max-width:450px){
    #carousel-app-content {
        text-align: center;
        color: #ad2184;
        margin-bottom: 10px;
    }
    .roaming .gm-style-iw {
        width: 250px!important;
        height: 240px;
        min-width: 100%;
        margin: 0!important;
    }
    #roaming-info .r-info-header>div {
        width: 100%;
        float: none;
    }
    #roaming-info .roaming-row {
        max-width: 100%;
        overflow-x: scroll;
    }
    h2.block-title, h1.title, .block h1.title {
        font-size: 24px;
    }
    .duo-title, .duo-title>a {
        font-size: 21px;
    }
    .duo-subtitle {
        text-align: center;
    }
    #filter-offers{
        display: none;
    }
}
.googleplay:empty, .appstore:empty {
    display: none;
}

html[lang="ar"] .support .views-view-grid .views-col:first-child:nth-last-child(4), html[lang="ar"] .support .views-view-grid .views-col:first-child:nth-last-child(4) ~ div {
    float: right;
}

html[lang="ar"] .clients .solde .form-inline .btn {
    margin-left: 0;
    margin-right: 15px;
}
.valign-md td {
    vertical-align: top;
}
#offers-horizontal{
    display: none;
}
#block-enteteforfaitsin {
    padding: 0 15px 15px 15px;
    color: #333;
}
#block-enteteforfaitsin p {
    color: #333;
}
.offer-index .offer-container {
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

@media(max-width:450px){
    #agence-info img {
        display: none;
    }
    #agence-info h3 {
        margin-top: 0px;
    }
    #agence-info .agence-row {
        padding: 5px 0;
    }
    #agence-info .subtitle {
        padding: 0;
    }
    #agence-info {
        width: 280px!important;
        max-width: 100%;
    }
    #scrollerContainer{
        display: none!important;
    }
}

#scrollerContainer{
    display: none;
}

#gotop {
    width: 50px;
    height: 50px;
    background: #ad2184;
    display: block;
    font-size: 25px;
    text-align: center;
    line-height: 55px;
    border-radius: 50px;
    position: fixed;
    bottom: 50px;
    right: 10px;
    color: #fff;
    overflow: hidden;
    z-index: 9999;
}
#gotop>span{
    line-height: 45px;
    margin: 0;
}

#gotop>span:before {
    text-align: center;
    display: block;
}

html[dir="rtl"] #gotop {
    left: 10px;
    right: auto;
}


@media (max-width: 450px) {
    div.col-xs-6.views-col {
        min-height: 175px;
        height: auto!important;
    }
}
@media (min-width: 996px){
    .views-view-grid.horizontal .blocs-cnt-2 .views-col {
        width: 20%;
    }
}
.ws-product-price .prix-text {
    font-size: 14px;
    display: block;
    color: #9e9e9e;
}

#popup-select .select-wrapper:after, #popup-select-zone .select-wrapper:after{
    color: #a6a6a6;
}
#popup-select .select-wrapper select, #popup-select-zone .select-wrapper select {
    height: 30px;
    display: block;
    width: 100%;
    background: #eee;
    color: #333;
    padding: 5px 15px;
}
#popup-select .smart-select-city, #popup-select-zone .smart-select-city {
    border-bottom: 1px solid #d1d1d1;
}
#popup-select .btn-primary , #popup-select-zone .btn-primary {
    width: 100%;
    margin-top: 10px;
}
#popup-select .smart-select-city, #popup-select .smart-select-area, #popup-select-zone .smart-select-city, #popup-select-zone .smart-select-area {
    background: #fff;
    padding: 10px 15px;
}
#filter-offers a.active {
    color: #333;
}
.disable-search-btn{
    display: none!important;
}
.custom-offer-container .offer-details {
    max-width: 90%!important;
    left: 13%!important;
}

.custom-offer-container .duration {
    width: 11%;
    max-width: 20%;
}

.custom-offer-container .right {
    position: absolute;
    right: 0;
    width: 50%;
    height: 100%;
    border-right: 1px solid #e1e1e1;
    text-align: center;
}

.custom-offer-container .no-img h5 {
    font-size: 2.5em;
    color: #333;
    font-weight: bold;
}

.custom-offer-container .offer-details img {
    display: block;
    margin: 0 auto;
}

.custom-offer-container .left, .custom-offer-container .right {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media( max-width: 768px){
    .disable-search-btn{
        display: inline-block!important;
        height: 0;
        width: 0;
        padding: 0;
        margin: 0;
    }
    .stitre, .field--name-field-descr-action p, .field--name-field-soustitre-actions, .field--name-field-sous-titre, .field--name-field-soustitre-services, article .content .field--name-field-sous-titre-static .field--item, h3.stitre{
        font-size: 16px!important;
    }
    .contenu_offre .field--name-field-titre, .titre {
        font-size: 24px!important;
    }
    .views-one .img-left:after {
        display: none;
    }
}


html[lang="ar"] ul.sitemap-menu:before {right: 0; left:auto;}
html[lang="ar"] ul.sitemap-menu a:after {right: -30px; left:auto;}
html[lang="ar"] ul.sitemap-menu a {padding-left: 0;}
html[lang="ar"] .sitemap .sitemap-box ul {padding-left: 0; padding-right: 30px;}

@media(max-width: 768px){
    .product-item {
        min-height: 250px;
        padding: 0 15px;
    }
    .product-item>a {
        float: left;
        width: 49%;
    }
    .product-details {
        float: right;
        width: 50%;
        text-align: left;
    }
    .product-details .btn-buy {
        margin-bottom: 0;
        margin-top: 15px;
    }
    #products-items .action {
        margin-bottom: 30px;
        margin-top: 20px;
    }
    .product-details .btn-buy {
        font-size: 13px;
    }
}


#contact-message-formulaire-nous-contacter-entrep-form label {
    margin-bottom: 0;
}

#contact-message-formulaire-nous-contacter-entrep-form .form-wrapper:not(#edit-field-etes-vous-client-inwi---wrapper), #contact-message-formulaire-nous-contacter-entrep-form .captcha {
    margin-bottom: 5px;
}

#edit-field-accord-form-1-wrapper, #edit-field-accord-form-2-wrapper {
    float: none!important;
    width: 100%!important;
    clear: both;
}

#edit-field-accord-form-1-wrapper {
    padding-top: 10px!important;
    display: block;
}


/************************
        Mega Menu
************************/
/*
@media(min-width: 996px){
    .mega-dropdown-menu .pub-menu {
        position: absolute;
        right: 0;
        height: 100%;
        margin: -20px 0;
        cursor: pointer;
    }
    html[lang="ar"] .mega-dropdown-menu .pub-menu {
        right: auto;
        left : 0;
    }
}
*/
div.btn.btn-primary {
    padding: 0;
}

div.btn.btn-primary>a {
    padding: 6px 25px;
    display: block;
    cursor: pointer;
}

@media (max-width: 767px){
    html[lang="ar"] ul.navbar-right.menu li a.cart-btn {
        margin-right: 0!important;
    }
    html[lang="ar"] .basket-is-empty .menu .pastille {
        top: -25px!important;
    }
    html[lang="ar"] ul.navbar-right.menu li a.cart-btn:after{
        top: -15px;
    }
}

    html[lang="ar"] .ar {
        display: none;
    }
    html[lang="fr"] .fr {
        display: none;
    }




















/**************************
    Admin bar
**************************/
#toolbar-administration {
    font-size: small;
    line-height: 1;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    z-index: 9999999999999;
}

/**************************
        Wedgets
**************************/
.widgets {
    padding-top: 10px;
}

.menu-lang, .menu-lang li {
    margin: 0;
    padding: 0;
}
.widgets .menu-lang li a, .widgets .menu li a  {
    width: 24px;
    height: 24px;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    margin: 5px;
    color: transparent;
    background-position: 24px center;
    top: -27px !important;
 
}
.widgets ul li a:hover {
    background-position: left center;
}
.topbar{
  min-height: 0;
}
.search-top {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    float: none;
}
.s-page .search-top{
  display: block;
  width: 33.33333333%;
  float: right;
}
.account-popover-is-open, .basket-popover-is-open, .menu-mobile-is-open {
    overflow: hidden!important;
    -webkit-overflow-scrolling: touch;
}
.menu-mobile-is-open > .wrapper-body{
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.account-popover-is-open .account-menu-off, .basket-popover-is-open .menu-off {
    display: block;
}
.account-popover-is-open .overlay-header-widgets, .basket-popover-is-open .overlay-header-widgets{
  display: block;
}
/* for pages */
.s-page .btn-search {
    display: none;
}
/* basket's items */
.pastille {
    right: auto;
    left: 0;
    top: -2px;
}
.overlay-header-widgets {
    position: fixed;
    top: 60px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10002;
    display: none;
}
.mega-sub-menu > .container > ul {
    position: static;
}
.header-desktop-menu .mega-sub-menu .megamenu-pub {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 450px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-decoration: none;
    color: transparent!important;
    margin: 0;
    padding: 0;
}
html[lang="ar"] .header-desktop-menu .mega-sub-menu .megamenu-pub{
  right: auto;
  left: 0;
  position: absolute;
  padding: 0;
}
/**************************
        Mega Menu
**************************/
body.navbar-is-fixed-top {
    margin-top: 10px;
}
.logo {
    line-height: normal;
    margin: 5px 0 0 0;
}
.header-desktop-menu {
    margin-bottom: 40px;
    top: 0;
    transition: top 100ms linear;
    background: #fff;
}
.header-desktop-menu .main-menu {
    position: static;
}
.header-desktop-menu .mega-menu-parent-item>a {
    display: block;
    padding: 10px 30px;
    line-height: 30px;
    color: #555555;
    font-size: 18px;
}
.header-desktop-menu .mega-menu-parent-item > a.is-active{
    color: #ad2184;
}
.header-desktop-menu .mega-menu-parent-item > a.is-active:after, .path-search404 .header-desktop-menu  .mega-menu-parent-item:first-child > a:after {
    background-position: 0 0;
}
.header-desktop-menu .main-menu .mega-menu-item {
    position: static;
}
.header-desktop-menu .mega-menu-parent-item>.sub-menu>.container {
    position: static;
    float: none;
    margin: 0 auto;
    padding-left: 170px;
}
.header-desktop-menu .mega-menu-item-current>.sub-menu {
    display: block;
}
.header-desktop-menu .sub-menu>.container>.mega-menu-item>a {
    color: #FFF;
    font-size: 16px;
    padding: 10px 15px;
}
.header-desktop-menu .sub-menu {
    background: #381b48;
    height: 40px;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999999;
}
.header-desktop-menu .mega-menu-item-current>a, .header-desktop-menu .mega-menu-parent-item:hover>a, .path-search404 .header-desktop-menu  .mega-menu-parent-item:first-child > a {
    color: #ad2184;
}
.header-desktop-menu .mega-menu-item-current>a:before, .header-desktop-menu .main-menu .mega-menu-item>a.is-active:before, .path-search404 .header-desktop-menu  .mega-menu-parent-item:first-child > a:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    bottom: 0;
    left: 4px;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #381b48;
    border-left: 8px solid transparent;
}
.header-desktop-menu .mega-sub-menu {
    display: none;
/*    visibility: hidden; 
    opacity: 0; */
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    /*margin-top: 10px;*/
    padding: 20px 0;
}
.mega-menu-is-open .header-desktop-menu .mega-sub-menu {
  opacity: 0;
  margin-top: 0;
  transition-duration: 200ms;
  transition-timing-function: ease-in;
  transition-property: opacity, margin-top, visibility;
}
.mega-mega-menu--display-on>.mega-sub-menu {
    display: block;
}

#header .invisible {
    display: none;
}

.dropdown-header a {
    font-size: 16px;
    color: #a6a6a6;
}

.dropdown-header>.menu {
    list-style: none;
}
.dropdown-header>a {
    padding-left: 30px;
    margin-bottom: 10px;
    display: block;
    color: #333;
    font-size: 20px;
    line-height: 25px;
}
.mega-menu-item-has-children {
    margin-top: 10px;
}
.mega-menu-item-has-children a{
  color: #333;
  font-size: 18px;
}
.logo-sub-menu{
  display: none;
  float: left;
  margin-top: 9px;
  height: 22px;
  width: 92px;
  cursor: pointer;
  margin-right: 20px;
  background: url(../images/logo-mobile.svg) center center no-repeat;
}
.mega-menu-overlay {
    display: none;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 100px;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 99999;
}
.dropdown-header>.dejaclient{
    color: #b02a89;
}
/* Menu is Fixed */
.menu-is-fixed .header-desktop-menu .mega-menu-parent-item>.sub-menu>.container {
  padding: 0;
}

.menu-is-fixed .header-desktop-menu {
    position: fixed;
    width: 100%;
    z-index: 99999;
    top: -50px;
}
.menu-is-fixed .logo-sub-menu {
    display: block;
}
/* Menu is open */
.desktop-menu-is-open .mega-menu-overlay {
  display: block;
}
/*.desktop-menu-is-open {
    overflow: hidden;
}*/
.desktop-menu-is-open.menu-is-fixed .mega-menu-overlay {
    top: 40px;
}
.desktop-menu-is-open.user-logged-in .mega-menu-overlay {
    background: #000;
    position: fixed;
    top: 180px;
    bottom: 0;
    right: 0;
    left: 0;
}
.header-desktop-menu .mega-menu-parent-item>a.is-active + .sub-menu, .path-search404 .header-desktop-menu  .mega-menu-parent-item:first-child .sub-menu {
    display: block;
}

/*********************
   Mobile Version
*********************/

.hamburger-menu {
    width: 22px;
    height: 22px;
    margin: 0;
    position: relative;
    display: block;
    background: none;
    border: none;
    padding: 0;
}
.hamburger-menu > span, .hamburger-menu > span:after, .hamburger-menu > span:before {
    position: absolute;
    width: 22px;
    height: 2px;
    transition-timing-function: ease;
    transition-duration: .8s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    border-radius: 4px;
    background-color: #545454;
}
.hamburger-menu > span {
    width: 16px;
}
.hamburger-menu > span {
    top: 50%;
    display: block;
    margin-top: -2px;
}
.hamburger-menu > span:after, .hamburger-menu > span:before {
    display: block;
    content: '';
}
.hamburger-menu > span {
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .3s;
}
.hamburger-menu > span:before {
    transition: top .1s .34s ease-in,opacity .1s ease-in;
    top: -10px;
}
.hamburger-menu > span:after {
    transition: bottom .1s .34s ease-in,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);
    transition: bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19);
    transition: bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19),-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);
}
.hamburger-menu > span:after {
    bottom: -10px;
}

.menu-is-visible .hamburger-menu > span {
    transition-delay: .14s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

.menu-is-visible .hamburger-menu > span:before {
    top: 0;
    transition: top .1s ease-out,opacity .1s .14s ease-out;
    opacity: 0;
}
.menu-is-visible .hamburger-menu > span:after {
    bottom: 0;
    transition: bottom .1s ease-out,-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);
    transition: bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1);
    transition: bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.hamburger-menu > span:before {
    top: -6px;
}
.hamburger-menu > span:after {
    bottom: -6px;
}
.logo-mobile {
    text-align: center;
}
.mobile-header {
    overflow: hidden;
}
.menu-mobile-is-open #navbar-mobile, .menu-mobile-is-open .overlay-mobile {
    display: block;
}

#navbar-mobile {
    background: #fff;
    width: 350px;
    max-width: 90%;
    position: fixed;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 20;
    overflow-y: auto;
    display: none;
    z-index: 999999;
}

.overlay-mobile {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    display: none;
}
#navbar-mobile .navbar-nav {
    margin: 0;
    float: none;
}
.header-mobile-menu .mega-menu-item {
    float: none;
}
.header-mobile-menu .container {
    width: 100%;
}
#navbar-mobile .dropdown-header {
    padding: 0;
}
#navbar-mobile .dropdown-header > .menu {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#navbar-mobile .container > ul {
    padding: 0;
}
#navbar-mobile .menu.nav {
    background: #371848;
 /*   padding-left: 15px;*/
    padding: 5px 0;
}
#navbar-mobile .mega-menu-mobile-open>.mega-sub-menu {
    display: block;
}

#navbar-mobile .dropdown-header {
    padding-left: 15px;
}

#navbar-mobile .dropdown-header > .menu>li {
    padding-left: 30px;
}

#navbar-mobile .dropdown-header>.menu>.mega-menu-item-has-children {
    padding-left: 15px;
}

#navbar-mobile .dropdown-header>.menu>.mega-menu-item-has-children>a {
    color: #333;
}

#navbar-mobile .dropdown-header>a {
    background-position: center left;
}

@media (max-width: 767px){
    body.navbar-is-fixed-top{
        margin: 0;
    }
  .logo-mobile .logo {
      position: static;
      left: auto;
      right: auto;
      margin: 0;
      display: block;
      float: none!important;
  }
  #navbar-mobile .pub {
      display: none; /* delete this one after */
  }
    .menu-is-fixed #header {
        padding-top: 55px;
    }
}
.mega-sub-menu .pub {
    display: none;
}
.header-desktop-menu .mega-sub-menu .pub{
  display: block;
}
/* for edit */
#navbar-mobile a {
    font-size: 15px;
    padding: 10px 15px;
    margin: 0;
    position: relative;
    line-height: normal;
    display: block;
}
#navbar-mobile .mega-menu-item-has-children {
    margin: 0;
}
#navbar-mobile .dropdown-header>a {
    padding: 6px 0;
    padding-left: 30px;
}
#navbar-mobile .dropdown-header>.menu a {
    color: #a6a6a6;
    padding: 4px 0;
    padding-left: 30px;
}
#navbar-mobile .mega-sub-menu{
  display: none;
}
#navbar-mobile .sub-logo{
    display: none;
}
#navbar-mobile .sub-menu>.container>.mega-menu-item>a{
    border-top: 1px solid #e1e1e1;
}
#navbar-mobile .sub-menu>.container>.mega-menu-item:last-child>a {
    border-bottom: 1px solid #e1e1e1;
}
.header-mobile-menu #navbar-mobile .mega-menu-mobile-open > a {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 10px;
}
.header-mobile-menu #navbar-mobile .mega-menu-mobile-open {
    padding-bottom: 10px;
}
#navbar-mobile .dropdown-header>a>span, #navbar-mobile .sub-menu>.nav>li>a>span {
    /* background: #2d2d2d; */
    width: 50px;
    display: block;
    float: right;
    position: absolute;
    top: 0;
    border: 0;
    height: 100%;
    right: 0;
    border-left: 1px solid #e1e1e1;
    margin: 0px;
}
#navbar-mobile .dropdown-header>a>span:after, #navbar-mobile .sub-menu>.nav>li>a>span:after {
    content: "\e258";
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-size: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 15px;
    font-weight: bold;
    right: 20px;
    color: #371848;
}
html[lang="ar"] #navbar-mobile .dropdown-header>a>span:after,html[lang="ar"] #navbar-mobile .sub-menu>.nav>li>a>span:after {
    content: "\e257";
}
#navbar-mobile .sub-menu>.container> .mega-menu-mobile-open>a>span:after {
    content: "\e259"!important;
}
html[lang="ar"] #navbar-mobile .menu.nav>li>a {
    padding-left: 15px;
    padding-right: 45px;
}
html[lang="ar"] .header-mobile-menu .pastille {
    left: auto;
    right: -7px;
    display: block;
}
html[lang="ar"] .navbar-compte, html[lang="ar"] .navbar-lang, html[lang="ar"] .navbar-panier {
    float: right;
    margin: 0 0 0 15px;
}
html[lang="ar"] .close-navbar {
    float: left;
}
/*#navbar-mobile .sub-menu>.nav>li>.mega-sub-menu, #navbar-mobile .dropdown-header > .menu {
    display: none;
}*/
.menu-is-fixed .header-mobile-menu {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
}
.search-btn-mobile {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/search-mobile.svg) no-repeat center;
    background-position: -48px 0;
}
#search-section-mobile .search-top {
    display: block;
    position: relative;
    padding: 5px 0!important;
}
#search-section-mobile {
    clear: both;
    padding: 0 15px 15px 15px;
    display: none;
    overflow: hidden;
}
.mobile-search-is-open #search-section-mobile{
    display: block;
}
.mobile-search-is-open .search-btn-mobile{
    background-position: 0;
}
#navbar-mobile .menu-header {
    overflow: hidden;
    padding: 15px;
    background: #fff;
    border-top: 10px solid #371848;
}
.navbar-panier{
    background: url(../images/panier-mobile.svg) no-repeat center;
    position: relative;
}
.navbar-compte{
    background: url(../images/compte-mobile.svg) no-repeat center;
}
.navbar-lang{
    background: url(../images/lang-mobile.svg) no-repeat center;
}
.navbar-compte, .navbar-lang, .navbar-panier {
    width: 24px;
    height: 26px;
    display: block;
    float: left;
    margin: 0 15px 0 0;
    background-position: right 0;
    cursor: pointer;
}
.close-navbar {
    width: 24px;
    height: 24px;
    display: block;
    color: #575757;
    border-radius: 4px;
    border: 2px solid #575757;
    float: right;
    cursor: pointer;
}
.close-navbar:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 21px;
    text-align: center;
}
.mobile-account-is-open .header-mobile-menu .account-menu-off {
    display: block;
}
.mobile-account-is-open .header-mobile-menu .account-menu-off .before-triangle {
    display: block;
    border-bottom-color: #b72779;
    position: absolute;
    top: -10px;
    left: 55px;
}
.header-mobile-menu .account-menu-off {
    width: 100%;
    padding: 15px 0 0 0;
    background: #c52a82;
    position: relative;
}
.mobile-account-is-open .navbar-compte {
    background-position: 0 0;
}
#navbar-mobile .account-menu-off a {
    border: none;
    padding: 0;
}
.header-mobile-menu .account-menu-off .account-info-hidden {
    position: static;
    margin: 0 auto;
    width: auto;
    border-radius: 5px;
}
.header-mobile-menu  .account-menu-off .account-info-hidden ul li {
    padding: 10px 15px;
    line-height: 30px;
}
.header-mobile-menu .pastille {
    display: block!important;
    top: -7px;
    left: -7px;
}
#navbar-mobile .menu-off .connect-hidden-menu {
    text-align: center;
    padding: 2px;
}
#navbar-mobile .menu-off .connect-hidden-menu>a {
    color: #fff;
    width: 100%;
}
.menu-mobile-panier-is-open .menu-off{
  display: block;
  background: #c52a82;
}
.header-mobile-menu .menu-off {
    position: relative;
    width: 100%;
    padding: 15px;
    overflow: visible;
}
.header-mobile-menu .smartsearch .form-group {
    margin: 0;
}
.header-mobile-menu .menu-off .hidden-menu-content {
    width: auto;
    position: static;
    border-radius: 5px;
    margin: 0;
}
.header-mobile-menu .menu-off .before-triangle {
    display: block;
    border-bottom-color: #c52a82;
    position: absolute;
    top: -10px;
    left: 22px;
}
#navbar-mobile .menu-off .my-basket .clear-basket {
    color: #85857f;
    border: 1px solid #e1e1e1;
}

#navbar-mobile .menu-off a {
    font-size: 15px;
    color: #333;
    border-color: #e1e1e1;
}
.menu-mobile-panier-is-open .navbar-panier {
    background-position: 0 0;
}
#navbar-mobile .menu-off .finish-button {
    margin-top: 15px;
    color: #fff;
    width: 100%;
}
.header-mobile-menu .language-switcher-language-url {
    position: static;
}
.header-mobile-menu .language-switcher-language-url .menu-lang{
  margin: 0!important;
}
.search-mobile {
    padding-left: 0;
}
.search-btn-mobile, .region-lang-widgets {
    float: right;
    margin: 0 3px;
}
.header-mobile-menu {
    padding: 10px 0 10px 0;
    background: #fff;
    border-bottom: 1px solid #d1d1d1;
    transition: all 200ms ease;
}
#navbar-mobile .menu.nav>li>a {
    padding: 14px 15px;
    padding-left: 45px;
    color: #fff;
}
#navbar-mobile .navbar-nav>.mega-menu-parent-item>a {
    background: #371848;
    color: #fff;
    padding: 10px 15px 10px 50px;
    border-bottom: 1px solid #4a265f;
}
#navbar-mobile .mega-menu-parent-item > a:after {
    width: 24px;
    height: 24px;
    content: " ";
    display: block;
    position: absolute;
    background-position: right 0;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    left: 15px;
    margin: auto;
}
.region-header-mobile>nav>.nav.navbar-nav {
    background: #fff;
}
.region-header-mobile>nav>.nav.navbar-nav li a {
    color: #333;
}
.sub-menu>.container>.mega-menu-item>a {
    padding: 8px 0;
    padding-left: 15px;
}
/*#navbar-mobile .navbar-nav>.mega-menu-parent-item {
    display: none;
}*/
#navbar-mobile .menu.nav>li>.is-active {
    color: #fff;
}
#search-section-mobile .search-top {
    display: block;
    width: 100%;
}
.smartsearch .form-text {
    border-radius: 50px;
    text-align: center;
}
#header .col-md-8+.search-top {
    width: 33.33333333%;
    float: left;
}
/* smart app banner */
/*.overlay-app{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999999999;
}*/
.region-ads-navigation .views-element-container {
    border: none;
}
.region-ads-navigation .form-group {
    margin: 0;
}
#block-smart-apps-banner{
    display: none;
}
#smart-app-banner {
    background: #fff;
    padding: 5px;
    z-index: 9999999999;
    display: none;
    border-bottom: 1px solid #d1d1d1;
}
.app-item .app-thumbnail {
    padding: 0;/*
    max-width: 80px;*/
}
#smart-app-banner .app-item {
    overflow: hidden;
/*    display: -webkit-box;  
    display: -ms-flexbox;  
    display: -webkit-flex; 
    display: flex;
    align-items: center;*/
}
#smart-app-banner h3 {
    margin: 0;
    clear: both;
    color: #333;
    font-weight: bold;
    font-size: 18px;
    /*padding-top: 9px;*/
}
.app-item .app-description {
    width: 65%;
    padding: 0 5px;
    float: left;
}
.app-description p {
    font-size: 14px;
    margin-bottom: 0;
}
.app-details {
    padding: 0 0 0 5px;
}
.app-link {
    padding: 7px 5px;
    background: #ad2184;
    color: #fff;
    display: inline-block;
}
#smart-app-banner .hidden-urls{
    display: none;
}
.app-thumbnail > img {
    border-radius: 6px;
}
.pastille.is-empty {
    display: none!important;
}
#smart-app-banner .close-app {
    position: absolute;
    height: 20px;
    width: 20px;
    right: 5px;
    top: 2px;
    font-size: 10px;
    border-radius: 15px;
    text-align: center;
    color: #333;
    z-index: 99;
}
#smart-app-banner .close-app > span {
    line-height: 20px;
}
#app-link-mobile {
    float: left;
    width: 35%;
    border: 1px solid #2d7ef1;
    color: #2d7ef1;
    border-radius: 4px;
    display: block;
    padding: 4px 5px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
}
.app-description p {
    color: #5d5d5d;
}
#smart-app-banner .close-app>span {
    display: block;
    margin: 0;
    color: #333;
}
#current-active-hub a {
    background: #a72181;
    color: #fff;
}
/*#navbar-mobile .menu.nav>li>a {
    display: none;
}*/
/*#navbar-mobile .menu.nav>li>.is-active:after {
    background-position: -48px 0;
}
#navbar-mobile .menu.nav>li>.is-active {
    color: #fff;
    display: block;
    background: #c52a82;
}
#navbar-mobile .menu.nav>li>.is-active>span {
    width: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 49px;
    text-align: center;
    font-size: 18px;
}
#navbar-mobile .menu.nav>li>.is-active>span:after {
    content: "\e258";
}
#navbar-mobile .open-hub-menu-mobile.menu li a {
    display: block;
    border-bottom:1px solid #462b56;
}
#navbar-mobile  .open-hub-menu-mobile.menu>li>.is-active>span:after {
    content: "\e260";
}*/

@media(max-width: 768px){
  #smart-app-banner, #block-smart-apps-banner{
    display: block;
  }
}
/*.hidden-urls {
    display: none;
}*/
html[lang="fr"] .hidden-urls>span {
    margin-left: 0;
}
html[lang="ar"] .hidden-urls>span {
    margin-right: 0;
}
/* AR Version */
html[lang="ar"] .search-top {
    float: none;
    width: 100%;
}

html[lang="ar"] #header .col-md-8 + .search-top {
    float: right;
}
/*html[lang="ar"] .header-mobile-menu .menu.nav>li>a:after {
    left: auto;
    right: 0;
}
html[lang="ar"] .rejoignez {
    background-image: url(../images/rejoignez_inwi_ar.svg);
}
html[lang="ar"] .dejaclient {
    background-image: url(../images/rejoignez_inwi_ar.svg);
}*/
html[lang="ar"] .header-mobile-menu .rejoignez, html[lang="ar"] .header-mobile-menu .dejaclient {
    background-position: right center;
}
html[lang="ar"] .header-desktop-menu .dropdown-header>a {
    position: relative;
    padding-right: 30px;
    padding-left: 0;
    /*background: none;*/
    padding-top: 0;
}
html[lang="ar"] .header-desktop-menu .navbar-nav.navbar-right {
    margin: 0;
}
html[lang="ar"] #navbar-mobile {
    left: auto;
    right: 0;
}
html[lang="ar"] #navbar-mobile .dropdown-header>a>span, html[lang="ar"] #navbar-mobile .sub-menu>.nav>li>a>span {
    right: auto;
    left: 0;
}
html[lang="ar"] #navbar-mobile .dropdown-header>.menu a {
    padding-left: 0;
    padding-right: 30px;
}
html[lang="ar"] #navbar-mobile .dropdown-header>a {
    padding-left: 0;
    padding-right: 30px;
    background-position: center right;
}
html[lang="ar"] .search-btn-mobile, html[lang="ar"] .region-lang-widgets {
    float: left;
}
/*html[lang="ar"] .widgets .menu-lang li a {
    background-position: right center;
}*/

html[lang="ar"] .account-menu-off .before-triangle, html[lang="ar"] .menu-off .before-triangle{
    right: auto;
    left: 3px;
}

html[lang="ar"] .header-desktop-menu .mega-menu-parent-item>.sub-menu>.container {
    padding-left: 0;
    padding-right: 170px;
}
.header-mobile-menu .logo-mobile .logo {
    float: none!important;
    display: block;
    margin: 0;
}
.header-desktop-menu .mega-sub-menu .mega-menu-item-has-children a:not([href='']):hover { color: #ad2184; }
.header-desktop-menu .mega-sub-menu li a:not([href='']):hover { color: #333; }
@media (max-width: 992px){
    body.navbar-is-fixed-top {
        margin-top: 0;
    }
    #navbar-mobile .megamenu-pub{
        display: none;
    }
    html, body{
        position: relative;
        height: 100%;
    }
}
.hide-hub-menu-mobile .menu.nav{
    display: none;
}
.header-mobile-menu .close-navbar {
    margin: 0;
}
#current-active-hub a {
    background: #a72181;
    color: #fff;
}
#current-active-hub a:after {
    content: "\e259";
    position: absolute;
    right: 0;
    top: 0;
    width: 55px;
    bottom: 0;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.hide-hub-menu-mobile #current-active-hub a:after {
    content: "\e258";
}
#navbar-mobile .dropdown-header>a.dejaclient {
    color: #b02a89;
}
html[lang="ar"] .hide-hub-menu-mobile #current-active-hub a:after {
    content: "\e257";
}
html[lang="ar"] #current-active-hub a:after {
    left: 0;
    right: auto;
}
.header-desktop-menu .widgets .menu-lang {
    margin-left: 5px;
    margin-top: -15px;
}
.s-page .header-desktop-menu .btn-search {
    display: none;
}
.search-desktop-is-open .widgets .menu li .btn-search {
    background-position: 72px 0;
}
.search-desktop-is-open .search-top {
    display: block;
}

.header-mobile-menu #navbar-mobile .mega-menu-item-current {
    display: block;
}
.header-mobile-menu #navbar-mobile .mega-menu-item-current > a {
    display: block;
}
html[lang="fr"] .app-item .app-description{
    padding-left: 0;
}
html[lang="ar"] .app-item .app-description{
    padding-right: 0;
    float: right;
}
html[lang="ar"]  #app-link-mobile {
    float: right;
}
html[lang="ar"] .app-description p {
    line-height: normal;
}
html[lang="ar"] #smart-app-banner .close-app {
    right: auto;
    left: 5px;
}
/*.header-mobile-menu .menu.nav > li > a:after {
    background-position: 0 0;
}
*/
.header-mobile-menu #navbar-menu .menu.nav > li > a {
    color: #ab2183;
}

/*#navbar-mobile .menu.nav>li>a {
    color: #ad2184;
}*/

#navbar-mobile .menu.nav>li>.is-active:after {
    background-position: -48px 0;
}

#navbar-mobile .mega-menu-parent-item > a > span {
    width: 50px;
    display: block;
    float: right;
    position: absolute;
    top: 0;
    border: 0;
    height: 100%;
    right: 0;
    border-left: 1px solid #4a265f;
    margin: 0;
    display: none;
}
#navbar-mobile .mega-menu-parent-item.has-mega-menu>a>span {
    display: block;
}
#navbar-mobile .mega-menu-parent-item > a > span:after {
    content: "\e258";
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-size: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 15px;
    font-weight: bold;
    right: 20px;
    color: #fff;
}
html[lang="ar"] #navbar-mobile .mega-menu-parent-item > a > span:after{
    content: "\e257";
}
#navbar-mobile .show-menu-hub-items.mega-menu-parent-item > a > span:after {
    content: "\e259";
}

#navbar-mobile .mega-menu-parent-item .sub-menu {
    display: none;
}
#navbar-mobile .show-menu-hub-items .sub-menu {
    display: block;
}

.list-hubs {
    text-align: center;
    /* clear: both; */
    /* overflow: hidden; */
    display: none;
}

.list-hubs li a {
    padding: 10px 15px 10px 50px;
    background: #f7f7f7;
    color: #555;
    font-size: 16px;
    border-bottom: 1px solid #ececec;
    text-align: left;
}

html[lang="ar"] .list-hubs li a {
    padding: 10px 50px 10px 15px;
    text-align: right;
}
.list-hubs li:last-child a {
    border: none;
}
.active-hub {
    text-align: center;
    display: block;
    padding: 5px 15px;
    font-size: 12px;
    color: #333;
    position: relative;
}
#hubs-menu-mobile {
    clear: both;
    overflow: hidden;
}
.hubs-menu-is-open .list-hubs{
    display: block;
}
.mobile-search-is-open .hubs-menu-is-open {
    padding-bottom: 15px;
}
.mobile-search-is-open .hubs-menu-is-open li:last-child {
    border-bottom: 1px solid #ececec;
}
.active-hub:after {
    margin: 0 5px;
    position: relative;
    top: 3px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e252";
}
.list-hubs li a.is-active {
    color: #ad2184;
}
.hubs-menu-is-open > .active-hub:after {
    content: "\e253";
}
html[lang="ar"] .search-mobile {
    padding-right: 0;
}
html[lang="ar"]  #navbar-mobile .mega-menu-parent-item > a:after {
    left: auto;
    right: 15px;
}
html[lang="ar"] #navbar-mobile .mega-menu-parent-item > a > span {
    right: auto;
    left: 0;
    border-left: none;
    border-right: 1px solid #4a265f;
}
html[lang="ar"] #navbar-mobile .navbar-nav>.mega-menu-parent-item>a {
    padding: 10px 50px 10px 15px;
}
html[lang="ar"] .s-page .search-top {
    width: 33.33333333%;
    float: left;
}
.stock-empty .btn-primary > span {
    padding: 6px 25px;
    display: block;
}

.stock-empty .btn-primary {
    background: #e7e7e7!important;
    border-color: #e1e1e1!important;
    color: #a6a6a6!important;
    cursor: auto;
}


/* hide/show menu links extern */

html[lang="fr"] .ar-menu{
    display: none!important;
}

html[lang="ar"] .fr-menu{
    display: none!important;
}



/* btob Event Form */

html[lang="ar"] #carousel-offers-vertical .owl-prev {
    left: auto;
    right: -50px;
     background-image: url(themes/custom/inwi/images/next_active.svg); 
}

html[lang="ar"] #carousel-offers-vertical .owl-next {
    right: auto;
    left: -50px;
     background-image: url(themes/custom/inwi/images/prev_active.svg); 
}

html[lang="ar"] #carousel-offers-vertical .owl-prev.disable {
     background-image: url(themes/custom/inwi/images/next.svg); 
}

html[lang="ar"] #carousel-offers-vertical .owl-next.disable {
     background-image: url(themes/custom/inwi/images/prev.svg); 
}

#contact-message-formulaire-de-referencement-four-form .form-wrapper:not(#edit-field-etes-vous-client-inwi---wrapper), #contact-message-formulaire-de-referencement-four-form .captcha {
    min-height: 80px;
}


#contact-message-formulaire-event-b2b-form .form-control:not(textarea){
    height: 40px;
    display: block;
    width: 100%;
}
#contact-message-formulaire-event-b2b-form .select-wrapper select {
    background: #eee;
    color: #333;
}
#contact-message-formulaire-event-b2b-form  .select-wrapper:after {
    color: #a6a6a6;
}
#contact-message-formulaire-event-b2b-form .panel-heading {
    border: none;
    background: none!important;
    padding-bottom: 0;
    padding-top: 0;
    box-shadow: none;
    width: 55%;
    float: left;
}
#contact-message-formulaire-event-b2b-form .panel-body {
    padding: 0 15px;
    width: 45%;
    float: left;
}
#contact-message-formulaire-event-b2b-form .form-item.radio {
    float: left;
    width: 50%;
    margin: 0;
}
#contact-message-formulaire-event-b2b-form label {
    font-size: 15px;
}

#contact-message-formulaire-event-b2b-form .form-wrapper, #contact-message-formulaire-event-b2b-form .captcha {
    width: 50%;
    float: left;
    padding: 0px 15px;
    box-shadow: none;
}
#contact-message-formulaire-event-b2b-form  {
    max-width: 1050px;
    margin: 0 auto;
    overflow: hidden;
    padding: 50px 0;
    display: block;
}
#contact-message-formulaire-event-b2b-form  #edit-preview{
    display: none;
}
#contact-message-formulaire-event-b2b-form .form-textarea {
    display: block;
    width: 100%;
}

html[lang='ar'] #contact-message-formulaire-event-b2b-form .panel-heading, html[lang='ar'] #contact-message-formulaire-event-b2b-form .panel-body, html[lang='ar'] #contact-message-formulaire-event-b2b-form .form-item.radio, html[lang='ar'] #contact-message-formulaire-event-b2b-form .captcha, html[lang='ar'] #contact-message-formulaire-event-b2b-form .form-wrapper{
    float: right;
}

@media(max-width: 768px){
   #contact-message-formulaire-event-b2b-form .panel-heading, #contact-message-formulaire-event-b2b-form .panel-body, #contact-message-formulaire-event-b2b-form .form-item.radio, #contact-message-formulaire-event-b2b-form .captcha, #contact-message-formulaire-event-b2b-form .form-wrapper {
        float: none!important;
        width: 100%!important;
    } 
}
/* end of event Form */




/********************************************
        form e-league 
************************************************/


#edit-field-e-league-option1-wrapper, #edit-field-e-league-option2-wrapper, #edit-field-e-league-option3-wrapper, #edit-field-e-league-option4-wrapper, #edit-field-e-league-pseudo-wrapper, #edit-field-e-league-pseudo-team-wrapper {
    display: none;
}

#contact-message-e-league-form  #edit-actions {
    clear: both;
}

#contact-message-e-league-form  #edit-preview {
    display: none;
}

#contact-message-e-league-form {
    width: 1050px;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 50px 0;
}

#contact-message-e-league-form label {
    font-size: 15px;
}

#contact-message-e-league-form .form-inline .form-group{
    display: block;
}

#contact-message-e-league-form .form-text, #contact-message-e-league-form .form-date {
    height: 40px;
    display: block;
    width: 100%;
}

#contact-message-e-league-form .select-wrapper select {
    background: #eee;
    color: #333;
}

#pub-menu-mobile {
    max-width: 200px;
    margin: 0 auto;
}

#pub-menu-mobile img {
    width: 100%;
}


/********************************************
        form e-league 
************************************************/

html[lang="ar"] .is_fr{
    display: none!important;
}

html[lang="fr"] .is_ar{
    display: none!important;
}

/************ Forfait In **********/

html[lang="ar"] .horizontal-offer-container .is_promo, html[lang="ar"] .v-offer-body .is_promo{
    right: auto;
    left: -20px;
} 

/************ End Forfait In **********/



@media(max-width: 768px)
{
    .roaming .gm-style-iw {
        min-width: 350px;
        height: 240px;
        overflow: scroll;
    }
    
    /* modif youssef*/
    
    .decouvrir .container .apps {
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        padding: 0px;
        text-align: center !important;
   }
     /* modif youssef*/
}



.path-frontpage #mobile-wrapper {
    position: relative;
    background: url(../images/tag-hp-fr.png) no-repeat;
    background-size: 150px;
    background-position: right 25px top 25px;
}

html[lang='ar'] .path-frontpage #mobile-wrapper {
    background: url(../images/tag-hp-ar.png) no-repeat;
    background-size: 150px;
    background-position: left 25px top 25px;
}

@media(max-width: 768px) {
	
#carousel-application.right:after {
    left: 0% !important;
    right: 0;

    
}
   .path-frontpage #mobile-wrapper {
        background-size: 60px;
        background-position: right 15px top 10px;
    }
    
    html[lang='ar'] .path-frontpage #mobile-wrapper {
        background-size: 60px;
        background-position: left 15px top 10px;
    }
}



.le_block_Revolutionnez_carriere .block_tetle {
    text-align: center;
    padding-top: 10px;
}
.le_block_Revolutionnez_carriere .block_tetle h2 {
    font-size: 40px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin-bottom: 0;
    padding-top: 40px;
    margin-top: 0;
}
.le_block_Revolutionnez_carriere .block_tetle h3 {
    color: #85857f;
    font-size: 20px;
    line-height: 16px;
    margin-bottom: 5px;
    text-align: center;
    padding-top: 9px;
}
.le_block_Revolutionnez_carriere {
    background-color: #f7f7f7;
}
.le_block_Revolutionnez_carriere .block-image .img img {
    width: 100%;
    height: 300px;
}

.le_block_Revolutionnez_carriere .block-image {
    background-color: #f7f7f7;
    padding: 25px 1px;
    padding-bottom: 0px;
    position: relative;
}
.le_block_Revolutionnez_carriere .block-image .container .le_link {
    position: absolute;
    top: auto;
    bottom: 34px;
    text-align: right;
    width: 100%;
    left: 0px;   
}
.le_block_Revolutionnez_carriere .block-image .container .le_link a {   
    /*color: #fff;
    font-size: 24px;
    background: #ad2184 !important; 
    border-color: #ad2184;
    padding: 6px 39px;
    border-radius: 7px;*/
    padding: 9.5px 20px;
    color: #fff;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 18px;   
    background: #ad2184;
    border-color: #ad2184;
    border-radius: 4px;  
}   
.le_block_Revolutionnez_carriere {    
    padding-bottom: 85px!important;     
}    
#exclusive .exclusive-box .exclusive-img img.img-responsive {
    height: fit-content!important;
    width: 100%!important; 
}
.position-relative{
    position: relative !important; 
}
 
.text-right{
    text-align: right !important; 
}
/*
[dir="rtl"]  .text-right{
    text-align: left !important; 
}
*/
.le_block_Revolutionnez_carriere .block-image .container .le_link.text-right.position-relative{
    top: 20px; 
    text-align: center !important;
}
[dir="rtl"] .le_block_Revolutionnez_carriere .block-image .container .le_link.text-right.position-relative {
    top: 20px;
    text-align: center !important;
}


[dir="rtl"] .le_block_Revolutionnez_carriere .block-image .img {
    background: url(https://rct.inwi.ma/sites/default/files/img/PLATEFORME-RECRUTEMENT-VA.jpg) no-repeat !important;
    background-size: 100% 100%!important;
}
.le_block_Revolutionnez_carriere .block-image .img {
    background: url(https://rct.inwi.ma/sites/default/files/img/20-000380-PLATEFORME-RECRUTEMENT-Fille1300X300.jpg)  no-repeat !important;
    background-size: 100% 100%!important;
}



@media screen and (max-width: 1050px){
.quick-navigator ul li a {
    padding: 15px 4px;
    font-size: 14px;
}
}
@media screen and (max-width: 768px){
    [dir="rtl"] .le_block_Revolutionnez_carriere .block-image .img {
        background: url(https://rct.inwi.ma/sites/default/files/img/PLATEFORME-RECRUTEMENT-VA-mobile.jpg) no-repeat !important;
        background-size: 100% 100%!important;
    }
    [dir="rtl"] .le_block_Revolutionnez_carriere .block-image .container .le_link.text-right.position-relative {
        top: 3px;
        left: -47px;
    }
    .le_block_Revolutionnez_carriere .block-image .container .le_link.text-right.position-relative {
    top: 3px;
    left: -23px;
    }
    [dir="rtl"] .le_block_Revolutionnez_carriere .block-image .container .le_link a {
        color: #fff;
        font-size: 18px;
        background: #ad2184 !important;
        border-color: #ad2184;
        padding: 2px 20px;
        border-radius: 7px;   
    }
    .le_block_Revolutionnez_carriere .block-image .container .le_link a {
        color: #fff;
        font-size: 18px;
        background: #ad2184 !important;
        border-color: #ad2184;
        padding: 2px 20px;
        border-radius: 7px;
    }
    .le_block_Revolutionnez_carriere .block-image .img {
        background: url(https://rct.inwi.ma/sites/default/files/img/20-000380-PLATEFORME-RECRUTEMENT-Fille.jpg)  no-repeat !important;
        background-size: 100% 100%!important;
    }
    

    .le_block_Revolutionnez_carriere .block-image .img img {
        width: 100%;
        height: 300px;
    }
    .quick-navigator ul li a {
        padding: 15px 4px;   
        font-size: 14px;
    }


}
@media screen and (max-width: 500px){
    [dir="rtl"] .le_block_Revolutionnez_carriere .block-image .img {
        background: url(https://rct.inwi.ma/sites/default/files/img/PLATEFORME-RECRUTEMENT-VA-mobile.jpg) no-repeat !important;
        background-size: 100% 100%!important;
    }
    [dir="rtl"] .le_block_Revolutionnez_carriere .block-image .container .le_link.text-right.position-relative {
        top: 20px;
        left: 0;
    }
    .le_block_Revolutionnez_carriere .block-image .container .le_link.text-right.position-relative {
    top: 20px;
    left: 0;
    }
    [dir="rtl"] .le_block_Revolutionnez_carriere .block-image .container .le_link a {
        color: #fff;
        font-size: 18px;
        background: #ad2184 !important;
        border-color: #ad2184;
        padding: 8.5px 20px;
        border-radius: 7px;
    }
    .le_block_Revolutionnez_carriere .block-image .container .le_link a {
        color: #fff;
        font-size: 18px;
        background: #ad2184 !important;
        border-color: #ad2184;
        padding: 9.5px 20px;
        border-radius: 7px;
    }
    .le_block_Revolutionnez_carriere .block-image .img {
        background: url(https://rct.inwi.ma/sites/default/files/img/20-000380-PLATEFORME-RECRUTEMENT-Fille.jpg)  no-repeat !important;
        background-size: 100% 100%!important;
    }
    
    
    .le_block_Revolutionnez_carriere .block-image .img img {
        width: 100%;
        height: 300px;
    }
    .quick-navigator ul li a {
        padding: 15px 4px;
        font-size: 14px;
    }


}

.contextual , .visually-hidden{
    position: initial!important;
    
}


.view-header h2{
    font-size: 40px;
    font-weight: bold;
    color: #333;
    text-align: center!important;
    margin-bottom: 0;
    padding-top: 40px;
    margin-top: 0;
}

.views-element-container.block_carousel.clearfix{
    background: #f7f7f7;
}

.animated.slideInUp img{

    width:720px;
    height:555px;
}