@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600");


.active-filter{
     padding:15px 
}
.no-wa-fb{
     height:40px;
     display:block 
}
.exclusive-countdown-wrapper{
     height:120px 
}
.exlusive-promo{
     position:absolute;
     left:0;
     right:0;
     height:40px;
     display:inline-block;
     bottom:0;
     background:#fff;
     width:80px;
     margin:0 auto;
     border-radius:50px 50px 0 0;
     background-image:url(../new-imgs/timing.svg);
     background-size:50px;
     background-repeat:no-repeat;
     background-position:center -2px 
}
.countdown-label{
     font-weight:bold;
     display:block;
     font-size:15px;
     margin-top:10px 
}
.exclusive-box{
     min-height:590px 
}
.countdown span{
     display:block;
     font-size:25px;
     border-right:1px solid #a6a6a6;
     padding:0 20px;
     line-height:20px;
     font-weight:bold;
     color:#333 
}
.countdown>strong{
     display:inline-block;
     font-size:16px;
     font-weight:100;
     color:#a6a6a6 
}
html[lang="ar"] .countdown span{
     border-right:none;
     border-left:1px solid #a6a6a6 
}
.countdown strong:last-child span{
     border:none 
}
.countdown-after-label{
     color:#a6a6a6 
}
.exclusive-countdown .countdown{
     padding:10px 0;
     display:block 
}
#edit-field-cin-copy-wrapper .description{
     display:none 
}
.contact-message-idar-duo-form label{
     font-size:15px 
}
.contact-message-idar-duo-form .form-control{
     height:40px;
     display:block;
     width:100% 
}
.cs-message{
     padding:15px;
     margin-bottom:20px;
     border:1px solid transparent;
     border-radius:4px 
}
.cs-message.type-error{
     color:#a94442;
     background-color:#f2dede;
     border-color:#ebccd1 
}
.cs-message.type-success{
     color:#3c763d;
     background-color:#dff0d8;
     border-color:#d6e9c6 
}
.type-primary_msg .container{
     background:#ad2284;
     color:#fff;
     padding:15px 15px;
     border-radius:4px;
     text-align:center;
     box-shadow:1px 1px 4px 1px rgba(0,0,0,.17) 
}
form #edit-preview{
     display:none 
}
#block-idar-duo-contact{
     max-width:1050px;
     margin:0 auto;
     padding:0 0 50px 0;
     overflow:hidden;
     background-image:url(../new-imgs/idar.png);
     background-repeat:no-repeat 
}
.post-item-details .category{
     color:#ad2284;
     font-size:18px 
}
.post-item-details .post-thumbnail{
     margin-bottom:15px;
     width: 100%;
     float: none;
}
.post-item-details .post-details {
     width: 100%;
     float: none;
}
.post-item-details .post-details>h3{
     margin:5px 0 10px 0;
     font-size:26px;
     font-weight:600 
}
.post-item-details .post-excerpt{
     color:#676767;
     font-size:16px 
}
.post-item-details{
     border:1px solid #dcdcdc;
     padding:15px;
     margin-bottom:15px;
}
.social-menu>li{
     width:31px;
     height:31px;
     padding:2px;
     margin:0 2px 
}
.social-menu>li>a{
     background-size:cover;
     background-repeat:no-repeat;
     color:transparent;
     overflow:hidden;
     padding:0;
     height:100% 
}
.social-menu>li>a{
     display:block 
}
.social-menu>li>.facebook{
     background-image:url(../new-imgs/facebook-top.svg) 
}
.social-menu>li>.twitter{
     background-image:url(../new-imgs/twitter-top.svg) 
}
.social-menu>li>.youtube{
     background-image:url(../new-imgs/youtube-top.svg) 
}
.social-menu>li>.instagram{
     background-image:url(../new-imgs/instagram-top.svg) 
}
.social-menu>li>.linkedin{
     background-image:url(../new-imgs/linkedin-top.svg) 
}
.social-menu>li>a:hover{
     background-position:right 
}
.social-menu{
     display:block;
     overflow:hidden;
     list-style:none;
     padding:0 
}
.social-menu>li{
     float:left 
}
div.offer-container div.offer-details div.details-price{
     min-width:-webkit-fill-available 
}
.v-offer-bloc-extra{
     overflow:hidden;
     margin:0 -10px;
     padding:15px;
     border-top:1px solid #efefef 
}
.v-offer-bloc-extra img{
     width:100% 
}
.horizontal-offer-container .v-offer-bloc-extra{
     margin:0;
     padding:5px;
     border:none 
}
.waf-iflix,.waf-fb{
     display:block;
     height:45px;
     background-repeat:no-repeat;
     background-position:center;
     background-size:contain 
}
.waf-fb{
     background-image:url(../new-imgs/wa-fb-fr.jpg) 
}
.waf-iflix{
     background-image:url(../new-imgs/iflix.png) 
}
html[lang="ar"] .waf-fb{
     background-image:url(../new-imgs/wa-fb-ar.png) 
}
html[lang="ar"] .waf-iflix{
     background-image:url(../new-imgs/iflix-ar.png) 
}
html[lang="ar"] .tab-content>.tab-pan .detail_ved h3{
     text-align:right;
}
html[lang="ar"] .duration_video{
     left:15px;
     right:initial;
}
html[lang="ar"] .preview-thumbnail.nav-tabs li .desc{
     margin-right:15px;
}
html[lang="ar"] .preview-thumbnail.nav-tabs li .title_ved{
     text-align:right;
}
html[lang="ar"] .preview-thumbnail.nav-tabs li .time_ved{
     text-align:right;
}
html[lang="ar"] .preview-thumbnail.nav-tabs li a{
     float:right;
}
#contact-message-wifi-tram-form{
     width:1050px;
     margin:0 auto;
     overflow:hidden;
     padding:50px 0 
}
#contact-message-wifi-tram-form .form-wrapper:not(#edit-field-etes-vous-client-inwi---wrapper),#contact-message-wifi-tram-form .captcha {
     width:50%;
     float:left;
     padding:0 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-wifi-tram-form .form-control:not(textarea) {
     height:40px;
     display:block;
     width:100% 
}
#contact-message-wifi-tram-form .select-wrapper select{
     background:#eee;
     color:#333 
}
#contact-message-wifi-tram-form .select-wrapper:after{
     color:#a6a6a6 
}
#contact-message-wifi-tram-form .panel-heading{
     border:none;
     background:none!important;
     padding-bottom:0;
     padding-top:0;
     box-shadow:none;
     width:55%;
     float:left 
}
#contact-message-wifi-tram-form .panel-body{
     padding:0 15px;
     width:45%;
     float:left 
}
#contact-message-wifi-tram-form .form-item.radio{
     float:left;
     width:50%;
     margin:0 
}
#contact-message-wifi-tram-form label{
     font-size:15px 
}
#edit-field-accord-form-1-wrapper label,#edit-field-accord-form-2-wrapper label{
     font-size:13px 
}
#contact-message-wifi-tram-form #edit-actions{
     clear:both;
     margin-top:30px 
}
#contact-message-wifi-tram-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 
}
.inline-post .post-thumbnail{
     shape-outside:content-box;
     padding:15px;
     padding-top:0;
     padding-left:0;
     border-radius:2px;
     shape-margin:15px;
     width:25%;
     float:left 
}
.inline-post .post-thumbnail>img{
     border-radius:2px 
}
.inline-post .post-details{
     width:auto;
     float:none;
     padding:0 0 0 0 
}
form label{
     font-size:15px 
}
form input[type="text"],form input[type="password"],form input[type="tel"],form input[type="email"]{
     height:40px 
}
form select{
     background:#eee;
     color:#333 
}
#contact-message-offre-fibre-optique-form .form-type-date{
     width:50%;
     float:left;
     padding:0 15px 
}
#contact-message-offre-fibre-optique-form .container-inline{
     overflow:hidden;
     margin:0 -15px;
     padding:0 
}
#contact-message-offre-fibre-optique-form .form-inline .form-control{
     width:100%;
     display:inline-block 
}
#contact-message-offre-fibre-optique-form #edit-actions,#contact-message-diriddik-form #edit-actions{
     max-width:1050px;
     margin:0 auto;
     margin-bottom:15px 
}
form .group-wrapper{
     box-shadow:none;
     margin-top:35px 
}
form .group-wrapper .panel-heading{
     box-shadow:none;
     background:none 
}
form .group-wrapper .panel-heading .panel-title{
     font-size:20px;
     font-weight:bold 
}
html[lang="ar"] #block-idar-duo-contact{
     background-position:right 
}
.exclusive-box {
     min-height: 420px;
}
.internet-bonus {
     font-size: 12px;
     color: #ad2284;
}
a {
     outline: none!important;
}
#contact-message-offre-fibre-optique-pro-1-form{
     margin-top:20px;
}
#contact-message-offre-fibre-optique-pro-1-form button#edit-submit {
 margin-bottom: 30px;
}
#contact-message-offre-fibre-optique-pro-1-form div#edit-actions {
 max-width: 1050px;
 margin: 0px auto;
}
/* Mouhcine */
.block_client {
     background: url(../new-imgs/cover.png);
     padding: 55px 0px;
     text-align: center;
     background-size: cover;
     background-attachment: fixed;
     background-repeat: no-repeat;
}
.img_block{
     display:none;
}
.nos_client_title{
     margin:10px;
}
.nos_client_title h4{
     color: #ffffff;
     font-weight: bold;
     font-size: 26px;
     margin-bottom: 30px;
     line-height:0px;
}
.nos_client_title h4 span{
     display:block;
     font-size:15px;
     margin-top:24px;
}
.column-client-item {
     background: #be0087;
     color: #fff;
     border-radius: 10px;
     margin: 0px;
     padding-top:10px;
     margin-bottom: 15px;
}
.column-client-item h5 {
     font-size: 24px;
     font-weight: bold;
     position:relative;
     margin-bottom:40px;
}
.column-client-item h5:after{
     content: "";
     position: absolute;
     height: 4px;
     width: 60px;
     background: #fff;
     margin: auto;
     left: 0px;
     right: 0px;
     top:40px;
     border-radius: 2px;
}
.column-client-item p {
     color: #fff;
     font-size: 14px;
     text-align: center;
     margin: 16px auto;
     font-weight: bold;
     margin-bottom: 24px;
     padding: 0 25px;
}
.column-client-item .bottom {
     padding: 20px 0px;
     background: #c62696;
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;
}
.column-client-item .bottom a {
     background: #ffff;
     padding: 10px 10px;
     display: block;
     max-width: 200px;
     margin: auto;
     color: #333333;
     font-size: 16px;
     border-radius: 3px;
     border: 1px solid transparent;
     transition: 0.5s;
     cursor:pointer;
     position:relative;
}
.column-client-item .bottom a:hover {
     background: #be0087;
     color: white;
     border:1px solid #fff;
}
.col-md-4.col-xs-6.item_club {
     padding: 8px;
}
.column-client-item .bottom a .plus {
     border-radius: 50%;
     border: 1px solid #bebebe;
     display: inline-block;
     width: 18px;
     height: 18px;
     font-family: Arial,sans-serif;
     font-size: 14px;
     line-height: 16px;
     text-align: center;
     margin: 5px;
     color: #ad2184;
     padding: 0;
     font-weight: normal;
     text-align: center;
     position: absolute;
     left: 8px;
     top: 8px;
}
.column-client-item .bottom a:hover .plus{
     color:#fff;
     border-color:#fff;
}
#nos_client .block-title {
     color: #fff;
     margin: 0;
     padding: 0;
}
#nos_client .subtitle {
     color: #fff;
     margin-top: 10px;
}
/*page-service*/
body{
}
.page-service{
}
.slider_video{
     width:100%;
     /*height:500px;*/
     position: relative;
}
.slider_video .action {
     position: absolute;
     width: 330px;
     left: 0px;
     right: 0px;
     margin: auto;
     bottom:-30px;
}
.play{
     background: url(../new-imgs/play.png);
     width: 80px;
     height: 80px;
     display: block;
     margin: auto;
     background-size: contain;
     background-repeat: no-repeat;
}
.googleplay, .appstore {
     margin: 5px;
     width: 130px;
     height: 40px;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
     display: inline-block;
     position: relative;
}
/*.appstore {
     background: url(./img/ligne_right.png) no-repeat;
}
 .googleplay {
     background: url(./img/ligne_right.png) no-repeat;
}
*/
.slider_video .backgound_video img{
     width:100%;
     /*height:500px;*/
}
.about_video{
     position: absolute;
     top: 10%;
     width: 640px;
     left: 0px;
     right: 0px;
     margin: auto;
     color:#fff;
     text-align: center;
}
.about_video .icon_video{
     margin-bottom:20px;
     cursor:pointer;
}
.about_video h2{
     font-size:32px;
     color:#ffffff;
}
.about_video p{
     font-size:19px;
     color:#ffffff;
     font-weight:bold;
}
.ligne_content{
     padding:20px;
}
.page-service .title_ligne{
     margin: auto;
     margin-bottom: 40px;
     text-align: center;
     padding-top:40px;
}
.page-service .title_ligne h3{
     font-size: 30px;
     font-weight: bold;
}
.ligne_content .bloc-ligne{
     width:100%;
     height:480px;
     position:relative;
}
.is-odd.bloc-ligne{
 background-color: #fafafa;
 margin-top:25px;
}
.ligne_content .container{
     position: relative;
}
.ligne_content .bloc-ligne .ligne_description{
     height:500px;
     width:380px;
}
.ligne_content .bloc-ligne .bloc_feature{
     margin-top: 120px;
     width: 320px;
     float: left 
}
.ligne_content .left_ligne .bloc_feature{
     float: right;
}
.img_ligne{
     height:550px;
}
.is-even{
     margin-top:80px;
}
section.ligne_content .line_dotted:last-child {
     display: none !important;
}
.is-even .img_ligne{
}
.is-odd .img_ligne{
     right:0px;
}
.is-even .ligne_description{
     float: right;
}
.is-odd .ligne_description{
     float: left;
}
.ligne_description h5{
     font-size: 25px;
     font-weight: bold;
}
.ligne_description p{
     color:#000;
}
.ligne_description a.link{
     background: #b12e8a;
     padding: 10px;
     display:inline-block;
     width: 200px;
     color: #fff;
     font-size: 16px;
     border-radius: 39px;
     cursor: pointer;
     text-align: center;
}
.ligne_content .ligne_dotted{
     height: 199px;
     background-repeat: no-repeat;
     position: absolute;
     width: 500px;
     right: 0px;
     z-index: 1 !important;
}
.bloc-ligne .img_ligne{
     position: absolute;
}
.icon_content{
     position: relative;
     width: 100%;
     height: 100%;
}
.icon_content .icon-all{
 width: 100px;
 position: absolute;
 height: 100px;
 text-align: center;
 font-size: 14px;
 line-height: 24px;
}
.icon_content .left{
     left:-40%;
}
.icon_content .right{
     right:-40%;
}
.icon_content .icon_left_1,.icon_content .icon_right_1{
 top: 20%;
}
.icon_content .icon_left_2,.icon_content .icon_right_2{
 top: 40%;
}
.icon_content .icon_left_3,.icon_content .icon_right_3{
 top: 60%;
}
.icon_thumbnail img{
     margin:auto;
     -webkit-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
     cursor: pointer;
}
.icon_thumbnail:hover img{
   width:70px;
}

.right_ligne .ligne_dotted{
     background-image: url(../new-imgs/ligne_right.png);
     bottom:-150px;
     z-index:2;
     left:36%;
}
.left_ligne .ligne_dotted{
     background-image: url(../new-imgs/ligne_left.png);
     z-index: -2;
     bottom: -190px;
     left:35%;
}
#recharge_ligne img{
     position: absolute;
     top: -35px;
     z-index: 4;
}
.ligne_content #ligne_left{
}
.left_ligne .ligne_description{
    /* width:380px;
    */
}
.left_ligne .ligne_description{
    /* width:380px;
    */
}
#consult_solde{
     display:none;
}
#recharge_ligne{
     background: #fafafa;
     position: relative;
     z-index: -4;
     display:none;
}
#facture_ligne{
     display:none;
}
.ligne_activite{
     width: 100%;
     height: auto;
     background: #fafafa;
     padding: 40px;
     margin-top: 40px;
}
.ligne_activite .service-item{
     text-align: center;
}
.parag_offre_service {
    min-height: 50px;
}
.ligne_activite .service-item-icon{
     width: 60px;
     margin: auto;
     height: 60px;
}
.ligne_activite .service-item-icon img{
     width:100%;
}
.downoald_app {
 width: 100%;
 height: auto;
 overflow: hidden;
 position: relative;
}
.downoald_content {
     padding: 50px 70px;
}
.downoald_icon{
     width:100px;
}
.downoald_content .action{
     float: left;
     text-align:left;
     margin: 15px 0px;
}
.downoald_desc {
     display: block;
     padding: 30px 0px;
     text-align: left;
     height: 100px;
     width: 400px;
}
span.first_desc {
     display: block;
     font-size: 22px;
     color:#333;
}
span.last_desc {
     font-size: 26px;
     font-weight: bold;
     color:#333;
}
.ligne_content .bloc-ligne:last-child .ligne_dotted{
     display:none;
}
.page-service .ligne_activite .title_ligne{
     width:600px;
     padding-top:0px;
}
.page-service .modal-dialog{
     top:110px;
}
.page-service .modal-header .close{
     background-color: #e22e91;
     width: 40px;
     height: 40px;
     border-radius: 20px;
     position: absolute;
     z-index: 22;
     right: -22px;
     top: 10px;
     font-size: 33px;
     line-height: -12px;
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center;
     outline: none;
}

/* parallax */

.right_ligne .feature_thumbnail_img {
    margin-left: 40%;
}
.right_ligne .icon_content .left{
 left: 0px;
}
.right_ligne .icon_content .right {
 right: -80%;
}
.left_ligne .feature_thumbnail_img {
     margin-left:-40%;
}
.left_ligne .icon_content .left{
    left:-80%;
}
.left_ligne .icon_content .right {
    right:0;
}
.feature_thumbnail_img {
 position: relative;
 width: 300px;
 height: 525px;
}

.feature_thumbnail_img img {
 position: absolute;
 height: 100%;
 width: auto;
 margin: 0 auto;
 left: 0;
 right: 0;
}


.page-service .modal-header .close:hover,.page-service .modal-header .close:active{
     opacity:1;
     outline: none;
}
.page-service .modal-content {
     background: none;
     box-shadow: none;
     border: none;
}
.page-service .modal-header{
     border:none;
}
.downoald_app .img_left {
 position: absolute;
 width: 100%;
 z-index: -1;
}
.downoald_app .right_desc{
     float: right;
     width:60%;
}

.downoald_app .img_left img {
 height: 350px;
 width: auto;
}
.item_second {
 animation-duration: 3s;
}

/*page_myinwi*/
.create_compte{
     margin:20px 0;
}
.create_compte .title_ligne{
 margin: auto;
 margin-bottom: 40px;
 text-align: center;
 padding-top: 40px;
 text-align: center;
}
.create_compte .title_ligne .subtitle{
   font-size:16px;
}
.create_compte p{
     color:#000;
}

.create_compte .title_ligne h3 {
 font-size: 30px;
 font-weight: bold;
}

.create_compte .desc{
     margin-bottom:40px;
}

.create_compte .desc p{
     color:#000;
}
.create_compte .service-item{
     text-align: center;
}
.create_compte .service-item img{
     margin:20px auto;
     max-width: 60px;
}
.create_compte .service-item a {
 display: block;
 color: #af1985;
}
section.offre_myinwi{
     text-align: center;
     margin-top:40px;
     margin-bottom:40px;
}
.create_compte .service-item a.btn.how_to{
 box-shadow: 0px 1px 2px rgba(203, 203, 203, 0.2);
 background: #e22e91;
 border-color: #e22e91;
 color: #fff !important;
 max-width: 200px;
 margin: auto;
 display: block;
 border-radius: 20px;
 white-space: initial;
}
.offre_myinwi .item_offre {
 border: 2px solid rgb(235, 234, 240);
 display: inline-block;
 text-align: center;
 margin-bottom: 40px;
 margin-right: 20px;
 min-width: 270px;
 min-height: 138px;
 padding: 20px;
 border-radius: 5px;
 cursor: pointer;
}

.offre_myinwi .item_offre:hover,.offre_myinwi .item_offre.active{
     background-color:rgb(60, 20, 72);
     color:#ffffff;
}
.offre_myinwi .item_offre h5 {
 font-size: 2rem;
 font-weight: bold;
}
.offre_myinwi .item_offre:hover .offre-item-icon
.offre_myinwi .item_offre.active:hover .offre-item-icon{
   background-color: rgb(86, 26, 99);
}
.offre-item-icon{
     display: flex;
     align-items: center;
     margin: auto;
     border-radius: 50px;
}
.offre-item-icon img{
  margin: auto;
}
.offre_myinwi .tabs{
     border: 2px solid rgb(235, 234, 240);
     padding: 28px;
     text-align: left;
     border-radius: 5px;
     display: none;
}
.offre_myinwi .tabs_offre .active{
     display: block !important;
}
.offre_myinwi .tabs h5 {
 font-weight: bold;
 font-size: 1.6rem;
}
.offre_myinwi .tabs ul li:before{
     display: none;
}
.offre_myinwi .tabs li a{
   color:#af1985;
}
.offre_myinwi .tabs li span {
 font-size: 17px;
 margin: 10px auto;
 margin-bottom: 16px;
 font-weight: bold;
 background: red;
 padding: 10px;
 border-radius: 40px;
 width: 40px;
 height: 40px;
 background: rgb(57, 57, 57);
 color: #fff;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 margin-right: 20px;
}
.offre_myinwi .img-offreLeft {
    position: absolute;
    width: 160px;
    height: 160px;
    right: 40px;
    top: 25px;
}
.offre_myinwi .img-offreLeft2 {
    position: absolute;
    width: 160px;
    height: 160px;
    right: 40px;
    top:200px;
}
/*page_myinwi*/
/*arabe_css*/
html[lang="ar"] .is-even{
 margin-top:0px;
}
html[lang="ar"] .is-even .ligne_dotted {
 right: 37%;
 left: initial;
 bottom: -160px;
}
html[lang="ar"] .is-even .ligne_description{
     float:left;
}
html[lang="ar"] .is-even .bloc_feature{
     float: right;
}
html[lang="ar"] .is-odd .ligne_description{

}
html[lang="ar"] .is-odd .ligne_description{
     float:right;
}
html[lang="ar"] .is-odd .bloc_feature{
     float: left;
}
html[lang="ar"] .is-odd .img_ligne{
     left:0px;
     right: initial;
}
html[lang="ar"] .right_ligne .ligne_dotted {
 background-image: url(../new-imgs/ligne_left.png);
}
html[lang="ar"] .left_ligne .ligne_dotted {
 background-image: url(../new-imgs/ligne_right.png);
 left: 36%;
 right: initial;
 bottom: -150px;
}
html[lang="ar"] .img_ligne{
 z-index:9;
}
html[lang="ar"] .downoald_app .img_left{
 float: right;
}
html[lang="ar"] .downoald_app .right_desc{
 float: left;
}
html[lang="ar"] .downoald_desc{
 text-align: right;
}
html[lang="ar"] .downoald_content .action{
 float:right;
}

html[lang="ar"] .right_ligne .icon_content .left{
  right:0px !important;
}
html[lang="ar"] .right_ligne .icon_content .right{
     left:-80%;
    right: initial;
}
html[lang="ar"] .left_ligne .feature_thumbnail_img{
     margin-left:0px;
     margin-right:-40%;
}
html[lang="ar"] .left_ligne .icon_content .left{
     right: initial;
     left: 0;
}
html[lang="ar"] .left_ligne .icon_content .right{
     left: initial;
     right: -80%;
}

html[lang="ar"] .creer_compte {
    right: initial;
    left: 0px;
    padding-right: 0px;
    padding-left: 40px;
    min-width: 180px;
}
html[lang="ar"] a.creer_compte img{
     right: initial;
     left: 14px;
}
html[lang="ar"] .offre_myinwi .tabs{
     text-align: right;
}
html[lang="ar"] .offre_myinwi .tabs li span{
     margin-left: 20px;
     margin-right: 0px;
}
html[lang="ar"] .offre_myinwi .tabs h5{
     font-size: 2rem;
}
html[lang="ar"] .right_ligne .feature_thumbnail_img{
     margin-left: 0px;
     margin-right:40%;
}
html[lang="ar"] .offre_myinwi .img-offreLeft {
    left: 40px;
    right: initial;
}
html[lang="ar"] .offre_myinwi .img-offreLeft2 {
    left: 40px;
    right: initial;
}
/*.left_ligne .feature_thumbnail_img{
     margin-right:-240px;
     margin-left:0px;
}*/
/*arabe_css*/
/*page-service*/
/* Mouhcine */

#block-infooter-entreprises .menu > li {
 display: inline-block;
 padding-right: 5px;
 padding-left: 5px;
}

#block-infooter-entreprises .menu > li > a {
 padding: 0;
}

/***************************
     START WebForm
     ***************************/

     .webform-submission-form {
      max-width: 1050px;
      margin: 0 auto;
      padding: 40px 0;
 }

 .webform-submission-form #edit-actions {
      overflow: hidden;
 }

 .webform-submission-form .select2-selection--single {
      height: 40px;
 }

 .webform-submission-form .select2-selection--single .select2-selection__rendered {
      line-height: 38px;
      font-size: 14px;
 }

 .webform-submission-form .select2-selection__arrow {
      margin: auto 0;
      bottom: 1px;
 }

 .select2-results__option {
      font-size: 14px;
 }

 .webform-submission-form .form-submit[disabled] {
      background: #85857f;
      border-color: #cccccc;
 }

 .webform-submission-form .webform-actions {
      text-align: right;
 }

 /*innovation*/
 .innovation .bloc-title {
      color: #ad2184;
      font-size: 40px;
      font-weight: bolder;
      text-align: center;
 }
 .innovation p{
     color: #282828;
     text-align: center;
     font-size: 1.7rem;
}

/*innovation*/

/***************************
     END WebForm
     ***************************/


     @media (max-width: 1270px) and (min-width: 768px)
     {
          .ligne_content .bloc-ligne .ligne_description{
               width: auto;
          }
          .icon_content .left {
           left: -20%;
      }
      .bloc-ligne .img_ligne {
           float: left;
           position: relative;
           padding: 0 100px;
      }
      .right_ligne .ligne_dotted {
           display: none;
      }
 }
 @media (max-width: 996px) and (min-width: 768px)
 {

     .downoald_app .img_left img {
      height: 210px;
      width: 100%;
      object-position: center;
 }
 .ligne_content .bloc-ligne{
     height: auto;
}
.icon_content .right {
 right: -20%;
}
.bloc-ligne .img_ligne {
 float: none;
 max-width: 600px;
 margin: 0 auto;
}

.ligne_content .bloc-ligne .ligne_description {
 float: none;
 height: auto;
}
.ligne_content .bloc-ligne .bloc_feature {
 width: auto;
 margin-top: 20px;
 float: none;
 margin: 0 auto;
 text-align: center;
}
.ligne_description a.link {
 margin: 0 auto;
}
.feature_thumbnail_img {
 margin: 0 auto;
}
.left_ligne .ligne_dotted { display: none; }

.ligne_activite {
 margin-top: 0;
}
}


@media (max-width:768px){
     #block-idar-duo-contact{
      background:none 
 }
 #block-idar-duo-contact .col-md-6{
      padding:0 
 }
 .post-item-details{
      border:none 
 }
 .path-bons-plans #exclusive .col-xs-4 {
      width: 100%;
      float: none;
 }
 .page-service{
      width:100%;
 }
 .slider_video{
      height:auto;
 }
 .about_video h2{
      font-size:30px;
 }
 .slider_video .backgound_video img{
      height: auto;
 }
 .about_video {
      position: absolute;
      top: 20%;
      width: 90%;
 }
 .play{
     width: 50px;
     height: 50px;
}
.ligne_content .bloc-ligne{
 height:auto;
 margin-bottom:80px;
}
.ligne_content .bloc-ligne .ligne_description{
 text-align: center;
 width: 100%;
 height: auto;
}
.ligne_content .bloc-ligne .bloc_feature{
 width: 100%;
 text-align: center;
 float: none;
 margin-top: 15px;
 padding: 20px;
}
.ligne_description a.link{
 margin: auto;
 font-size: 30px;
 width: 70%;
 padding: 15px;
}
a.link{
 margin: auto;
 font-size: 30px;
 width: 70%;
 padding: 15px;
}

.ligne_description h5{
 font-size:40px;
 font-weight: bold;
}
.ligne_description p{
 font-size:23px;
}
.bloc-ligne .img_ligne {
 position: relative;
 margin: auto;
 width:100%;
}
.feature_thumbnail_img{
     height:350px;
     width:100%;
     margin: 0px !important;
}
.tabs_offre {
    margin: 0px 20px;
}
.tabs_offre .tabs ul li{
     font-size: 16px;
     margin-bottom: 40px;
     padding-left: 40px;
     padding-right: 0px;
     position: relative;
}
.offre_myinwi .tabs li span {
    position: absolute;
    left: -16px;
    top: -13px;
    right: initial;
}

html[lang="ar"] .tabs_offre .tabs ul li{
     font-size: 16px;
     margin-bottom: 40px;
     padding-right: 40px;
     position: relative;
}
html[lang="ar"] .offre_myinwi .tabs li span {
    margin-left: 28px;
    margin-right: 0px;
    position: absolute;
    right: -16px;
    top: -13px;
    left: initial;
}
section.offre_myinwi {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 40px;
    padding: 24px;
}
.offre_myinwi .item_offre{
     width: 25%;
     min-width: 25%;
     max-width: 25%;
     min-height:80px;
}
.offre_myinwi .img-offreLeft {
    position: relative;
    text-align: center;
    margin: auto;
    margin-bottom: 40px;
}
.offre_myinwi .img-offreLeft2{
    position: relative;
    text-align: center;
    margin: auto;
    top:initial;
}
.offre_myinwi .item_offre h5{
     display: none;
}
.ligne_content .bloc-ligne:first-child{
     margin-top: 50px;
}
.feature_thumbnail_img img{
     position: relative;
}
.page-service .ligne_activite .title_ligne{
 width:100%;
}
.img_ligne img{
 margin:auto;
}
.page-service .title_ligne h3{
 font-size:40px;
}
.page-service .subtitle{
 font-size:23px;
}
.ligne_content .ligne_dotted{
 display:none;
}
.service-item{
 margin-bottom:60px;
}
.service-item h3{
 font-size:40px;
}
.service-item p{
 font-size:23px;
}
.ligne_activite .title_ligne{
 margin-bottom:70px;
 width:100%;
}
.page-service .modal-dialog {
 top: 110px;
 width: 90%;
 left: 0px;
 right: 0px;
 margin: auto;
}
.downoald_app{
 margin-bottom:40px;
}
.downoald_icon{
 margin:auto;
}

.downoald_desc {
 margin: auto;
 text-align: center;
 width:100%;
}

.downoald_app .img_left{
 float:none;
 width:100%;
 position: static;
}

.downoald_app .right_desc{
 float: none;
 width:100%;
}

.downoald_content .action{
 text-align: center;
 float:none;
}

html[lang="ar"] .downoald_app .img_left img {

 object-position: center right;
}
.downoald_app .img_left img {
 object-fit: cover;
 height: 200px;
 object-position: center left;
}
html[lang="ar"] .downoald_desc {
    text-align: center;
}
html[lang="ar"] .downoald_content .action {
    float: none;
}
.page-service .title_ligne {
 width: auto;
 margin-bottom:15px;
}
.feature_thumbnail_img img{
   width: auto;
}
.img_ligne .icon_thumbnail img{

}
.page-service .title_ligne h3 {
 font-size: 30px;
 margin-top: 0;
}

.page-service .subtitle {
 font-size: 18px;
}

.ligne_content .bloc-ligne {
 margin: 0;
 padding: 35px 15px;
}
.ligne_content {
 padding: 20px 0;
}
.ligne_description h5 {
 font-size: 30px;
}

.ligne_description p {
 font-size: 18px;
}

.ligne_description a.link {
 width: auto;
 font-size: 16px;
 padding: 10px 10px;
 max-width: 350px;
}

.is-odd.bloc-ligne.left_ligne {
 background: #f9f9f9;
 margin: 0px;
 width: initial;
 padding: 35px 15px;
}

.ligne_activite {
     padding: 35px 15px 55px 15px;
}

.ligne_activite .service-item {
 margin: 0 0 55px 0;
}

.page-service .ligne_activite .title_ligne {
     margin-bottom: 80px;
}

.service-item h3 {
 font-size: 25px;
 font-weight: bold;
 margin-top: 10px;
}

.service-item p {
 font-size: 18px;
 text-rendering: geometricPrecision;
}

.ligne_activite .col-md-4:last-child .service-item {
 margin: 0;
}

.downoald_content {
 padding: 30px 15px 60px 15px;
}

span.last_desc {
 font-size: 20px;
}

span.first_desc {
 font-size: 20px;
 margin-bottom: 10px;
}

.slider_video .action {
 /* position: static; */
 bottom: -25px;
 width: 100%;
}

.about_video h2 {
 font-size: 18px;
}

.about_video {
 margin: 0 auto;
 left: 0;
 right: 0;
}

.about_video p {
 font-size: 14px;
}

/*.slider_video .backgound_video img {
height: 340px;
object-fit: initial;
object-position: initial;
}*/
.img_ligne .icon_thumbnail img {
     width: 40px;
}
.bloc-ligne .img_ligne {
 height: auto;
}
span.title_icon {
font-size:11px;
}
.icon_content .icon-all {
width: 100px;
height: 100px;
}

a.creer_compte {
    top: 0px;
    left: 0px;
    right: 0px;
    max-width: 270px;
    margin: auto;
}

html[lang="ar"] .creer_compte {
    right: 0px;
    left: 0px;
    padding-right: 0px;
    padding-left: 40px;
    min-width: 180px;
}

.ligne_content .bloc-ligne:last-child {
padding-bottom: 0;
}
.img_ligne:first-child {
    margin: 80px 0px;
}
 .icon_content .left {
    left: -7%;
}

.icon_content .icon_left_1, .icon_content .icon_right_1 {
     top: 0%;
}

.icon_content .icon_left_2, .icon_content .icon_right_2 {
    top:34%;
}

.icon_content .icon_left_3, .icon_content .icon_right_3 {
    top: 70%;
}

.create_compte{
     padding: 20px;
}
.right_ligne .icon_content .right {
 right:0px;
 width: 80px;
}
html[lang="ar"] .right_ligne .icon_content .right {
 left:0px;
 width: 80px;
 right: initial ;
}
html[lang="ar"] .left_ligne .icon_content .right {
    left: initial;
    right: 0px;
}

.left_ligne .icon_content .left{
     left: 0px !important;
}
.ligne_activite{
     margin-top:0px;
}
.contenu_offre .wrap-content-service table{
     width:100% !important;
}
.contenu_offre .col-md-4 img {
     margin: 20px auto;
     text-align: center;
     display: block;
     max-width: 100%;
     height: auto;
}
.wrap-content-service img{
   max-width:100%;
}
}
/*fidelete*/
.fidelite .block_description h5{
   font-size:24px;
   font-weight:bold;
   line-height: 40px;
}
.fidelite .block_description{
     padding:10px;
}
.fidelite .block_description p{
  font-size:15px !important;
  margin-bottom:28px;
  line-height: 20px;
}
.fidelite a{
   color: #337ab7;
}
.fidelite .link{
     background: #b12e8a;
     padding: 10px;
     display: block;
     max-width:100px;
     color: #fff;
     font-size: 16px;
     border-radius:5px;
     cursor: pointer;
     text-align: center;
}
a.link {
     background: #b12e8a;
     padding: 10px;
     display: block;
     width: 200px;
     color: #fff;
     font-size: 16px;
     border-radius: 39px;
     cursor: pointer;
     text-align: center;
     margin: auto;
}
.creer_compte{
    background: #b12e8a;
    padding: 10px;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    border-radius: 39px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0px;
    color:#ffffff;
    padding-right:40px;
}
.creer_compte:hover{
  color:#ffffff;
}
a.creer_compte img {
    width: 15px;
    transform: rotate(90deg);
    position: absolute;
    right: 14px;
    top: 14px;
}

.fidelite .img_store{
     margin-bottom:20px;
}
.fidelite .img_store a{ 
 margin-right:10px;
}
.img_column{
     position: absolute;
     top: 0%;
     width: 100%;
     left: 0;
     right: 0;
}


#contact-message-formulaire-event-b2b-form .form-wrapper, #contact-message-formulaire-event-b2b-form .captcha {
 width: 100%;
}

section.fide-presentation{
     margin-bottom:60px;
     position: relative;
}
section.fide-presentation .icon_image{
   height:300px;
}
section.fide-membre{
     margin-bottom: 60px;
     background:rgb(247, 247, 247);
/*     width: 100vw;
margin-left:-32%;*/
padding: 40px;
position: relative;
}
section.fide-membre .col-md-6{
   height:480px;
}
section.fide-membre h5{
   color:#c70880;
}
section.fide-point{
     margin-bottom:60px;
     position: relative;
}
section.fide-point .icon_image{
   height:400px;
}
section.fide-point .img_column{
     text-align: right;
     padding-right: 50px;
     padding-top:80px;
}
section.fide-point  .bloc_forfait {
 margin-bottom: 30px;
}
section.fide-point  .bloc_forfait span{
 margin-top:10px;
 display:block;
}
section.fide-convert-point{
     margin-bottom:60px;
     background: rgb(247, 247, 247);
/*     width: 100vw;
margin-left:-32%;*/
padding: 40px;
position: relative;
}
section.fide-convert-point .icon_image{
   height:400px;
}
section.fide-convert-point .img_column{
     text-align: right;
     padding-right: 50px;
     padding-top:150px;
}
section.fide-kdo{
     margin-bottom:60px;
     position: relative;
     background: rgb(247, 247, 247);
}
section.fide-kdo h5{
     font-size: 24px;
     font-weight: bold;
     line-height: 40px;
}
.fidelite section.fide-kdo .block_description p{
  line-height:30px;
}
section.fide-kdo .icon_image{
   height:200px;
   text-align: center;
}
section.fide-kdo .blc_kdo{
     padding:10px;
     margin:40px 0px;
}
section.fide-kdo .img_column img{
  width:50%;
}
section.fide-kdo .block_description{
   padding-top:60px;
}
section.fide-catalogue {
 margin-bottom: 60px;
 padding: 40px;
 position: relative;
 background: rgb(247, 247, 247);
}

.active-filter {
 color: #af1985!important;
}

.fidelite section.fide-catalogue .block_description p{
     line-height:30px;
}
section.fide-catalogue .img_column img{
     margin-top:-60px;
}
section.fide-catalogue .icon_image{
   height:400px;
}
section.fide-smartphone{
     margin-bottom:60px;
     position: relative;
}
section.fide-smartphone .icon_image{
   height:400px;
}
section.fide-smartphone .img_column img{
   width:55%;
}
section.fide-premium{
  margin-bottom: 60px;
/*    width: 100vw;
margin-left:-32%;*/
padding: 40px;
position: relative;
}
section.fide-premium .icon_image{
  height:400px;
}
section.fide-premium .img_column{
     text-align:right;
     padding-right:120px;
}
section.fide-premium .img_column img{
     margin-top:150px;
}
section.fide-premium .img_store img{
     margin-top:0px;
}
.catalogue-table{
   width: 100%;
   height: auto;
   display: block;
   margin: 16px 0px;
}
.catalogue-table ul li{
   background: #ffffff;
   border: 2px solid rgb(208, 208, 208);
   list-style-type: none;
   float: left;
   margin: 0px 3px;
   border-radius: 16px;
   color: #000000;
   margin-bottom: 20px;
   min-width: 110px;
   min-width: 100px;
   padding-top:6px;
   min-height:85px;
   font-size:14px;
}
.catalogue-table ul li:before{
     content:"" !important;
     display: none;
}
.catalogue-table ul li  a{
    text-decoration: none;
}
.top_catalogue{
   width:80%;
   height: auto;
   display: block;
   float: right;
   position: relative;
}
.catalogue-table .top_catalogue .top_catalogue_list{
   min-height: 40px;
   padding: 5px;
   border-radius: 30px;
   padding-left:20px;
}
.catalogue-table .top_catalogue .top_catalogue_list img{
     width: 15px;
     margin-right: 10px;
}
.top_catalogue_list a{
   color: #c70880;
}
.list_catalogue{
   display: block;
   height: auto;
   float: left;
   width: 100%;
   margin: 0px;
   padding: 0px;
}
.left_catalogue{
   width: 20%;
   float: left;
   padding: 0px;
   margin-top: 22px;
   padding: 20px;
}
.mobile_catalogue{
     display:none;
}
.left_catalogue .cont-catalogue,.mobile_catalogue .cont-catalogue{
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   background:rgb(144, 24, 127);
   min-height:400px;
   margin-top:20px;
   border-radius: 22px;
}

.left_catalogue .cont-catalogue span{
   font-size: 16px;
   color: #fff;
   text-align: center;
}
.right_catalogue{
   width:80%;
   display: block;
   float: right;
}
.right_catalogue .promo{
   height: auto;
   float: left;
   margin: 0px;
   padding: 0px;
   width:100%;
}
.right_catalogue .promo li{
   border:none;
   text-align: center;
}
.right_catalogue .promo li img{
   display: block;
   margin:auto;
   margin-bottom:4px;
}
li span{
   font-size: 17px;
   margin: 10px auto;
   margin-bottom: 16px;
   font-weight: bold;
}
.promo li{
   background-color: rgb(208, 208, 208) !important;
}
li.point {
     width: 16%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size:18px !important;
}
li.promo-time{
   width: 33%;
}
li.promo-4g{
   width: 22%;
}
li.promo-sms{
   width: 20%;
}

.espace_duo{
    width:100%;
}
.espace_duo .kdo_item{
   height:150px;
   margin-right: 16px;
}
.espace_duo .kdo_item.adsl_titre{
   width: 18%;
   float: left;
   background: rgb(144, 24, 127);
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   border-radius: 25px;
   padding:13px;
   font-weight: bold;
   font-size: 18px;
}
.espace_duo .kdo_item.kdo_duo{
   width:18%;
   float: left;
   text-align: center;
}
.espace_duo .kdo_item.kdo_duo .blc_appel {
   background: rgb(144, 24, 127);
   text-align: center;
   color: #fff;
   border-radius: 25px;
   padding: 10px;
   min-height: 106px;
   margin-top: 26px;
   padding: 15px;
}
.espace_duo .kdo_item.kdo_duo .blc_appel span{
   font-size: 15px;
   color: #fff;
   font-weight: 400;
   display:block;
   margin: auto;
   font-weight: bold;
}
.espace_duo .kdo_item.kdo_duo .blc_appel img{
   display: block;
   margin: auto;
}
.espace_duo .kdo_item.kdo_duo span{
  color:#000;
  font-size: 15px;
}
.espace_duo .kdo_item.kdo_pnt{
   width:13%;
   float: left;
}
.espace_duo .kdo_item.kdo_pnt .nbr_pnt{
   border:2px solid rgb(208, 208, 208);
   padding:8px;
   border-radius:30px;
   display:flex;
   align-content: center;
   align-items: center;
   font-weight:bold;
   justify-content: center;
   font-size:15px;
}
.espace_duo .kdo_item.kdo_pnt .bloc_info_promo{
   background: rgb(208, 208, 208) !important;
   border: 2px solid rgb(208, 208, 208);
   list-style-type: none;
   border-radius: 16px;
   color: #000000;
   margin-bottom: 20px;
   padding: 10px;
   font-size: 14px !important;
   width: 100%;
   text-align: center;
   margin-top: 10px;
}
.espace_duo .kdo_item.kdo_pnt .bloc_info_promo img{
   display: block;
   margin: auto;
   margin-bottom: 4px;
}
.espace_duo .kdo_item.kdo_pnt .bloc_info_promo .nbr_munite,.fide-catalogue .nbr_munite{
   display: block;
   margin: auto;
   margin-bottom: 4px;
   font-size: 15px;
   font-weight: bold;
}
.espace_duo .kdo_item.kdo_pnt .bloc_info_promo .valable ,.fide-catalogue .valable{
   display: block;
   margin: auto;
   margin-bottom: 4px;
   color: #707070;
   font-weight: bold;
   font-size:14px;
}
.espace_duo .kdo_item.kdo_pnt:last-child{
   margin-right:0px;
}

.col-item_portabilite {
 border-right: 1px solid #d8d8d8;
}

html[lang="ar"] .col-item_portabilite {
 border-right: none;
 border-left: 1px solid #d8d8d8;
}

.col-item_portabilite:last-child {
 border: none;
}


.item_icon_wrapper .owl-dot > span {
 height: 20px;
 width: 20px;
 display: inline-block;
 background: #d8d8d8;
 border-radius: 40px;
}

.item_icon_wrapper .owl-dot {
 display: inline-block;
 margin: 0 2px;
}

.item_icon_wrapper .owl-dots {
 text-align: center;
}

.item_icon_wrapper .owl-dot.active > span {
 background: #c00088;
}

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

.owl-nav>div {
 top: 10px;
}

.item_icon_wrapper .owl-nav > div {display: block!important;}

.item_icon_wrapper .owl-nav > div:after {
 position: relative;
 top: 1px;
 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;
 color: #c00088;
 font-size: 30px;
}


.item_icon_wrapper  .owl-next:after {
 content: "\e258";
}

.item_icon_wrapper  .owl-prev:after {
 content: "\e257";
}

.item_icon_wrapper  .owl-prev {
 left: -40px;
}

.item_icon_wrapper  .owl-next {
 right: -50px;
}

html[lang="ar"] .item_icon_wrapper .owl-prev {
     left: auto;
     right: -40px;
}

html[lang="ar"] .item_icon_wrapper  .owl-next {
 right: auto;
 left: -50px;
}


html[lang="ar"] .item_icon_wrapper  .owl-next:after {
 content: "\e257";
}

html[lang="ar"] .item_icon_wrapper  .owl-prev:after {
 content: "\e258";
}

section.fide-point .forfait_item-block {
 position: relative;
}
section.fide-point .forfait_item-block {
 margin-bottom: 30px;
 display: block;
 overflow: hidden;
 width: 90%;
 height: 100%;
}
section.fide-point .right_forfait {
 float: left;
 width: 20%;
}
section.fide-point .left_forfait {
 float: left;
 width: 80%;
}
section.fide-point .left_forfait .forfait_item-block {
 width: 100%;
 display:block;
}
section.fide-point .forfait_item-block span {
     margin-top: 10px;
     display: block;
     float: left;
     width: 28%;
     border: 1px solid;
     border-radius: 5px;
     padding: 10px;
     min-height: 40px;
     margin-right: 15px;
     font-size: 16px;
     text-align: center;
     border-radius:22px;
     background: rgb(208, 208, 208);
     border:none;
}
section.fide-point .forfait_item-block span.title_forfait {
   width:37%;
   background-color: rgb(145, 14, 128);
   color:#ffffff;
}
section.fide-point .right_forfait .forfait_item-block {
 width: 100%;
 display: block;
}
section.fide-point .forfait_item-block .right_forfait  span {
 width: 100%;
 min-height: 200px;
 display: block;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 20px;
}
.condition_recharge {
 background: none !important;
 width: 100% !important;
 text-align: left !important;
 font-size: 13px !important;
}

/*fidelete*/
/*portabilite*/
section.block_portabilite.x-container-fluid{
 background: #f7f7f7;
 padding:20px 0px;
}
section.block_portabilite .portabilite_title h1{
 text-align: center;
 /*font-size:2rem;*/
 font-weight: bold;
}
section.block_portabilite .portabilite_title p{
 text-align: center;
 font-size: 1.5rem;
 font-weight: bold;
}
.item_portabilite{
     text-align: center;
}
.item_portabilite img{
     margin-bottom: 15px;
     transition: 0.2s;
}
.item_portabilite:hover img 
{
     transform:scale(1.1);
     -webkit-transform:scale(1.1);
     -moz-transform:scale(1.1);
     -ms-transform:scale(1.1);
     -o-transform:scale(1.1);
};
.item_portabilite span{
     display: block;
     font-size:1.3rem;
}
.item_portabilite span{
     display: block;
}
.portabilite_title {
 margin-bottom: 40px;
}
.form_abonnement {
 width: 360px;
 margin: 30px auto;
 padding: 10px 0px;
 overflow: hidden;
 position: relative;
}
.form_abonnement a {
 padding: 12px 20px;
 font-size: 1.5rem;
 color: #000;
 background: #ffffff;
 border: 2px solid rgb(216, 216, 216);
 float: left;
}
.form_abonnement a.right_switch {
     border-bottom-right-radius: 40px;
     border-top-right-radius: 40px;
     border-left:none;
}
.form_abonnement a.left_switch {
     border-bottom-left-radius: 40px;
     border-top-left-radius: 40px;
     border-right:none;
}
.top_switch{
  background: #f7f7f7;   
  position: relative;
}
.top_switch:after{
     content: "";
     position: absolute;
     bottom: 0px;
     width: 440px;
     height: 2px;
     background: #ebebeb;
     left: 0px;
     right: 0px;
     margin: auto;
}
.link_to a {
 padding: 10px 24px;
 color: #ffffff;
 background-color: #be0087;
 border-radius: 20px;
 margin-top: 20px;
 display: inline-block;
 font-size: 1.5rem;
 width: 70%;
 text-align: center;

    
}
.body_switch{
     padding-bottom: 30px;
     display: none;
}
.body_switch .col-md-6 {
 min-height: 115px;
}
.active_switch{
     display: block;
}
.header_switch{
  background: #f7f7f7;   
  padding-bottom: 20px;
  margin-bottom: 40px;
}
.header_switch h4{
     text-align: right;
     margin-top:30px;
}
.header_switch a{
     color:#000;
}
.header_switch h4 span{
     color: #c00088;
     margin:0px 3px;
}
.header_switch h4.bold_hn{
     font-weight: bold;
     font-size: 2.4rem;
     text-align: left;
}
a.left_switch.switch_selected {
 background: #c00088;
 border-radius: 40px;
 color: #ffffff;
 margin-right: -14px;
 position: relative;
 border: 2px solid #c00088;
}
a.right_switch.switch_selected {
 background: #c00088;
 border-radius: 40px;
 color: #ffffff;
 margin-left: -14px;
 /* z-index: 99999;*/
 position: relative;
 border: 2px solid #c00088;
}
.item_icon {
 background: #f7f7f7;
 padding: 3px 20px;
 min-height:100px;
 position: relative;
 align-items: center;
 justify-content: center;
 text-align: left;
 margin-bottom: 35px;
}
#with_abonnement .col-md-6:nth-child(5) .item_icon{
   height: 136px;
}
.item_icon p{
   font-size: 1.4rem !important;
   margin: 15px auto;
   padding-left: 70px;
}
.img_icon {
     float: left;
     margin: 10px 20px 0px 0px;
     width: 50px;
     height: 50px;
     background:#efefef;
     padding: 10px;
     border-radius: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
}


.sideColumn{
     background: #36215b;
     color: #FFF;
     border-radius: 15px;
     font-family: Arial;
     font-size: 18px;
     font-weight: bold;
     padding-left: 30px;
     padding-right: 30px;
     text-align: center;
     border: 2px solid #FFF;
     margin: 0 10px;
}
.custom-table .autherColumn{
     border: 1px solid rgb(56, 27, 72);
     border-radius: 28px!important;
     padding-left: 40px;
     padding-right: 40px;
     font-family: Arial;
     text-align: center;
     color: rgb(56, 27, 72);
     display: -webkit-box;
     margin: 10px;
}

.headers{
     background: #000;
     border: 2px solid #FFF;
     color: #FFF;
     border-radius: 15px;
     font-family: Arial;
     font-size: 24px;
     font-weight: bold;
     padding-left: 64px;
     padding-right: 60px;
     text-align: center;
}

.rose{
     color: #BA68C8;
     font-weight: bold;
     padding: 0 3px;
}

.icone{
     font-size: 44px;
}


.sideColumn p {
 color: #fff!important;
}

.custom-table {}

.custom-table td {
 border: none;
}

.custom-table {
 border: none;
}

.custom-table tr:nth-child(even) {
 background: none;
}

.rose {
 color: #ae2187;
}

.custom-table .autherColumn h4 {
 margin: 0;
}


.autherColumn {
 border: 1px solid #ad2184;
 border-radius: 40px;
}

.autherColumn h4 {
 margin: 0;
}

.table-style-1 {
 border: none;
 width: 100%;
}

table.table-style-1 tr {
 background: none;
}

.empty-td {
 border: none;
}

.table-style-1 td {
 padding: 0;
 border: none;
}

.td-div {
 border: 1px solid #a13183;
 border-radius: 10px;
 margin: 0 10px;
 padding: 10px;
 color: #a13183;
 font-weight: bold;
 height: 100%;
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
}

.cs-td-1 {
 background: #371a48;
 color: #fff;
 font-weight: bold;
 border-radius: 10px;
 padding: 10px 35px;
 position: relative;
 height: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
}

.table-style-1 tr td {padding-bottom: 5px; height: 50px;}

.td-div-head {
 background: #000000;
 color: #fff;
 font-weight: bold;
 border-radius: 10px;
 padding: 15px 35px;
 margin: 0 10px;
}

.table-style-2 {
 border: none;
 width: 100%;
}

table.table-style-2 tr {
 background: none;
}


.table-style-2 tr {
}

.table-style-2 td {
 border: none;
 padding: 0;
 height: 50px;
 padding-bottom: 8px;
}

.table-style-2 .td-div {
 border: none;
 background: #d0d0d0;
 color: #333;
 margin: 4px;
}

.cs-td-2 {
 margin: 4px;
 padding: 10px;
 background: #000;
 color: #fff;
 border-radius: 10px;
 height: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
}

.cs-td-round-1 {
 background: #b21f87;
 color: #fff;
 border-radius: 100px;
 height: 120px;
 width: 120px;
 display: flex;
 align-items: center;
 padding: 10px;
 margin: 15px auto;
}

.display-inline-block {
 display: inline-block;
 padding: 10px 30px;
 height: auto;
}

.table-style-2 .td-div-text img {
 max-width: 80px;
 /* display: block; */
 margin-bottom: 12px;
 margin: 5px auto;
}

.td-div-text .label-text {
 color: #ae2187;
 font-weight: bold;
}

.td-div-text {
 display: flex;
 flex-direction: column;
 height: 100%;
 justify-content: flex-end;
}

.img-cs-td {
 height: 60px;
 max-width: 260px;
 margin: 10px auto;
}

.img-cs-td img {
 width: 100%;
}

.bloc-style-1 {
 max-width: 180px;
 margin: 0 auto;
 /* box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1); */
}

.bloc-style-1 .head, .bloc-style-2 .head {
 background: black;
 margin: 0 15px;
 border-radius: 20px 20px 0 0;
 color: #fff;
 text-align: center;
 padding: 15px 6px;
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 min-height: 50px;
}

.bloc-style-1 .head h3 {
 font-size: 14px;
 line-height: 14px;
 margin: 0;
}

.bloc-style-1 .head p {
 margin: 10px 0 0 0;
 color: #fff;
 font-size: 12px;
}

.bloc-style-1 .foot, .bloc-style-2 .foot {
 background: #ae2187;
 height: 20px;
 border-radius: 0 0 20px 20px;
 margin: 0px 3px;
 position: relative;
 top: -3px;
}

.bloc-style-1 .body, .bloc-style-2 .body {
 box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
 border-radius: 10px;
 padding: 15px 15px 55px 15px;
 position: relative;
 z-index: 1;
 background: #fff;
}

.bloc-style-1 .body p {
 font-size: 13px;
}

.bloc-style-1 .body li {
 font-size: 13px;
 line-height: 16px;
}

.bloc-style-1 .head:after, .bloc-style-2 .head:after {
 position: absolute;
 height: 50%;
 background: #b01788;
 content: '';
 left: 0;
 bottom: 0;
 right: 0;
 margin: 0px -10px;
 border-radius: 10px 10px 0 0;
 z-index: -1;
}

.bloc-style-1 .roze {
 color: #a01d7d;
}

.bloc-style-1 .foot img {
 height: 80px;
 position: relative;
 top: -40px;
 z-index: 1;
 display: block;
 margin: 0 auto;
}



.bloc-style-2 .head {
 position: relative;
}

.bloc-style-2 {
 max-width: 350px;
 margin: 35px auto;
 text-align: center;
}

.bloc-style-2 .head .inner-wrapper {
 background: #000;
 color: #fff;
 max-width: 300px;
 border-radius: 20px 20px 0 0;
}

.bloc-style-2 .head  h2 {
 margin: 0;
 font-size: 25px;
 padding: 0;
}

.bloc-style-2 .body {
 padding: 15px;
 color: #e32691;
 display: flex;
 min-height: 110px;
 align-items: center;
}

.bloc-style-2 .body p {
 margin: 0;
 font-size: 16px;
 color: #ac1685;
 font-weight: 700;
}


.cs-td-3 {
 background: #b21f87;
 color: #fff;
 padding: 20px 15px;
 border-radius: 20px;
 margin: 5px;
 font-weight: bold;
 height: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
}

.table-responsive.no-border {
 border: none;
 overflow-x: initial;
}

html[lang="ar"] .header_switch h4.bold_hn{
     text-align: right;
}
html[lang="ar"] .header_switch h4{
     text-align: left;
}
html[lang="ar"] .form_abonnement{
     width: 210px;
}
html[lang="ar"] #with_abonnement .col-md-6:nth-child(5) .item_icon{
     height: 110px;
}
html[lang="ar"] #no_abonnement .col-md-6:nth-child(5) .item_icon ,
html[lang="ar"] #no_abonnement .col-md-6:nth-child(6) .item_icon  {
 height: 135px;
}

html[lang="ar"] .img_icon{
     float: right;
     margin: 10px 0px 0 20px;
}
html[lang="ar"] .item_icon p{
     text-align: right;
     padding-right:70px;
     padding-left: 0px;
}
html[lang="ar"] .body_switch .col-md-6:nth-child(2){
  min-height:150px;
}
html[lang="ar"] .body_switch .col-md-6:nth-child(1){
  min-height:150px;

}
/*portabilite*/

.container.reglement-text{
     display: none;
}



.schema {
 max-width: 940px;
 margin: 0 auto;
 position: relative;
 padding: 100px 0;
}

.schema {}

.schema > img {
 max-width: 70%;
}

.schema-item-1 {
 top: 10%;
 left: 45%;
}

.schema-item {
 position: absolute;
}

.schema-item h4 {
 color: #a13183;
 font-weight: bold;
 margin: 0 0 5px 0;
 font-size: 18px;
}

.schema-item span {
 color: #85857f;
 font-size: 14px;
}

.schema-item-2 {
 top: 25.5%;
 left: 55%;
}

.schema-item-3 {
 top: 35.5%;
 left: 72%;
}
.schema-item-4 {
 top: 52%;
 left: 64%;
}

.schema-item-5 {
 top: 67%;
 left: 57%;
}

.schema-item-6 {
 top: 84%;
 left: 62%;
}

/* The button */
.addeventatc {
 /*display: inline-block;*/
 position: relative;
 font-family: "Open Sans", Roboto, Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
 font-weight: 600;
 color: #333;
 text-decoration: none;
 font-size: 16px;
 cursor: pointer;
 text-align: center;
 outline: none !important;
}

.addeventatc:hover {
 color: #555;
 font-size: 16px;
 text-decoration: underline;
}

.addeventatc .start, .addeventatc .end, .addeventatc .timezone, .addeventatc .title, .addeventatc .description, .addeventatc .location, .addeventatc .organizer, .addeventatc .organizer_email, .addeventatc .facebook_event, .addeventatc .all_day_event, .addeventatc .date_format, .addeventatc .alarm_reminder, .addeventatc .recurring, .addeventatc .attendees, .addeventatc .calname, .addeventatc .uid, .addeventatc .status, .addeventatc .method, .addeventatc .client, .addeventatc .transp {
 display: none !important;
}

/* Drop down */
.addeventatc_dropdown {
 width: 230px;
 position: absolute;
 padding: 6px 0px 0px 0px;
 font-family: "Open Sans", Roboto, "Helvetica Neue", Helvetica, Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
 color: #000 !important;
 font-weight: 600;
 line-height: 100%;
 background: #fff;
 font-size: 15px;
 text-decoration: none;
 text-align: left;
 margin-left: -1px;
 display: none;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 26px;
 -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 26px;
 box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 26px;
 transform: scale(.98, .98) translateY(5px);
 z-index: -1;
 transition: transform .15s ease;
 -webkit-user-select: none;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.addeventatc_dropdown.topdown {
 transform: scale(.98, .98) translateY(-5px) !important;
}

.addeventatc_dropdown span {
 display: block;
 line-height: 100%;
 background: #fff;
 text-decoration: none;
 cursor: pointer;
 font-size: 15px;
 color: #333;
 font-weight: 600;
 padding: 14px 10px 14px 55px;
 -webkit-transition: background-color .3s;
 transition: background-color .3s;
}

.addeventatc_dropdown span:hover {
 background-color: #f4f4f4;
 color: #000;
 text-decoration: none;
 font-size: 15px;
}

.addeventatc_dropdown em {
 color: #999 !important;
 font-size: 12px !important;
 font-weight: 400;
}

.addeventatc_dropdown .frs a {
 background: #fff;
 color: #cacaca !important;
 cursor: pointer;
 font-size: 9px !important;
 font-style: normal !important;
 font-weight: 400 !important;
 line-height: 110% !important;
 padding-left: 10px;
 position: absolute;
 right: 10px;
 text-align: right;
 text-decoration: none;
 top: 5px;
 z-index: 101;
}

.addeventatc_dropdown .frs a:hover {
 color: #999 !important;
}

.addeventatc_dropdown .ateappleical {
 background: url(../images/gfx/icon-apple-t5.svg) 18px 40% no-repeat;
 background-size: 22px 100%;
}

.addeventatc_dropdown .ategoogle {
 background: url(../images/gfx/icon-google-t5.svg) 18px 50% no-repeat;
 background-size: 22px 100%;
}

.addeventatc_dropdown .ateoutlook {
 background: url(../images/gfx/icon-outlook-t5.svg) 18px 50% no-repeat;
 background-size: 22px 100%;
}

.addeventatc_dropdown .ateoutlookcom {
 background: url(../images/gfx/icon-outlookcom-t5.svg) 18px 50% no-repeat;
 background-size: 22px 100%;
}

.addeventatc_dropdown .ateyahoo {
 background: url(../images/gfx/icon-yahoo-t5.svg) 18px 50% no-repeat;
 background-size: 22px 100%;
}

.addeventatc_dropdown .atefacebook {
 background: url(../images/gfx/icon-facebook-t5.svg) 18px 50% no-repeat;
 background-size: 22px 100%;
}

.addeventatc_dropdown .copyx {
 height: 21px;
 display: block;
 position: relative;
 cursor: default;
}

.addeventatc_dropdown .brx {
 height: 1px;
 overflow: hidden;
 background: #e8e8e8;
 position: absolute;
 z-index: 100;
 left: 10px;
 right: 10px;
 top: 9px;
}

.addeventatc_dropdown.addeventatc-selected {
 transform: scale(1, 1) translateY(0px);
 z-index: 99999999999;
}

.addeventatc_dropdown.topdown.addeventatc-selected {
 transform: scale(1, 1) translateY(0px) !important;
}

.addeventatc_dropdown .drop_markup {
 background-color: #f4f4f4;
}



















@media(max-width: 768px){
     img {}

     .schema-item-1 {
      left: 20%;
      top: 11%;
 }

 .schema-item h4 {
      font-size: 12px;
      margin: 0 0 2px 0;
 }

 .schema-item span {
      display: inline-block;
      font-size: 12px;
 }

 .schema-item-2 {
      top: 25%;
      left: 30%;
 }

 .schema-item-3 {
      left: 47%;
      top: 34%;
 }

 .schema-item-4 {
      left: 40%;
 }

 .schema-item h4 {}

 .schema-item-5 {
      left: 34%;
      top: 67%;
 }

 .schema-item-6 {
      top: 80%;
      left: 38%;
 }

 .schema {
      padding: 50px 0;
 }

 .schema-item {
 }
 .schema > img {
      max-width: 70%;
      margin-left: -90px;
 }


 .table-responsive.no-border {
      overflow-x: auto;
 }
 .table-style-2 td{
     padding: 5px;
}
section.fide-premium{
     padding:8px;
}   
section.fide-premium .img_store img{
 margin-right: 10px;
 margin-bottom: 12px;
}
.tbl_promo{
     overflow-x: scroll;
     overflow-y: hidden;
     white-space: nowrap;
}   
.catalogue-table{ 
 max-width:800px;
 min-width:800px;
}
.left_catalogue .cont-catalogue span{
     transform: rotatez(-90deg);
}
.left_catalogue{
     width:10%;
}
.top_catalogue{
 width:90%; 
}
.right_catalogue{
     width:90%;
}

.catalogue-table li span{
     font-size:13px;
}
li.promo-4g{
     width:26%;
}
.mobile_catalogue{
     display:none;
}
.mobile_catalogue .cont-catalogue{
 min-height: 50px;
 margin-bottom: 10px;
 max-width: 50%;
}
.mobile_catalogue .cont-catalogue span{
     color:#ffffff;
     font-size:18px;
}
.espace_duo .kdo_item{
   width:45% !important;
   margin-bottom: 20px;
}
.x-container-fluid{
     width:100% !important;
     margin-left:0px !important;
}
.over_block{
     overflow-x: scroll;
     overflow-y: hidden;
     white-space: nowrap;
}
section.fide-point .forfait_item-block span{
     width:23% !important;
}
section.fide-point .forfait_item-block span.title_forfait{
     width:44% !important;
}
section.fide-point .forfait_item-block .right_forfait span{
     width: 100% !important;
     min-height:287px;
}
/*portabilite*/
   
.link_to a {
 max-width: 200px;
 margin: auto;
 text-align: center;
 display: block;
}
.portabilite{
   overflow: hidden;
}
.form_abonnement{
     display: flex;
     align-items: center;
     justify-content: center;
}
.header_switch a{
     color:#000;
}
.header_switch h4{
     text-align: center;
     margin-top:0px;
}
.header_switch h4.bold_hn{
     text-align: center;
     margin-top: 30px;
}
/*portabilite*/
}

@media(max-width: 1024px) and (min-width: 768px) 
{
     .about_video {
      top: 10px;
 }
 .about_video h3, .about_video h2{
      margin: 0;
      font-size: 24px;
 }
 .about_video p {
      margin-bottom: 0;
 }
 .about_video .icon_video {
      margin-bottom: 10px;
 }

}
@media(max-width: 1040px){
     .fidelite section{
          margin-bottom:20px;
          padding:0px;
     }
     section.fide-presentation{
          width: 100% !important;
     }
     section.fide-presentation .icon_image img{
          width: 100%;
     }
     section.fide-point{
          width: 100%;
          padding:15px;
     }
     section.fide-kdo{
          width: 100% !important;
     }
     section.fide-smartphone{
          width: 100% !important;
     }
     .img_column{
          text-align: center !important;
     }
     section.fide-premium .img_column img{
          margin-top:20px;
     }
     section.fide-premium .icon_image {
        height: 240px;
   }

   section.fide-presentation .icon_image {
       height: 330px;
  }
  section.fide-membre .col-md-6 .img_column img{
     width: 80%;
     margin-top:100px;
}
section.fide-kdo .img_column img{
     margin-top:-60px;
}
section.fide-smartphone .img_column img{
     width:50%;
}
section.fide-point .bloc_forfait{
     padding:15px;
}
section.fide-convert-point .img_column{
     padding-top:20px;
}
section.fide-convert-point .icon_image{
     height:200px;
}
.column-client-item{
     min-height:290px;
}
.column-client-item p{
     min-height:100px;
}
.col-md-4.col-xs-6.item_club {
     padding: 8px;
     width: 90%;
     margin: auto;
     float: none;
}
.column-client-item p{
     font-size:18px;
}
.exclusive-body h3{
     min-height:0px;
}
.exclusive-countdown-wrapper{
     height:20px;
} 

section.fide-point .forfait_item-block {
     max-width:700px;
     min-width:700px;
}
section.fide-point .forfait_item-block  span.title_forfait{
     width:30%;
}
section.fide-point .forfait_item-block  span{
     min-height:65px;
     display: flex;
     align-items: center;
     justify-content: center;
}


}
@media(max-width: 768px) and (min-width: 426px) 
{
     .about_video {
      top: 10px;
 }
 .about_video h3, .about_video h2 {
      margin: 0;
 }
 .about_video p {
      margin-bottom: 0;
 }
 .about_video .icon_video {
      margin-bottom: 5px;
 }

}



.roaming-pass-item {
    display: inline-block;
}

.roaming-pass-list {
    text-align: center;
}

.roaming-pass-item img {
    max-width: 180px!important;
}

.roaming-pass-wrapper h4 {
    padding: 0 15px;
}

@media(max-width: 768px)
{
     .roaming-pass-item img {
         max-width: 140px!important;
     }

     #roaming-info th {
         font-size: 11px;
         padding: 9px 0px;
     }
}