/* CSS Container */
/* PAGENAME: CSS Container - Aruba  - RedOne (vodafone.aruba.redone.css) PAGEID: 329417 PUBLISHING DATE: 2017-07-25 14:16:42 */
/* URL-Prefix: [] */
/* -[SNIPPETS >>>]---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */
/* CONTENT CLASS: CSS Snippet - Aruba - R30.3 */
/* PAGENAME: CSS Snippet - Aruba - R30.3 PAGEID: 333355 */
/* ------------------------------------------------------------------------------------------ */
/* VERSION:  */
/* URL-Prefix: [//www.vodafone.de] */
/* ------------------------------------------------------------------------------------------ */


.aruba         { position:relative;width:100%;font-size:14px;color:#333333; }
.aruba h2 span { font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:22px;font-weight:400; }
.col           { position:relative;padding:0 10px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; }
form           { box-sizing: border-box;margin:0;padding:0; }
.tariff        { position:relative;width:300px; }
.device        { position:relative;width:300px; }
.redSummary    { position:relative;border: 1px solid #cccccc;border-radius: 3px;box-shadow: 0px 1px 2px rgba(50,50,50,0.75);background-color:#ffffff;}
.redSummary.noPrice  { border:none; box-shadow: none;}
.tariffNotification  { display:none; margin-top:10px;}

.aruba .cRed     { color:#e60000; }
.aruba .cSmart   { color:#333333; }

.aruba .checkBox         { position: relative; height: 22px; cursor: pointer; font-size: 14px; line-height: 22px; padding-left: 30px; background: url("//www.vodafone.de/images/v5/aruba_checkbox.png") no-repeat scroll left top;}
.aruba .checkBox.active  { background-position:left bottom; }

.aruba .headlineBox      { position:relative;margin:0 0 10px 0px; }
.fm-select   { position: relative; width: 100%; display: inline-block; background: none repeat scroll 0 0 #fff; margin-bottom:20px;}
.dividerLine { max-width: 960px !important;}

.aruba input, 
select, 
textarea          { border: 0; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: 0 1px 2px rgba(50,50,50,0.75) inset; border: 1px solid #e9e9e9; font-size: 14px; padding: 5px; width: 100%; height:31px;}
.aruba select     { background: none; position: relative; padding-right: 10px; z-index: 1; box-shadow: 0px 1px 2px rgba(50,50,50,0.75); border: 1px solid #e9e9e9; margin: 0; box-sizing: border-box;}
.fm-select span   { background: none repeat scroll 0 0 #fff; margin-right: 3px; padding: 3px 9px 3px 12px; pointer-events: none; position: absolute; right: -2px; top: 1px; z-index: 1;}
.card .fm-select span{ z-index: 4;}
.aruba .buttonBig { font-size: 12px;padding-top:12px; }

.i-arrow-down-grey-lrg { background-image: url("//www.vodafone.de/images/v5/aruba_arrow_down_grey.png"); background-position: 9px 9px; background-repeat: no-repeat; display: inline-block; height: 23px; width: 19px; border-left: 1px solid #b5b5b5;}


.warning             { background: none repeat scroll 0 0 #fff5f0; border: 1px solid #ff5400;}
.alert               { border-radius: 3px;  margin-bottom: 15px;  padding: 17px 19px;}
.alert-sml           { margin-bottom: 10px; padding: 10px;}
.alert-sml > div     { padding-left: 30px; }
i, .i    {  display: inline-block; vertical-align: middle;}
.alert i { float: left;}
.i-warning-sml { background-image: url("//www.vodafone.de/images/v5/icon_info_notification_20x20.png"); height: 20px; width: 20px;}

.bx-pager {display:none;}

.moreInfo {margin-top: 30px;}


/*-------------------- allgemein ConnectMore -------------------*/

.aruba.connectMore.simOnly      .sliderContainer {display:none !important;}
.aruba.connectMore.hardwareOnly .hero, 
.aruba.connectMore.hardwareOnly .tariffop,           
.aruba.connectMore.hardwareOnly .tariffOptions   {display:none !important;}
.aruba.connectMore.mbb.soho     .tariffOptions   {margin-top:35px;}
.aruba.connectMore              .tariffOptions .tariffOptionAlert {display:none;}
.aruba.connectMore              .headlineBox     {padding-top: 46px;}

/*--------------------  Stepper -----------------------*/



/*--------------------  Slider  -----------------------*/

              .tariff .mask,
              .device .mask   { position:absolute;top:70px;left:-2px;width:310px;height:482px;background-color:#ffffff;opacity:0.5;filter:alpha(opacity=50);z-index:60;display:none; }
.hardwareOnly .tariff .mask   { display:block; }
     .simOnly .device .mask   { display:block; }

.tariff.noFilter,
.device.noFilter      { padding-top:51px; }

.tariffPagerBox,
.devicePagerBox      { position:relative;height:100px;back!ground:rgba(0,0,255,0.2); }
.tariffPagerWrapper,
.devicePagerWrapper                { position:absolute;top:20px;left:20px;height:100px;width:260px;overflow:hidden; }
.tariffPagerWrapper .bx-wrapper,
.devicePagerWrapper .bx-wrapper    { position:relative;left:90px; }
.tariffPagerWrapper .bx-viewport,
.devicePagerWrapper .bx-viewport   { overflow:visible !important; }
.tariffPagerBox .bxSliderButton,
.devicePagerBox .bxSliderButton        { position:absolute;top:50px; }
.tariffPagerBox .bxSliderButton.prev,
.devicePagerBox .bxSliderButton.prev   { left:0px; }
.tariffPagerBox .bxSliderButton.next,
.devicePagerBox .bxSliderButton.next   { left:289px; }
.tariffPagerBox .bxSliderButton a,
.devicePagerBox .bxSliderButton a           { position:relative;top:0px;left:0px;width:11px;height:20px;background:url(//www.vodafone.de/images/v5/aruba_slider_arrows.png) bottom left; }
.tariffPagerBox .bxSliderButton a.bx-next,
.devicePagerBox .bxSliderButton a.bx-next   { background-position: bottom right; }
.tariffPagerBox .bxSliderLayer,
.devicePagerBox .bxSliderLayer        { position:absolute;top:20px;width:80px;height:80px;background-color:#cccccc;opacity:0.001;filter:alpha(opacity=0.1); }
.tariffPagerBox .bxSliderLayer.prev,
.devicePagerBox .bxSliderLayer.prev   { left:20px; }
.tariffPagerBox .bxSliderLayer.next,
.devicePagerBox .bxSliderLayer.next   { left:200px; }
.tariffPagerBox .bxActiveLayer,
.devicePagerBox .bxActiveLayer        { position:absolute;top:20px;left:110px;width:76px;height:76px;border:2px solid #E60000; }

                            .bxCoverPrev        { position:absolute;top:20px;left:0px;width:100px;height:80px;background-color:#ffffff;display:none; }
                            .bxCoverPrev:after  { position:absolute;content: " ";top:0px;left:20px;width:78px;height:78px;border:1px solid #cccccc; }
                            .bxCoverNext        { position:absolute;top:20px;left:200px;width:100px;height:80px;background-color:#ffffff;display:none; }
                            .bxCoverNext:after  { position:absolute;content: " ";top:0px;left:0px;width:78px;height:78px;border:1px solid #cccccc; }

.tariffPagerBox.oneElement  .bxCoverPrev, 
.tariffPagerBox.oneElement  .bxCoverNext        {display:block;}   
.tariffPagerBox.twoElements .bxCoverNext        {display:block;} 
.tariffPagerBox.twoElements .bx-prev            {display:none;} 

.devicePagerBox.oneElement  .bxCoverPrev, 
.devicePagerBox.oneElement  .bxCoverNext        {display:block;}   
.devicePagerBox.twoElements .bxCoverNext        {display:block;} 
.devicePagerBox.twoElements .bx-prev            {display:none;} 

.tariffPagerBox .counter,
.devicePagerBox .counter      { position:absolute;top:107px;left:20px;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:16px;font-weight:normal;color:#333333; }
.tariffPager .tariffBox,
.devicePager .deviceBox,
.devicePager2 .deviceBox                 { position:relative;width:78px;height:78px;border:1px solid #cccccc;display:table; }
.tariffPager .tariffBox .txtBox          { position:relative;width:78px;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:24px;line-height:24px;font-weight:normal;text-align:center;display:table-cell;vertical-align:middle; }
.tariffPager .tariffBox .txtBox strong   { font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:24px;font-weight:normal; }
.tariffPager .tariffBox .txtBox.cBlack   { line-height: 44px; color:#000000; } 

.tariffPager .tariffBox.typeKabel .txtBox,
.tariffPager .tariffBox.typeKabel .txtBox p           { font: 400 14px/16px "VodafoneRgRegular",Arial,sans-serif;color:#4a4a4a; }
.tariffPager .tariffBox.typeKabel .txtBox strong,
.tariffPager .tariffBox.typeKabel .txtBox p strong    { font: 400 14px/16px "VodafoneRgBold",Arial,sans-serif;color:#4a4a4a; }

.tariffPager .tariffBox.typeDSL .txtBox,
.tariffPager .tariffBox.typeDSL .txtBox p           { font: 400 14px/16px "VodafoneRgRegular",Arial,sans-serif;color:#4a4a4a; }
.tariffPager .tariffBox.typeDSL .txtBox strong,
.tariffPager .tariffBox.typeDSL .txtBox p strong    { font: 400 14px/16px "VodafoneRgBold",Arial,sans-serif;color:#4a4a4a; }



.devicePager .deviceBox .imgBox,
.devicePager2 .deviceBox .imgBox         { position:relative;top:2px;text-align:center; }
.devicePager .deviceBox .imgBox img,
.devicePager2 .deviceBox .imgBox img     { position:relative;width:55px; }

.redone.kabel .devicePager .deviceBox .imgBox,
.redone.dsl .devicePager .deviceBox .imgBox           { top:14px; }
.redone.kabel .devicePager .deviceBox .imgBox img,
.redone.dsl .devicePager .deviceBox .imgBox img       { width:68px; }

.tariffBox .hatchures,
.deviceBox .hatchures                  { position:absolute;top:0px;left:0px;width:78px;height:78px;background:url(//www.vodafone.de/images/v5/css/schraffur.png);display:none;  }

.hardwareOnly .tariffBox .hatchures,
.simOnly .deviceBox .hatchures         { display:block; }


.deviceSlider .card .imgBox img          { position:relative;width:110px; }


     .tariffSliderBox,
     .deviceSliderBox      { position:relative;width:320px;/*height:500px;*/ left:-10px; }
.vvl .tariffSliderBox,
.vvl .deviceSliderBox      { /*height:470px;*/ }

.tariffSliderBox .bx-viewport,
.deviceSliderBox .bx-viewport    { /*height:500px !important;*/ }

.tariffSlider,
.deviceSlider { position: relative; width: 320px; /*height: 380px;*/ margin:0; }

.card {
    position: absolute;
    width: 320px;
    top:50px;
    left:0px;
    font-size: 14px;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
}




.card.flipped .back {
    -webkit-transform: rotateY( 0deg );
    -moz-transform: rotateY( 0deg );
    -o-transform: rotateY( 0deg );
    transform: rotateY( 0deg );
}
.card.flipped .front {
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}

.card .front,
.card .back {
    position: absolute;
    top:0px;
    left:0px;
    display: block;

    width: 320px;
    background-color:#ffffff;
    margin:0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.card .back {
    -webkit-transform: rotateY( -180deg );
    -moz-transform: rotateY( -180deg );
    -o-transform: rotateY( -180deg );
    transform: rotateY( -180deg );
}




/* Kartenhoehen */

.card.typeMobil,
.card.typeMobil .front,
.card.typeMobil .back     { height:500px; }

.typeMobil .tariffCard,
.typeMobil .deviceCard    { height:378px; }


.card.typeJuno,
.card.typeJuno .front,
.card.typeJuno .back     { height:500px; }

.typeJuno .tariffCard,
.typeJuno .deviceCard    { height:378px; }


.card.typeKabel,
.card.typeKabel .front,
.card.typeKabel .back     { height:616px; }

.typeKabel .tariffCard,
.typeKabel .deviceCard    { height:494px; }


.card.typeDSL,
.card.typeDSL .front,
.card.typeDSL .back     { height:500px; }

.typeDSL .tariffCard,
.typeDSL .deviceCard    { height:378px; }


.vvl .card { height:360px; }




.tariffCard,
.deviceCard                  { position:absolute;top:10px;left:10px;width:298px;border:1px solid #cccccc;box-shadow: 0 1px 2px #ccc; }
.tariffCard .benefit         { position:absolute;top:-10px;right:-9px; }
.tariffCard .benefit:before  { position: absolute;content: " ";width:0;height:0;top:12px;right:-8px;border-style:solid;border-left-color:#004d6a;border-width:8px;color:transparent; }
.tariffCard .benefit span    { position:relative;display:block;font-size:11px;line-height:20px;color:#ffffff;padding:0 8px;background-color:#007c92; }

.tariffCard.redBenefit .benefit:before  { border-left-color:#830000; }
.tariffCard.redBenefit .benefit span    { background-color:#e60000; }

.tariffCard .turn,
.deviceCard .turn            { position:relative;width:235px;height:56px;padding:6px 48px 7px 15px;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:45px;line-height:56px;font-weight:normal;cursor:pointer;
                               background:#f4f4f4 url(//www.vodafone.de/images/v5/css/icon_rotate_a_48x48.png) no-repeat 260px 20px;background-size:24px 24px; }

.deviceCard .turn               { font-size:24px;line-height:24px;padding:14px 45px 0px 18px; }
.tariffCard .turn        strong { font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-weight:normal; }   
.tariffCard .turn.cBlack strong { font-family:'VodafoneLtRegular',Arial,Helvetica,sans-serif;font-weight:normal; }   
      
.tariffCard .turn span       { font-family:'VodafoneLtRegular',Arial,Helvetica,sans-serif;font-size:14px;font-weight:normal; }
.tariffCard .turn.cBlack     { color: #ffffff; font-family:'VodafoneLtRegular',Arial,Helvetica,sans-serif;
                               background:#000000 url(//www.vodafone.de/images/v5/icon_rotate_front_20x20_black.png) no-repeat 260px 20px;}  
.card.mitZGR .tariffCard .turn .addTxt {font-size: 14px;}

.back .tariffCard,
.back .deviceCard                { background-color:#f4f4f4; }
.back .tariffCard .turn,
.back .deviceCard .turn          { background:#ffffff url(//www.vodafone.de/images/v5/css/icon_rotate_b_48x48.png) no-repeat 263px 23px;background-size:24px 24px; }
.back .tariffCard .turn.cBlack   { background:#000000 url(//www.vodafone.de/images/v5/icon_rotate_back_20x20_black.pngg) no-repeat 263px 23px;}      

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { 
    .tariffCard .turn,
    .deviceCard .turn              { background:#f4f4f4 url(//www.vodafone.de/images/v5/css/icon_rotate_a_48x48.png) no-repeat 260px 20px;background-size:24px 24px; }
    .tariffCard .turn.cBlack       { background-image: url(//www.vodafone.de/images/v5/icon_rotate_front_40x40_black.png); background-size:20px 20px;}
    .back .tariffCard .turn,
    .back .deviceCard .turn        { background:#ffffff url(//www.vodafone.de/images/v5/css/icon_rotate_b_48x48.png) no-repeat 263px 23px;background-size:24px 24px; }
    .back .tariffCard .turn.cBlack { background-image: url(//www.vodafone.de/images/v5/icon_rotate_back_40x40_black.png); background-size:20px 20px;}
}

.tariffCard .features        { position:relative;margin:17px 15px 0;padding-bottom:5px;border-bottom:1px solid #e3e3e3; }
.tariffCard .aktion          { position:relative;margin:17px 15px; }
.tariffCard .aktion.zgr      { display: none; } 
.tariffCard .aktion .title   { position:relative;font-size:18px;font-weight:bold;color:#E60000;margin-bottom:23px; }
.tariffCard .bulletpoint     { position:relative;line-height:20px;margin-bottom:11px; }
.tariffCard .dataflat        { background:url(//www.vodafone.de/images/v5/icon_dataflat_20_20.png) no-repeat;padding-left:28px; }
.tariffCard .phoneflat       { background:url(//www.vodafone.de/images/v5/icon_phoneflat.png) no-repeat;padding-left:28px; }
.tariffCard .smsflat         { background:url(//www.vodafone.de/images/v5/icon_sms_20x20.png) no-repeat;padding-left:28px; }
.tariffCard .vfflat          { background:url(//www.vodafone.de/images/v5/css/icon-vodafone-flat_20x20.png) no-repeat;padding-left:28px; }
.tariffCard .phonesms        { background:url(//www.vodafone.de/images/v5/css/icon-telefon-sms-einheiten_20x20.png) no-repeat;padding-left:28px; }
.tariffCard .hook            { background:url(//www.vodafone.de/images/v5/css/icon_check_40x40.png) no-repeat;background-size:20px 20px;padding-left:28px; }
.tariffCard .plus            { background:url(//www.vodafone.de/images/v5/css/icon_plus2.png) no-repeat;padding-left:28px; }
.tariffCard .eurored         { background:url(//www.vodafone.de/images/v5/css/icon-basisbefreiung-20x20.png) no-repeat;padding-left:28px; }
.tariffCard .roaming         { background:url(//www.vodafone.de/images/v5/icon-roaming-20x20.png) no-repeat;padding-left:28px; }
.tariffCard .head            { position:relative;font-size:18px;margin:20px 19px; }
.tariffCard .travel          { background:url(//www.vodafone.de/images/v5/icon_travel.png) no-repeat; }
.tariffCard .entertainment   { background:url(//www.vodafone.de/images/v5/icon_card_entertainment_40x40.png) no-repeat; }
.tariffCard .q4promo         { background:url(//www.vodafone.de/images/v5/icon_card_label_40x40.pngg) no-repeat; }

.tariffCard .share           { background:url(//www.vodafone.de/images/v5/css/icon_share.png) no-repeat; }
.tariffCard .tv              { background:url(//www.vodafone.de/images/v5/css/icon_TV-HD.png) no-repeat; }

.tariffCard .phoneflatR30      { background:url(//www.vodafone.de/images/v5/icon-phoneflat-40x40.png) no-repeat;background-size:20px 20px;padding-left:28px; }
.tariffCard .internetflatR30   { background:url(//www.vodafone.de/images/v5/icon-internetflat-40x40.png) no-repeat;background-size:20px 20px;padding-left:28px; }
.tariffCard .tvflatR30         { background:url(//www.vodafone.de/images/v5/css/icon-TVflat-40x40.png) no-repeat;background-size:20px 20px;padding-left:28px; }
.tariffCard .smartphoneR30     { background:url(//www.vodafone.de/images/v5/css/icon-smartphone-40x40.png) no-repeat;background-size:20px 20px;padding-left:28px; }

.tariffCard .inklTV            { background:url(//www.vodafone.de/images/v5/icon-inklusive-tv-80x80.png) no-repeat;background-size:40px 40px; }
.tariffCard .inklInternetflat  { background:url(//www.vodafone.de/images/v5/icon-inklusive-tv-80x80.png) no-repeat;background-size:40px 40px; }
.tariffCard .inklPhoneflat     { background:url(//www.vodafone.de/images/v5/icon-inklusive-phone-80x80.png) no-repeat;background-size:40px 40px; }

.tariffCard .package             { position:relative;margin:17px 19px;padding:0 0 15px 59px;border-bottom:1px solid #e3e3e3;line-height:18px; }
.tariffCard .package.none        { border: none; padding-left: 0;}
.tariffCard .package:last-child  { border-bottom:none; }
.tariffCard .package ul          { position:relative;padding-left:15px; }
.tariffCard .package .title      { position:relative;font-size:18px;margin-bottom:10px; }

.tariffCard .vfmodal-trigger,
.tariffCard .mobile,
.deviceCard .deviceDetailLink,
.deviceCard .mobile          { position:absolute;bottom:17px;right:19px; }
.tariffCard .mobile          {display: none;}

/* Special VVL */
.aruba.vvl .tariffCard .check,
.aruba.vvl .deviceCard .check    { display: none;}

/* Special Mobil Slotmachine */
.aruba.mobil .tariffCard .check  { display: none;}

.aruba.blackTariff .deviceCard .check  { display: none;}

.tariffCard .check,
.deviceCard .check               { position:absolute;top:340px;left:-1px;padding:10px 0 9px 20px;width:280px;background-color:#E60000; }
.tariffCard .check .checkBox,
.deviceCard .check .checkBox     { height:20px;font-size:14px;line-height:20px;font-weight:bold;color:#ffffff;background: url(//www.vodafone.de/images/v5/aruba_check_checkbox.png) no-repeat scroll left top; }
.tariffCard .checkBox.active,
.deviceCard .checkBox.active     { background-position:left bottom; }

.tariffCard .checkBox.active .active    {display: block;}  /* ausgew?hlt */
.tariffCard .checkBox.active .notactive {display: none;}   /* ausw?hlen */
.tariffCard .checkBox        .active    {display: none;}
.tariffCard .checkBox        .notactive {display: block;}

.deviceCard .checkBox.active .active    {display: block;}
.deviceCard .checkBox.active .notactive {display: none;}
.deviceCard .checkBox        .active    {display: none;}
.deviceCard .checkBox        .notactive {display: block;}

.tariffCard .hatchures,
.deviceCard .hatchures             { position:absolute;top:0px;left:0px;width:298px;height:340px;background:url(//www.vodafone.de/images/v5/css/schraffur.png);display:none;z-index:1;  }

.hardwareOnly .tariffCard .check        { background-color:#949494; }
.hardwareOnly .tariffCard .hatchures    { display:block; }

.speedBucket .back .tariffCard .turn:after   { position:absolute;top:318px;left:0px;content:" ";width:298px;height:60px;background:#ffffff url(//www.vodafone.de/images/v5/css/icon_auto_speed_bucket.png) no-repeat 252px 0; }
.speedBucket .tariffCard .vfmodal-trigger    { right:39px; }

/* deviceCard */
.deviceCard .imgBox             { position:absolute;top:90px;left:10px; }
.deviceCard .txtBox             { position:absolute;top:90px;left:130px;width:148px;padding-top:2px; }
.deviceCard .txtBox .pr-stars   { position:relative;width:83px;height:15px;margin-bottom:20px;background:url(//www.vodafone.de/images/v5/stars_small_gold.gif) no-repeat; }
.deviceCard .txtBox ul          { position:relative;padding-left:10px;line-height:18px; }
.deviceCard .txtBox ul li       { position:relative;padding-bottom:6px; }
.deviceCard .txtBox .delivery             { position:relative;font-size:12px; }
.deviceCard .txtBox .delivery img         { display: none;}            
.deviceCard .txtBox .delivery.warning     { width:130px;color: #e60000;background:none;border:0; }
.deviceCard .txtBox .delivery.warning img { position:absolute;display:inline;right:-20px;top:-3px; }

/* Tooltipp Delivery Warning */
.delTooltipp                         { display: none;}
.tooltipp.DELspecial:before          { top:100%;left:93%;border-top-color:#cccccc;border-width:11px;margin-left:-11px; }
.tooltipp.DELspecial:after           { top:100%;left:93%;border-top-color:#cccccc;border-width:10px;margin-left:-10px; }                        
.tooltipp.DELspecial .wrap:after     { top:100%;left:93%;border-top-color:#ffffff;border-width:7px;margin-left:-7px; }
.tooltipp.DELspecial                 { position:absolute;bottom:48px;left:-91px;width:238px;z-index:10;color:#333333; }
.tooltipp.DELspecial .body           { padding:10px 15px; }
.tooltipp.DELspecial h2              { font-family:Arial,Helvetica,sans-serif;left:0px;font-size:1.38em;line-height:22px;padding-bottom: 10px; }
.tooltipp.DELspecial .closeButton    { display:none; }

.accessorySlider .tooltipp.DELspecial:before          { left:8%; }
.accessorySlider .tooltipp.DELspecial:after           { left:8%; }                        
.accessorySlider .tooltipp.DELspecial .wrap:after     { left:8%; }
.accessorySlider .tooltipp.DELspecial                 { position:absolute;bottom:38px;left:-2px;width:152px;z-index:10; }
.accessorySlider .tooltipp.DELspecial .body           { padding:8px 6px; }

.deviceCard .insuranceBox,
.deviceCard .buttonBox          { position:absolute;top:270px;left:19px;width:280px;border-top:1px solid #e3e3e3;padding-top:14px; }
.deviceCard .buttonBox.empty    { border-top:none; border-bottom:1px solid #e3e3e3; padding-top:23px;}
.deviceCard .buttonBox.empty a  { visibility: hidden;}

.deviceCard .insuranceBox .checkBox            { line-height:16px; }

.deviceCard .insuranceBox .vfmodal-trigger     { position:relative;display:block;bottom:auto;right:auto;padding:2px 0 0 30px; }
.deviceCard .insuranceBox .mobile,
.aruba.hardwareOnly .deviceCard .insuranceBox             { display:none;}

/* Handy Insurance Promo Special */
.deviceCard           .insuranceBox .insuranceCheckboxSpecial {display:none;}
.deviceCard           .insuranceBox .insuranceCheckbox        {display:block;}
.deviceCard.specialHI .insuranceBox .insuranceCheckboxSpecial {display:block;}
.deviceCard.specialHI .insuranceBox .insuranceCheckbox        {display:none;}

.insuranceBox .tooltipp                 { position:absolute;bottom:52px;left:-10px;width:270px;z-index:4;}
.insuranceBox .tooltipp:before          { top:100%;left:8%;border-top-color:#cccccc;border-width:11px;margin-left:-11px; }
.insuranceBox .tooltipp:after           { top:100%;left:8%;border-top-color:#cccccc;border-width:10px;margin-left:-10px; }               
.insuranceBox .tooltipp .wrap:after     { top:100%;left:8%;border-top-color:#ffffff;border-width:7px;margin-left:-7px; }
.insuranceBox .tooltipp .body           { padding:10px 15px;line-height:18px; }


.deviceCard .buttonBox .vfmodal-trigger        { position:relative;bottom:auto;right:auto; }
.deviceCard .buttonBox .buttonBig              { float:right; }
.deviceCard .buttonBox .secondary              { padding: 10px 20px 11px 40px;background:url(//www.vodafone.de/images/v5/3d.png) 10px 6px #ffffff no-repeat; }
.deviceCard .buttonBox .secondary:hover,
.deviceCard .buttonBox .secondary:focus        { background:url(//www.vodafone.de/images/v5/3d.png) 10px 6px #f4f4f4 no-repeat; }

.simOnly .deviceCard .check        { background-color:#949494; }
.simOnly .deviceCard .hatchures    { display:block; }

.stickyBarWrapper       { position:relative; }
#stickybar              { position:relative; }



.deviceCard .productHeadline         { position:relative;border-top:1px solid #e3e3e3;font-size:18px;margin:0 15px 20px;padding-top:20px; }

.deviceCard .productBox              { position:relative;margin:15px 0 10px; }
.deviceCard .productBox .imgBox      { position:relative;float:left;top:0;left:0;width:137px;margin:0 0 0 10px; }
.deviceCard .productBox .imgBox img  { width:auto; }

.card.typeKabel .deviceCard .productBox .imgBox img,
.card.typeDSL   .deviceCard .productBox .imgBox img  { width: 100px; } 

.card.typeKabel .deviceCard .productBox.typeRadio .imgBox img,
.card.typeDSL   .deviceCard .productBox.typeRadio .imgBox img  { width: 75px; }

.deviceCard .productBox .txtBox      { position:relative;float:left;top:0;left:0;width:136px; }
.deviceCard .productBox .txtBox ul   { line-height:20px; }

.deviceCard .productBox.typeRadio                 { margin:0 0 20px; }
.deviceCard .productBox.typeRadio .imgBox         { position:relative;float:left;top:0;left:0;width:102px;margin:0 0 0 45px; }
.deviceCard .productBox.typeRadio .imgBox img     { width:75px; }
.deviceCard .productBox.typeRadio .radio          { position:absolute;top:18px;left:14px;width:21px;height:21px;background:url(//www.vodafone.de/simplicity/assets/css/img/icon/radio-unchecked.png) no-repeat 0px 0px;cursor:pointer; }
.deviceCard .productBox.typeRadio .radio.active   { background:url(//www.vodafone.de/simplicity/assets/css/img/icon/radio-checked.png) no-repeat 1px 1px; }

.deviceCard .productInfo                     { position:relative;margin:17px 15px;padding:0 0 45px 0;border-bottom:1px solid #e3e3e3;line-height:18px; }
.deviceCard .productInfo:last-child          { border-bottom:none; }
.deviceCard .productInfo ul                  { position:relative;padding-left:15px; }
.deviceCard .productInfo .deviceDetailLink   { bottom:18px;right:0px; }
.deviceCard .productInfo .title              { position:relative;font-size:18px;margin-bottom:10px; }

/**** Juno ****/
.typeJuno .tariffCard .turn {
    color: #e60000;
    font: 400 26px/28px "VodafoneRgRegular",Arial,sans-serif;
    padding: 11px 30px 3px 19px;
    width: 249px;
}

.typeJuno .tariffCard .turn span {
	position:relative;
	display:block;
	font: 400 26px/28px "VodafoneRgBold",Arial,sans-serif;
}

.typeJuno .tariffCard .turn span:after {
	content: " Datenvolumen";
	font: 400 26px/28px "VodafoneRgRegular",Arial,sans-serif;
	color:#333333;
}

/**** Kabel ****/
.typeKabel .tariffCard .turn,
.typeKabel .deviceCard .turn       { height:58px;padding: 30px 48px 7px 15px;font: 400 24px/28px "VodafoneRgRegular",Arial,sans-serif;color:#333333; }
.typeKabel .tariffCard .turn span  { position:absolute;display:block;top:11px;left:15px;font: 400 16px "VodafoneRgRegular",Arial,sans-serif; }
.typeKabel .deviceCard .turn span  { position:relative;display:block;width:235px;font: 400 24px/28px "VodafoneRgRegular",Arial,sans-serif;color:#333333; }

.typeKabel .tariffCard .check,
.typeKabel .deviceCard .check      { display:none; }

/**** DSL ****/
.typeDSL .tariffCard .turn,
.typeDSL .deviceCard .turn       { height:30px;padding: 34px 48px 4px 15px;font: 400 24px/26px "VodafoneRgRegular",Arial,sans-serif;color:#333333; }
.typeDSL .tariffCard .turn span  { position:absolute;display:block;top:14px;left:15px;font: 400 16px "VodafoneRgRegular",Arial,sans-serif; }
.typeDSL .deviceCard .turn span  { position:absolute;display:block;bottom:8px;width:235px;font: 400 24px/26px "VodafoneRgRegular",Arial,sans-serif;color:#333333; }

.typeDSL .tariffCard .check,
.typeDSL .deviceCard .check      { display:none; }

/**** Kabel u./o. DSL *****/
.deviceSlider .card.tvTariff .deviceCard .txtBox li { display:none; }
.deviceSlider .card.tvTariff .deviceCard .txtBox li:first-child { display:list-item; }

.deviceSlider .card          .tvEndgeraete {display:none;}
.deviceSlider .card.tvTariff .tvEndgeraete {display:block;}

.deviceSlider .card          .turn span:first-child  {display:block;}
.deviceSlider .card          .turn span:nth-child(2) {display:none;}
.deviceSlider .card.tvTariff .turn span:first-child  {display:none;} 
.deviceSlider .card.tvTariff .turn span:nth-child(2) {display:block;}



.fm-radio { position:relative;border:0;padding:0 15px; }

.fm-radio .fm-data input[type=radio]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

.fm-radio .fm-data input[type=radio]:not(old) + label {
  position     : relative;
  display      : inline-block;
  width        : 136px;
  margin-left  : -34px;
  padding-left : 134px;
  background   : url(//www.vodafone.de/simplicity/assets/css/img/icon/radio-unchecked.png) no-repeat 1px 16px;
  font-size    : 14px;
  line-height  : 20px;
  text-align   : left;
}

.fm-radio .fm-data input[type=radio]:not(old):checked + label {
  background   : url(//www.vodafone.de/simplicity/assets/css/img/icon/radio-checked.png) no-repeat 2px 17px;
}


.fm-radio label img  { position:absolute;top:0px;left:32px;width:75px; }




/**** callya ****/


/***** q4promo ******/


/***** q2Promo ******/


/***** mbb *****/


/***** nba *****/


.aruba             .alertBox.basketError  {display : none;}
.aruba.basketError .alertBox.basketError  {display : block;}


.alertBox              { position:relative;border:1px solid #ff5400;border-radius:5px;margin:0 22px 30px 3px;padding:16px 16px 16px 60px;background:#fff5f0 url(//www.vodafone.de/images/v5/css/icon_alert.png) no-repeat 20px 15px;line-height:18px; }
.alertBox .headline    { position:relative;font-size:20px;line-height:22px;font-weight:bold;margin-bottom:10px; }
.alertBox ul           { position:relative;padding:10px 0 0 12px; }

.errorBox              { position:relative;border:1px solid #f10000;border-radius:5px;margin:0 22px 30px 3px;padding:16px 16px 16px 60px;background:#fef0f0 url(//www.vodafone.de/images/v5/icon_error_red_20x20.png) no-repeat 20px 15px;line-height:18px; }
.errorBox .headline    { position:relative;font-size:20px;line-height:22px;font-weight:bold;margin-bottom:10px; }
.errorBox ul           { position:relative;padding:10px 0 0 12px; }

.noErrorBox            { position:relative;border:1px solid #428600;border-radius:5px;margin:0 22px 30px 3px;padding:16px 16px 16px 60px;background: #f4f8f0 url(//www.vodafone.de/images/v5/icon_valid_green_20x20.png) no-repeat 20px 15px;line-height:18px; }
.noErrorBox .headline  { position:relative;font-size:20px;line-height:22px;font-weight:bold;margin-bottom:10px; }
.noErrorBox ul         { position:relative;padding:10px 0 0 12px; }

.w-66 .alertBox,
.w-66 .noErrorBox,
.w-66 .errorBox        { margin:0 0px 30px 0px; }

.cancelButton               { position:relative;height:50px; }
.cancelButton .buttonBig    { position:relative;margin:-10px 23px 0 0 !important;float:right; }

.stickyBarWrapper .alertBox     { margin:16px 0px 15px -1px; }

.ctaContainer          { position:absolute;top:507px;left:3px;width:629px;border-top:1px solid #e3e3e3;padding-top:30px; }
.ctaContainerSpacer    { position:relative;padding-top:30px; }

           .ctaContainerSpacer { display:none; }   
.aruba.vvl .ctaContainerSpacer { display:block;}   

.ctaBox                { position:relative;float:left;margin-left:50px;margin-bottom:20px;line-height:20px; }
.ctaBox:first-child    { margin-left:0; }
.ctaBox .headline      { position:relative;font-weight:bold;margin-bottom:10px; }
.ctaBox .alertBox      { margin: 0 0 15px 0;padding:16px 30px 16px 60px; }
.ctaBox .buttonBig     { width:224px;margin-top:16px; }

.ctaContainer.col1 .ctaBox {width:600px;}
.ctaContainer.col2 .ctaBox {width:285px;}


.slotMachine .ctaContainer     { top:627px; }


/***** Preismodul **********/
.redSummary                                  {position: relative; width: 300px; float:left; }
.connectMore .redSummary                     { margin:10px 0 2px; }
.redSummaryAlert                             {display:none;}
.redSummary .redSummaryBox                   {position: relative;}
.redSummary .redSummaryInfo                  {background-color: #F4F4F4; font-size: 14px; line-height: 18px; height: 50px; padding: 20px 0 0 20px;}
.redSummary .redSummaryInfo .highlight       {color:#e60000; font-weight: 700; padding-bottom: 4px;}
.mbb .redSummary .redSummaryInfo .highlight  { color:#007c92; }
.redSummary .orderBox                        {margin-top:20px;}
.redSummary .orderBox .aButton               {width:127px;}
.redSummary .spacer12                        {float: left; height: 12px; position: relative; width: 277px;}
.redSummary .spacer20                        {float: left; height: 20px; position: relative; width: 277px;}
.redSummary h2                               {padding-bottom: 12px; font-size: 24px;} 
.redSummary h5                               {padding-bottom: 12px;}
.redSummary .line                            {position: relative; background-color: #cccccc; float: left; font-size: 1px; height: 1px;width: 260px;}
.redSummaryPriceBox                          { padding: 0px 20px 0px 20px; font-size: 14px; line-height: 18px;}
.slotMachine .redSummaryPriceBox             { min-height: 468px; }
.redSummaryPriceBox .textBox.monthly                { position:relative;padding-bottom:45px; }
.hardwareOnly .redSummaryPriceBox .textBox.monthly  { padding-bottom:15px; }
.redSummaryPriceBox            .left         { position: relative; float: left; width: 180px; }
.redSummaryPriceBox            .left.total   { width:165px;font-size:18px;font-weight:bold; }
.redSummaryPriceBox .q1p2Promo .left.total   { width:180px;}           
.redSummaryPriceBox .right                   { position: relative; float: left; text-align: right;width: 80px; }
.redSummaryPriceBox .right.total             { width:95px;font-size:18px;font-weight:bold; }
.redSummaryPriceBox .right.colored           { color: #427D00;}
.redSummaryPriceBox .runtime                 { font-size:12px;line-height:16px;font-weight:bold; } 
.redSummaryPriceBox .footnote                { position:relative;font-size:12px;line-height:16px;margin-bottom:21px; }
.redSummaryPriceBox .fm-select               { margin-bottom: 0px;}
.redSummaryPriceBox .both                    { width:255px;padding-top:10px; }

.shipping                   { position:relative;padding-bottom:20px; }
.shipping-content .head     { position:relative;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:30px;line-height:35px;font-weight:normal;color:#333333;padding-bottom:15px; }
.shipping-content p         { position:relative;font-size:14px;line-height:18px; }



.hardwareOnly .redSummaryPriceBox .tariffPromo  { display: none; }

                .redSummaryPriceBox .gold       {display:none;}
                .redSummaryPriceBox .platinum   {display:none;}
    .aruba.gold .redSummaryPriceBox .gold       {display:block;}
.aruba.platinum .redSummaryPriceBox .platinum   {display:block;}

.redSummary.noPrice .redSummaryInfo,
.redSummary.noPrice .redSummaryPriceBox,
.redSummary.noPrice .totalSavings            {display: none;}                               
.redSummary.noPrice .redSummaryAlert         {display: block;}

/* Juno JS Compatibly */
.noPrice .redSummary                       { border:0;box-shadow:none; }
.noPrice .redSummary .redSummaryInfo,
.noPrice .redSummary .redSummaryLinkOut,
.noPrice .redSummary .redSummaryPriceBox   { display:none; }
.noPrice .moreDetailsBox                   { display:none !important; }
.noPrice .orderBox,
.noPrice .buttonBoxTopJuno,
.noPrice .trustedS                         { display:none; }
.noPrice .totalSavings                     { display:none; }
.noPrice .redSummary .redSummaryAlert      { display:block; }


.totalSavings             { position:relative;padding:12px 20px;font-weight:bold;line-height:21px;background-color:#f4f8f0; }
.totalSavings .total      { color: #427D00;}


.redSummary .h2                               { font:400 28px/32px 'VodafoneRgRegular',Arial,Helvetica,sans-serif;padding-bottom: 12px; } 
.redSummary .h5                               { font-size:18px;font-weight:bold;padding-bottom: 12px; }

.redSummary .sectionLine                  { position:relative;background-color:#cccccc;font-size:1px;height:1px;margin:0 -20px 21px;clear:both; }

.savingContainer                          { position:relative;clear:both;background-color:#f4f8f0;margin:0 -20px 15px;padding:0 20px; }
.savingContainer      .head               { position:relative;font-weight:bold;border-bottom:1px solid #cccccc;padding:5px 0; }
.savingContainer.akko   .head             { cursor:pointer;background:url("//www.vodafone.de/images/v5/css/acco_down.png") no-repeat scroll 245px 12px;background-size:14px 7px; }
.savingContainer.active .head             { background:url("//www.vodafone.de/images/v5/css/acco_up.png") no-repeat scroll 245px 12px;background-size:14px 7px; }
.savingContainer      .savingBox          { position:relative; }
.savingContainer.akko .savingBox          { display:none; }
.savingContainer      .savingBox .right   { font-weight:bold; }
.savingContainer .savings                 { position:relative;padding:5px 0 6px; }
.savingContainer .total                   { position:relative;top:-1px;padding:5px 0;border-top:1px solid #cccccc;font-weight:bold; }

.installationAddress         { position:relative;height:71px;line-height:18px; }

.fallbackBw-notice, .fallbackBw-notice .default-text    { display:none; }
.fallbackBw-notice                                      { margin: 0 0 50px;padding:16px 40px 16px 60px; }
.connectMore .fallbackBw-notice                         { margin:10px 0 20px; }

/* Trusted Shop Bullets */

.trustedS                 { position:relative;padding:20px 0; }
.trustedS .bulletpoint    { position:relative;line-height:20px;margin-bottom:11px;background:url(//www.vodafone.de/images/v5/css/icon_check_40x40.png) no-repeat -2px 0;background-size:20px 20px;padding-left:24px; }


/* q1promo */

                                           

/* Q1 - Teil 2 - Promo */



.orderBox                                    { position:relative;margin-top:13px;left:-1px;min-height:48px; }
.vvl .orderBox                               { min-height:62px; }
.orderBoxTop                                 { position:absolute;top:4px;left:2px;width:303px;z-index:1; }
.connectMore .orderBox                       { margin-top:0; }
.connectMore .stickyBarWrapper .orderBox     { margin-top:13px;padding-bottom:11px; }
.orderBox .buttonBox                         { display: none;}
.orderBox .buttonBox .buttonBig              { width: 300px; margin-right: 0px; float:right; padding:12px 0 11px;font-size:12px; }

.nba .orderBox .buttonBox .buttonBig         { width:300px; }
.orderBox .buttonBox .cmVvlButton            { margin-right: 4px;}
.orderBox.noPrice    .buttonBox              { display:none !important; } 

.hardware    .orderBox .buttonBox .cmVvlButton,
.simOnly     .orderBox .buttonBox .cmVvlButton   { display: none;}

.hardwareOnly .redSummaryInfo       { display: none !important;}
.hardwareOnly .costsDiscountSelect  { display: none !important;}
.slotMachine.hardwareOnly .redSummaryPriceBox   { min-height: 538px; }

.bgGreen                   { margin:0 -10px;padding:0 10px 10px;background-color:#ffffff;
                             -webkit-transition:background 1s;
                             -moz-transition:background 1s;
                             -o-transition:background 1s;
                             transition:background 1s; }
.bgGreen.pulse             { background-color:#f4f8f0; }
#costsRebates .spacer12    { left:-10px;width:280px;border-top:10px solid #ffffff; }



/* ArubaHero */
.arubaHero                  { position:relative;margin:0 21px 25px 3px;border:1px solid #cccccc;border-radius: 3px;box-shadow: 0 1px 2px #ccc; }
.arubaHero h2               { position:relative;padding:20px; }
.arubaHero .colContainer    { position:relative;background:url(//www.vodafone.de/images/v5/css/aruba_hero_bg.png) repeat-y;margin-bottom:40px; }
.arubaHero .colBox          { position:relative;width:33.3333%;line-height:18px;float:left;padding:0 15px 0 30px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; }

.arubaImgHero                     { position:relative;width:629px;height:280px;margin:0 0 25px 0;border:0;border-radius:0;box-shadow:none; }
.arubaImgHero .txtBox             { position:absolute;top:105px;left:410px;width:205px;height:165px;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:20px;line-height:24px; }
.arubaImgHero .txtBox .headline   { position:relative;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:24px;line-height:28px;font-weight:normal;margin-bottom:10px; }
.arubaImgHero .txtBox .footnote   { position:absolute;bottom:0px;font-size:12px; }
.arubaBaseTxt     { position:relative;margin-bottom:20px; }

/* Accordions */
.arubaAcco             { position:relative;margin-bottom:20px;border:1px solid #cccccc;border-radius: 3px;box-shadow: 0 1px 2px #ccc;background:url(//www.vodafone.de/images/v5/css/acco_down.png) no-repeat 582px 38px; }
.arubaAcco.active      { background:url(//www.vodafone.de/images/v5/css/acco_up.png) no-repeat 582px 38px; }


.arubaAcco .baseBox                  { position:relative;cursor:pointer; }
.arubaAcco .baseBox .imgBox          { position:relative; }
.arubaAcco .baseBox .imgBox img      { height:90px; }
.arubaAcco .baseBox .txtBox          { position:absolute;top:15px;left:110px;font-size:14px;line-height:18px; }
.arubaAcco .baseBox .txtBox .head    { position:relative;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:30px;line-height:35px;font-weight:normal; }

.badge                 { position:absolute;top:0px;left:-20px;display:none; }
.badge span            { position:relative;display:block;width:92px;text-align:center;font-size:11px;line-height:20px;color:#ffffff;background-color:#007c92; }
.mbb .badge span       { font-weight:bold;color:#000000;background-color:#fecb00; }
.badge .desktop        { display:block;}
.badge .mobile         { display:none;}


.tariffOption.inclusive .badge   { display:block; }

.tariffOptionContainer               { position:relative; }
.tariffOptionContainer .gradient     { position:absolute;top:0;left:0px;width:100%;height:6px;
                                       background: #ffffff; /* Old browsers */
                                       background: -moz-linear-gradient(rgba(226,226,226,1) 0%, rgba(247,247,247,0.5) 70%, rgba(255,255,255,0) 100%); /* FF3.6+ */
                                       background: -webkit-linear-gradient(rgba(226,226,226,1) 0%, rgba(247,247,247,0.5) 70%, rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
                                       background: -o-linear-gradient(rgba(226,226,226,1) 0%, rgba(247,247,247,0.5) 70%, rgba(255,255,255,0) 100%); /* Opera 11.10+ */
                                       background: -ms-linear-gradient(rgba(226,226,226,1) 0%, rgba(247,247,247,0.5) 70%, rgba(255,255,255,0) 100%); /* IE10+ */
                                       background: linear-gradient(rgba(226,226,226,1) 0%, rgba(247,247,247,0.5) 70%, rgba(255,255,255,0) 100%); /* W3C */
                                     }
.tariffOption                        { position:relative; }
.tariffOption .moreBox               { position:relative;margin:14px 20px 20px; }
.tariffOption.inclusive .moreBox     { background-color:#f4f8f0; }

                                                  
.tariffOption .gradient                  { position:relative;width:auto;height:6px;margin:0 20px;border-top:1px solid #cccccc;background:none; }   
                                  
.tariffOption .moreBox .txtBox               { position:relative;width:350px;padding:0 20px 0 90px;line-height:18px;float:left;border-right:1px solid #cccccc; }
.tariffOption .moreBox .txtBox .title        { position:relative; }
.tariffOption .moreBox .txtBox ol,
.tariffOption .moreBox .txtBox ul            { padding:10px 20px; }
.tariffOption .moreBox .priceBox             { position:relative;left:-1px;width:85px;padding:0 0 0 40px;line-height:18px;float:left;border-left:1px solid #cccccc; }
.tariffOption .moreBox .priceBox .imgBox     { position:relative;margin:0 0 0 -30px; }
.tariffOption .moreBox .priceBox .imgBox img { position:relative;padding:0 0 20px; }
.tariffOption .moreBox .priceBox .price      { position:relative;font-size:14px;line-height:18px; }
.tariffOption .moreBox .priceBox b,
.tariffOption .moreBox .priceBox strong      { font-size:16px; }
.tariffOption .moreBox .priceBox .freeText   { position:absolute; left: 25px; }
.tariffOption .moreBox .priceBox .checkBox   { position:absolute;top:0px;left:-30px; }
.tariffOption .moreBox .priceBox .radio          { position:absolute;top:0px;left:-30px;width:21px;height:21px;background:url(//www.vodafone.de/simplicity/assets/css/img/icon/radio-unchecked.png) no-repeat 0px 0px;cursor:pointer; }
.tariffOption .moreBox .priceBox .radio.active   { background:url(//www.vodafone.de/simplicity/assets/css/img/icon/radio-checked.png) no-repeat 1px 1px; }
.tariffOption.inclusive .moreBox .txtBox,
.tariffOption.inclusive .moreBox .priceBox   { margin:20px 0 20px 0; }

/***** accessorySlider *****/
.aruba.slotMachine .sliderContainer       { display:none; }
.sliderContainer h2                       { display: inline;}
.sliderContainer .accCounterBox           { position:absolute;bottom:5px;right:47px; }
.aruba .accessorySliderBox                { position:relative;height:383px; }
.aruba .accessorySliderBox h2             { position:relative;float:left; }
.aruba .accessorySliderBox .yourChoice    { position:relative;float:left;left:16px;font-size:13px;padding-top:7px; }
 
.accessorySlider                          { position:relative;width:629px;height:380px;margin:0 0 0 3px; }
.accessoryBox                             { position:relative;width:178px;height:328px;background:#ffffff;margin:10px 2px 0;padding:0 0 4px;border:1px solid #cccccc; }
.accessoryBox .benefit                    { position:absolute;top:-22px;left:3px;width:266px;height:19px;padding-top:2px;background-color:#3f8e9a;border-radius:4px 4px 0px 0px; 
                                            font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:13px;text-align:center;color:white;}
.accessoryBox .imgBox                     { position:relative;left:22px;width:134px;height:281px; }
.accessoryBox .imgBox img                 { position:relative;top:3px;left:3px;width:128px; }
.accessoryBox .txtBox                     { position:absolute;top:190px;left:10px;width:158px;height:136px; }
.accessoryBox .txtBox h3                  { position:relative;margin-bottom:5px;color:#333333;font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:14px;line-height:17px;font-weight:normal;height:51px;overflow:hidden; } 
.accessoryBox .txtBox .pr-stars           { position:relative;width:83px;height:15px;margin-bottom:8px;background:url(//www.vodafone.de/images/v5/stars_small_gold.gif); } 
.accessoryBox .details                    { position: relative;top:0px;left:0px;width:158px;height:80px; }
.accessoryBox .details select             { width:70px;margin:0 5px 10px 0; } 
.accessoryBox .details .priceBox          { position:absolute;bottom:18px;right:0px;font-size:14px;font-weight:normal;width:126px; } 
.accessoryBox .details .priceBox span     { position:relative; } 
.accessoryBox .details .priceBox         .price             { font-size:14px;font-weight:700;}
.accessoryBox .details .priceBox.noPrice .price             { font-size: 10px; }  
.accessoryBox .details .priceBox         .tournus           {  }
.accessoryBox .details .priceBox         .priceHardwareOnly { font-size:14px;font-weight:700;}
.accessoryBox .details .priceBox.noPrice .priceHardwareOnly { font-size: 10px; } 
 
.accessoryBox .details ul                 { position:relative;margin-left:15px;list-style:disc; } 
.accessoryBox .details ul li              { position:relative;list-style:disc;font-size:11px;line-height:17px; } 
.accessoryBox .delivery                   { position:absolute;bottom:8px;left:8px;width:100px;font-size:11px;line-height:13px;font-weight:normal; } 
.accessoryBox .button                     { position:absolute;bottom:60px;left:0px;font-size:14px; }
.accessoryBox .choiceBox                  { position:relative;margin:4px 10px 0;padding-top:4px; }
.accessoryBox .choiceBox .checkBox        { font-size:13px;font-weight:bold; }
.accessorySlider.hardwareOnly .priceHardwareOnly {display: inline;}
.accessorySlider.hardwareOnly .price             {display:none;}
.accessorySlider              .priceHardwareOnly {display:none;}
.accessorySlider              .price             {display: inline;}
.accessorySlider              .subLayer                { position:absolute;top:0px;left:340px;width:274px;height:351px;background-color:#FFFFFF; }
.accessorySlider              .accessorySliderWrapper  { position:relative;top:0px;left:26px;width:576px;height:351px;overflow:hidden; }
  
.accessorySlider .scrollable                             { position:absolute;top:0px;left:196px;width:376px;height:345px;background-color:#FFFFFF; }
.accessorySlider .scrollable .items                      { width:20000em !important;position:absolute;clear:both; }
.accessorySlider .scrollable .items .accessoryContainer  { float:left;width:186px; }
.accessorySlider .scrollable .items .hidden              { display:none; }

/* bxSlider Special */
.accessorySliderWrapper .bx-viewport             { overflow:visible !important }
.accessorySliderWrapper .bx-pager                { display:none;}
.accessorySliderWrapper .bx-wrapper .bx-controls { left: 0;position: relative;right: 0;top: 0;}
.accessorySliderWrapper .bx-controls-direction   { position: relative;}
.accessorySliderWrapper .bx-controls-direction a { height: 45px;outline: 0 none;position: absolute;text-indent: -9999px;top: -190px;width: 38px;z-index: 9990;}

.accessorySlider .bxSliderButton, 
.accessorySlider .bxSliderButton      { position: relative; top: -315px;}
.accessorySlider .bxSliderButton.prev { left: -10px;}
.accessorySlider .bxSliderButton.next { left: 603px;}
.accessorySlider .bxSliderButton.prev a.bx-prev,
.accessorySlider .bxSliderButton.next a.bx-next   { width:14px;height:28px;background-image:url(//www.vodafone.de/images/v5/aruba_slider_arrows.png); }
.accessorySlider .bxSliderButton.next a.bx-next   { background-position:-14px 0; }
.accessorySlider .bxSliderButton.prev a.bx-prev:hover      { background-position:0 0; }
.accessorySlider .bxSliderButton.next a.bx-next:hover      { background-position:-14px 0; }


.accessorySlider .slideButton            { position:absolute;top:112px;display:block;width:40px;height:52px;cursor:pointer; }
.accessorySlider .slideButton.left       { left:-3px;background:url(//www.vodafone.de/images/v5/prev_grey.png); }
.accessorySlider .slideButton.right      { right:-3px;background:url(//www.vodafone.de/images/v5/next_grey.png); }
.accessorySlider .slideLayer             { position:absolute;top:10px;width:287px;height:317px;background-color:#FFFFFF;opacity:0.65;filter: alpha(opacity = 65); }
.accessorySlider .slideLayer:hover       { background-color:#FFFFFF;opacity:0.5;filter: alpha(opacity = 50); }
.accessorySlider .slideLayer.left        { left:48px; }
.accessorySlider .slideLayer.right       { right:48px; }
.accessorySlider .disabled               { visibility:hidden !important; }
.accessorySlider .frameTop           { position:absolute;top:-4px;left:326px;width:302px;height:14px;background:url(//www.vodafone.de/images/v5/frame_top.png) no-repeat; }
.accessorySlider .frameRight         { position:absolute;top:10px;left:614px;width:14px;height:317px;background:url(//www.vodafone.de/images/v5/frame_right.png) no-repeat; }
.accessorySlider .frameBottom        { position:absolute;top:327px;left:326px;width:302px;height:14px;background:url(//www.vodafone.de/images/v5/frame_bottom.png) no-repeat; }
.accessorySlider .frameLeft          { position:absolute;top:10px;left:326px;width:14px;height:317px;background:url(//www.vodafone.de/images/v5/frame_left.png) no-repeat; }

.stickyBox   { display:none; }

.logoutBut { padding-left: 3px; }

.regio-tt { position:absolute;top:28px;left:12px;width:200px;background-color:#fff;border-radius:3px;box-shadow:0 1px 3px rgba(50,50,50,0.6);padding:12px;z-index:51;display:none;font-style:normal; }
.regio-tt:before { position:absolute;display:block;content:" ";top:-4px;left:95px;width:10px;height:10px;transform:rotate(45deg);background-color:#fff;box-shadow:1px 1px 3px rgba(50,50,50,0.6); }
.regio-tt:after { position:absolute;display:block;content:" ";top:0px;left:88px;width:22px;height:15px;background-color:#fff; }

@media only screen and (min-width: 767px) {
    
    .w-33   { width:33.3333%;float:left; }
    .w-66   { width:66.6666%;float:left; }
    .col    { padding:5px 21px 0 3px; }
    
}
@media only screen and (max-width: 767px) {
    
    
    #divPageHeadline         { margin:0; }
    #divPageHeadline h1      { font: 30px/1.125 "VodafoneRgRegular",Arial,sans-serif;margin:0 8px 20px; }
    .tooltipp.DELspecial .closeButton { position:absolute; display:block;  top:2px; right:2px;cursor:pointer;}

    .aruba .headlineBox     { margin:0 0 15px; }

    .badge .desktop         { display:none;}
    .badge .mobile          { display:block;}        

    
    .deviceCard .vfmodal-trigger.desktop,
    .tariffCard .vfmodal-trigger.desktop         { display: none;}
    .tariffCard .mobile                          { display: block;}
    .deviceCard .insuranceBox .mobile            { position:relative;display:block;bottom:auto;right:auto;padding:2px 0 0 30px; }
    .deviceCard .insuranceBox .vfmodal-trigger   { display:none;}

    /***** nba *****/
        
    .tarifDetails                  { border:1px solid #cccccc;border-radius: 3px;box-shadow: 0 1px 2px #ccc;padding:0px;margin-bottom:40px; }
    .tarifDetails h3               { margin:0;padding:10px;cursor:pointer; }
    .tarifDetails .gradient        { display:block;width:298px;height:1px;line-height:1px;background-color:#cccccc;border-top:1px solid #e8e8e8;border-bottom:1px solid #f5f5f5; }
    .tarifDetails .txtBoxText      { padding:10px 0px 10px 10px; }
    
    
    

    
    .alertBox              { margin:0 10px 30px 10px; }

    .cancelButton               { height:60px; }
    .cancelButton .buttonBig    { width:256px;margin:-10px 11px 0 0 !important; }

               .ctaContainerSpacer    { display:none; }
    .aruba.vvl .ctaContainerSpacer    { display:none; }
    .ctaContainer          { position:relative;top:0px;left:0px;width:300px;margin:0 10px; }
    .ctaBox                { margin-left:0;width:300px; }
    .ctaBox .buttonBig     { width: 258px; }
    .ctaBox .alertBox      { width: 208px; }
 
    .slotMachine .ctaContainer     { top:0px; }


    .orderBox .buttonBox .buttonBig              { width:298px; }
    .orderBox .buttonBox .cmVvlButton            { margin-right: 0px;}

    .arubaHero                        { margin:0 10px 20px; }
    .arubaHero .colcontainer          { background:none; }
    .arubaHero .colBox                { width:280px;padding:10px 0 20px;border-top:1px solid #e3e3e3;margin:0 10px; }
    .arubaHero .colBox:first-child    { border:0; }

    .arubaImgHero                     { width:300px;height:140px;margin:0 0 25px 0;background-size:300px 140px; }
    .arubaImgHero img                 { display:none; }
    .arubaImgHero .txtBox             { position:absolute;top:36px;left:124px;width:165px;height:95px;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:14px;line-height:18px; }
    .arubaImgHero .txtBox .footnote   { position:absolute;bottom:0px;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:10px; }
    
    .arubaAcco                           { background-position:274px 29px;background-size:15px 9px; }
    .arubaAcco.active                    { background-position:274px 29px;background-size:15px 9px; }
    .arubaAcco .baseBox .imgBox img      { height:65px; }
    .arubaAcco .baseBox .txtBox          { top:10px;left:85px;width:185px; }
    .arubaAcco .baseBox .txtBox .head    { height:44px;display:table-cell;font-size:19px;line-height:22px;vertical-align:middle; }
    .arubaAcco .baseBox .txtBox span     { display:none; }
    
    .badge                 { top:15px;left:0; }
    .badge span            { width:66px; }
    
    .tariffOption .moreBox   { margin:-6px 0 0; }
    
    .tariffOption .gradient  { margin:0; }
    
    .tariffOption .moreBox .txtBox                    { width:278px;padding:16px 10px;border:0; }
    .tariffOption .moreBox .priceBox .freeText        { position:absolute; left: 10px; }

    .tariffOption.inclusive .moreBox .txtBox .title   { padding:0 0 0 65px; }
    .tariffOption .moreBox .priceBox                  { width:258px;padding:0 0 20px 40px;left:0;border:0; }
    
    .tariffOption.inclusive .moreBox .txtBox,
    .tariffOption.inclusive .moreBox .priceBox   { margin:0; }
    
    .tariffOption .moreBox .priceBox .topSpace,
    .tariffOption .moreBox .priceBox .imgBox      { display:none !important; }


    .stickyBarWrapper    { padding-top: 0px; }
    .redSummary          { margin-top:0px; }

    .orderBox            { left:0; }
    .orderBoxTop         { position:relative;top:0px;left:0px; }
    .orderBox .buttonBox { width:300px; }
    
    .shipping .mobilVersion   { display:inline-block !important; }
    
    /* accessorySlider */
    /* kein Accessory Slider bei mobile, weil checkout nicht funzt */
    .aruba .sliderContainer         { width:320px; display:none;}
    .accessorySlider                { margin:0;width:320px; }
    
    .sliderContainer h2             { display:block;margin-left:10px; }
    #accCounter                     { padding-left:10px; }
    
    .accessorySlider .accessorySliderWrapper    { left:36px;width:248px; }
    .accessorySlider .scrollable                { left:0px;width:248px; }

    .accessorySlider .bxSliderButton.prev { left: 0px;}
    .accessorySlider .bxSliderButton.next { left: 285px; }    

    .accessoryBox            { width:242px; }
    .accessoryBox .txtBox    { width:130px; }
    .accessoryBox .details   { width:228px; }

    
    .accessorySlider .slideLayer,
    .accessorySlider .frameTop,
    .accessorySlider .frameRight,
    .accessorySlider .frameBottom,
    .accessorySlider .frameLeft          { display:none; }
    
    .backButton                         { padding:0; }
    .backButton .buttonBig              { width:298px;padding:12px 0 11px; }
                              
    #imheader   { height:119px; }
	#imfooter   { margin-bottom:0px; }
	
	.stickyBox                   { position:fixed;display:block;top:0px;left:0px;width:100%;height:37px;padding:2px 0 5px;background-color:#666666;z-index:1000; }
	.stickyBox .priceBox         { position:relative;width:50%;float:left;text-align:center;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:14px;line-height:18px;font-weight:normal;color:#ffffff;margin-top:2px; }
	.stickyBox .priceBox.once    { border-right:0;width: 50%; }
	.stickyBox .priceBox.monthly { border-right:1px solid #b3b3b3;width: 49%; }
	.stickyBox .priceBox span    { font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:18px;color:#ffffff;font-weight:normal; }
	
	.stickyBox .gradient         { position:absolute;top:44px;left:0px;width:100%;height:6px;
	                               background: -moz-linear-gradient(top, rgba(0,0,0,0.33) 0%, rgba(0,0,0,0.28) 33%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	                               background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.33)), color-stop(33%,rgba(0,0,0,0.28)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	                               background: -webkit-linear-gradient(top, rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.28) 33%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	                               background: -o-linear-gradient(top, rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.28) 33%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	                               background: -ms-linear-gradient(top, rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.28) 33%,rgba(0,0,0,0) 100%); /* IE10+ */
	                               background: linear-gradient(to bottom, rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.28) 33%,rgba(0,0,0,0) 100%); /* W3C */
	                             }
        
}


/* ---------------     Same Day Delivery Special  ----------------- */


/* --------------- special fuer Family & Friends --------------- */


/* ---------------   additional teaser -----------------*/
.addTeaser               { position:relative;margin:0 21px 20px 3px;padding-top:20px;border-top:1px solid #cccccc;font-size:14px; }
.addTeaser .txtBox       { position:relative;width:620px;padding:15px 0 15px 70px;line-height:18px; }
.addTeaser .icon         { position:absolute;top:50px;left:0;width:50px;height:50px; }
.addTeaser .buttonBig    { position:absolute;top:50px;right:0;font-size: 12px; }      

@media only screen and (max-width: 767px) {
  .addTeaser               { margin:5px 10px 10px; }
  .addTeaser .txtBox       { width:230px; }
  .addTeaser .buttonBig    { position:relative;width:298px;top:0;right:auto;padding: 12px 0 11px; }
}
 /* Button-Logout */

.logOut               { position:relative; }
.logOut .buttonBig    { position:absolute;top:-75px;right:22px;font-size: 12px; }

.logout-content .noErrorBox p { font-size:14px;font-weight:bold; }

@media only screen and (max-width: 767px) {
	.logOut .buttonBig     { position:relative;top:0;right:auto;width:254px;margin:0 0 20px 12px; }
	
	.logout-content .noErrorBox p { font-size:12px;font-weight:bold; }
}/* Loading Spinner */

.spinner-layer {
    bottom: 0;
    display: none;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}
.spinner-layer {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
}

.spinner-layer .spinner {
    position:absolute;
    width:55px;
    height:55px;
    top:50%;
    left:50%;
}
.spinner-layer .spinner img {
    position:relative;top:-28px;left:-28px;
}/* ------------------------------------------------------------------------------------------ */
/* CONTENT CLASS: CSS Snippet - Aruba - animated Stepper */
/* PAGENAME: CSS Snippet - Aruba - animated Stepper PAGEID: 333581 */
/* ------------------------------------------------------------------------------------------ */
/* VERSION:  */
/* URL-Prefix: [] */
/* ------------------------------------------------------------------------------------------ */


	.aniStepper   { position:relative;width:956px;height:110px;margin:0 0 26px 3px;overflow:hidden; }
	
	.aniStepper .bubbleBar      { position:absolute;top:60px;left:0;width:100%;height:20px; }
	
	.aniStepper .redBar         { position:absolute;top:5px;left:0px;width:0px;height:100px;background-color:#e60000;transition-property:width;transition-timing-function:linear;display:none; }
	.aniStepper .redBar:after   { position:absolute;content:" ";display:block;top:55px;right:0px;width:40px;height:20px;background-color:#ebebeb; }
	.aniStepper .redTextBar     { display:none; }
	.aniStepper img             { position:absolute;top:0;left:0;z-index:1; }
	
	.step1 .redBar { width:125px; }
	.step2 .redBar { width:325px; }
	.step3 .redBar { width:525px; }
	.step4 .redBar { width:725px; }
	.step5 .redBar { width:925px; }
	
	
	.from1to2 .redBar           { width:325px;transition-duration:0.75s; }
	.from1to3 .redBar           { width:525px;transition-duration:1s; }
	.from1to4 .redBar           { width:725px;transition-duration:1.25s; }
	.from1to5 .redBar           { width:925px;transition-duration:1.5s; }
	
	.from2to1 .redBar           { width:125px;transition-duration:0.75s; }
	.from2to3 .redBar           { width:525px;transition-duration:0.75s; }
	.from2to4 .redBar           { width:725px;transition-duration:1s; }
	.from2to5 .redBar           { width:925px;transition-duration:1.25s; }
	
	.from3to1 .redBar           { width:125px;transition-duration:1s; }
	.from3to2 .redBar           { width:325px;transition-duration:0.75s; }
	.from3to4 .redBar           { width:725px;transition-duration:0.75s; }
	.from3to5 .redBar           { width:925px;transition-duration:1s; }
	
	.from4to1 .redBar           { width:125px;transition-duration:1.25s; }
	.from4to2 .redBar           { width:325px;transition-duration:1s; }
	.from4to3 .redBar           { width:525px;transition-duration:0.75s; }
	.from4to5 .redBar           { width:925px;transition-duration:0.75s; }
	
	.from5to1 .redBar           { width:125px;transition-duration:1.5s; }
	.from5to2 .redBar           { width:325px;transition-duration:1.25s; }
	.from5to3 .redBar           { width:525px;transition-duration:1s; }
	.from5to4 .redBar           { width:725px;transition-duration:0.75s; }
	
	
			    
	.aniStepper .steps a               { position:relative;display:block;float:left;width:200px;height:108px;font-size:0;opacity:0;text-indent:200%;white-space:nowrap;z-index:2; }
	
	.aniStepper .steps a:first-child,
	.aniStepper .steps a:last-child    { width:177px; }
	
	
	@media only screen and (max-width: 767px) {
		
		.aniStepper   { width:300px;height:90px;margin-left:10px; }
		
		.aniStepper .bubbleBar      { top:50px;height:15px; }
		
		.aniStepper .redBar         { top:5px;left:0px;width:0px;height:60px; }
		.aniStepper .redTextBar     { position:absolute;top:65px;left:0px;width:0px;height:20px;background-color:#e60000;transition-property:width;transition-timing-function:linear;display:none; }
		.aniStepper .redBar:after   { top:45px;width:25px; }
		
		
		.step1 .redBar     { width:60px; }
		.step2 .redBar     { width:120px; }
		.step3 .redBar     { width:180px; }
		.step4 .redBar     { width:240px; }
		.step5 .redBar     { width:300px; }
		
		.step1 .redTextBar { width:90px; }
		.step2 .redTextBar { width:90px; }
		.step3 .redTextBar { width:200px; }
		.step4 .redTextBar { width:200px; }
		.step5 .redTextBar { width:300px; }
		

		
		
		.from1to2 .redBar           { width:120px;transition-duration:0.5s; }
		.from1to3 .redBar           { width:180px;transition-duration:0.75s; }
		.from1to4 .redBar           { width:240px;transition-duration:1s; }
		.from1to5 .redBar           { width:300px;transition-duration:1.25s; }
		
		.from1to3 .redTextBar       { width:200px;transition-duration:0.75s; }
		.from1to4 .redTextBar       { width:200px;transition-duration:1s; }
		.from1to5 .redTextBar       { width:300px;transition-duration:1.25s; }
		
		
		.from2to1 .redBar           { width:60px;transition-duration:0.5s; }
		.from2to3 .redBar           { width:180px;transition-duration:0.5s; }
		.from2to4 .redBar           { width:240px;transition-duration:0.75s; }
		.from2to5 .redBar           { width:300px;transition-duration:1s; }
		
		.from2to3 .redTextBar       { width:200px;transition-duration:0.5s; }
		.from2to4 .redTextBar       { width:200px;transition-duration:0.75s; }
		.from2to5 .redTextBar       { width:300px;transition-duration:1s; }
		
		
		.from3to1 .redBar           { width:60px;transition-duration:0.75s; }
		.from3to2 .redBar           { width:120px;transition-duration:0.5s; }
		.from3to4 .redBar           { width:240px;transition-duration:0.5s; }
		.from3to5 .redBar           { width:300px;transition-duration:0.75s; }
		
		.from3to1 .redTextBar       { width:90px;transition-duration:0.75s; }
		.from3to2 .redTextBar       { width:90px;transition-duration:0.5s; }
		.from3to5 .redTextBar       { width:300px;transition-duration:0.75s; }
		
		
		.from4to1 .redBar           { width:60px;transition-duration:1s; }
		.from4to2 .redBar           { width:120px;transition-duration:0.75s; }
		.from4to3 .redBar           { width:180px;transition-duration:0.5s; }
		.from4to5 .redBar           { width:300px;transition-duration:0.5s; }
		
    	.from4to1 .redTextBar       { width:90px;transition-duration:1s; }
    	.from4to2 .redTextBar       { width:90px;transition-duration:0.75s; }
		.from4to5 .redTextBar       { width:300px;transition-duration:0.5s; }
		
		
		.from5to1 .redBar           { width:60px;transition-duration:1.25s; }
		.from5to2 .redBar           { width:120px;transition-duration:1s; }
		.from5to3 .redBar           { width:180px;transition-duration:0.75s; }
		.from5to4 .redBar           { width:240px;transition-duration:0.5s; }
		
		.from5to1 .redTextBar       { width:90px;transition-duration:1.25s; }
		.from5to2 .redTextBar       { width:90px;transition-duration:1s; }
		.from5to3 .redTextBar       { width:200px;transition-duration:0.75s; }
		.from5to4 .redTextBar       { width:200px;transition-duration:0.5s; }
		
		
		
		
		.aniStepper .steps a               { width:60px;height:65px; }
		
		.aniStepper .steps a:first-child,
		.aniStepper .steps a:last-child    { width:60px; }
		
	}
	
	 
/* -[SNIPPETS <<<]---------------------------------------------------------------------------- */