.span1 { font-family: 'Vodafone', Arial, Helvetica, sans-serif;
    font-size:28px;
    line-height:32px;
    color:#000000;
  }

.span2 { font-family: 'Vodafone', Arial, Helvetica, sans-serif;
    font-size:16px;
    line-height:22px;
    color:#000000;
  }

.span3 { font-family: 'Vodafone', Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:18px;
    color:#ffffff;
    font-weight:bold;
  }
  
#container_banner { width:947px;
               margin-left:auto;
               margin-right:auto;
               background-color:#F9F9F9;
             }

#content_banner { width:899px;
             margin-left:auto;
             margin-right:auto;
           }

#container_title { width:899px;
              margin-left:auto;
              margin-right:auto;
              padding-top:10px;
              text-align:center;
            }

#separator { width:899px;
        margin-left:auto;
        margin-right:auto;
        margin-top:94px;
        border-top:solid 1px #ECECEC;
        margin-top:20px;
     }

#content_box1 { width:898px;
           margin-left:auto;
           margin-right:auto;
           background-color:#ffffff;
           box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.0660238);
           border-radius: 13px;
           margin-top:25px;
           padding-top:30px;
           padding-bottom:30px;
         }

#content_cbox1 { width:816px;
            margin-left:auto;
            margin-right:auto;
            display:flex;
            justify-content:space-between;
          }

.box_container { width:200px;
            text-align:center;
          }

.container_icon { width:200px;
             text-align:center;
           }

#icon1 { width:65px;
    margin-left:auto;
    margin-right:auto;
    border:none;
    display:block;
  }

#icon2 { width:95px;
    margin-left:auto;
    margin-right:auto;
    border:none;
    display:block;
  }

#icon3 { width:67px;
    margin-left:auto;
    margin-right:auto;
    border:none;
    display:block;
  }
  
.container_text { width:200px;
             margin-left:auto;
             margin-right:auto;
             text-align:center;
             margin-top:15px;
           }

.container_circle { width:200px;
               position:relative;
               margin-top:-180px;
             }

.circle { width:72px;
     height:72px;
     display:flex;
     align-items:center;
     justify-content:center;
     background-color:#464646;
     border-radius:50%;
     margin-left:auto;
     margin-right:-10px;
  }

.container_title_box { width:200px;
                  text-align:center;
                }

#content_box2 { width:898px;
           margin-left:auto;
           margin-right:auto;
           background-color:#ffffff;
           box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.0660238);
           border-radius: 13px;
           margin-top:15px;
           padding-top:30px;
           padding-bottom:30px;
         }

#content_cbox2 { width:800px;
            text-align:center;
            margin-left:auto;
            margin-right:auto;
          }

#container_btn { width:899px;
            text-align:center;
            margin-left:auto;
            margin-right:auto;
            margin-top:25px;
            padding-bottom:25px;
          }
          
.button_type1 { width:145px;
           height:37px;
           border:none !important;
           display:block;
           cursor:pointer;
           font-family: 'Vodafone', Arial, Helvetica, sans-serif;
           font-size:18px;
           line-height:23px;
           color:#ffffff;
           font-weight:bold;
           background-color:#e60000 !important;
           box-shadow: none !important;
           float:none !important;
           text-shadow: none !important;
           text-decoration:none !important;
           margin-left:auto;
           margin-right:auto;
         }

.button_type1:hover, .button_type1:active, .button_type1:visited { text-decoration:none !important; background-color:#e60000 !important; }

#link_btn { color:#ffffff;
       text-decoration:none;
     }

/* end CSS WI */


/*CSS tab IOT*/
.banner-tab {
    position: relative;
}

.banner-tab .banner-tab_text {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0px;
    text-align: center;
    width: 100%;                
}

.tab-section .tab-section_content {
    padding: 40px;
}

.tab-section .subbanner-text {
    color: #333333;
    font-size: 22px !important;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 40px;
    text-align: center;
}

.tab-section .boxes-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.tab-section .box-item_text {
    text-align: center;
}

.tab-section .box-item_text p {
    color: #333333;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 20px;
    text-align: center;
}

.button--red {
    color: #ffffff !important;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    display: inline-block;
    background-color: #e60000;
    padding: 14px 16px;
    text-decoration: none;
    border-radius: 4px
}

.button--red:hover, .button--red:focus, .button--red:visited {
    color: #ffffff !important;
    background-color: #e60000;
    text-decoration: none;
}



/* css tab exclusiv */
.position-relative {
    position: relative;
}
.d-block {
    display: block;
}
.img-fluid {
    max-width: 100%;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.absolute-title {
    position: absolute;
    display: block;
    font-size: 28px;
    line-height: 30px;
    color: #fff;
    font-family: Vodafone Rg;
    padding: 30px 30px 30px 40px;
}
.rounded {
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: #e60000;
    border-radius: 50%;
    right: 70px;
    top: -50px;
    text-align: center;
    color: #fff;
    font-family: Vodafone Rg;
}
.rounded-content {
    line-height: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.rounded-price {
    font-size: 34px
}
.rounded-avans {
    font-size: 14px;
}
.phone-title {
    color: #4a4d4e;
    font-family: "Vodafone Rg";
    font-size: 28px;
    font-weight: 400;
    line-height: 26px;
    margin: 30px 0 15px;
}
.phone-subscription {
    color: #333333;
    font-family: "Vodafone";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
}
.phone-price {
    display: flex;
    align-items: baseline;
    justify-content: center;
}
.phone-price span {
    margin: 0 2px
}
.price-red {
    color: #e60000;
    font-family: "Vodafone Rg";
    font-size: 32px;
    font-weight: 400;
    line-height: 50px;
}
.price-eur {
    color: #e60000;
    font-size: 20px;
    font-family: "Vodafone Rg";
    font-weight: 400;
    line-height: 32px;
}
.price-month {
    color: #999999;
    font-size: 16px;
    font-family: "Vodafone Rg";
    font-weight: 400;
    line-height: 32px;
}
.tab-content {
    overflow: hidden;
    background-color: #fff;
}
.tab-content * {
    box-sizing: border-box;
}