/* BASKET 2018 */

.clearfix::before,
.clearfix::after {
    display: block;
    content: '';
    clear: both;
}

.toLeft {
    float: left;
}

.textRight {
    text-align: right;
    padding-right: 15px !important;
}


/* BASKET BUTTON */

.basketButton {
    float: right;
    z-index: 2;
}

.basketButton a:hover {
    background: #1E637D !important;
    color: #FFFFFF;
}

.basketButton .basketContainer {
    color: #fff;
    margin: 0;
    padding: 0!important;
    width: 100%;
    /*min-height: 100vh;*/
    background: transparent !important;
    opacity: 1 !important;
    pointer-events: none;
    /*top: 25px !important;*/
    max-height: unset !important;
}

.basketButton .basketBody {
    background: #ebebeb !important;
    padding: 0 !important;
    pointer-events: all;
}

.basketButton .basketFooter {
    background: #1B5970 !important;
    padding: 0 !important;
    pointer-events: all;
}


/* BASKET */

.basket {
    color: #FFFFFF;
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
    margin-top:5px;
}

.basket .headling .cart-icon {
    width: 100px;
    height: 100px;
    background: #8F8F8F;
    position: relative;
    border-radius: 50%;
    margin: auto;
    margin-top: 130px;
}

.basket .headling h4.empty {
    text-align: center;
    font-family: VodafoneLight;
    color: #666;
    margin-top: 30px;
    font-size: 28px;
}

.basket .empty-cart-text {
    text-align: center;
    font-family: VodafoneLight;
    color: #666;
    font-size: 20px;
    margin-top: 10px;
}

.basket .empty-cart-text+.buttons {
    margin-top: 70px;
    margin-bottom: 170px;
}

.basket .empty-cart-text+.buttons .vodafone_white_primary {
    width: 320px;
    margin: auto;
    margin-bottom: 7px;
}

.basket .productContainer,
.basket .accessoriesContainer {
    padding: 10px 0;
}
.lgi-main-navigation .basket .productContainer{
    display: none;
}

.basket .productContainer,
.basket .accessoriesContainer {
    background: transparent;
    transition: background 300ms ease-out;
}

.basket .productContainer.visible,
.basket .accessoriesContainer.visible {
    background: #2884A6;
}

.basket .productContainer .content .heading,
.basket .accessoriesContainer .content .heading {
    border-bottom: 1px solid #4B8297;
    margin: 0 20px 10px;
}

.basket .productContainer .content .heading .data .accessoryName,
.basket .accessoriesContainer .content .heading .data .accessoryName {
    font-size: 24px;
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", Geneva, Verdana, sans-serif;
    line-height: 36px;
    width: calc(100% - 16px);
    margin: 5px 0;
    color: #FFF;
}

.basket .productContainer .content .data,
.basket .accessoriesContainer .content .data {
    background: transparent;
    transition: background 300ms ease-out;
}

.basket .productContainer .content .data.visible,
.basket .accessoriesContainer .content .data.visible {
    background: #2884A6;
}

.basket .productContainer .content .data .accessoryDataName,
.basket .accessoriesContainer .content .data .accessoryDataName {
    font-size: 16px;
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", Geneva, Verdana, sans-serif;
    line-height: 20px;
    width: 63.265306122448979591836734693878%;
    margin: 5px 0;
    padding: 0 0 0 20px;
    box-sizing: border-box;
    color: #FFF;
}

.basket .productContainer .content .data .accessoryPrice,
.basket .accessoriesContainer .content .data .accessoryPrice {
    font-size: 16px;
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", Geneva, Verdana, sans-serif;
    line-height: 20px;
    width: calc(36.734693877551020408163265306122% - 36px);
    margin: 5px 0;
    padding: 0 0 0 20px;
    box-sizing: border-box;
    color: #FFF;
}

.basket .productContainer .content .heading .data .close,
.basket .accessoriesContainer .content .heading .data .close {
    width: 16px;
    height: 36px;
    margin: 5px 0;
    font-family: 'Icons';
    line-height: 36px;
    padding: 0;
    position: relative;
}

.basket .productContainer .content .heading .data .close span,
.basket .accessoriesContainer .content .heading .data .close span {
    width: 16px;
    height: 16px;
    background: url(/content/dam/www30-upc-hu/img/site3x/basket-2018/big-x.png) center center no-repeat;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.basket .productContainer .content .data .close,
.basket .accessoriesContainer .content .data .close {
    width: 16px;
    height: 20px;
    margin: 5px 0;
    font-family: 'Icons';
    line-height: 20px;
    padding: 0;
    position: relative;
}

.basket .productContainer .content .data .close span,
.basket .accessoriesContainer .content .data .close span {
    width: 10px;
    height: 10px;
    background: url(/content/dam/www30-upc-hu/img/site3x/basket-2018/small-x.png) center center no-repeat;
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.basketFooter .basket {
    padding: 0;
}

.basketFooter .cart-text,
.basketFooter p {
    font-size: 14px;
    line-height: 18px;
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", Geneva, Verdana, sans-serif;
    text-align: center;
    padding: 20px 0;
}

.basketFooter .cart-text {
    padding: 20px
}

.basketFooter p.footerText {
    display: none;
}

.basketFooter h4 {
    color: #FFFFFF;
    font-size: 24px;
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", Geneva, Verdana, sans-serif;
    line-height: 28px;
    text-align: center;
}

.buttonContainer {
    margin: 0 0 20px;
}

.buttonContainer .textLink #cartOk {
    position: relative;
    color: #68B5C8;
    font-size: 12px;
    margin: 40px 0 20px;
    padding: 0;
}

.buttonContainer .textLink #cartOk::before {
    position: absolute;
    width: 17px;
    height: 9px;
    background: url(/content/dam/www30-upc-hu/img/site3x/basket-2018/arrow.png) center center no-repeat;
    display: block;
    content: '';
    left: 50%;
    top: -10px;
    transform: translateX(-50%);
    transition: top .2s ease-out;
}

.buttonContainer .textLink #cartOk:hover {
    color: #68B5C8 !important;
    background-color: transparent !important;
}

.buttonContainer .textLink #cartOk:hover::before {
    top: -15px;
}

.buttonContainer .textLink #cartOk span {
    width: 100%;
    text-align: center;
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", Geneva, Verdana, sans-serif;
}

.emptyBasket .basketFooter .cart-text,
.emptyBasket .basketFooter #cartOrder {
    display: none;
}

.itemInBasket a:first-child:after {
    width: 10px;
    height: 10px;
    content: "";
    background: #239a98;
    border-radius: 10px;
    position: absolute;
    left: 40px;
    display: inline-block;
    top: 18px;
}

.itemInBasket a:hover:after,
.itemInBasket a#cartOk:after {
    display: none;
}

@media only screen and (max-width: 991px) {
    .basketButton {
        /*float: none;*/
    }
    .basketButton a:hover {
        background: #1E637D !important;
        color: #FFFFFF;
    }
    .basketButton a:hover::after {
        color: #FFFFFF;
    }
    .itemInBasket a:after {
        left: 0px !important;
        display: block;
        top: 4px !important;
        position: relative !important;
    }
    #basketButton a:before,
    #basketButton a:after {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .itemInBasket a:after {
        top: 15px;
    }
}

@media only screen and (max-width: 490px) {
    .textRight {
        text-align: left;
        padding-right: 0;
    }
    .basket .productContainer .content .data .accessoryDataName,
    .basket .accessoriesContainer .content .data .accessoryDataName {
        width: 100%;
        padding: 0 20px;
    }
    .basket .productContainer .content .data .accessoryPrice,
    .basket .accessoriesContainer .content .data .accessoryPrice {
        width: calc(100% - 36px);
    }
    .basket .productContainer .content .data .close span,
    .basket .accessoriesContainer .content .data .close span {
        top: calc(-50% - 5px);
        transform: translate(-50%, -100%);
    }
}

div.cart-toaster {
    background-color: #e60000;
    border-radius: 0px;
    color: white;
    padding: 15px;
    position: fixed;
    top: 30px;
    right: 30px;
    max-width: 411px;
    z-index: 300;
    font-size: 14px;
    font-family: 'vodafone-light', Geneva, Verdana, sans-serif;
}

#basketButton.lgi-main-navigation-level1item>a:hover {
    color: #FFF;
}

#mainBody .lgi-main-navigation-level1item>a,
#mainBody .lgi-main-navigation-level1item.lgi-nav-active>a:hover {
    padding: 15px 12px 32px 12px;
}

#mainBody .lgi-main-navigation-level1item.lgi-nav-active>a {
    padding: 15px 12px 10px 12px;
}

@media screen and (max-width:768px) {
    .basketButton .basketBody {
        /*min-height:470px;*/
    }
    div.cart-toaster {
        margin: 0 auto;
        right: 0;
        left: 0;
        text-align: center;
    }
}

@media screen and (max-width:480px) {
    div.cart-toaster {
        right: 0px;
        border-radius: 0px;
        top: 120px;
    }
}

#basketButton {
    margin-top: 0;
    display: list-item;
    height: 72px;
    width: 55px;
    text-align: center;
    padding-top: 24px;
    z-index: 2;
    font-size:24px;
    cursor: pointer;
}

#basketButton svg {
    fill: none;
    stroke: #333;
    stroke-width: .4em;
    width: 28px;
    height: 28px;
}

#basketButton:hover svg {
    stroke: #f60000;
}


/*.my-upc-silent #basketButton {
    margin-top: 16px;
}*/

#basketButton>a {
    padding-top: 53px;
    display: inline-block;
}

.my-upc-silent #basketButton>a {
    padding-left: 60px !important;
    font-size: 18px;
    padding-top: 19px;
    padding-bottom: 46px;
}

#basketButton>a:before {
    content: "";
    position: absolute;
    width: 31px;
    height: 28px;
    left: 17px;
    top: 19px;
    background: url('/content/dam/www30-upc-hu/img/ws-simplification/upc_kosar.svg') center center no-repeat;
}

.my-upc-silent #basketButton>a:before {
    width: 28px;
    height: 28px;
    top: 10px;
}

#basketButton>a:hover:before {
    background: url('/content/dam/www30-upc-hu/img/ws-simplification/upc_kosar_hover.svg') center center no-repeat;
}

#basketButton.itemInBasket .basketBody {
    background: #666 !important;
    padding-bottom: 65px;
    height: auto;
    overflow: auto;
}

#basketButton.itemInBasket .basketBody .items .cart-navs {
    display: flex;
    margin-top: 30px;
    max-width:900px;
    margin: 10px auto 50px auto;
}

#basketButton.itemInBasket .basketBody .items .cart-nav {
    width: 50%;
    text-align: center;
}

#basketButton.itemInBasket .basketBody .items .cart-nav .cart-nav-icon {
    background: rgba(0,0,0,0.4);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: inline-block;
    /*margin-bottom: 20px;*/
    position: relative;
}

#basketButton .cart-nav-icon img {
    top: 50%;
    position: absolute;
    width: 65px;
    height: 65px;
    left: 50%;
    transform: translate(-50%, -50%);
}

#basketButton.itemInBasket .basketBody .items .cart-nav .cart-nav-icon+div {
    max-width: 350px;
    margin: auto;
}

#basketButton.itemInBasket .basketBody .items .cart-nav:first-of-type {
    border-right: solid 1px white;
}

#basketButton.itemInBasket .basketBody .items .cart-nav button.vodafone_white_primary {
    display: inline-block;
    margin-top: 30px;
    /*margin-bottom: 15px;*/
    width: 100%;
    max-width:200px;
}

#basketButton.itemInBasket .basketBody .items .cart-nav p {
    font-size: 20px;
    height: 60px;
    font-family: 'VodafoneRegular', Geneva, Verdana, sans-serif;
    margin:20px 0 30px 0;
    padding:0 5px;
    vertical-align: middle;
    display: table-cell;
}

#basketButton.itemInBasket .basketBody .items .cart-nav h4,
#basketButton.itemInBasket .basketBody .items h4.full {
    font-family: 'VodafoneLight', Geneva, Verdana, sans-serif;
    font-size: 28px;
    line-height: 34px;
    margin: 15px 0 10px;
    color: #fff;
}
#basketButton.itemInBasket .basketBody .items h4.full{
    font-size:24px;
    margin: 15px 0 20px;
}


/* @media screen and (max-width:1060px) {
    #basketButton>a {    
        width: 0 !important;
        overflow: hidden !important;
        padding-right: 0 !important; 
    }
} */

@media only screen and (max-width: 970px) {
    #basketButton.itemInBasket .basketBody .items .cart-nav h4{
        font-size:24px;
    }
    #basketButton.itemInBasket .basketBody .items .cart-nav p{
        font-size:18px;
        padding: 0 32px;
    }
    #basketButton.itemInBasket .basketBody .items h4.full{
        margin: 60px 0 20px;
    }
}

@media only screen and (max-width: 767px) {
    #cartExtras:hover,
    #cartExtras:focus,
    #cartExtras:active {
        padding: 5px 17px;
    }
    #basketBody {
        height: 100vh;
    }
    .basket .headling .cart-icon,
    #basketButton.itemInBasket .basketBody .items .cart-nav-icon {
        width: 80px !important;
        height: 80px !important;
        margin-bottom:0 !important;
    }
    #basketButton.itemInBasket .basketBody .items .cart-nav-icon img {
        width: 52px;
        height: 52px;
    }
    .basket .headling h4.empty {
        margin-top: 20px;
        font-size: 20px;
    }
    .basket {
        margin-top: 40px;
    }
    .basket .empty-cart-text+.buttons {
        margin-top: 150px;
    }
    .basket .empty-cart-text+.buttons .vodafone_white_primary {
        width: 90% !important;
        margin: auto;
        margin-bottom: 7px;
    }
    #basketButton.itemInBasket .basketBody .items .cart-navs {
        display: block;
        margin-top: 40px;
    }
    #basketButton.itemInBasket .basketBody .items .cart-nav {
        width: 100%;
        text-align: center;
        border: none !important;
    }
    #basketButton.itemInBasket .basketBody .items .cart-nav button.vodafone_white_primary {
        width: 90%;
        margin-bottom:20px;
        margin-top:4px;
        max-width:90% !important;
    }
    
    #basketButton.itemInBasket .basketBody .items>h4 {
        display: none;
    }

    #basketButton.itemInBasket .basketBody .items .cart-nav h4 {
        font-size: 20px;
        margin:5px 0;
    }
    #basketButton.itemInBasket .basketBody .items .cart-nav p{
        font-size:14px;
        margin: 5px 0 10px 0;
        height:auto;
        padding:0;
        display:block;
    }
    #basketButtonMobile svg{
        width: 20px !important;
        height: 20px !important;
    }
}                .openMobileSearch {
                    background: url('/content/dam/www30-upc-hu/img/ws-simplification/Mobil/search_icon.svg') center center no-repeat;
                    width: 48px;
                    height: 48px;
                }
                
                .lgi-search-masthead-searchbutton {
                    background: url('/content/dam/www30-upc-hu/img/ws-simplification/Mobil/search_icon.svg') center center no-repeat;
                }
                
                .openMobileSearch:before,
                .lgi-search-masthead-searchbutton:before {
                    content: "";
                }
                
                #basketButtonMobile {
                    position: absolute;
                    right: 80px;
                    width: 50px;
                    height: 50px;
                    cursor: pointer;
                    display: none;
                }
                
                #basketButtonMobile.no-search {
                    right: 100px;
                    top: 10px;
                }
                
                #basketButtonMobile svg {
                    width: 27px;
                    height: 27px;
                    fill: none;
                    stroke: #333;
                    stroke-width: 9px;
                    margin-top: 2px;
                }
                
                #basketButtonMobile:hover svg {
                    stroke: #f60000;
                }
                
                #basketButtonMobile.full i.basket-icons:after {
                    width: 8px;
                    height: 8px;
                    content: "";
                    background: #239a98;
                    border-radius: 10px;
                    position: absolute;
                    left: 16px;
                    display: inline-block;
                    top: 6px;
                }
                /*#basketButtonMobile:hover i.material-icons {
	color: #999999;
    transition: color 300ms ease-out 0s;
}*/
                
                @media only screen and (max-width: 1023px) {
                    .lgi-main-wrapper {
                        margin-top: 45px !important;
                    }
                    #basketButtonMobile {
                        display: inline-block;
                        text-align: center;
                    }
                    #basketButton {
                        float: none;
                        position: fixed;
                        top: 0;
                        left: 0;
                        width: 100%;
                        padding: 0;
                        height: 48px;
                    }
                    #basketButton .mCSB_inside>.mCSB_container {
                        margin-right: 0 !important;
                    }
                    .myUpcContainer,
                    .basketContainer {
                        height: 100vh !important;
                        overflow: auto !important;
                    }

                    #basketButtonMobile:hover svg {
                        stroke: #333 !important;
                    }
                    #myUPCButtonMobile i svg:hover {
                        stroke: #333 !important;
                    }
                    #basketButtonMobile.active svg {
                        stroke: #e60000 !important;
                    }
                    #myUPCButtonMobile.active i svg {
                        stroke: #e60000 !important;
                    }
                    .lgi-main-navigation-level1item a.moblvl1-selected,
                    .lgi-main-navigation-level1item:hover>a.moblvl1-selected {
                        color: #e60000;
                    }
                    .lgi-main-navigation-level2item a.moblvl1-selected {
                        color: #333;
                    }
                    .lgi-main-navigation-level2item a.moblvl2-selected,
                    .lgi-main-navigation-level2item li:hover>a.moblvl2-selected {
                        color: #e60000;
                    }
                    .lgi-main-navigation-level3item a.moblvl1-selected {
                        color: #333;
                    }
                    .lgi-main-navigation-level3item a.moblvl2-selected {
                        color: #333;
                    }
                    .lgi-main-navigation-level1item:hover>a, .lgi-main-navigation-level2item li:hover>a{
                        color: #333;
                    }

                }
                
                @media only screen and (max-width: 767px) {
                    #cartExtras:hover,
                    #cartExtras:focus,
                    #cartExtras:active {
                        padding: 5px 17px;
                    }
                    #basketBody {
                        height: 100vh;
                    }
                    .basket .headling .cart-icon,
                    #basketButton.itemInBasket .basketBody .items .cart-nav-icon {
                        width: 80px !important;
                        height: 80px !important;
                        margin-bottom:0 !important;
                    }
                    #basketButton.itemInBasket .basketBody .items .cart-nav-icon img {
                        width: 52px;
                        height: 52px;
                    }
                    .basket .headling h4.empty {
                        margin-top: 20px;
                        font-size: 20px;
                    }
                    .basket .empty-cart-text+.buttons {
                        margin-top: 150px;
                    }
                    .basket .empty-cart-text+.buttons .vodafone_white_primary {
                        width: 90%;
                        margin: auto;
                        margin-bottom: 7px;
                        max-width:90% !important;
                    }
                    #basketButton.itemInBasket .basketBody .items .cart-navs {
                        display: block;
                        margin-top: 10px;
                    }
                    #basketButton.itemInBasket .basketBody .items .cart-nav {
                        width: 100%;
                        text-align: center;
                        border: none !important;
                    }
                    #basketButton.itemInBasket .basketBody .items .cart-nav button.vodafone_white_primary {
                        width: 90%;
                        margin-bottom:20px;
                    }
                    #basketButton.itemInBasket .basketBody .items>h4 {
                        display: none;
                    }
                   
                    #basketButton.itemInBasket .basketBody .items .cart-nav h4 {
                        font-size: 20px;
                        margin:5px 0;
                    }
                    #basketButton.itemInBasket .basketBody .items .cart-nav p{
                        font-size:14px;
                        margin: 5px 0 10px 0;
                        height:auto;
                        padding:0 20px;
                    }
                    #basketButtonMobile svg{
                        width: 20px !important;
                        height: 20px !important;
                    }
                }.color-transition {
  transition: background-color 0.5s, color 0.5s;
  -webkit-transition: background-color 0.5s, color 0.5s;
}
.no-vertical-padding {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.no-vertical-margin {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.no-horizontal-margin {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.margin-top-30 {
  margin-top: 30px;
}
.margin-top-40 {
  margin-top: 40px;
}
.margin-top-25 {
  margin-top: 25px;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
.margin-bottom-50 {
  margin-bottom: 50px;
}
.margin-top-5 {
  margin-top: 5px;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-left-5 {
  margin-left: 5px;
}
.margin-left-15 {
  margin-left: 15px;
}
.margin-left-20 {
  margin-left: 20px;
}
.no-horizontal-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.no-bootstrap {
  outline: none !important;
  box-shadow: none !important;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.upper {
  text-transform: uppercase;
}
.lower {
  text-transform: lowercase;
}
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.relative {
  position: relative;
}
.abs-horizontal-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.abs-vertical-center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.abs-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.smaller-md {
  display: none;
}
.smaller-lg {
  display: none;
}
.greater-sm {
  display: block;
}
a.simple-link {
  text-decoration: none;
}
a.simple-link:focus,
a.simple-link:visited {
  text-decoration: none;
}
.greater-md {
  display: block;
}
.animate-show-hide-opacity {
  transition: opacity 1s;
  opacity: 1;
}
.animate-show-hide-opacity.ng-hide {
  opacity: 0;
}
.padding-bottom-100 {
  padding-bottom: 100px;
}
.table {
  display: table;
  table-layout: fixed;
}
.table-cell {
  display: table-cell;
}
.vertical-middle {
  vertical-align: middle;
}
.half {
  width: 50%;
  box-sizing: border-box;
}
.full {
  width: 100%;
  box-sizing: border-box;
}
.quarter {
  width: 25%;
  box-sizing: border-box;
}
.three-quarter {
  width: 75%;
  box-sizing: border-box;
}
.third {
  width: 33%;
  box-sizing: border-box;
}
.two-third {
  width: 66%;
  box-sizing: border-box;
}
.italic {
  font-style: italic;
}
.no-white-space {
  font-size: 0;
}
.inline-block {
  display: inline-block;
}
@media screen and (max-width: 479px) {
  .smaller-md {
    display: block;
  }
  .greater-sm {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .smaller-lg {
    display: block;
  }
  .greater-md {
    display: none;
  }
  .padding-bottom-100 {
    padding-bottom: 50px;
  }
}
/*override cq6*/
/*
.month24Info,.month12Info,.month0Info span.ph0 {
    line-height: 80px !important;
}
*/
@font-face {
  font-family: 'vodafone-bold';
  src: url('/etc/designs/vodafone-hu/media/fonts/vodafone/vodafoneBold/vodafoneBold.woff2');
}
@font-face {
  font-family: 'vodafone-regular';
  src: url('/etc/designs/vodafone-hu/media/fonts/vodafone/vodafoneRegular/vodafoneRegular.woff2');
}
@font-face {
  font-family: 'vodafone-light';
  src: url('/etc/designs/vodafone-hu/media/fonts/vodafone/vodafoneLight/vodafoneLight.woff2');
}
.vodafone-text-regular {
  font-family: vodafone-regular, sans-serif;
}
.vodafone-input {
  font-family: vodafone-regular, sans-serif;
  border: 1px solid #999;
  border-radius: 0;
  box-shadow: inset 1px 3px 4px 0 rgba(0, 0, 0, 0.1);
  color: #666;
  display: block;
  position: relative;
  width: 100%;
  padding: 13px 20px 12px;
  font-size: 20px;
  height: 50px;
  color: black;
}
.vodafone-input .error {
  border-color: #e60000;
}
.vodafone-btn {
  font-family: vodafone-regular, sans-serif;
  font-size: 20px;
  padding: 11px 37px;
  text-align: center;
  border-radius: 0 !important;
  border: transparent !important;
}
.vodafone-btn span {
  color: white !important;
  font-family: vodafone-regular, sans-serif !important;
}
.vodafone-red-btn {
  font-family: vodafone-regular, sans-serif;
  font-size: 20px;
  padding: 11px 37px;
  text-align: center;
  border-radius: 0 !important;
  border: transparent !important;
  color: white;
  background-color: #e60000;
}
.vodafone-red-btn span {
  color: white !important;
  font-family: vodafone-regular, sans-serif !important;
}
.vodafone-red-btn:hover {
  background: none;
  background-color: #900;
}
.vodafone-gray-btn {
  font-family: vodafone-regular, sans-serif;
  font-size: 20px;
  padding: 11px 37px;
  text-align: center;
  border-radius: 0 !important;
  border: transparent !important;
  color: white;
  background-color: #666;
}
.vodafone-gray-btn span {
  color: white !important;
  font-family: vodafone-regular, sans-serif !important;
}
.vodafone-gray-btn:hover {
  background: none;
  background-color: #333;
}
.vodafone-red-btn.disabled,
.vodafone-gray-btn.disabled,
.vodafone-red-btn[disabled],
.vodafone-gray-btn[disabled] {
  background-color: #ccc !important;
  color: #fff !important;
  cursor: default !important;
}
.vodafone-link {
  color: #333 !important;
  text-decoration: underline !important;
}
.vodafone-link:hover {
  color: #e60000 !important;
  text-decoration: none !important;
}
.lgi-ch-oim-overlay .choimerrorbanner .lgi-oim-validation-error {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  padding-left: 60px !important;
}
.lgi-ch-oim-overlay .choimerrorbanner .lgi-oim-validation-error label.error {
  position: relative;
  font-weight: normal;
  color: inherit;
  font-family: VodafoneRegular;
  font-size: 18px;
  min-width: 0;
  display: block !important;
  text-align: left;
}
.lgi-ch-oim-overlay .choimerrorbanner .lgi-oim-validation-error:after {
  border: 8px solid transparent;
  border-top-color: #fecb00;
  display: block;
  height: 0;
  width: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 15px;
  content: "";
  position: absolute;
  top: 100%;
}
.vf-input-wrap {
  display: flex;
  flex-direction: column-reverse;
}
.vf-input-wrap input.error {
  border-color: #fecb00;
}
.vf-input-wrap input:not(.error) + .vf-error-msg,
.vf-input-wrap input[data-dirty=false] + .vf-error-msg {
  display: none;
}
.vf-input-wrap:empty {
  display: none;
}
#lgi-foldout-mediacard .lgi-tiles .tile-grid > figure > img:hover,
#lgi-foldout-mediacard .lgi-tiles .tile-grid > figure > img:active,
#lgi-foldout-mediacard .lgi-tiles .tile-grid > figure > img.active,
#lgi-foldout-mediacard .lgi-tiles .tile-grid > figure > img.selected {
  border-color: #e60000;
}
#lgi-foldout-mediacard .lgi-form-field input,
.lgi-form-field textarea {
  border-radius: 0;
}
#lgi-foldout-mediacard .lgi-form-field .lgi-form-field-container > input:active,
#lgi-foldout-mediacard .lgi-form-field .lgi-form-field-container > input:focus,
#lgi-foldout-mediacard .lgi-form-field .lgi-form-field-container > textarea:active,
#lgi-foldout-mediacard .lgi-form-field .lgi-form-field-container > textarea:focus {
  border-color: #428600;
}
#lgi-foldout-mediacard .lgi_btn_3 {
  background-color: #e60000;
  font-family: vodafone-regular;
  border-radius: 0;
}
#lgi-foldout-mediacard .lgi_btn_3:hover {
  background-color: #900;
}
#lgi-foldout-mediacard .lgi-hdr-5 {
  color: #e60000;
}
#lgi-foldout-mediacard .lgi-tiles-result .lgi-tiles-result-orange-check:before {
  color: #428600;
}
#lgi-tiles-search-container ul.ui-autocomplete.ui-menu,
#lgi-tiles-search-container ul.ui-autocomplete.ui-menu .ui-menu-item:first-of-type {
  border-radius: 0 !important;
}
#lgi-tiles-search-container ul.ui-autocomplete.ui-menu .ui-menu-item a:hover,
#lgi-tiles-search-container ul.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-focus {
  background-color: #666 !important;
}
.lgi_rte_list3 ul li:before {
  content: url('/content/dam/www30-upc-hu/img/voda/icon/pipa.svg');
  stroke: #428600;
  font-size: 1.25rem;
  stroke-width: .4em;
  width: 25px;
  height: 25px;
  left: -0.5rem;
  top: .4rem;
}
.picasso-order,
.no-offer {
  background: #ccc;
}
.picasso-order:hover,
.no-offer:hover {
  background: #ccc;
}
.helpme-build .column-padding {
  padding: 0 7%;
}
.helpme-build .dynprice_unit {
  font-family: VodafoneLight;
  font-size: 24px;
}
.floatcenter img {
  margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
  .ui-outputpanel .lgi-main-navigation-level1item > a {
    line-height: 31.2px;
  }
  .ui-outputpanel .lgi-main-navigation-level2item a {
    font-size: 24px !important;
    line-height: 31.2px;
    font-family: VodafoneLight !important;
  }
  .ui-outputpanel .lgi-main-navigation-level3item a {
    line-height: 1.1375rem !important;
  }
}
.ui-outputpanel.section-wrapper h1,
.ui-outputpanel.section-wrapper h2,
.ui-outputpanel.section-wrapper h3,
.ui-outputpanel.section-wrapper h4,
.ui-outputpanel.section-wrapper h5,
.ui-outputpanel.section-wrapper h6,
h3.ui-accordion-header {
  color: #000000;
}
.fatfooter-label {
  color: #FFF !important;
}
#cc-banner {
  display: none;
}
.vodafone_white_secondary span {
  font-family: VodafoneRegular;
}
ul.tabsItem li.tariff24MonthMinimumTerm {
  display: none;
}
@media only screen and (max-width: 640px) {
  ul.tabsItem li {
    padding: 11px 11px !important;
  }
}
@font-face {
  font-family: 'ArialMT';
  src: url('/content/dam/www30-upc-hu/fonts/fontawesome-webfont.ttf') format('truetype');
}
.button a {
  cursor: pointer;
}
.upc-button {
  height: 44px;
  line-height: 34px !important;
  font-size: 18px;
  position: relative;
  padding: 0px 10px !important;
  text-transform: none;
  text-align: left;
  text-decoration: none;
  font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", Geneva, Verdana, sans-serif;
  max-width: 940px;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
}
.upc-button span {
  color: white;
  margin: 0;
}
.upc-button span {
  padding: 0 15px 0 0;
  font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", Geneva, Verdana, sans-serif;
}
.upc-button span::after {
  position: absolute;
  font-size: 12px;
  font-family: icons;
  content: "7";
  right: 0;
  top: 0;
}
.upc-button:hover,
.upc-button:hover {
  text-decoration: none;
}
.upc-button.disabled,
.upc-button.disabled:hover,
.upc-button[disabled],
.upc-button[disabled]:hover,
.upc-button.disabled:active,
.upc-button[disabled]:active {
  background-color: transparent !important;
  border-bottom: 1px solid #c2c2c2 !important;
  border-left: 1px solid #c2c2c2 !important;
  border-right: 1px solid #c2c2c2 !important;
  border-top: 1px solid #c2c2c2 !important;
  box-shadow: none !important;
  pointer-events: none !important;
}
.upc-button.disabled span,
.upc-button.disabled:hover span,
.upc-button[disabled] span,
.upc-button[disabled]:hover span,
.upc-button.disabled:active span,
.upc-button[disabled]:active span,
.upc-button.disabled span:after,
.upc-button.disabled:hover span:after,
.upc-button[disabled] span:after,
.upc-button[disabled]:hover span:after,
.upc-button.disabled:active span:after,
.upc-button[disabled]:active span:after {
  color: #CDCDCD !important;
  -moz-text-shadow: none !important;
  -webkit-text-shadow: none !important;
  text-shadow: none !important;
}
.lgi_btn_4.disabled,
.lgi_btn_2-1.disabled,
.upc_button.disabled,
.lgi_btn_1_4.disabled,
.lgi_btn_1[disabled],
.lgi_btn_3[disabled],
.lgi_btn_4[disabled],
.lgi_btn_2-1[disabled],
.upc_button[disabled],
.lgi_btn_1_4[disabled] {
  color: #bdbdbd !important;
  background-color: #e9e9e9 !important;
  cursor: default !important;
}
.compare .lgi_btn_2-1:active,
.compare .lgi_btn_2-1:hover,
.compare .lgi_btn_2-1:focus {
  background: white;
  color: #1d637d;
  border-width: 4px !important;
}
.upc-button.orange-button {
  background-color: transparent;
  border-bottom: 1px solid #239a98;
  border-left: 1px solid #239a98;
  border-right: 1px solid #239a98;
  border-top: 1px solid #239a98;
}
.upc-button.orange-button:hover {
  background: transparent;
  background: linear-gradient(to bottom, transparent 0, transparent 100%);
}
.upc-button.orange-button:hover {
  border: 1px solid #1E637D;
}
.upc-button.orange-button span {
  text-shadow: none;
  color: #239a98;
}
.upc-button.orange-button span:after {
  color: #239a98;
}
#step2 .upc-button.orange-button {
  background-color: #239a98;
  border-bottom: 1px solid #239a98;
  border-left: 1px solid #239a98;
  border-right: 1px solid #239a98;
  border-top: 1px solid #239a98;
}
#step2 .upc-button.orange-button:hover {
  background: #1A827F;
  background: linear-gradient(to bottom, #1A827F 0, #1A827F 100%);
}
#step2 .upc-button.orange-button span,
#step2 .upc-button.orange-button span:after {
  color: white;
}
#step2 .upc-button.orange-button:hover {
  border: #1A827F;
}
.upc-button.blue-button {
  background-color: #239a98;
  border-bottom: 1px solid #239a98;
  border-left: 1px solid #239a98;
  border-right: 1px solid #239a98;
  border-top: 1px solid #239a98;
  color: white;
}
.upc-button.blue-button:hover {
  background: #1A827F;
  background: linear-gradient(to bottom, #1A827F 0, #1A827F 100%);
}
.text-input,
select {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  height: 44px;
  margin-bottom: 5px;
  margin-right: 5px;
}
.text-input.xsmall {
  width: 70px;
}
.text-input.small {
  max-width: 150px;
  width: 150px;
}
.text-input.medium {
  width: 230px;
  margin-left: 10px;
}
.text-input.large {
  max-width: 310px;
  width: 310px;
}
.callback-form .text-input {
  border-radius: 6px;
}
.callback-form .text-input.small {
  width: 280px;
  max-width: 280px;
}
.callback-form .text-input.medium {
  width: 280px;
  max-width: 280px !important;
}
.text-input input,
.text-input select,
.text-input .bootstrap-select button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  font-family: 'HelveticaNeue';
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #333;
  height: 44px;
  padding: 4px 6px;
  box-sizing: border-box;
  background-color: white;
  border: 1px solid #c5c6c6;
  border-radius: 6px;
  outline: none;
}
.text-input .bootstrap-select button {
  padding: 10px 6px;
}
.text-input .bootstrap-select {
  width: 100% !important;
  height: 100%;
  z-index: 300;
}
.text-input .bootstrap-select button {
  width: 100%;
  padding: 6px;
  box-shadow: none !important;
}
.text-input .bootstrap-select button:focus {
  outline: none !important;
}
.text-input .bootstrap-select button:after,
.text-input .bootstrap-select button:before {
  position: absolute;
  content: "";
  top: 3px;
  right: 0;
  height: 28px;
  display: block;
  padding: 0 11px 0 10px;
  width: 35px;
  border-left: 1px solid #c5c6c6;
}
.text-input .bootstrap-select button:after {
  background: transparent;
  transition: transform .5s;
  content: 'P';
  font-size: 12px;
  font-family: icons;
  line-height: 28px;
  border: none;
}
.text-input .bootstrap-select span.bs-caret {
  display: none;
}
.text-input .bootstrap-select.open button:after {
  transform: rotate(0.5turn);
}
.text-input .bootstrap-select div.dropdown-menu {
  z-index: 1000;
}
.text-input input:hover,
.text-input input:textarea:hover,
.text-input select:hover {
  border: 1px solid #656565;
}
.text-input input:focus,
.text-input .bootstrap-select button:focus {
  border: 1px solid #c2c2c2;
  box-shadow: 0 0 0 1px rgba(194, 194, 194, 0.25);
}
.text-input label:not(.error) {
  position: absolute;
  line-height: 26px;
  color: #575756;
  font-family: 'HelveticaNeue', sans-serif;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  top: 8px;
  left: 4px;
  padding: 0 3px;
  z-index: 10;
  box-sizing: border-box;
  pointer-events: none;
  -webkit-transition: top ease-in-out 0.3s, font-size ease-in-out 0.3s;
  transition: top ease-in-out 0.3s, font-size ease-in-out 0.3s;
}
.text-input textarea {
  height: 70px;
  padding: 12px 4px 4px;
  border: 1px solid #c5c6c6;
  border-radius: 6px;
  outline: none !important;
}
.callback-form .text-input label:not(.error) {
  background: #FFF;
}
.text-input label:not(.error).focus,
.text-input input:focus + label:not(.error) {
  top: -4px;
  font-size: 8px;
}
.callback-form .text-input label:not(.error).focus,
.callback-form .text-input input:focus + label:not(.error) {
  background: transparent;
}
.text-input label.error {
  position: absolute;
  font-weight: normal;
  top: 37px;
  color: #D9415C;
  display: none !important;
}
div.error {
  color: #D9415C;
}
.text-input input[data-dirty=true] + label.error,
.text-input textarea[data-dirty=true] + label.error {
  display: inline-block !important;
}
.tt-menu,
div.dropdown-menu {
  box-shadow: none !important;
  background-color: white;
  border-radius: 4px;
  width: 100%;
  left: -1px;
  top: 35px;
  border: 1px solid #c2c2c2;
  box-sizing: border-box;
  max-height: 200px;
  overflow-y: auto;
  z-index: 2000;
}
div.dropdown-menu {
  top: 34px;
  padding: 0;
}
.tt-suggestion,
div.dropdown-menu li a {
  font-size: 14px;
  line-height: 18px;
  padding: 10px 5px;
  cursor: pointer;
  display: block;
}
.tt-suggestion.tt-cursor,
.tt-suggestion:hover,
div.dropdown-menu li a:hover {
  background-color: #edeff5;
}
span.twitter-typeahead {
  vertical-align: bottom;
}
.input-group {
  margin-top: 20px;
}
.address-input .single-city,
.address-input .multiple-cities {
  position: absolute;
  opacity: 0;
  transition: opacity 1s;
}
.address-input.multiple .multiple-cities {
  opacity: 1;
  top: 30px;
}
.address-input.single .single-city {
  opacity: 1;
  top: 40px;
}
textarea.error[data-dirty=true],
input.error[data-dirty=true] {
  border: solid 1px #D9415C;
}
.simple-link {
  color: #239a98;
  font-size: 16px;
  font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", Geneva, Verdana, sans-serif;
  text-decoration: none;
  cursor: pointer;
}
.simple-link:hover {
  text-decoration: underline;
}
form[name=frmCallback] .text-input,
form[name=frmCallbackNow] .text-input {
  position: relative;
}
form[name=frmCallback] .text-input span.pipe,
form[name=frmCallbackNow] .text-input span.pipe {
  content: '';
  width: 27px;
  height: 21px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAVCAYAAAC33pUlAAAABGdBTUEAALGPC/xhBQAAAURJREFUSA211LtOwzAUBmAfFwRVR0JnQIzd4AGKVCrWDKVLZ16DVrwFM0ObDKwIlj4APAKXGXXmIkQO+ZueSIWkTeODF8d2/H89VmNj/rEd3J+tbwftrhBWHrR7QC9Pz6PIREMvbPeRT9oI8gQyhn3JJ1o7Uq8sG7KDSedmrFpZPnTbR4Vq2DJIDSsCqWBFIWdsFcgJWxUCNv3r14Nj3wtaQwRgclkrAyGTAH0bHsXPMUTXO3u73YfDy688sCyEPBuRaSQQhuzjismr0AVCup107i6I7ACDpGWDrhCy048alyVzdD4TsZQeqQY0h2GQBW5UN3uf7x9X85cq7rrkCsK+oi2tTDb8BonolZnrso4jLwNhf0VCpH8LH8e10/34R3BzNleTNRcIGX8wTGaAxhVC7sKGI90KWox+4Ytai1540tTK+gHCWtRAgYwnNwAAAABJRU5ErkJggg==);
  position: absolute;
  bottom: 10px;
  right: -40px;
  display: none;
}
form[name=frmCallback] .text-input input[data-dirty=true]:not(.error) ~ span.pipe,
form[name=frmCallbackNow] .text-input input[data-dirty=true]:not(.error) ~ span.pipe {
  display: block;
}
@media screen and (max-width: 1366px) {
  .upc-button {
    font-size: 16px;
  }
}
@media screen and (max-width: 979px) {
  .text-input {
    margin-bottom: 10px;
    margin-right: 10px;
  }
  .text-input.medium {
    width: 100%;
    margin-left: 0;
  }
  .text-input.xsmall {
    width: 49%;
  }
  .text-input.xsmall:nth-child(even) {
    margin-right: 0;
  }
  span.twitter-typeahead {
    width: 100%;
  }
  .upc-button.orange-button {
    width: 49%;
    text-align: center;
  }
  .service-finder #cancel {
    position: absolute;
    right: 0;
  }
}
@media screen and (max-width: 650px) {
  #step1 .upc-button.blue-button {
    margin: 0;
    float: left;
  }
  #step1 .text-input input {
    margin: 10px 0 0 0;
  }
  .upc-button {
    line-height: 44px !important;
  }
  .upc-button.orange-button,
  .text-input.xsmall {
    width: 48%;
  }
  .text-input.small {
    margin-top: -10px;
  }
  .text-input.small label:not(.error) {
    line-height: 44px;
  }
  .callback-overlay .text-input.small label:not(.error) {
    line-height: 28px;
  }
}
.select2-container--open .select2-dropdown--below {
  margin-top: -40px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: none;
  outline: none;
  height: 30px;
}
.text-input {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  height: 44px;
  margin-bottom: 5px;
  margin-right: 5px;
}
.text-input.large {
  max-width: 310px;
  width: 310px;
}
.select2 * {
  outline: none !important;
}
.select2.select2-container {
  height: 100%;
  width: 100% !important;
}
.select2-container--default .select2-selection--single {
  height: 100% !important;
  border: solid 1px #c5c6c6 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 50px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: none !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none !important;
}
.select2-container .select2-selection--single .select2-selection__rendered,
.select2-results__option {
  font-family: 'Arial' !important;
  font-size: 16px !important;
  font-weight: bold;
}
.select2-container .select2-selection--single .select2-selection__rendered span.query-selection,
.select2-results__option span.query-selection {
  font-weight: normal;
}
.select2-results__option {
  line-height: 25px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 41px !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #e7e7e7 !important;
  color: black !important;
}
.select2-results__option[id$='- '] {
  padding: 0 !important;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: white !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #C5C6C6 !important;
}
.select2-results {
  display: block;
  background: white;
  border: solid 1px #c5c6c6;
  margin-top: 6px;
  margin-left: -1px;
  margin-right: -1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.select2-container--default .select2-results > .select2-results__options {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.select2-container--open .select2-dropdown--below {
  border-bottom: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-weight: normal !important;
}
.select2-results__option.select2-results__message {
  font-weight: normal !important;
}
.select2-dropdown {
  z-index: 400 !important;
  border-radius: 0 !important;
}
.service-finder-wrapper {
  background-color: #666;
  margin-top: -1px;
  left: 0;
  width: 100%;
  z-index: 1010;
  transition: background-color 300ms;
  position: fixed;
}
.service-finder-wrapper.error .service-finder {
  background-color: #575756;
}
.service-finder-wrapper.show-subnav {
  margin-top: 34px;
}
.service-finder {
  background-color: #E3EBF7;
  width: 100%;
  margin: auto;
  position: relative;
  box-sizing: border-box;
  height: 100%;
  z-index: 9;
  display: none;
}
.service-finder-wrapper.error .service-finder {
  background-color: #575756 !important;
}
.service-finder-wrapper.error .service-finder .service-finder-container a {
  color: white !important;
}
.service-finder-wrapper .service-finder {
  margin-top: 1px;
}
.service-finder-wrapper .service-finder button {
  padding: 0 !important;
  border-radius: 0 !important;
}
.service-finder-wrapper.service-finder-wrapper-c .service-finder {
  background-color: #666;
}
.service-finder-wrapper.service-finder-wrapper-c .service-finder .new-address a i {
  background-image: url('/content/dam/www30-upc-hu/img/ws-simplification/icon/edit_icon_white.svg') !important;
}
.service-finder-wrapper.service-finder-wrapper-c .service-finder .service-finder-container p,
.service-finder-wrapper.service-finder-wrapper-c .service-finder .service-finder-container a,
.service-finder-wrapper.service-finder-wrapper-c .service-finder .service-finder-container .message-content {
  color: white !important;
}
.service-finder-wrapper.service-finder-wrapper-c .service-finder .service-finder-container div.service-address,
.service-finder-wrapper.service-finder-wrapper-c .service-finder .service-finder-container div.title,
.service-finder-wrapper.service-finder-wrapper-c .service-finder .service-finder-container .accept-text {
  color: white !important;
}
.service-finder-wrapper.service-finder-wrapper-c .service-finder .service-finder-container .upc-button.blue-button {
  border-color: white !important;
  background: transparent !important;
  color: white !important;
}
.service-finder-wrapper.service-finder-wrapper-c .service-finder .service-finder-container .upc-button.blue-button span {
  color: white !important;
}
.service-finder-wrapper.service-finder-wrapper-c .service-finder .service-finder-container .upc-button.blue-button:hover {
  background: white !important;
  color: #666 !important;
}
.service-finder-wrapper.service-finder-wrapper-c .service-finder .service-finder-container .upc-button.blue-button:hover span {
  color: #666 !important;
}
.service-finder-wrapper.service-finder-wrapper-c .service-finder .service-finder-container .upc-button.orange-button {
  border-color: white !important;
  background: white !important;
  color: #666 !important;
}
.service-finder-wrapper.service-finder-wrapper-c .service-finder .service-finder-container .upc-button.orange-button span {
  color: #666 !important;
}
.service-finder-wrapper.service-finder-wrapper-c .service-finder .service-finder-container .upc-button.orange-button:hover,
.service-finder-wrapper.service-finder-wrapper-c .service-finder .service-finder-container .upc-button.orange-button:disabled {
  background: transparent !important;
  color: white !important;
  border: solid 1px white !important;
}
.service-finder-wrapper.service-finder-wrapper-c .service-finder .service-finder-container .upc-button.orange-button:hover span,
.service-finder-wrapper.service-finder-wrapper-c .service-finder .service-finder-container .upc-button.orange-button:disabled span {
  color: white !important;
}
.service-finder-wrapper.service-finder-wrapper-c .service-finder .service-finder-container .upc-button.orange-button:disabled {
  opacity: .6;
}
.service-finder-wrapper.service-finder-wrapper-c .service-finder #step3success,
.service-finder-wrapper.service-finder-wrapper-c .service-finder #step3login,
.service-finder-wrapper.service-finder-wrapper-c .service-finder step3Email {
  background: transparent !important;
}
.service-finder.error-message {
  margin: 0;
}
.sf-black {
  color: #575756;
}
.sf-green {
  color: #239a98;
}
a.sf-green-link {
  color: #239a98;
  font-weight: 500;
}
.service-finder .large-msg {
  font-family: 'vodafone-regular', Geneva, Verdana, sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 30px;
}
.service-finder .small-msg {
  font-family: 'vodafone-regular', Geneva, Verdana, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
}
.in-input-button {
  position: absolute;
}
.in-input-button i {
  display: block;
}
.service-finder p.service-address {
  font-size: 12px;
  font-family: 'vodafone-regular', Geneva, Verdana, sans-serif;
  font-weight: normal;
  line-height: 17px !important;
  width: auto !important;
}
.service-finder p.service-address span {
  color: #2d4196;
  font-weight: bold;
}
.service-finder i.fa {
  font-size: 18px;
  text-align: center;
  line-height: 17px;
  width: 16px;
  margin: 0 10px 0 0;
}
.service-finder i.fa-map-marker,
.service-finder i.fa-user {
  color: #f87d07;
}
.service-finder i.fa-exclamation-triangle {
  color: #cc0022;
}
.service-finder .service-finder-container,
.service-finder .upc-login-container {
  padding: 10px 0;
  box-sizing: border-box;
}
.service-finder #step1 .text-input {
  width: 170px;
  max-width: 170px;
  margin-top: 0;
}
.service-finder-spacer {
  background: #E3EBF7;
}
.service-finder #step1 #next {
  width: 36px;
  height: 36px;
  color: white;
  background: #239a98;
  border-radius: 3px;
  text-align: center;
  top: 4px;
  left: 129px;
}
.service-finder #step1 #next[disabled] {
  cursor: default;
  background: transparent;
  color: #808080;
  font-size: 32px;
  line-height: 36px;
}
.service-finder #step2 .service-finder-container p {
  font-size: 16px;
  font-family: 'vodafone-regular', Geneva, Verdana, sans-serif;
  font-weight: normal;
  margin: 0;
}
.service-finder #step2 .service-finder-container p[data-field] {
  font-family: 'vodafone-regular', Geneva, Verdana, sans-serif;
  font-size: 18px;
  color: #575756;
}
.service-finder #step2 .sf-green-link {
  font-size: 14px;
}
.service-finder #step2 .service-finder-container .selectbox {
  max-width: 100%;
  width: 300px;
}
.service-finder #step2 .service-finder-container .text-input.medium {
  width: 300px;
  max-width: 100%;
  height: 75px;
  margin: 0;
}
.service-finder #step2 .service-finder-container .text-input.xsmall {
  max-width: 110px;
  width: 110px;
  margin: 0;
  height: 75px;
}
.service-finder #step2 [type=submit] {
  width: 130px;
  text-align: center;
}
.service-finder #step2 [type=submit]:after {
  display: none;
}
.sf-row .sf-city-found {
  height: 50px;
}
.sf-row:first-of-type > div > a,
.sf-row:first-of-type > div > p {
  line-height: 50px;
  height: 50px;
}
.sf-dropdown {
  height: 44px;
}
.service-finder div.title {
  font-family: 'vodafone-regular', Geneva, Verdana, sans-serif;
  font-size: 12px;
  color: #575756;
  padding-top: 0;
  margin-bottom: 4px;
  line-height: 16px;
  font-weight: 500;
}
#serviceFinder .service-message {
  padding: 0;
  transition: padding ease-in-out 0.3s;
}
.service-finder .service-message .message div.service-finder-large {
  color: #272726;
  font-size: 30px;
  font-family: 'vodafone-regular', Geneva, Verdana, sans-serif;
  font-weight: bold;
  line-height: 34px;
  max-width: 480px;
  margin: 0 0 20px 0;
}
.service-finder .service-message.error .message-content {
  color: white;
}
.service-finder .upc-button {
  text-align: center;
}
.service-finder .upc-button span {
  padding: 0;
}
.service-finder .upc-button span:after {
  display: none;
}
.service-finder #step3 {
  position: relative;
  z-index: 300;
  padding: 20px 0;
}
.service-finder #step3 .large-msg {
  font-size: 22px;
  line-height: 27px;
}
.service-finder #step3 .small-msg {
  font-size: 14px;
  display: none;
}
.service-finder #step3 .sf-green-link {
  font-family: 'vodafone-regular', Geneva, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
}
.service-finder #step3 .service-address {
  font-family: 'vodafone-regular', Geneva, Verdana, sans-serif;
  font-weight: 200;
  font-size: 18px;
  color: #575756;
  margin: 10px 0;
}
.service-finder #step3 #step3Email .text-input.large {
  position: relative;
  width: 100%;
  max-width: 400px;
  height: auto;
  margin-top: 15px;
}
.service-finder #step3 #step3Email .text-input.large input {
  position: relative;
  font-family: 'vodafone-regular', Geneva, Verdana, sans-serif !important;
  font-size: 16px !important;
}
.service-finder #step3 #step3Email .accept-text {
  font-size: 12px;
  font-weight: 100;
  margin-top: 5px;
  line-height: 18px;
}
.service-finder #step3 #step3Email .sf-green-link {
  margin-top: 10px;
  display: block;
}
.service-finder #step3.sf-small {
  padding: 10px;
}
.service-finder #step3.sf-small .service-address {
  font-size: 14px;
  margin: 0;
}
.service-finder #step3.sf-small .small-msg {
  display: block;
}
.service-finder #step3.sf-small #step3success .large-msg {
  display: none;
}
.service-finder #step3.sf-small .new-address {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.service-finder #step3.sf-small .new-address a i {
  background-image: url('/content/dam/www30-upc-hu/img/ws-simplification/icon/edit_icon.svg');
  display: none;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
}
.service-finder #step3.sf-small #step3login {
  padding: 10px 0;
}
.service-finder #step3.sf-small #step3login .large-msg {
  display: none;
}
#step3 .error .user {
  background: #D9415C url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAMCAYAAAHQeTf8AAAAAXNSR0IArs4c6QAAAGdJREFUCB1j+P//fxIDkJAFEe0gwo+JgYFBFMQSYgQSh4C8OyCGD4jBAiQsgVgSJN8NIv6DlDPAiRSQ2A8QcRckCQQ7QXLHQYqA4ASIcwzMZGA4ClLGBcSZYAEgYx8Qg8AsmAAriAEAVWhI0eKFhy0AAAAASUVORK5CYII=) no-repeat center center;
  width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 20px;
  border-radius: 12px;
  margin-top: 16px;
}
#step3 .user {
  background: #239A98 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAURJREFUeNqMkU8rRFEYh+8VDQsbKUZZkM/AQpmysrGylLWm0EyULMYCSRYsWMiOD0BEk5IVM1ayUGwkJQtsRBmh63nrd+vOmUvz1tPvnvf/OdcPgsCL2udsfQOSgyHohHvYhYXEXOk1mutHiylsQYrQ4VXaI/TQ4CF01DgJByq8gH6wZn1wBm1wHDuZqb3IKbxAKxN+nOvY5CQMEDtyJ6ekO26hbEvaHbf2uzTpxVu79COueE86yIopZ2WbNqzj4V+vnUFWzA+rcANdMKlB01xpOcyvdVbb1z9ugqwTe1Pcq1ibqWnkVoW2zjnkoQDf0AjX5GXL1sYxwve2fJuwxHp3kcb2WFMwIVea+IZfyiWaOTzLWXYn12gyhqyFr29rZ3Q4+a/QjPi6rmI2Y8XjOix61dm8dNRe+wue4KrK4kvl1/0KMADU12p0cGA5+AAAAABJRU5ErkJggg==) no-repeat center center;
  width: 22px;
  height: 22px;
  float: left;
  margin-right: 20px;
  border-radius: 12px;
  margin-top: 16px;
}
/*#step3 .user-login {
    width: 920px;
}*/
.sf-row {
  width: 430px;
}
#step3 .service-message {
  display: none;
}
#step3 .service-message.active {
  display: block;
}
#step3 .service-message p.user-login {
  line-height: 50px !important;
}
.service-finder #step3noService {
  background: #575756;
  color: white;
}
.service-finder #step3noService p {
  color: white;
}
.service-finder #step3noService .simple-link {
  color: #A8D0C0;
}
.service-finder #step3noService span.noservice-address {
  color: white;
  font-weight: bold;
}
.service-finder #step3success {
  background: #E3EBF7;
}
.service-finder #step3success span.service-address {
  color: #151515;
  font-weight: bold;
  letter-spacing: 0.02em;
  display: block;
}
.service-finder #step3success.error {
  background: #575756;
}
.service-finder #step3success.error .service-address {
  color: #aaa;
}
#serviceFinder .service-message i.no-service {
  /*background : url('/content/dam/www-upc-hu/img/ws-simplification/exclamation_triangle.png') no-repeat top left;*/
  background: #D9415C url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAMCAYAAAHQeTf8AAAAAXNSR0IArs4c6QAAAGdJREFUCB1j+P//fxIDkJAFEe0gwo+JgYFBFMQSYgQSh4C8OyCGD4jBAiQsgVgSJN8NIv6DlDPAiRSQ2A8QcRckCQQ7QXLHQYqA4ASIcwzMZGA4ClLGBcSZYAEgYx8Qg8AsmAAriAEAVWhI0eKFhy0AAAAASUVORK5CYII=) no-repeat center center;
  width: 22px;
  height: 22px;
  margin-left: -6px;
  border-radius: 20px;
}
#serviceFinder .service-message i.service-available {
  background: #239A98 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAAElh7xMAAAAAXNSR0IArs4c6QAAANlJREFUKBWVkDEKwkAQRYNgI1ZaKbbaWFlZWIu9pEtt5zmsBA9gY6kn8AYewMY6YKWNiCKCsL4fsmE3UcQPLzsz/8/CJghcGWPKSU8RB3w2rqvB2ht4De5ekTsYz3EbvBtMlDzCXCZnH4pbzE4wdG/4WBOaQaNgMuxC8WolZaBKsqXKrlM+IbS9kiOQtrDLDFsw7MHL9n+fLEcgPaD58wJCVTiAtMoWaEKIsoFTMJ+CdIWOYyW/Y8xQL5eWUII6xCAtvIV8Q2AAFyVTnTlb+dzXnnAN2l8DqfEGj7Dbcv4vGT8AAAAASUVORK5CYII=) no-repeat center center;
  width: 22px;
  height: 22px;
  margin-left: -5px;
  border-radius: 20px;
}
#serviceFinder .tt-menu {
  min-width: 120px;
}
.content {
  width: 940px;
  margin: auto;
}
.servicefinder-container .content {
  padding: 0 3% !important;
  max-width: 1200px;
  width: 100%;
  min-height: 15px;
}
.popup-overlay,
.callback-overlay,
.compare-overlay,
.replace-overlay,
.ws-upc-overlay,
.voda-overlay,
.custservice-overlay,
.service-finder-overlay {
  position: fixed;
  transition: opacity .5s;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.popup-overlay.active,
.callback-overlay.active,
.compare-overlay.active,
.replace-overlay.active,
.ws-upc-overlay.active,
.voda-overlay.active,
.custservice-overlay.active,
.service-finder-overlay.active {
  opacity: 1;
  z-index: 1600;
  pointer-events: all;
  height: 100%;
}
.replace-overlay.active {
  pointer-events: none !important;
}
.service-finder-overlay {
  z-index: 0;
}
.popup-dialog {
  padding: 50px;
  border-radius: 2px;
  background-color: #E3EBF7;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 22px;
  line-height: 24px;
  box-sizing: border-box;
  font-family: 'vodafone-regular', Geneva, Verdana, sans-serif;
  width: 620px;
}
.popup-dialog .message {
  width: 480px;
  text-align: center;
}
.popup-dialog .message div.service-finder-large {
  font-size: 30px;
  font-weight: bold;
  line-height: 34px;
  margin: 0 0 20px 0;
}
.popup-dialog .message p,
.popup-dialog .message a {
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
}
.popup-dialog.no-service div.service-finder-large,
.popup-dialog.simple-error div.service-finder-large {
  font-size: 22px;
  margin: 0;
}
.popup-dialog.no-service.error,
.popup-dialog.simple-error.error {
  background: #D9415C;
  color: white;
}
.popup-dialog.no-service.error .message a,
.popup-dialog.simple-error.error .message a,
.popup-dialog.no-service.error .message div.service-finder-large,
.popup-dialog.simple-error.error .message div.service-finder-large {
  color: white;
}
.popup-dialog.no-service.info,
.popup-dialog.simple-error.info {
  background: #e60000;
}
.popup-dialog.no-service.info .message a,
.popup-dialog.simple-error.info .message a,
.popup-dialog.no-service.info .message div.service-finder-large,
.popup-dialog.simple-error.info .message div.service-finder-large {
  color: white;
}
.popup-dialog.no-service a {
  display: inline-block;
  padding: 20px;
  margin: 40px 20px 0 0;
  text-align: center;
  min-width: 100px;
  width: 45%;
  cursor: pointer;
}
.popup-dialog.no-service .close-dialog {
  color: white;
}
.popup-dialog.no-service .close-dialog:hover {
  color: white;
}
.popup-dialog.email-form form {
  margin-top: 10px;
}
.popup-dialog .links .upc-button {
  line-height: 44px !important;
}
.popup-dialog .close-dialog {
  color: #239a98;
  position: absolute;
  top: 14px;
  right: 8px;
  width: 40px;
  height: 40px;
  font-size: 22px;
  text-align: center;
  line-height: 21px;
  cursor: pointer;
  pointer-events: all;
}
.popup-dialog .close-dialog span {
  font-family: 'vodafone-regular', Geneva, Verdana, sans-serif;
  font-weight: 100;
  font-size: 40px;
  transform: rotate(0.125turn);
  display: block;
  margin: 0 0 0 3px;
}
.popup-dialog .close-dialog:hover {
  color: #1A827F;
}
.popup-dialog .cart-validation-title {
  color: #239a98;
  font-size: 28px;
  margin-bottom: 20px;
}
#template_subnavigation {
  display: none;
}
.order-form .gradient {
  margin: -30px;
  padding: 20px;
  border-radius: 5px;
  height: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+55,03acde+100&1+0,0.06+100 */
  background: -moz-linear-gradient(25deg, #ffffff 0%, rgba(255, 255, 255, 0.48) 55%, rgba(3, 172, 222, 0.06) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(25deg, #ffffff 0%, rgba(255, 255, 255, 0.48) 55%, rgba(3, 172, 222, 0.06) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(25deg, #ffffff 0%, rgba(255, 255, 255, 0.48) 55%, rgba(3, 172, 222, 0.06) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#0f03acde', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.order-form .gradient h2 {
  margin-bottom: 30px;
  color: #16bae7;
}
.order-form .gradient .input-label {
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: bold;
  font-family: 'vodafone-regular', Geneva, Verdana, sans-serif;
  color: #333;
  letter-spacing: 0.02em;
}
#frmOrder .text-input {
  margin-bottom: 25px;
}
#frmOrder label.error {
  font-size: 14px;
}
.blue-bubble .label {
  position: absolute;
  background-color: #e60000;
  padding: 15px 40px 15px 20px;
  box-sizing: border-box;
  border-radius: 4px;
  color: #fff;
  bottom: -18px;
  left: 138px;
  width: 215px;
  text-align: left;
  z-index: 1000;
}
.blue-bubble {
  z-index: 3000;
}
.blue-bubble .label > div {
  position: relative;
}
.blue-bubble .label .close-bubble {
  content: '';
  display: none;
  position: absolute;
  right: -30px;
  top: -15px;
  cursor: pointer;
  font-size: 27px;
  transform: rotate(0.125turn);
}
.blue-bubble .label .triangle {
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-top-width: 8px;
  border-bottom-width: 8px;
  border-right: 8px solid #e60000;
  display: block;
  position: absolute;
  left: -8px;
  bottom: 25px;
}
.blue-bubble .bubble-content {
  line-height: 21px;
  font-family: VodafoneRegular;
  font-size: 18px;
}
.popup-dialog.callback-form {
  width: 320px;
}
.upc_button.disabled,
button.disabled,
.upc_button.disabled span,
button.disabled span {
  cursor: not-allowed;
  overflow: visible !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .loader-container {
    display: none !important;
  }
}
@media screen and (max-width: 1030px) {
  .content,
  .servicefinder-container .content {
    width: 100%;
  }
}
/*
@media screen and (max-width:979px) {
    .service-finder-wrapper {
        min-height: 65px;
        height    : auto;
        padding   : 0 10px;
    }
    .service-finder p {
        font-size: 16px;
    }
    .service-finder .service-finder-container,
    .service-finder .upc-login-container {
        padding: 10px 0 0 0;
    }
    .service-finder #step1 {
        width : 620px;
        margin: 0 auto;
    }
    .service-finder #step1 .service-finder-container .upc-button {
        display: none;
    }
    .service-finder #step1 .service-finder-container p {
        margin: 0px 10px 0 0;
    }
    .service-finder #step1 .upc-login-container {
        width: 100%;
        width: 270px;
        & p {
            margin     : 0 0 0 20px;
            line-height: 34px;
            & span {
                display: none;
            }
        }
    }
    #step3 .user-login {
        max-width: 920px;
    }
    .service-finder #step3 {
        margin-top: 30px;
        & span.service-address {
            display: block;
        }
        & .service-finder-container .message-content .upc-message {
            display: block;
        }
    }
}*/
@media screen and (max-width: 780px) {
}
@media screen and (max-width: 650px) {
  /* .service-finder-wrapper {
        min-height: 105px;
        padding   : 0 10px;
    }
    .service-finder .separator {
        height    : 100%;
        min-height: 80px;
        & span {
            min-height: 80px;
            height    : 70%;
        }
    }
    .service-finder .service-finder-container,
    .service-finder .upc-login-container {
        padding: 10px 0;
    }
    .service-finder #step1 {
        width: 345px;
    }
    .service-finder #step1 .service-finder-container {
        width: 50%;
    }
    .service-finder #step1 .upc-login-container {
        width : 130px;
        margin: 0 0 0 10px;
        & p {
            margin: 0px;
        }
    }*/
  .popup-dialog {
    width: 100%;
  }
  .popup-dialog .messages {
    width: 100%;
  }
  .popup-dialog.no-service div.service-finder-large,
  .popup-dialog.simple-error div.service-finder-large {
    width: 90%;
  }
  .popup-dialog.no-service a {
    width: 100%;
  }
  /* .service-finder #step3 {
        margin: 10px 0 0 0;
    }
    .service-finder #step3 .service-finder-container .message-content {
        max-width : 100%;
        margin-top: 20px;
    }
    .service-finder #step3 .service-finder-container .link-container {
        text-align: center;
    }
    #step3 .message-content.abs-vertical-center,
    #step3 .link-container.abs-vertical-center {
        position: relative;
    }
    #serviceFinder .service-message i {
        margin-top: 15px;
    }*/
  .popup-dialog .message {
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  /* .service-finder-wrapper {
        min-height: 120px;
        z-index   : 9;
    }
    .service-finder #step3 .service-finder-container .message-content {
        margin-top: 30px;
    }
    .service-finder #step3 .service-finder-container .link-container {
        margin-top: -10px;
    }*/
  .tabmenu .toRight ul li {
    float: none;
    margin: 0 !important;
    width: 160px;
  }
  /*.service-finder .separator {
        position: relative;
        left    : -6px;
    }
    .service-finder #step1 .service-finder-container {
        margin-left: 0;
    }*/
}
/*@media screen and (max-width:360px) {
   .service-finder #step1 {
        width: 320px;
    }
    .service-finder #step1 .service-finder-container,
    .service-finder #step2 .service-finder-container,
    .service-finder #step3 .service-finder-container {
        margin-left: 0;
    }
    .service-finder #step1 .upc-login-container {
        /*margin:0;*
    }
    .service-finder #step1 .upc-login-container p {
        max-width  : 120px;
        line-height: 18px;
    }
}*/
@media screen and (max-width: 780px) {
  .section-desktop.lgi_default.lgiAdaptiveImage.isRetinaImage {
    background-position: center top !important;
  }
}
#step1 .select2-container .select2-selection--single .select2-selection__rendered,
#step2 .select2-container .select2-selection--single .select2-selection__rendered,
#step1 .select2-results__option,
#step2 .select2-results__option {
  font-family: 'vodafone-regular', Geneva, Verdana, sans-serif !important;
  font-size: 16px !important;
  border-radius: 0;
  box-shadow: inset 1px 3px 4px 0 rgba(0, 0, 0, 0.1);
  display: block;
  position: relative;
  width: 100%;
  height: 50px;
  color: black;
}
.select2-container--default .select2-selection--single {
  border-radius: 0 !important;
}
#step3 #step3ActiveAddress {
  padding: 10px 0;
}
#step3 #step3ActiveAddress .upc-button {
  padding: 4px !important;
  width: 220px;
  margin-bottom: 20px;
  display: block;
  text-align: center;
}
.service-finder #step2 .address-not-found.sf-green-link,
.service-finder #step1 .address-not-found.sf-green-link {
  margin-top: 10px;
  display: block;
  text-align: left;
  margin-bottom: 20px;
  font-size: 12px;
}
.service-finder #step1 .address-not-found.sf-green-link {
  margin-bottom: 15px;
}
#step1,
#step2 {
  padding-bottom: 5px;
}
@media screen and (max-width: 991px) {
  .servicefinder-container .content {
    padding-left: 0;
    width: auto;
  }
  .service-finder .sf-row {
    width: auto;
  }
  #step2 {
    padding: 10px 0;
  }
  .service-finder .large-msg {
    font-size: 17px;
    line-height: 20px;
  }
  .service-finder #step2 .service-finder-container p[data-field] {
    font-size: 16px;
  }
  .service-finder .sf-row:not(:first-of-type) {
    clear: both;
  }
  .service-finder .sf-row:not(:first-of-type) .float-left:not(.force-float),
  .service-finder .sf-row:not(:first-of-type) .float-right:not(.force-float) {
    float: none !important;
    display: block;
  }
  .service-finder .sf-row:first-of-type .sf-city-select .float-left,
  .service-finder .sf-row:first-of-type .sf-city-select .float-right {
    float: none !important;
    display: block;
  }
  .service-finder .sf-row:last-of-type .sf-cancel {
    margin-top: -20px;
  }
  .service-finder #step3 .large-msg {
    font-size: 18px;
  }
  .service-finder #step3.sf-small {
    padding: 10px 0;
  }
  .service-finder #step3.sf-small .service-address {
    width: calc(100% - 35px);
    font-weight: 400;
  }
  .service-finder #step3.sf-small .small-msg {
    display: none;
  }
  .service-finder #step3.sf-small .new-address a i {
    display: block;
  }
  .service-finder #step3.sf-small .new-address a span {
    display: none;
  }
  #step3 #step3ActiveAddress .large-msg,
  #step3 #step3ActiveAddress .upc-button {
    font-size: 18px !important;
    padding: 0 !important;
  }
  .service-finder #step1 form,
  .service-finder #step2 form {
    padding: 0;
  }
}
.livechat_button {
  display: none;
}
.livechat_button.show-chat {
  display: block;
}
#mobile-offer-float {
  position: absolute;
  width: 490px;
  top: 0;
  left: 0;
}
.promo {
  max-width: 100%;
  position: relative;
  background: transparent;
  width: 490px;
  left: 3000px;
  margin-top: -50px;
}
.promo h1 {
  display: none;
}
.promo-line {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 100;
}
div.active-address {
  padding-left: 70px;
  position: relative;
}
div.active-address i {
  font-size: 61px;
  position: absolute;
  left: 0;
  top: -2px;
}
div.active-address .no-highlight {
  font-weight: 100;
  margin-top: 5px;
  display: block;
  font-size: 17px;
}
div.chk-group {
  position: relative;
  margin: 10px 0 0;
}
div.chk-group input[type=radio].custom,
div.chk-group input[type=checkbox].custom {
  opacity: 0;
  margin-left: 15px;
}
div.chk-group input[type=radio].custom[checked] + span + .chk:after,
div.chk-group input[type=checkbox].custom[checked] + span + .chk:after,
div.chk-group input[type=radio].custom[checked] + .chk:after,
div.chk-group input[type=checkbox].custom[checked] + .chk:after {
  opacity: 1;
  background: #239a98;
}
div.chk-group .question {
  margin: 0 0 0 2px;
}
div.chk-group label {
  margin: 15px 5px 0 0;
  display: inline-block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
div.chk-group span.option-text {
  display: inline-block;
  width: calc(100% - 40px);
}
div.chk-group .chk {
  content: "";
  width: 18px;
  height: 18px;
  border: solid 1px;
  opacity: 1;
  border-radius: 50%;
  display: block;
  position: absolute;
  color: #c5c6c6;
  top: 3px;
  left: 3px;
  cursor: pointer;
}
div.chk-group .chk:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  left: 4px;
  top: 4px;
  opacity: 0;
  transition: opacity .2s;
  cursor: pointer;
}
div.chk-group.check-box span {
  display: inline-block;
  width: calc(100% - 50px);
  margin-left: 35px;
}
div.chk-group.check-box input {
  display: none;
}
div.chk-group.check-box input[value=on] ~ .chk:after,
div.chk-group.check-box chk.checked:after {
  opacity: 1;
}
div.chk-group.check-box .chk {
  border-radius: 0;
}
div.chk-group.check-box .chk:after {
  font-family: 'Material Icons';
  content: 'check';
  color: #239a98;
  font-size: 21px;
  width: 20px;
  height: 20px;
  display: block;
  font-weight: bold;
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;
  line-break: auto;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.upc_nav_main .level2 li a.disabled,
.upc_nav_main .level2 li a.active.disabled {
  color: #bbb;
  pointer-events: none;
}
.upc_nav_main .level2 .tooltip {
  z-index: 2000 !important;
  opacity: 1;
}
.upc_nav_main .level2 .tooltip .tooltip-inner {
  background-color: #239a98;
  padding: 10px;
  font-family: 'HelveticaNeue';
  font-size: 13px;
}
.upc_nav_main .level2 .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #239a98;
}
.upc_nav_main .level2 .tooltip.top .tooltip-arrow {
  border-top-color: #239a98;
}
.upc_nav_main .level2 .tooltip.right .tooltip-arrow {
  border-right-color: #239a98;
}
#template_subnavigation ul.level3 li a:hover span {
  border: none !important;
}
.upc-bgcontainer-service {
  z-index: 1000;
}
.upc-bgcontainer-topnav {
  z-index: 1020 !important;
}
.upc-bgcontainer-topnav .rightNavigation {
  z-index: 500;
  top: 2px !important;
}
.upc-bgcontainer-topnav + nav {
  z-index: 1005;
  position: relative;
}
.upc_nav_main ul.level2 a {
  line-height: 19px;
}
div.extra-title {
  padding: 50px 0;
}
div.extra-subtitle {
  padding-bottom: 40px;
}
div.extra-list div.extra-list-item {
  width: 25%;
  padding: 0 20px 20px 20px;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
}
div.extra-list div.extra-list-item .withInfo {
  margin-top: 10px;
}
div.extra-list div.extra-list-item:nth-child(3n+2) {
  padding-left: 15px;
  padding-right: 15px;
}
div.extra-list div.extra-list-item:nth-child(3n+3) {
  padding-left: 30px;
}
.rightSide .small,
.dynprice .small,
.custombutton .small {
  font-size: 18px;
  line-height: 22px;
  margin-top: 20px;
}
[data-price-field] .small {
  font-size: 17px;
  margin-top: -10px;
}
/* li#tariff24MonthMinimumTerm { 
    display:none; 
} */
.helpme-build a[data-order=true].disabled {
  pointer-events: none;
  color: #bdbdbd !important;
  background-color: #e9e9e9 !important;
}
button.upc_button3.disabled.no-tv {
  cursor: pointer;
  position: relative;
  background-color: #ff7d00;
  border-bottom: 1px solid #c35000;
  border-left: 1px solid #de6500;
  border-right: 1px solid #de6500;
  border-top: 1px solid #fe7c00;
}
.upc-bgcontainer-center_nospot.dynamic:nth-child(2n+1) {
  background-color: #CADFE7;
}
.epack-link {
  text-decoration: underline;
}
.month24Info span.ph0,
.month12Info span.ph0,
.month0Info span.ph0 {
  line-height: 80px !important;
}
@media only screen and (max-width: 767px) {
  p.withInfo a {
    color: black !important;
  }
}
.hide-from-im-user,
.show-for-im-user {
  display: none;
}
.offer-group {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.offer-group .offer-group-item {
  padding: 8px;
}
.offer-group.group-of-2 .offer-group-item {
  width: 350px;
}
[data-product-name] {
  opacity: 0;
}
.snippet-top-banner-class {
  display: none;
}
.snippet-top-banner-class.snippets-config-top-banner,
.snippet-top-banner-class.snippets-config-top-banner-voda {
  display: block;
}
.snippet-top-banner-class.snippets-config-top-banner-voda {
  background: #e60000;
}
.snippet-top-banner-class.snippets-config-top-banner-voda strong {
  display: block;
}
.wizard-offer-snippets,
.picasso-offer-snippets {
  display: none;
}
.vodafone_white_primary {
  padding: 0 27px 0 !important;
}
.vodafone_white_primary.disabled {
  cursor: not-allowed !important;
}
.vodafone_white_primary.disabled span {
  cursor: not-allowed !important;
}
.vodafone_white_primary.disabled:hover {
  background-color: #e60000;
}
.dynprice_complete {
  color: #333333;
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  height: 25px;
  display: block;
}
.dynprice_complete .large {
  font-size: 24px;
  font-weight: 700;
}
.dynprice_complete .violet {
  color: #9C2AA0;
}
.e-pack-wrapper {
  margin: 0 auto;
  width: 100%;
  margin-bottom: 30px;
  max-width: 580px;
  display: table;
}
.e-pack-wrapper .e-pack-block {
  width: 100%;
  float: left;
}
.e-pack-wrapper .e-pack-block .e-pack-text-wrapper {
  width: 50%;
  float: left;
}
.e-pack-wrapper .e-pack-block .e-pack-text-wrapper .e-pack-text {
  font-size: 20px;
  font-family: 'vodafoneRegular';
  line-height: 24px;
  font-weight: 400;
}
.e-pack-wrapper .e-pack-block .e-pack-text-wrapper .e-pack-text .e-pack-text-loyalty {
  font-weight: 700;
}
.e-pack-wrapper .e-pack-block .e-pack-link {
  width: 50%;
  float: right;
  text-align: right;
}
.e-pack-wrapper .e-pack-block .e-pack-link a.epack-link {
  font-size: 14px;
  font-family: 'vodafoneRegular';
  line-height: 24px;
  font-weight: 400;
  text-align: right;
  color: #333;
  text-decoration: underline;
}
.loader-container {
  position: fixed;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  pointer-events: none;
  transition: opacity .7s;
  z-index: 1000;
}
.loader-container.active {
  opacity: 1;
  pointer-events: all;
}
/*.loader-text {

	font-family: "HCo Gotham Rounded SSm", Geneva, Verdana, sans-serif;
    font-weight: 900;
	font-size:18px;
	text-align: center;
	color:rgb(57,57,57);
	position: absolute;
	top: 50%;
	left: 50%;
	width:100%;
	height:40px;
	transform: translate(-50%,-50%);
	margin-top:60px;
}*/
.loader-text {
  display: none;
}
.loader {
  /*width: 60px;
			height: 60px;*/
  position: absolute;
  top: 50%;
  left: 50%;
  /*transform: translate(-50%,-50%);*/
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  border: 2px solid #E60000;
  border-radius: 50%;
  border-left: none;
  border-top: none;
}
.htc-layout-inner .loader {
  top: 30px;
  left: 0%;
}
/*.loader .background {
			background-color: #b2cfbf;
			border-radius: 50%;
			width: 60px;
			height: 60px;
		}
		.loader .colorchange {
			-webkit-animation: colorchange 5s 1s infinite;
			-moz-animation: colorchange 5s 1s infinite;
			-ms-animation: colorchange 5s 1s infinite;
			-o-animation: colorchange 5s 1s infinite;
			animation: colorchange 5s 1s infinite;
		}
		.loader .gradient {
			background: url('../../assets/images/gradient.png') top left no-repeat;
			position: absolute;
			width: 60px;
			height: 60px;
			top: 0;
			left: 0;
		}
		.loader .rotating {
			-webkit-animation: rotating 1s linear infinite;
			-moz-animation: rotating 1s linear infinite;
			-ms-animation: rotating 1s linear infinite;
			-o-animation: rotating 1s linear infinite;
			animation: rotating 1s linear infinite;
		}		
		.loader .logo {
			background: url('../../assets/images/logo.png') top left no-repeat;
			position: absolute;
			width: 60px;
			height: 60px;
			top: 0;
			left: 0;
		}
		@keyframes colorchange {
			0% {background: #b2cfbf;}
			25% {background: #ffc421;}
			50% {background: #e3ada2;}
			75% {background: #bc445c;}
			100% {background: #b2cfbf;}
		}

		@-webkit-keyframes colorchange {
			0% {background: #b2cfbf;}
			25% {background: #ffc421;}
			50% {background: #e3ada2;}
			75% {background: #bc445c;}
			100% {background: #b2cfbf;}
		}
		
		@keyframes rotating {
			from {
				-ms-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-webkit-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				transform: rotate(45deg);
			}
			to {
				-ms-transform: rotate(405deg);
				-moz-transform: rotate(405deg);
				-webkit-transform: rotate(405deg);
				-o-transform: rotate(405deg);
				transform: rotate(405deg);
			}
		}
		
		@-webkit-keyframes rotating {
			from {
				-webkit-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				transform: rotate(45deg);
			}
			to {
				-webkit-transform: rotate(405deg);
				-o-transform: rotate(405deg);
				transform: rotate(405deg);
			}
		}*/
@-webkit-keyframes spin {
  100% {
    transform: rotate(359deg);
  }
}
@-moz-keyframes spin {
  100% {
    transform: rotate(359deg);
  }
}
@keyframes spin {
  100% {
    transform: rotate(359deg);
  }
}
.callback-form {
  background: #FFFFFF;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  padding: 30px 20px;
  font-family: vodafone-regular;
}
.callback-form form {
  margin: 0 auto;
  text-align: center;
}
.callback-form input:not([type=radio]) {
  font-family: vodafone-regular, sans-serif;
  border: 1px solid #999;
  border-radius: 0;
  box-shadow: inset 1px 3px 4px 0 rgba(0, 0, 0, 0.1);
  color: #666;
  display: block;
  position: relative;
  width: 100%;
  padding: 13px 20px 12px;
  font-size: 20px;
  height: 50px;
  color: black;
}
.callback-form input:not([type=radio]) .error {
  border-color: #e60000;
}
.callback-form p.basic-text {
  color: #333;
  font-family: vodafone-regular, sans-serif;
  font-weight: bold;
  font-size: 30px !important;
  line-height: 30px;
  margin: 20px 0;
}
.callback-form p.basic-text.thank-you {
  color: #333;
  font-size: 14px;
  line-height: 22px;
  margin: 0;
}
.callback-form .basic-text.chk-group {
  margin: 0;
}
.callback-form .basic-text.chk-group .question {
  color: #333;
  font-size: 22px;
  line-height: 22px;
  margin: 0 0 10px !important;
  text-align: left;
}
.callback-form .basic-text.chk-group {
  text-align: left;
  margin-bottom: 0 !important;
}
#callme-title {
  font-weight: bold;
  margin-top: 5px;
}
.cb_submit.upc-button.blue-button {
  font-family: vodafone-regular, sans-serif;
  font-size: 20px;
  padding: 11px 37px;
  text-align: center;
  border-radius: 0 !important;
  border: transparent !important;
  color: white;
  background-color: #e60000;
}
.cb_submit.upc-button.blue-button span {
  color: white !important;
  font-family: vodafone-regular, sans-serif !important;
}
.cb_submit.upc-button.blue-button:hover {
  background: none;
  background-color: #900;
}
.cb_submit.upc-button.blue-button.disabled,
.cb_submit.upc-button.blue-button[disabled] {
  background-color: #ccc !important;
  color: #fff !important;
  cursor: default !important;
}
.callback-form .vodafone_white_primary {
  width: 100% !important;
}
.popup-dialog .close-dialog {
  color: #000000  !important;
}
.popup-dialog .close-dialog:hover {
  color: #000000  !important;
}
.callback-form .basic-text.chk-group label {
  color: #333;
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 13px;
  width: 100px;
}
.callback-form .basic-text.chk-group label:nth-last-child(1) {
  margin: 0 0 20px;
}
.callback-form .basic-text.chk-group label .chk {
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  top: 0px;
  left: 0px;
}
.callback-form .basic-text.chk-group label .chk:after {
  width: 14px;
  height: 14px;
  top: 2px;
  left: 2px;
  background-color: #e60000 !important;
  background-image: none;
}
.callback-form #frmCallbackNow div div,
.callback-form #frmCallback div div {
  margin: 0 0 20px;
}
.callback-form #frmCallbackNow div div > .text-input,
.callback-form #frmCallback div div > .text-input {
  margin: 0;
}
.callback-form #frmCallbackNow div .orange-btn.full,
.callback-form #frmCallback div .orange-btn.full {
  font-family: vodafone-regular, sans-serif;
  font-size: 20px;
  padding: 11px 37px;
  text-align: center;
  border-radius: 0 !important;
  border: transparent !important;
  color: white;
  background-color: #e60000;
}
.callback-form #frmCallbackNow div .orange-btn.full span,
.callback-form #frmCallback div .orange-btn.full span {
  color: white !important;
  font-family: vodafone-regular, sans-serif !important;
}
.callback-form #frmCallbackNow div .orange-btn.full:hover,
.callback-form #frmCallback div .orange-btn.full:hover {
  background: none;
  background-color: #900;
}
.callback-form #frmCallbackNow div .orange-btn.full.disabled,
.callback-form #frmCallback div .orange-btn.full.disabled,
.callback-form #frmCallbackNow div .orange-btn.full[disabled],
.callback-form #frmCallback div .orange-btn.full[disabled] {
  background-color: #ccc !important;
  color: #fff !important;
  cursor: default !important;
}
.callback-form #frmCallbackNow div .orange-btn.full::after,
.callback-form #frmCallback div .orange-btn.full::after {
  position: absolute;
  font-size: 12px;
  font-family: icons;
  content: "7";
  top: 7px;
  right: 6px;
}
.callback-form #frmCallbackNow div .blue-link,
.callback-form #frmCallback div .blue-link {
  font-size: 14px;
  font-family: vodafone-regular;
  line-height: 18px;
  display: table;
  padding-top: 10px;
  cursor: default;
  text-align: left;
}
.callback-form #frmCallbackNow div .blue-link a,
.callback-form #frmCallback div .blue-link a {
  color: #333 !important;
  text-decoration: underline !important;
}
.callback-form #frmCallbackNow div .blue-link a:hover,
.callback-form #frmCallback div .blue-link a:hover {
  color: #e60000 !important;
  text-decoration: none !important;
}
.callback-form #frmCallbackNow div .blue-link a:hover .upc-button.blue-button,
.callback-form #frmCallback div .blue-link a:hover .upc-button.blue-button {
  margin-top: 10px;
}
.callback-overlay {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.callback-overlay .popup-dialog {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
#callme-address {
  font-family: vodafone-bold;
  font-size: 18px;
  text-align: left;
}
form[name=frmCallback] label.error,
form[name=frmCallbackNow] label.error {
  font-size: 14px;
  min-width: 300px;
  text-align: left;
  display: block;
  font-family: "speak_heavy", Geneva, Verdana, sans-serif;
}
form[name=frmCallback] .upc-button.blue-button,
form[name=frmCallbackNow] .upc-button.blue-button {
  width: 100%;
  text-align: center;
}
form[name=frmCallback] .upc-button.blue-button span:after,
form[name=frmCallbackNow] .upc-button.blue-button span:after {
  display: none;
}
form[name=frmCallback] .text-input input[data-dirty=true] + label.error,
form[name=frmCallbackNow] .text-input input[data-dirty=true] + label.error {
  display: block !important;
  margin-top: 4px;
}
form[name=frmCallback] .text-input,
form[name=frmCallbackNow] .text-input {
  position: relative;
}
form[name=frmCallback] .text-input span.pipe,
form[name=frmCallbackNow] .text-input span.pipe {
  content: '';
  width: 27px;
  height: 21px;
  /*background-image: url(../../assets/images/Icon_Pipe_Green.png);*/
  position: absolute;
  bottom: 10px;
  right: -40px;
  display: none !important;
}
form[name=frmCallback] .text-input input[data-dirty=true]:not(.error) ~ span.pipe,
form[name=frmCallbackNow] .text-input input[data-dirty=true]:not(.error) ~ span.pipe {
  display: block;
}
form[name=frmCallback] button:not(.vodafone_white_primary),
form[name=frmCallbackNow] button:not(.vodafone_white_primary) {
  background: transparent;
}
button .spanText {
  letter-spacing: 0;
  color: #e60000;
  font-size: 18px;
}
@media screen and (max-width: 650px) {
  form[name=frmCallback] .text-input.small label:not(.error),
  form[name=frmCallbackNow] .text-input.small label:not(.error) {
    line-height: 28px;
  }
}
#callme-thankyou {
  color: #333;
  margin: 10px;
  font-size: 24px !important;
}
#order-template {
  margin: -30px -2% 0;
}
#order-template p.basic-text {
  padding: 20px 12px;
}
#order-template form {
  text-align: left;
  background: white;
  min-height: 100%;
  padding: 10px 10px 10px;
}
#order-template form input[type="text"],
#order-template form input[type="email"],
#order-template form input[type="tel"],
#order-template form input[type="number"] {
  font-family: 'speak_heavy', Geneva, Verdana, sans-serif;
  font-size: 21px !important;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-weight: bold;
  height: 60px;
  padding: 10px 15px;
  margin-top: 20px;
  box-sizing: border-box;
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
  border-radius: 4px;
  outline: none;
}
#order-template form input[type="text"]:focus,
#order-template form input[type="email"]:focus,
#order-template form input[type="tel"]:focus,
#order-template form input[type="number"]:focus {
  border-color: #30d7ff;
}
#order-template form input[type="text"].error:not([data-dirty=false]) {
  border: 1px solid #e21e05;
  box-shadow: 0 0 0 1px transparent;
}
#order-template form input[type="text"].disabled {
  opacity: .5;
  pointer-events: none;
}
#order-template form label.error {
  font-size: 14px;
  color: #e21e05;
  text-align: left;
  width: 100%;
  font-family: 'Speak Bold';
  display: none !important;
}
#order-template form input[data-dirty=true] + label.error {
  display: block !important;
}
#order-template form input {
  margin-top: 10px;
}
#order-template form button {
  margin: 20px 0 20px;
  padding: 10px 0;
  color: #239a98;
  background: white;
  border: solid 2px;
  height: 60px;
}
#order-template form button span {
  vertical-align: middle;
  float: none !important;
  font-weight: 800;
}
#order-template form button:disabled {
  background: white;
  color: #555;
}
.simpleInput input[type="text"],
.simpleInput input[type="email"],
.simpleInput input[type="tel"],
.simpleInput input[type="number"] {
  font-family: 'speak_heavy', Geneva, Verdana, sans-serif;
  font-size: 21px !important;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-weight: bold;
  height: 60px;
  padding: 10px 15px;
  margin-top: 20px;
  box-sizing: border-box;
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
  border-radius: 4px;
  outline: none;
}
.simpleInput input[type="text"]:focus,
.simpleInput input[type="email"]:focus,
.simpleInput input[type="tel"]:focus,
.simpleInput input[type="number"]:focus {
  border-color: #30d7ff;
}
.simpleInput input[type="text"].error:not([data-dirty=false]) {
  border: 1px solid #e21e05;
  box-shadow: 0 0 0 1px transparent;
}
.simpleInput input[type="text"].disabled {
  opacity: .5;
  pointer-events: none;
}
.simpleInput label.error {
  font-size: 14px;
  color: #e21e05;
  text-align: left;
  width: 100%;
  font-family: 'Speak Bold';
  display: none !important;
}
.simpleInput input[data-dirty=true] + label.error {
  display: block !important;
}
.upc-green {
  color: #239a98;
}
.speak {
  font-family: 'Speak Heavy';
  color: #676767;
  font-size: 24px;
}
.popup-dialog.mobile {
  background: white;
  padding: 50px 20px 20px;
  width: 100%;
  overflow: auto;
  position: initial;
  height: 100%;
  transform: none;
}
.popup-dialog.mobile .close {
  content: "\E14C";
  font-family: Material Icons;
  font-weight: 800;
  font-size: 50px;
  padding: 0 0 0 6px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  transform: rotate(45deg);
  color: #239a98;
}
.vertical-snippets-row .flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 40px 0;
}
.vertical-snippets-row .flex-container.column-2 {
  width: 66%;
  margin: auto;
}
.vertical-snippets-row .flex-container.column-2 .vertical-snippets-col {
  margin-left: 15px;
}
.vertical-snippets-row .flex-container .vertical-snippets-col {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.vertical-snippets-row .flex-container .vertical-snippets-col.empty {
  display: none;
}
.vertical-snippets-row .flex-container .vertical-snippets-col.center-col {
  margin: 0 15px;
}
@media screen and (max-width: 767px) {
  .vertical-snippets-row .flex-container {
    display: block;
    padding: 0;
  }
  .vertical-snippets-row .flex-container.column-2 {
    width: 100%;
    margin-left: 0;
  }
  .vertical-snippets-row .flex-container .vertical-snippets-col {
    width: 100%;
    margin: -10px 0 10px;
  }
  .vertical-snippets-row .flex-container .vertical-snippets-col .vertical-snippets-header {
    margin-top: 30px;
  }
  .vertical-snippets-row .flex-container .vertical-snippets-col.center-col {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.vertical-snippets-row .no-flex.flex-container {
  display: block;
  text-align: center;
}
.vertical-snippets-row .no-flex.flex-container .vertical-snippets-col {
  width: 32%;
  display: inline-block;
  vertical-align: top;
}
.vertical-snippets-row .no-flex.flex-container .vertical-snippets-col.empty {
  width: 0;
}
@media screen and (max-width: 767px) {
  .vertical-snippets-row .no-flex.flex-container .vertical-snippets-col {
    width: 100%;
    margin: 10px 0;
  }
  .vertical-snippets-row .no-flex.flex-container .vertical-snippets-col.center-col {
    padding: 0;
  }
}
.compare-build {
  display: none;
}
.helpme-build {
  display: none;
}
.scroll-arrow {
  width: 60px;
  height: 82px;
  position: fixed;
  /* don't forget set container to relative */
  left: 49%;
  margin-left: 0px;
  bottom: 5%;
  z-index: 999;
}
.scroll-arrow.hidden {
  display: none;
}
/* set arrow styles */
.scroll-arrow path {
  stroke: #ccc;
  stroke-width: 6px;
  fill: transparent;
  animation: down 2s infinite;
}
/* arrow keyframe animation */
@keyframes down {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/* arrow animation delay */
.scroll-arrow path.a1 {
  animation-delay: -1s;
}
.scroll-arrow path.a2 {
  animation-delay: -0.5s;
}
.scroll-arrow path.a3 {
  animation-delay: 0s;
}
.replace-dialog {
  z-index: 800;
  background: #D9415C;
  color: white;
  text-align: center;
  padding: 30px 30px 50px;
  width: 560px;
  pointer-events: all !important;
}
.replace-dialog h2.popup-head {
  color: white;
  font-size: 35px;
  line-height: 40px;
  text-transform: uppercase;
  margin-top: 10px;
}
.replace-dialog #replace-message {
  padding: 20px 0 35px;
  font-family: 'speak_heavy', Geneva, Verdana, sans-serif;
}
.replace-dialog .buttons button {
  width: 240px;
  text-align: center;
}
.replace-dialog #replace-button {
  display: block;
  margin: auto;
}
.replace-dialog #no-replace-button {
  font-size: 14px;
  color: white;
  font-weight: normal;
  font-family: "HCo Gotham Rounded SSm", Geneva;
  margin-top: 10px;
  display: block;
}
.replace-dialog .close-dialog span {
  color: white;
}
@media screen and (max-width: 560px) {
  .replace-dialog {
    width: 100%;
  }
  .replace-dialog #replace-message {
    font-size: 21px;
  }
  .replace-dialog .buttons button {
    float: none !important;
  }
  .replace-dialog #no-replace-button {
    margin-top: 15px;
  }
}
.upc-helpme-start {
  position: fixed;
  top: 50%;
  transform: rotate(-0.25turn);
  width: 190px;
  height: 65px;
  margin-left: -130px;
  font-weight: bold;
  z-index: 600;
  background: #e60000;
  color: white;
  padding: 15px 20px 15px 25px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  font-family: 'VodafoneRegular', Geneva, Verdana, sans-serif;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 0.05em;
  text-align: left;
}
.upc-helpme-start i {
  float: left;
  font-size: 33px;
}
.upc-helpme-start span {
  display: block;
  margin-left: 45px;
  margin-top: -5px;
}
@media only screen and (max-width: 991px) {
  .upc-helpme-start {
    z-index: 99;
  }
}
@media only screen and (max-width: 640px) {
  .upc-helpme-start {
    transform: rotate(0);
    width: 99px;
    height: 39px;
    padding: 5px 20px 10px 65px;
    border-top-right-radius: 0px;
  }
  .upc-helpme-start span {
    display: none;
  }
  .upc-helpme-start i {
    font-size: 29px;
  }
}
[data-compare-start] {
  display: none;
}
.compare-build-parent {
  display: inline-block !important;
  width: 220px;
  margin: 0 10px;
}
.compare-build-parent .lgi-svg-link {
  display: block;
}
.compare-build-parent .lgi-svg-link object {
  pointer-events: none;
}
.popup-dialog.compare {
  width: 100%;
  padding: 50px 0 0 0;
  background: #ebebeb;
}
.popup-dialog.compare .button a span {
  width: 100%;
  text-align: center;
}
.popup-dialog.compare .scroller {
  width: 100%;
  height: 100%;
  white-space: nowrap;
  overflow: auto;
  padding: 0 10px 10px;
}
.popup-dialog.compare .scroller p,
.popup-dialog.compare .scroller h3,
.popup-dialog.compare .scroller h2,
.popup-dialog.compare .scroller a {
  white-space: normal !important;
}
@media screen and (max-width: 1200px) {
  .compare-build-parent {
    width: 200px;
    margin: 0 5px;
  }
  .compare-build-parent .button a {
    font-size: 16px;
    padding: 8px 5px;
  }
}
@media screen and (max-width: 960px) {
  .compare-build-parent {
    width: 180px;
    margin: 0 5px;
  }
  .compare-build-parent .button a {
    font-size: 14px;
    padding: 8px 3px;
  }
}
@media screen and (max-width: 640px) {
  .compare-build-parent {
    width: 160px;
    margin: 0 5px;
  }
  .compare-build-parent .button a {
    font-size: 14px;
    padding: 8px 3px;
  }
}
@media only screen and (min-width: 991px) {
  .popup-dialog.compare {
    max-width: 1200px;
  }
}
.right-nav {
  float: right;
  margin-top: 0;
  display: none;
}
.right-nav a {
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  line-height: 16px;
}
.right-nav a i {
  font-size: 24px;
}
.right-nav a i svg {
  display: inline-block;
  fill: none;
  stroke: #333;
  stroke-width: .4em;
  vertical-align: middle;
  width: 28px;
  height: 28px;
}
.right-nav a i svg:hover {
  stroke: #e60000;
  text-decoration: none;
}
.lgi-main-navigation-level1item.right-nav a:hover,
.lgi-main-navigation-level1item.right-nav a:focus,
.lgi-main-navigation-level1item.right-nav a:active,
.lgi-main-navigation-level1item.right-nav .lgi-level1selected {
  border-bottom: none !important;
  color: #e60000;
}
.lgi-main-navigation-level1item.right-nav a:hover svg,
.lgi-main-navigation-level1item.right-nav a:focus svg,
.lgi-main-navigation-level1item.right-nav a:active svg,
.lgi-main-navigation-level1item.right-nav .lgi-level1selected svg {
  stroke: #e60000;
  text-decoration: none;
}
@media only screen and (min-width: 1024px) {
  .right-nav.lgi-main-navigation-level1item .lgi-main-navigation-level2-container {
    opacity: 1 !important;
    top: 70px;
    height: auto !important;
  }
  .right-nav.lgi-main-navigation-level1item .lgi-main-navigation-level2item {
    width: 50%;
  }
  .right-nav.lgi-main-navigation-level1item .lgi-main-navigation-level2item:hover {
    background: #666666 !important;
  }
  .myupc-root .lgi-main-navigation-level2 {
    margin-top: 0 !important;
  }
}
.my-upc-silent #myUPCButton,
.my-upc-silent #myUPCButtonMobile {
  display: none;
}
#myUPCButton {
  width: 50px;
}
#custServiceNavButton {
  width: 140px;
}
#myUPCButtonMobile,
#custServiceButtonMobile {
  position: absolute;
  cursor: pointer;
  display: none;
}
#myUPCButtonMobile.no-search {
  right: 110px;
  top: 12px;
}
#myUPCButtonMobile {
  right: 135px;
  top: 4px;
}
#myUPCButtonMobile i {
  font-size: 20px;
}
#myUPCButtonMobile i svg {
  display: inline-block;
  fill: none;
  stroke: #333;
  stroke-width: .4em;
  vertical-align: middle;
  width: 24px;
  height: 24px;
}
#myUPCButtonMobile i svg:hover {
  stroke: #e60000;
  text-decoration: none;
}
.myupc-root {
  background: #666666 !important;
  padding-bottom: 0 !important;
  max-height: 800px !important;
  box-shadow: 8px 4px 40px rgba(0, 0, 0, 0.25);
}
.myupc-root .buttonContainer {
  background: #1B5970 !important;
  margin-bottom: 0;
  margin-top: 20px;
  margin-left: -2%;
}
.myupc-root .items {
  margin: 50px 0;
}
.myupc-root .empty-nav {
  color: white;
  text-align: center;
  max-width: 980px;
  margin: 0 auto;
  padding: 20px 0;
}
.myupc-root .empty-nav div:nth-of-type(1) {
  font-size: 18px;
  font-weight: 500;
}
.myupc-root .empty-nav div:nth-of-type(2) {
  font-size: 12px;
}
.myupc-root .empty-nav button {
  display: inline-block;
  width: 160px;
}
.myupc-root .vodafone-red-item {
  width: 200px;
  height: 45px;
  background: #e60000;
  color: #fff;
  font-size: 20px;
  line-height: 28px;
  font-family: 'VodafoneRegular';
}
.myupc-root .vodafone-grey-link {
  margin: 0;
  width: 200px;
  height: 45px;
  background: #484848;
  font-family: 'VodafoneRegular';
  padding: 6px 0 0 0;
  text-align: center;
}
.myupc-root .vodafone-grey-link:hover,
.myupc-root .vodafone-grey-link:focus {
  background: #333 !important;
  text-decoration: none;
}
.myupc-root .vodafone-grey-link a {
  font-family: 'VodafoneRegular';
  font-size: 20px !important;
  line-height: 32px !important;
  color: #fff;
  width: 100%;
}
.myupc-root .vodafone-grey-link a:hover {
  text-decoration: none !important;
}
.myupc-root .my-upc-user-nav {
  color: white;
}
.myupc-root .my-upc-user-nav h3 {
  transform: scaleX(-1);
  text-align: right;
  margin-top: 20px;
  margin-bottom: 0;
  color: white;
  margin-right: -5px;
}
.myupc-root .my-upc-user-nav .user-name {
  font-size: 22px;
  color: white;
}
.myupc-root .lgi_btn_2.lgi-2-white {
  color: white;
  border-color: white;
}
.myupc-root .lgi-main-navigation-level2 {
  padding-left: 0px;
}
.myupc-root .my-upc-user-nav h3 {
  font-size: 130px;
  line-height: 130px;
  margin-top: 0;
}
.myupc-root .my-upc-user-nav h3 span {
  color: white;
}
.myupc-root .lgi-main-navigation-level2item .dropdown-item.myupc-logout {
  margin: 0 auto;
  margin-top: 11px;
  background: #ffffff;
  border-bottom: 1px solid #999999;
}
.myupc-root .lgi-main-navigation-level2item .dropdown-item.myupc-logout:hover,
.myupc-root .lgi-main-navigation-level2item .dropdown-item.myupc-logout:active,
.myupc-root .lgi-main-navigation-level2item .dropdown-item.myupc-logout:focus {
  background: #fff !important;
  border-bottom: 1px solid #999999;
  text-decoration: none;
}
.myupc-root .lgi-main-navigation-level2item .dropdown-item.myupc-logout a {
  width: 200px;
  height: 45px;
  color: #666666;
  font-size: 20px !important;
  line-height: 28px;
}
.myupc-root .lgi-main-navigation-level2item .dropdown-item.myupc-logout a:hover,
.myupc-root .lgi-main-navigation-level2item .dropdown-item.myupc-logout a:active,
.myupc-root .lgi-main-navigation-level2item .dropdown-item.myupc-logout a:focus {
  background: #fff !important;
  border-bottom: none;
  text-decoration: none;
}
.myupc-root .lgi-main-navigation-level2item:first-child {
  padding: 0 50px 0 50px;
}
.myupc-root .lgi-main-navigation-level2item:last-child {
  padding: 0 50px 0 50px;
}
.myupc-root .lgi-main-navigation-level2item header {
  color: white;
  font-family: "VodafoneRegular", "HCo Gotham Rounded SSm", Geneva, Verdana, sans-serif;
  font-weight: 500;
  text-transform: none;
  padding: 30px 0 15px 0;
}
.myupc-root .lgi-main-navigation-level2item a {
  color: white;
  font-weight: 100;
  font-size: .75rem;
}
.myupc-root .lgi-main-navigation-level2item a:hover {
  color: white;
  text-decoration: none !important;
}
.myupc-root .menu-container {
  max-width: 900px;
  margin: 0px auto 50px auto;
  padding: 20px 0;
  text-align: center;
  height: auto;
  overflow: auto;
}
.myupc-root .menu-container .lgi-main-navigation-level2item:last-child {
  border-left: solid 1px white;
}
.myupc-root .myupc-navs {
  display: flex;
  margin-top: 30px;
}
.myupc-root .myupc-nav {
  width: 50%;
  text-align: center;
}
.myupc-root .myupc-nav:last-of-type {
  border-left: solid 1px white;
}
.myupc-root .vodafone_white_primary {
  display: inline-block;
  margin-top: 30px;
  margin-bottom: 15px;
  width: auto;
}
.myupc-root p {
  font-size: 20px;
  height: 50px;
}
.myupc-root .myupc-nav-icon {
  background: rgba(0, 0, 0, 0.4);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
}
.myupc-root .myupc-nav-icon img {
  top: 50%;
  position: absolute;
  width: 65px;
  height: 65px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.myupc-root .myupc-nav-icon + div {
  max-width: 350px;
  margin: auto;
}
.myupc-root .lgi-level2selected {
  background-color: #666666 !important;
}
.myupc-root .lgi-main-navigation-level2item > a:hover {
  background-color: #666666 !important;
  text-decoration: none;
  border-bottom: none;
}
.myupc-root h4 {
  color: #fff;
  margin-bottom: 15px;
  font-size: 28px;
  font-family: 'VodafoneLight' !important;
}
.myupc-root a.vodafone_white_primary {
  color: #fff;
  background-color: #e60000;
  font-size: 20px;
  font-family: 'VodafoneRegular', Geneva, Verdana, sans-serif !important;
  padding: 0 40px 0 !important;
  height: auto;
  min-height: 50px;
  max-width: 100%;
}
.myupc-root a.vodafone_white_primary:hover {
  background-color: #900;
}
.myupc-root .dropdown {
  position: relative;
  z-index: 900;
}
.myupc-root .dropdown-menu {
  margin: 0 auto;
  padding: 0;
  border-radius: 0;
  background: #666666;
  box-shadow: none !important;
  border: 0px solid #666666;
  left: unset;
  position: relative;
  float: none;
}
.myupc-root .dropdown-menu .dropdown-item {
  border-bottom: 1px solid #666666;
  margin: 0 auto;
  /*&:last-child{
                margin-top   :11px;
                background   : #ffffff;
                border-bottom:1px solid #999999;
                &            :hover, &:active,
                    &:focus{
                        background     : #fff !important;
                        border-bottom  :1px solid #999999;
                        text-decoration: none;
                    }
                a{
                    width      :300px;
                    height     :45px;
                    color      :#666666;
                    font-size  :20px !important;
                    line-height:28px;
                    &          :hover, &:active,
                    &:focus{
                        background     : #fff !important;
                        border-bottom  :none;
                        text-decoration: none;
                    }
                }
            }*/
}
.myupc-root .dropdown-menu .dropdown-item:hover,
.myupc-root .dropdown-menu .dropdown-item:active,
.myupc-root .dropdown-menu .dropdown-item:focus {
  text-decoration: none;
}
.myupc-root .dropdown-menu .dropdown-item a {
  width: 200px;
  height: 45px;
}
.myupc-root .dropdown-menu .dropdown-item a:hover,
.myupc-root .dropdown-menu .dropdown-item a:active,
.myupc-root .dropdown-menu .dropdown-item a:focus {
  background: #333 !important;
  border-bottom: none;
  text-decoration: none;
}
.myupc-root .dropdown-icon {
  fill: none;
  stroke: #ffffff;
  stroke-width: .4em;
  position: absolute;
  right: 100px;
  top: 10px;
  z-index: 99;
  cursor: pointer;
}
.myupc-root .dropdown-icon svg {
  width: 25px;
  height: 25px;
}
.myupc-root .open .dropdown-icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  top: 5px;
}
@media only screen and (min-width: 992px) {
  .myupc-root .lgi-main-navigation-level2item li,
  .myupc-root .navigationlist li {
    padding: 5px 0;
  }
}
@media screen and (max-width: 1023px) {
  .lgi-main-navigation-level1 {
    opacity: 1;
  }
  .myupc-root {
    margin-top: 45px !important;
  }
  .myupc-root .lgi-main-navigation-level2item {
    display: inline-block;
    width: 50%;
    margin: 0 auto;
    vertical-align: top;
  }
  .myupc-root .dropdown-icon {
    right: 70px;
  }
  #myUPCButtonMobile i svg {
    vertical-align: top;
  }
  .right-nav.lgi-main-navigation-level1item {
    padding: 0;
  }
  #basketButtonMobile {
    font-size: 20px;
  }
  #basketButtonMobile svg {
    width: 24px;
    height: 24px;
  }
  #myUPCButton {
    float: none;
    display: block !important;
    position: fixed;
    width: 100%;
    z-index: 3;
    left: 0;
    top: 0;
  }
  #myUPCButton .dropdown-menu {
    max-width: 100%;
  }
  #myUPCButton .vodafone-grey-link {
    max-width: 100%;
    padding: 0;
  }
  #myUPCButton .myupc-logout {
    margin: 10px auto;
  }
  #myUPCButtonMobile.no-search {
    right: 65px;
  }
  #myUPCButtonMobile,
  #custServiceButtonMobile {
    display: block !important;
  }
  .myupc-root .my-upc-user-nav {
    position: relative;
  }
  .myupc-root .my-upc-user-nav div {
    margin-left: 100px;
  }
  .myupc-root .my-upc-user-nav div:nth-of-type(1) {
    margin-top: 30px;
  }
  .myupc-root .my-upc-user-nav div:nth-of-type(2) {
    margin-bottom: 30px;
  }
  .myupc-root .my-upc-user-nav h3 {
    font-size: 100px;
    position: absolute;
    top: 15px;
    line-height: 1px;
  }
  .right-nav a.right-nav-button {
    display: none;
  }
  .openMobileSearch {
    right: 40px;
  }
  .right-nav .lgi-main-navigation-level2 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .right-nav header {
    padding: 40px 0 20px !important;
  }
  .right-nav .lgi-main-navigation-level2item.dashed-bottom {
    padding-bottom: 50px !important;
    width: 50%;
    display: inline-block;
    vertical-align: top;
  }
  .right-nav .lgi-main-navigation-level2item li {
    /*background: transparent;*/
  }
  .right-nav .lgi-main-navigation-level2item li a {
    padding-left: 0;
  }
  .right-nav .lgi-main-navigation-level2item li a:hover {
    border: none;
  }
  .myupc-root {
    overflow-y: auto;
    margin-top: 40px;
    padding: 40px 0;
  }
  .myupc-root .lgi-main-navigation-level2 {
    background: #666666;
    margin-top: 30px;
  }
  .myupc-root .lgi-main-navigation-level2item:first-child {
    padding: 0;
  }
  .myupc-root .lgi-main-navigation-level2item:last-child {
    padding: 0;
    border-left: 1px solid #ffffff;
  }
  .myupc-root .resize-dropdown {
    max-width: 300px;
    margin: 0 auto;
  }
  .myupc-root .dropdown-item a {
    padding: 8px !important;
  }
}
@media screen and (max-width: 767px) {
  .mobileView .myupc-root h4 {
    margin-top: 0 !important;
  }
  .myupc-root {
    overflow-y: scroll;
    padding: 0 0 40px 0;
  }
  .myupc-root .lgi-main-navigation-level2 {
    margin-top: 0;
  }
  .myupc-root .lgi-main-navigation-level2item {
    display: block;
    width: 100%;
  }
  .myupc-root .myupc-navs {
    display: block;
  }
  .myupc-root .myupc-nav {
    width: 100%;
    text-align: center;
  }
  .myupc-root h4 {
    font-size: 20px;
    padding: 0;
  }
  .myupc-root .myupc-nav-icon {
    margin-bottom: 0;
    width: 80px;
    height: 80px;
    margin-top: 10px;
  }
  .myupc-root .myupc-nav-icon img {
    width: 52px;
    height: 52px;
  }
  .myupc-root .dropdown-icon {
    right: 74px;
  }
  .myupc-root .lgi-main-navigation-level2item:last-child {
    border-left: 0px solid #666666 !important;
  }
  .myupc-root .lgi-main-navigation-level2item.dashed-bottom {
    padding-bottom: 20px !important;
    width: 100%;
    display: block;
  }
  .myupc-root .vodafone-red-item {
    width: 90%;
    font-size: 18px !important;
  }
  .myupc-root .vodafone-grey-link {
    width: 90%;
    font-size: 18px !important;
  }
  #myUPCButtonMobile i svg {
    width: 20px;
    height: 20px;
  }
}
.snippet-dynamic-highlighted-div.snippets-config-highlight-green {
  background-color: #1d637d;
}
.snippet-dynamic-highlighted-div.snippets-config-highlight-green h4,
.snippet-dynamic-highlighted-div.snippets-config-highlight-green h3,
.snippet-dynamic-highlighted-div.snippets-config-highlight-green h2,
.snippet-dynamic-highlighted-div.snippets-config-highlight-green .dynprice,
.snippet-dynamic-highlighted-div.snippets-config-highlight-green .dynprice_unit,
.snippet-dynamic-highlighted-div.snippets-config-highlight-green .richtext.section,
.snippet-dynamic-highlighted-div.snippets-config-highlight-green a .lgi_btn_txt_2-1,
.snippet-dynamic-highlighted-div.snippets-config-highlight-green .lgi_rte_textcolordefault2,
.snippet-dynamic-highlighted-div.snippets-config-highlight-green .lgi-hdr-1 {
  color: white !important;
}
.snippet-dynamic-highlighted-div.snippets-config-highlight-green a.epack-link {
  color: white !important;
}
.upc-content-wrapper #myUPCButton {
  font-family: "HCo Gotham Rounded SSm", Geneva, Verdana, sans-serif;
}
.upc-content-wrapper #myUPCButton .myupc-root .buttonContainer {
  margin-left: 0;
}
.upc-content-wrapper #myUPCButton #loginBtn,
.upc-content-wrapper #myUPCButton #registerBtn {
  color: #fff;
  outline: none !important;
  box-shadow: none !important;
  font-family: "HCo Gotham Rounded SSm", Geneva, Verdana, sans-serif;
  font-size: 18px;
}
.upc-content-wrapper #myUPCButton #loginBtn span,
.upc-content-wrapper #myUPCButton #registerBtn span {
  padding-left: 0;
  padding-right: 0;
}
.upc-content-wrapper #myUPCButton #loginBtn span:after,
.upc-content-wrapper #myUPCButton #registerBtn span:after {
  display: none;
}
.upc-content-wrapper #myUPCButton #loginBtn {
  border: none;
  background: #239a98;
}
.upc-content-wrapper #myUPCButton #loginBtn:hover {
  color: white;
  background-color: #1a827f;
}
.upc-content-wrapper #myUPCButton #registerBtn {
  background: transparent;
}
.upc-content-wrapper #myUPCButton #registerBtn:hover {
  background: transparent;
}
.upc-content-wrapper #myUPCButton #registerBtn:hover span {
  margin-left: 0;
}
.upc-content-wrapper #myUPCButton .lgi-main-navigation-level2 ul {
  margin-left: 0;
}
.upc-content-wrapper .lgi-main-navigation-level2item ul {
  margin-left: 0px !important;
}
.upc-content-wrapper .lgi-main-navigation-level2item ul li {
  line-height: 32px!important;
}
.upc-bgcontainer-top_nospot {
  z-index: 460 !important;
}
@media only screen and (min-width: 1200px) {
  .lgi-main-navigation-level2 {
    padding-left: 6%;
  }
  #mainBody .lgi-main-navigation-level2 {
    padding-left: 8% !important;
  }
}
@media only screen and (min-width: 1400px) {
  .lgi-main-navigation-level2 {
    padding-left: 15%;
  }
  #mainBody .lgi-main-navigation-level2 {
    padding-left: 14% !important;
  }
}
@media only screen and (min-width: 1600px) {
  .lgi-main-navigation-level2 {
    padding-left: 19%;
  }
  #mainBody .lgi-main-navigation-level2 {
    padding-left: 19% !important;
  }
}
@media only screen and (min-width: 1800px) {
  .lgi-main-navigation-level2 {
    padding-left: 25%;
  }
  #mainBody .lgi-main-navigation-level2 {
    padding-left: 24.5% !important;
  }
}
#mainBody .myupc-root .lgi-main-navigation-level2 {
  padding-left: 0px !important;
}
body {
  width: 100%;
}
.voda-popup .message h3 {
  font-size: 27px;
}
.voda-overlay.xmas .popup-dialog {
  background-image: url(/content/dam/www30-upc-hu/img/site3x/karacsonyi_meglepetes.png);
  background-size: cover;
  background-position-y: unset;
  background-position-x: unset;
  width: 670px;
  max-width: 100%;
  height: 320px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.voda-overlay.xmas .popup-dialog a {
  margin-top: 0;
  width: auto;
  position: absolute;
  top: 231px;
  left: 50%;
  margin-left: 50px;
  padding: 6px 18px;
  min-height: auto;
}
.voda-overlay.xmas .popup-dialog #voda-xmas-text {
  line-height: 27px;
  position: absolute;
  top: 110px;
  left: 50%;
  font-size: 21px;
}
.voda-overlay.xmas .popup-dialog .voda-upc-logo {
  position: absolute;
  right: 5px;
  bottom: 5px;
  background-image: url(/content/dam/www30-upc-hu/img/site3x/vodafone-upc.png);
  width: 80px;
  height: 58px;
  background-size: contain;
}
.voda-overlay.after-xmas .popup-dialog {
  background-image: url(/content/dam/www30-upc-hu/img/site3x/szabad-videozas-red-del.png);
  background-size: cover;
  background-position-y: unset;
  background-position-x: unset;
  width: 670px;
  max-width: 100%;
  height: 360px;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.voda-overlay.after-xmas .popup-dialog .popup-content {
  height: 100%;
}
.voda-overlay.after-xmas .popup-dialog .price-badge {
  position: absolute;
  background: white;
  padding: 10px;
  border-radius: 50%;
  width: 85px;
  height: 85px;
  text-align: center;
  color: #e60000;
  font-size: 14px;
  line-height: 15px;
  font-weight: normal;
  margin: 10px;
  font-family: 'speak_medium', Geneva, Verdana, sans-serif;
}
.voda-overlay.after-xmas .popup-dialog b {
  display: block;
  font-size: 17px;
  font-weight: bold;
  margin: 15px -10px 0;
}
.voda-overlay p#red-promo-text {
  position: absolute;
  left: 40px;
  top: 50%;
  font-size: 30px;
  width: 350px;
  max-width: unset;
  font-weight: bold;
  letter-spacing: 0.03em;
}
.voda-overlay p#red-promo-text-small {
  right: 40px;
  position: absolute;
  font-size: 20px;
  line-height: 22px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -4px;
}
.voda-overlay p#red-promo-text-small a {
  background: transparent !important;
  color: white !important;
  font-family: 'speak_medium', Geneva, Verdana, sans-serif;
  margin: 0;
}
.voda-overlay .voda-upc-logo {
  position: absolute;
  right: 5px;
  bottom: 5px;
  background-image: url(/content/dam/www30-upc-hu/img/site3x/vodafone-upc.png);
  width: 100px;
  height: 66px;
  background-size: contain;
}
.voda-overlay img.logo-large {
  height: 88%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.voda-overlay .popup-dialog {
  padding: 30px;
  padding-bottom: 70px;
  background-image: url(/content/dam/www30-upc-hu/img/ws-simplification/voda-popup-back-2.jpg);
  background-size: 120% 150%;
  background-position-y: -50px;
  background-position-x: -50px;
}
.voda-overlay .popup-dialog h2 {
  font-size: 30px;
  line-height: 30px;
  color: white;
  font-family: 'speak_ultra_black', Geneva, Verdana, sans-serif;
  margin-bottom: 20px;
}
.voda-overlay .popup-dialog p,
.voda-overlay .popup-dialog a {
  font-family: 'speak_medium', Geneva, Verdana, sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: white;
}
.voda-overlay .popup-dialog p {
  max-width: 300px;
  margin-top: 20px;
  line-height: 27px;
}
.voda-overlay .popup-dialog a {
  background: white !important;
  display: inline-block;
  color: #239a98 !important;
  font-size: 20px;
  line-height: 28px;
  font-family: 'speak_heavy', Geneva, Verdana, sans-serif;
  padding-top: 10ppx;
  margin-top: 20px;
  width: 150px;
}
.voda-overlay .popup-dialog .close-dialog span {
  color: white;
  opacity: 0.7;
}
.voda-overlay .popup-dialog .close-dialog span:hover {
  opacity: 1;
}
.voda-overlay .popup-dialog .voda-ad {
  position: absolute;
  right: 30px;
  bottom: 20px;
  background-image: url('/content/dam/www30-upc-hu/img/upc-vodafone-cegcsoport-logo.png');
  width: 93px;
  height: 55px;
}
.voda-overlay .popup-dialog.promo-dialog {
  background-image: none;
  background-size: auto;
  background-position-y: unset;
  background-position-x: unset;
  background: #9a0000;
  background: -moz-linear-gradient(top, #9a0000 0%, #e50000 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #9a0000), color-stop(100%, #e50000));
  background: -webkit-linear-gradient(top, #9a0000 0%, #e50000 100%);
  background: -o-linear-gradient(top, #9a0000 0%, #e50000 100%);
  background: -ms-linear-gradient(top, #9a0000 0%, #e50000 100%);
  background: linear-gradient(to bottom, #9a0000 0%, #e50000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a0000', endColorstr='#e50000', GradientType=0);
  padding: 15px 20px 20px;
}
.voda-overlay .popup-dialog.promo-dialog .promo-images {
  position: relative;
  height: 155px;
  padding: 0 10px 10px;
}
.voda-overlay .popup-dialog.promo-dialog .promo-images img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.voda-overlay .popup-dialog.promo-dialog .promo-images img:nth-of-type(1) {
  width: 220px;
  margin-left: -25px;
}
.voda-overlay .popup-dialog.promo-dialog .promo-images img:nth-of-type(1) {
  width: 220px;
  margin-left: -25px;
}
.voda-overlay .popup-dialog.promo-dialog .promo-images img:nth-of-type(2) {
  width: 65px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 85px;
  top: 45px;
  -webkit-box-shadow: -25px 2px 7px -18px rgba(0, 0, 0, 0.38);
  -moz-box-shadow: -25px 2px 7px -18px rgba(0, 0, 0, 0.38);
  box-shadow: -25px 2px 7px -18px rgba(0, 0, 0, 0.38);
}
.voda-overlay .popup-dialog.promo-dialog p#voda-popup-text {
  margin: auto;
  font-size: 24px;
  width: 340px;
  max-width: unset;
  text-align: center;
}
.voda-overlay .popup-dialog.promo-dialog p#voda-popup-text span.voda-popup-bold {
  font-size: 21px;
  font-family: 'Gotham Rounded Bold';
}
.voda-overlay .popup-dialog.promo-dialog p#voda-popup-text div.small {
  color: white;
  font-size: 15px;
}
.voda-overlay .popup-dialog.promo-dialog a.gray-btn {
  width: 320px;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0px;
  box-shadow: none !important;
  transition: background .5s;
}
.voda-overlay .popup-dialog.promo-dialog a.gray-btn:hover {
  background: #eee !important;
}
.voda-overlay .popup-dialog.promo-dialog .smaller {
  margin-top: 55px;
  text-align: center;
  color: white;
  font-size: 12px;
  line-height: 17px;
  font-family: "Gotham Rounded Book", "Open Sans", sans-serif !important;
}
.voda-overlay .popup-dialog.promo-dialog .smaller a {
  font-size: 12px;
  color: white !important;
  background: transparent !important;
  /* position: unset; */
  margin: 0;
  width: auto;
  line-height: 17px;
  font-family: "Gotham Rounded Book", "Open Sans", sans-serif !important;
}
.voda-overlay.banner .popup-dialog {
  width: 750px;
  max-width: 100%;
}
.voda-overlay.banner .popup-dialog p {
  max-width: 400px;
}
.voda-overlay.banner .popup-dialog h2,
.voda-overlay.banner .popup-dialog p {
  margin-left: 30px;
}
.voda-overlay.banner .popup-dialog .voda-ad {
  background-image: none !important;
  right: 60px !important;
  bottom: 40px !important;
}
.voda-overlay.banner .popup-dialog .voda-ad .voda-ad-small {
  color: white;
  font-family: 'speak_medium', Geneva, Verdana, sans-serif;
  font-size: 15px;
}
.voda-overlay.banner .popup-dialog .voda-ad .voda-ad-large {
  font-size: 22px;
  line-height: 23px;
  color: white;
  font-family: 'speak_ultra_black', Geneva, Verdana, sans-serif;
}
.voda-overlay.banner .popup-dialog .voda-ad img.logo-small {
  width: 100px;
  margin-top: 10px;
}
button.no-offer {
  overflow: visible;
}
a.epack-link {
  color: #333;
}
a.epack-link .black-tooltip {
  position: absolute;
  top: calc(109.5%);
  display: block;
  width: 260px;
  max-width: 260px;
  padding: 15px;
  box-sizing: border-box;
  border-radius: 4px;
  background: #000000;
  z-index: 999;
  left: 50%;
  margin-left: -130px;
}
a.epack-link .black-tooltip .bt-tringle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 7.5px 7.5px;
  border-color: transparent transparent #000000 transparent;
  display: block;
  position: absolute;
  top: -7px;
  left: 50%;
  margin-left: -7.5px;
  z-index: 111;
  content: '';
}
a.epack-link .black-tooltip .tooltip-content {
  color: #ffffff;
  font-family: "VodafoneRegular", Geneva, Verdana, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
}
a.epack-link .black-tooltip .tooltip-content a,
a.epack-link .black-tooltip .tooltip-content a:focus,
a.epack-link .black-tooltip .tooltip-content a:active {
  color: #ffffff;
  font-family: "VodafoneRegular", Geneva, Verdana, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  border: 0px solid transparent;
}
a.epack-link .black-tooltip .tooltip-content a:hover {
  color: #e60000;
  font-family: "VodafoneRegular", Geneva, Verdana, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  border: 0px solid transparent;
  text-decoration: none;
}
.dynamic-snippets-container a.epack-link {
  color: white;
}
.service-finder-large .cart-validation-message a {
  padding: 0px !important;
  margin: 0px !important;
  text-align: unset !important;
  min-width: unset !important;
  width: unset !important;
  font-size: 14px !important;
}
@media screen and (max-width: 500px) {
  .voda-overlay .popup-dialog {
    background-position-x: -20px;
  }
}
@media screen and (max-width: 400px) {
  .voda-overlay.banner .popup-dialog p,
  .voda-overlay.banner .popup-dialog h2 {
    margin-left: 0;
  }
  .voda-overlay.banner .popup-dialog .voda-ad {
    right: 10px !important;
  }
  .voda-overlay p#voda-popup-text {
    width: 260px;
  }
}
@media screen and (max-width: 680px) {
  .voda-overlay.xmas .popup-dialog {
    background-size: cover;
  }
}
@media screen and (max-width: 580px) {
  .voda-overlay.banner .popup-dialog p {
    max-width: 300px;
  }
  .voda-overlay.xmas .popup-dialog .voda-upc-logo {
    width: 70px;
    height: 50px;
  }
  .voda-overlay.xmas .popup-dialog a {
    top: 219px;
  }
}
@media screen and (max-width: 380px) {
  .voda-overlay.xmas .popup-dialog #voda-xmas-text {
    font-size: 17px;
  }
  .voda-overlay.xmas .popup-dialog a {
    padding: 6px;
  }
}
@media screen and (max-width: 700px) {
  .voda-overlay.after-xmas .popup-dialog .voda-ad {
    right: 50px;
  }
  .voda-overlay.after-xmas .popup-dialog p#red-promo-text-small {
    right: 20px;
    font-size: 18px;
    line-height: 22px;
  }
  .voda-overlay.after-xmas .popup-dialog .price-badge {
    margin: -10px;
  }
}
@media screen and (max-width: 615px) {
  .voda-overlay.after-xmas .popup-dialog p#red-promo-text {
    left: 20px;
    font-size: 20px;
  }
  .voda-overlay.after-xmas .popup-dialog img.logo-large {
    margin-left: -65px;
  }
  .voda-overlay.after-xmas .popup-dialog p#red-promo-text {
    font-size: 24px;
  }
}
@media screen and (max-width: 570px) {
  .voda-overlay.banner .popup-dialog p,
  .voda-overlay.banner .popup-dialog h2 {
    max-width: 300px;
  }
}
@media screen and (max-width: 500px) {
  .voda-overlay.after-xmas .popup-dialog p#red-promo-text-small {
    right: auto;
    left: 20px;
    top: auto;
    bottom: -20px;
    margin-top: 0;
    font-size: 16px;
    line-height: 18px;
  }
  .voda-overlay.after-xmas .popup-dialog p#red-promo-text {
    font-size: 20px;
    left: 20px;
    margin-top: -30px;
  }
  .voda-overlay.after-xmas .popup-dialog img.logo-large {
    height: 70%;
    margin-left: 0px;
    margin-top: -40px;
    margin-left: 16px;
  }
  .voda-overlay.after-xmas .popup-dialog .voda-ad {
    right: 10px;
    bottom: 40px;
  }
}
.custservice-overlay .popup-content {
  text-align: center;
}
.custservice-overlay .popup-content p {
  text-align: left;
}
.custservice-overlay .popup-content a.upc_button {
  display: inline-block;
  margin-top: 20px;
  margin-bottom: -20px;
}
.cs_dynamic_content_im_3p_,
.cs_dynamic_content_im_2p_,
.cs_dynamic_content_im_1pnet_,
.cs_dynamic_content_im_1ptv_,
.cs_dynamic_content_im_none_ {
  display: none;
}
.tv-switcher-wrapper {
  width: 100%;
  margin-bottom: 30px;
  display: inline-block;
}
.tv-switcher-wrapper .tv-switcher-title-block {
  width: 100%;
  float: left;
}
.tv-switcher-wrapper .tv-switcher-title-block .tv-switcher-title {
  float: left;
  width: 50%;
  text-align: left;
}
.tv-switcher-wrapper .tv-switcher-title-block .tv-switcher-title p {
  font-family: VodafoneLight;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #333333;
}
.tv-switcher-wrapper .tv-switcher-title-block .tv-switcher-csatkio {
  float: left;
  width: 50%;
  text-align: right;
}
.tv-switcher-wrapper .tv-switcher-title-block .tv-switcher-csatkio a,
.tv-switcher-wrapper .tv-switcher-title-block .tv-switcher-csatkio a:hover,
.tv-switcher-wrapper .tv-switcher-title-block .tv-switcher-csatkio a:focus,
.tv-switcher-wrapper .tv-switcher-title-block .tv-switcher-csatkio a:active {
  font-family: Vodafone-Regular;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-align: right;
  text-decoration: underline;
  color: #007C92;
}
.tv-switcher-wrapper .tv-switcher-buttons-block {
  width: 400px;
  margin: 0 auto;
  text-align: center;
}
.tv-switcher-wrapper .tv-switcher-buttons-block .button {
  display: block;
  float: left;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  padding: 16px 0px;
  width: 50%;
  background: #FFFFFF;
  border: 1px solid #999999;
  color: #666666;
  font-family: vodafoneLight;
}
.tv-switcher-wrapper .tv-switcher-buttons-block .button:hover {
  background-color: #f4f4f4;
  border-color: #222;
  color: #333;
}
.tv-switcher-wrapper .tv-switcher-buttons-block .button.active {
  color: #fff;
  background-color: #e60000;
  border: 1px solid #e60000;
}
.tv-switcher-wrapper .tv-switcher-buttons-block .button.active:hover {
  background-color: #900;
}
@media only screen and (min-width: 992px) {
  .tv-switcher-wrapper {
    margin: 0 auto;
    width: 100%;
    margin-bottom: 30px;
    max-width: 580px;
    display: table;
  }
  .tv-switcher-wrapper .tv-switcher-title-block {
    margin-bottom: 5px;
  }
  .tv-switcher-wrapper .tv-switcher-buttons-block {
    width: 580px;
  }
}
@media only screen and (max-width: 640px) {
  .tv-switcher-wrapper {
    margin-bottom: 10px;
  }
  .tv-switcher-wrapper .tv-switcher-buttons-block {
    width: 100%;
  }
  .tv-switcher-wrapper .tv-switcher-buttons-block .button {
    display: block;
    float: left;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    padding: 16px 0px;
    width: 50%;
    font-family: vodafoneLight;
  }
  .tv-switcher-wrapper .tv-switcher-buttons-block .button:hover {
    background: #FFFFFF;
    border: 1px solid #999999;
    color: #666666;
  }
  .tv-switcher-wrapper .tv-switcher-buttons-block .button.active {
    color: #fff;
    background-color: #e60000;
    border: 1px solid #e60000;
  }
  .tv-switcher-wrapper .tv-switcher-buttons-block .button.active:hover {
    background-color: #e60000;
  }
}
.dtv-box-popup-wrapper {
  display: none;
}
.dtv-box-popup-wrapper .button:not(.vodafone_white_tertiary) {
  border: 1px solid transparent;
}
.dtv-box-popup-wrapper .button {
  font-family: vodafoneRegular;
  cursor: pointer;
  display: block;
  font-size: 20px;
  text-align: center;
  min-width: 190px;
  line-height: 23px;
}
.dtv-box-popup-wrapper .button.button--primary {
  padding: 11px 37px;
  color: #fff;
  background-color: #e60000;
}
.dtv-box-popup-wrapper .button.button--primary:hover {
  background-color: #900;
}
.dtv-box-popup-wrapper .button.button--secondary {
  padding: 11px 37px;
  color: #fff;
  background-color: #4A4E4D;
}
.dtv-box-popup-wrapper .button.button--secondary:hover {
  background-color: #454746;
}
.dtv-box-popup-wrapper .dtv-box-popup-bg {
  background: rgba(67, 68, 68, 0.7);
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 800;
  display: none;
}
.dtv-box-popup-wrapper .dtv-box-popup-bg.active {
  display: block;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper {
  position: fixed;
  width: calc(100% - 30px);
  background: white;
  max-height: calc(100% - 30px);
  z-index: 802;
  display: block;
  top: 30px;
  left: 50%;
  transform: translate(-50%, 0%);
  overflow: auto;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper {
  width: 100%;
  display: block;
  height: auto;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-popup-stepper-wrapper {
  margin-top: 30px;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-popup-stepper-wrapper .dtv-box-popup-steps .dtv-box-popup-step {
  width: 50%;
  float: left;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-popup-stepper-wrapper .dtv-box-popup-steps .dtv-box-popup-step:nth-of-type(1) .dtv-box-step-icon-wrapper:after {
  content: ' ';
  width: calc(50% - 9px);
  position: absolute;
  top: 50%;
  display: block;
  left: calc(75% + 4px);
  transform: translate(-50%, 0%);
  border-bottom: 2px solid #999999;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-popup-stepper-wrapper .dtv-box-popup-steps .dtv-box-popup-step:nth-of-type(2) .dtv-box-step-icon-wrapper:after {
  content: ' ';
  width: calc(50% - 9px);
  position: absolute;
  top: 50%;
  display: block;
  right: calc(25% + 13px);
  transform: translate(-50%, 0%);
  border-bottom: 2px solid #999999;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-popup-stepper-wrapper .dtv-box-popup-steps .dtv-box-popup-step .dtv-box-step-text p {
  text-align: center;
  font-family: VodafoneRegular;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #666666;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-popup-stepper-wrapper .dtv-box-popup-steps .dtv-box-popup-step.active:nth-of-type(1) .dtv-box-step-icon-wrapper:after {
  width: calc(50% - 11px);
  left: calc(75% + 6px);
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-popup-stepper-wrapper .dtv-box-popup-steps .dtv-box-popup-step.active:nth-of-type(2) .dtv-box-step-icon-wrapper:after {
  width: calc(50% - 12px);
  right: calc(25% + 19px);
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-popup-stepper-wrapper .dtv-box-popup-steps .dtv-box-popup-step.active .dtv-box-step-text p {
  font-weight: bold;
  line-height: 24px;
  color: #333333;
  text-align: center;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-popup-stepper-wrapper .dtv-box-popup-steps .dtv-box-popup-step .dtv-box-step-icon-wrapper {
  width: 100%;
  height: 24px;
  float: left;
  position: relative;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-popup-stepper-wrapper .dtv-box-popup-steps .dtv-box-popup-step .dtv-box-step-icon-wrapper .dtv-box-step-icon {
  width: 18px;
  height: 18px;
  margin: 0 auto;
  margin-top: 3px;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-popup-stepper-wrapper .dtv-box-popup-steps .dtv-box-popup-step .dtv-box-step-icon-wrapper .dtv-box-step-icon:before {
  width: 18px;
  height: 18px;
  background-color: #999999;
  border-radius: 100%;
  content: " ";
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-popup-stepper-wrapper .dtv-box-popup-steps .dtv-box-popup-step .dtv-box-step-icon-wrapper .dtv-box-step-icon.active {
  border: 1px solid #E60000;
  width: 24px !important;
  height: 24px !important;
  border-radius: 100%;
  margin-top: 0px !important;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-popup-stepper-wrapper .dtv-box-popup-steps .dtv-box-popup-step .dtv-box-step-icon-wrapper .dtv-box-step-icon.active:before {
  background-color: #E60000;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-popup-stepper-wrapper .dtv-box-popup-steps.red .dtv-box-popup-step {
  cursor: pointer;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-popup-stepper-wrapper .dtv-box-popup-steps.red .dtv-box-popup-step .dtv-box-step-icon-wrapper:after {
  border-bottom: 2px solid #E60000;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-popup-stepper-wrapper .dtv-box-popup-steps.red .dtv-box-popup-step .dtv-box-step-icon-wrapper .dtv-box-step-icon {
  width: 18px;
  height: 18px;
  margin: 0 auto;
  margin-top: 3px;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-popup-stepper-wrapper .dtv-box-popup-steps.red .dtv-box-popup-step .dtv-box-step-icon-wrapper .dtv-box-step-icon:before {
  background-color: #E60000;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-popup-stepper-wrapper .dtv-box-popup-steps.red .dtv-box-popup-step .dtv-box-step-text p {
  text-align: center;
  color: #333333 !important;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base {
  float: left;
  width: 100%;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtvbox-build {
  display: none;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtvbasebox-build {
  display: block;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-main-content-wrapper .dtv-box-main-actual-snippet-wrapper .dynamic_price {
  display: none !important;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-main-content-action-wrapper {
  float: left;
  width: 100%;
  margin-top: 0px;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-main-content-action-wrapper .button {
  margin: 0 auto;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-accordion-wrapper {
  border-top: 1px solid #EBEBEB;
  display: block;
  float: left;
  width: 100%;
  margin-top: 30px;
  padding-top: 20px;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-accordion-wrapper .dtv-box-collapsible-top {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 20px;
  cursor: pointer;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-accordion-wrapper .dtv-box-collapsible-top .dtv-box-collapsible-top-title {
  width: calc(100% - 46px);
  display: block;
  float: left;
  padding-left: 20px;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-accordion-wrapper .dtv-box-collapsible-top .dtv-box-collapsible-top-title p {
  font-family: VodafoneRegular;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 40px;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-accordion-wrapper .dtv-box-collapsible-top .dtv-box-collapsible-top-action {
  width: 26px;
  margin-right: 20px;
  display: block;
  float: left;
  height: 46px;
  position: relative;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-accordion-wrapper .dtv-box-collapsible-top .dtv-box-collapsible-top-action svg {
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-accordion-wrapper .dtv-box-collapsible-top .dtv-box-collapsible-top-action.open {
  transform: rotate(180deg);
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-accordion-wrapper .dtv-box-collapsible-content {
  display: none !important;
  float: left;
  width: 100%;
  height: 0px;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-accordion-wrapper .dtv-box-collapsible-content.open {
  display: block !important;
  height: auto;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-collapsible-top-destop {
  display: none;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-second {
  display: none;
  float: left;
  width: 100%;
  margin-top: 20px;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-second .dtvbox-build {
  display: block;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-second .dtvbasebox-build {
  display: none;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-second .dtv-box-second-main-content-wrapper {
  float: left;
  width: 100%;
  margin-top: 10px;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-second .dtv-box-second-main-content-wrapper p {
  font-family: vodafoneRegular;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  align-items: center;
  text-align: center;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-second .dtv-box-second-main-content-action-wrapper {
  float: left;
  width: 100%;
  margin-top: 30px;
  margin-button: 30px;
  border-button: 1px solid #EBEBEB;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-second .dtv-box-second-main-content-action-wrapper .button {
  margin: 0 auto;
  max-width: calc(100% - 40px);
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-second .dtv-box-second-another-main-content-wrapper {
  border-top: 1px solid #EBEBEB;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-second .dtv-box-second-another-main-content-wrapper .button {
  margin: 0 auto;
  max-width: calc(100% - 40px);
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-second .dtv-box-second-another-main-content-wrapper .button .lgi_btn_3 {
  color: #fff !important;
  background-color: #666 !important;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-second .dtv-box-second-another-main-content-wrapper .button .lgi_btn_3:hover {
  background-color: #333 !important;
  color: #fff !important;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper {
  display: none;
  float: left;
  width: 100%;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper .thanks-icon {
  margin-top: 30px;
  display: block;
  float: left;
  width: 100%;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper .thanks-icon svg {
  margin: 0 auto;
  display: block;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper .thanks-message {
  float: left;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: block;
  margin-top: 20px;
  padding: 0px 30px;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper .thanks-message p {
  font-family: vodafoneRegular;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  align-items: center;
  text-align: center;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper .thanks-go-to-extra-wrapper {
  margin-top: 40px;
  padding-bottom: 40px;
  display: block;
  float: left;
  width: 100%;
  border-bottom: 1px solid #EBEBEB;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper .thanks-go-to-extra-wrapper .button {
  margin: 0 auto;
  text-align: center;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper .thanks-go-to-cart-wrapper {
  display: block;
  float: left;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
}
.dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper .thanks-go-to-cart-wrapper .button {
  margin: 0 auto;
  text-align: center;
}
.mobileView .button .setting-dtv-box {
  height: 45px;
  display: block;
  width: 100%;
  font-family: vodafoneLight;
  font-size: 20px;
  padding: 0 40px 0 !important;
  min-height: 50px;
  line-height: 2.5;
  max-width: 100%;
  background-color: #666;
  color: #fff;
  margin-top: 10px;
}
.mobileView .button .setting-dtv-box:hover {
  background-color: #333;
  color: #fff;
}
.tabsView .button .setting-dtv-box {
  display: block;
  width: 100%;
  font-family: vodafoneLight;
  font-size: 20px;
  min-height: 50px;
  line-height: 1.5;
  max-width: 100%;
  background-color: #666;
  color: #fff;
  margin-top: 10px;
  text-align: center;
}
.tabsView .button .setting-dtv-box:hover {
  background-color: #333;
  color: #fff;
}
.button .setting-dtv-box.vodafone_white_tertiary {
  margin-top: 15px;
  font-family: vodafoneLight;
  font-size: 18px !important;
}
@media only screen and (min-width: 992px) {
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper {
    max-width: 1200px;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-popup-stepper-wrapper {
    width: 50%;
    margin: 0 auto;
    margin-top: 30px;
  }
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-main-content-block {
    float: left;
    width: 33%;
    display: block;
  }
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-main-content-block .dtv-box-main-content-wrapper .dtv-box-main-actual-snippet-wrapper .dynamic_price {
    display: none;
  }
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-main-content-block .dtv-box-main-content-action-wrapper {
    float: left;
    width: 100%;
    margin-top: 0px;
  }
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-main-content-block .dtv-box-main-content-action-wrapper .button {
    margin: 0 auto;
    min-width: unset;
  }
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-accordion-wrapper {
    float: left;
    width: 67%;
    display: block;
    padding: 0px;
    margin: 0px;
    border: 0px;
  }
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-accordion-wrapper .dtv-box-collapsible-top {
    display: none;
    float: left;
    width: 100%;
    margin-bottom: 0px;
  }
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-accordion-wrapper .dtv-box-collapsible-content.open {
    display: flex !important;
  }
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-accordion-wrapper .dtv-box-collapsible-content.open .parbase.section.grouping {
    width: 50%;
    float: left;
  }
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-collapsible-top-destop {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #EBEBEB;
    margin-top: 20px;
    padding-top: 20px;
  }
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-collapsible-top-destop .dtv-box-collapsible-top-title {
    width: calc(100% - 46px);
    display: block;
    float: left;
    padding-left: 20px;
    cursor: pointer;
  }
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-collapsible-top-destop .dtv-box-collapsible-top-title p {
    font-family: VodafoneRegular;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 40px;
    color: #333333;
  }
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-collapsible-top-destop .dtv-box-collapsible-top-action {
    width: 26px;
    margin-right: 20px;
    display: block;
    float: left;
    height: 46px;
    position: relative;
    cursor: pointer;
  }
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-collapsible-top-destop .dtv-box-collapsible-top-action svg {
    display: block;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-collapsible-top-destop .dtv-box-collapsible-top-action.open {
    transform: rotate(90deg);
    padding-top: 20px;
  }
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-second .dtv-box-second-another-main-content-wrapper {
    border-top: 1px solid #EBEBEB;
    margin-top: 20px;
    padding-top: 20px;
    display: flex !important;
    float: left;
    width: 100%;
  }
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-second .dtv-box-second-another-main-content-wrapper .parbase.section.grouping {
    width: 33%;
    float: left;
  }
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper {
    display: none;
    float: left;
    width: 100%;
  }
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper .thanks-icon {
    margin-top: 30px;
    display: block;
    float: left;
    width: 100%;
  }
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper .thanks-icon svg {
    margin: 0 auto;
    display: block;
  }
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper .thanks-message {
    float: left;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    margin-top: 20px;
    padding: 0px 80px;
  }
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper .thanks-message p {
    font-family: vodafoneRegular;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    align-items: center;
    text-align: center;
  }
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper .thanks-go-to-extra-wrapper {
    margin-top: 40px;
    padding-bottom: 40px;
    display: block;
    float: left;
    width: 100%;
    border-bottom: 1px solid #EBEBEB;
  }
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper .thanks-go-to-extra-wrapper .button {
    margin: 0 auto;
    text-align: center;
  }
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper .thanks-go-to-cart-wrapper {
    display: block;
    float: left;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .dtv-box-popup-wrapper.open .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper .thanks-go-to-cart-wrapper .button {
    margin: 0 auto;
    text-align: center;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper {
    position: fixed;
    width: 520px;
    background: white;
    z-index: 802;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: auto;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-main-content-wrapper .dtv-box-main-actual-snippet-wrapper .dynamic_price {
    display: none;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-main-content-action-wrapper {
    float: left;
    width: 100%;
    margin-top: 0px;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-main-content-action-wrapper .button {
    margin: 0 auto;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-accordion-wrapper {
    border-top: 1px solid #EBEBEB;
    display: block;
    float: left;
    width: 100%;
    margin-top: 30px;
    padding-top: 20px;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-accordion-wrapper .dtv-box-collapsible-top {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 20px;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-accordion-wrapper .dtv-box-collapsible-top .dtv-box-collapsible-top-title {
    width: calc(100% - 46px);
    display: block;
    float: left;
    padding-left: 20px;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-accordion-wrapper .dtv-box-collapsible-top .dtv-box-collapsible-top-title p {
    font-family: VodafoneRegular;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 40px;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-accordion-wrapper .dtv-box-collapsible-top .dtv-box-collapsible-top-action {
    width: 26px;
    margin-right: 20px;
    display: block;
    float: left;
    height: 46px;
    position: relative;
    transform: rotate(-90deg);
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-accordion-wrapper .dtv-box-collapsible-top .dtv-box-collapsible-top-action svg {
    display: block;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-accordion-wrapper .dtv-box-collapsible-top .dtv-box-collapsible-top-action.open {
    transform: rotate(180deg);
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-accordion-wrapper .dtv-box-collapsible-content {
    display: none !important;
    float: left;
    width: 100%;
    height: 0px;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-base .dtv-box-accordion-wrapper .dtv-box-collapsible-content.open {
    display: block !important;
    height: auto;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-second {
    display: none;
    float: left;
    width: 100%;
    margin-top: 20px;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-second .dtvbox-build {
    display: block;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-second .dtvbasebox-build {
    display: none;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-second .dtv-box-second-main-content-wrapper {
    float: left;
    width: 100%;
    margin-top: 10px;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-second .dtv-box-second-main-content-wrapper p {
    font-family: vodafoneRegular;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    align-items: center;
    text-align: center;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-second .dtv-box-second-main-content-action-wrapper {
    float: left;
    width: 100%;
    margin-top: 30px;
    margin-button: 30px;
    border-button: 1px solid #EBEBEB;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-second .dtv-box-second-main-content-action-wrapper .button {
    margin: 0 auto;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .dtv-box-second .dtv-box-second-another-main-content-wrapper {
    border-top: 1px solid #EBEBEB;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper {
    display: none;
    float: left;
    width: 100%;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper .thanks-icon {
    margin-top: 30px;
    display: block;
    float: left;
    width: 100%;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper .thanks-icon svg {
    margin: 0 auto;
    display: block;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper .thanks-message {
    float: left;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    margin-top: 20px;
    padding: 0px 80px;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper .thanks-message p {
    font-family: vodafoneRegular;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    align-items: center;
    text-align: center;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper .thanks-go-to-extra-wrapper {
    margin-top: 40px;
    padding-bottom: 40px;
    display: block;
    float: left;
    width: 100%;
    border-bottom: 1px solid #EBEBEB;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper .thanks-go-to-extra-wrapper .button {
    margin: 0 auto;
    text-align: center;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper .thanks-go-to-cart-wrapper {
    display: block;
    float: left;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .dtv-box-popup-wrapper .dtv-box-popup-frame-wrapper .dtv-box-popup-content-wrapper .thanks-wrapper .thanks-go-to-cart-wrapper .button {
    margin: 0 auto;
    text-align: center;
  }
  .dtv-box-popup-wrapper.thank .dtv-box-popup-frame-wrapper {
    width: 520px !important;
    max-width: 520px;
  }
  .dtv-set-sibling {
    width: 220px;
  }
  .button .setting-dtv-box {
    height: 45px;
    display: block;
    font-family: vodafoneLight;
    font-size: 18px;
    padding: 0 26px 0 !important;
    min-height: 50px;
    line-height: 2.5;
    background-color: #666;
    color: #fff;
    margin-top: 10px;
  }
  .button .setting-dtv-box:hover {
    background-color: #333;
    color: #fff;
  }
}
@media only screen and (max-width: 1023px) {
  .dtv-set-sibling {
    width: 100%;
  }
}
.product-elements-wrapper {
  display: block;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
  opacity: 0;
}
.product-elements-wrapper.owl-loaded {
  opacity: 1;
}
.product-elements-wrapper .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  margin: 0 auto;
}
.product-elements-wrapper .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.product-elements-wrapper .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.product-elements-wrapper .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.product-elements-wrapper .owl-item {
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  position: relative;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  padding: 0px 15px 0px 5px;
}
.product-elements-wrapper .owl-nav.disabled {
  display: none;
}
.product-elements-wrapper .owl-dots {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}
.product-elements-wrapper .owl-dots.disabled {
  display: none;
}
.product-elements-wrapper .owl-nav .owl-prev {
  left: -25px;
  background-color: #4A4D4E;
  border-color: #333;
  color: #fff;
  -webkit-animation: btnWiggleRight 2.5s infinite;
  animation: btnWiggleRight 2.5s infinite;
  border-radius: 50%;
  box-shadow: 0 1px 3px 0 #AFAFAF;
  height: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  width: 50px;
  z-index: 1000;
  pointer-events: auto;
}
.product-elements-wrapper .owl-nav .owl-prev.disabled {
  display: none;
}
.product-elements-wrapper .owl-nav .owl-next {
  right: -25px;
  background-color: #4A4D4E;
  border-color: #333;
  color: #fff;
  -webkit-animation: btnWiggleRight 2.5s infinite;
  animation: btnWiggleRight 2.5s infinite;
  border-radius: 50%;
  box-shadow: 0 1px 3px 0 #AFAFAF;
  height: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  width: 50px;
  z-index: 1000;
  pointer-events: auto;
}
.product-elements-wrapper .owl-nav .owl-next.disabled {
  display: none;
}
.product-elements-wrapper .owl-nav .icon {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  fill: none;
  stroke: currentColor;
  stroke-width: .4em;
  vertical-align: middle;
  height: 28px;
}
.product-elements-wrapper .owl-nav .icon svg {
  fill: none;
  stroke: currentColor;
  max-height: 100%;
  max-width: 100%;
}
.product-elements-wrapper .owl-dot {
  display: inline-block;
  zoom: 1;
}
.product-elements-wrapper .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 10px;
  background: #999;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.product-elements-wrapper .owl-dot.active span {
  background: transparent;
  position: relative;
}
.product-elements-wrapper .owl-dot.active span:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 3px solid #333;
  width: 13px;
  height: 13px;
  left: -1px;
  top: -2px;
}
.product-elements-wrapper .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.product-elements-wrapper .owl-animated-in {
  z-index: 0;
}
.product-elements-wrapper .owl-animated-out {
  z-index: 1;
}
.product-elements-wrapper .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.product-elements-wrapper .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}
.product-elements-wrapper .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
.product-elements-wrapper .owl-video-playing .owl-video-tn {
  display: none;
}
.product-elements-wrapper .owl-video-playing .owl-video-play-icon {
  display: none;
}
.product-elements-wrapper .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}
.product-elements-wrapper .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.no-js .owl-carousel {
  display: block;
}
.owl-height {
  transition: height 500ms ease-in-out;
}
@-webkit-keyframes btnWiggleRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  2% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
  }
  6% {
    -webkit-transform: translateX(9px);
    transform: translateX(9px);
  }
  12% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  13% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes btnWiggleRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  2% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
  }
  6% {
    -webkit-transform: translateX(9px);
    transform: translateX(9px);
  }
  12% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  13% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@media (max-width: 640px) {
  .product-elements-wrapper {
    opacity: 1;
  }
  .product-elements-wrapper .product-element-wrapper {
    padding-bottom: 25px;
    margin-top: 5px;
  }
}
.fmc-cross-sell-banner {
  padding-top: 50px;
}
.red-free-banner-wrapper {
  width: 100%;
}
.red-free-banner-wrapper.bg.sales {
  background: url('https://www.upc.hu/content/dam/www30-upc-hu/img/fmc-banner/fmcbanner-desktop.png');
  background-size: cover !important;
}
.red-free-banner-wrapper.bg.myupc {
  background: url('https://www.upc.hu/content/dam/www30-upc-hu/img/fmc-banner/fmcbanner-desktop.png');
  background-size: cover !important;
  background-position: center center;
}
.red-free-banner-wrapper.bg.myupc .banner-content-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 0px;
  flex-wrap: wrap;
  margin: 0 auto;
}
.red-free-banner-wrapper.sales .banner-content-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px 5px;
  flex-flow: column;
}
.red-free-banner-wrapper.sales .banner-content-wrapper .icons {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.red-free-banner-wrapper.sales .banner-content-wrapper .home-icon {
  float: left;
  width: 69px;
  height: 69px;
  margin-right: 15px;
}
.red-free-banner-wrapper.sales .banner-content-wrapper .home-icon .home-icon-text {
  display: none;
}
.red-free-banner-wrapper.sales .banner-content-wrapper .plus-icon {
  float: left;
  margin-right: 15px;
}
.red-free-banner-wrapper.sales .banner-content-wrapper .mobile-icon {
  float: left;
  width: 69px;
  height: 69px;
}
.red-free-banner-wrapper.sales .banner-content-wrapper .mobile-icon .mobile-icon-text {
  display: none;
}
.red-free-banner-wrapper.sales .banner-content-wrapper .text-sale p.line-1 {
  font-family: VodafoneLight;
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 30px;
  color: white;
}
.red-free-banner-wrapper.sales .banner-content-wrapper .text-sale p.line-1 .bold {
  font-family: VodafoneRegular;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 30px;
}
.red-free-banner-wrapper.sales .banner-content-wrapper .text-sale p.line-2 {
  font-family: VodafoneLight;
  font-style: normal;
  font-weight: normal;
  font-size: 19px;
  line-height: 20px;
  color: white;
}
.red-free-banner-wrapper.sales .banner-content-wrapper .text-sale p.line-2 .bold {
  font-family: VodafoneRegular;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 20px;
}
.red-free-banner-wrapper.sales .banner-content-wrapper .text-sale p {
  margin-right: 20px;
}
.red-free-banner-wrapper.sales .banner-content-wrapper .text-sale .text-myupc {
  display: none;
}
.red-free-banner-wrapper.sales .banner-content-wrapper .text-sale .button-wrapper .vodafone_white_tertiary {
  display: none;
}
.red-free-banner-wrapper.sales .banner-content-wrapper .text-sale .button-wrapper .vodafone_white_secondary {
  color: #fff;
  background-color: #666;
  font-size: 20px;
  padding: 0 40px 0 !important;
  height: auto;
  min-height: 50px;
  line-height: 2.5;
  display: block;
  max-width: 100%;
  border: 3px solid transparent;
}
.red-free-banner-wrapper.sales .banner-content-wrapper .text-sale .button-wrapper .vodafone_white_secondary:hover {
  background-color: #333;
  color: #fff;
  text-decoration: none;
  border: 3px solid transparent;
}
.red-free-banner-wrapper.sales .banner-content-wrapper .text-sale .button-wrapper .vodafone_white_secondary:focus {
  background-color: #333;
  color: #fff;
  border: 3px solid #007c92;
}
.red-free-banner-wrapper.myupc .banner-content-wrapper .icons {
  display: inline-flex;
  align-items: center;
  margin-right: 0px;
  width: 30%;
  flex: 1 30%;
  justify-content: center;
  margin: 20px;
}
.red-free-banner-wrapper.myupc .banner-content-wrapper .icons .home-icon {
  float: left;
  max-width: 66px;
  max-height: 66px;
  margin-right: 10px;
}
.red-free-banner-wrapper.myupc .banner-content-wrapper .icons .home-icon .home-icon-text {
  margin-top: 10px;
  font-family: VodafoneLight;
  display: block;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: white;
  text-align: center;
}
.red-free-banner-wrapper.myupc .banner-content-wrapper .icons .plus-icon {
  float: left;
  margin: 20px 5px 0 18px;
  max-width: 23px;
  max-height: 33px;
}
.red-free-banner-wrapper.myupc .banner-content-wrapper .icons .result-icon {
  float: left;
  max-width: 66px;
  max-height: 66px;
  margin-left: 10px;
}
.red-free-banner-wrapper.myupc .banner-content-wrapper .icons .mobile-icon {
  float: left;
  max-width: 66px;
  height: 66px;
}
.red-free-banner-wrapper.myupc .banner-content-wrapper .icons .mobile-icon .mobile-icon-text {
  margin-top: 10px;
  font-family: VodafoneLight;
  display: block;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: white;
  text-align: center;
}
.red-free-banner-wrapper.myupc .banner-content-wrapper .icons .equal-icon {
  float: left;
  max-width: 23px;
  max-height: 33px;
  margin: 20px 5px 0 10px;
}
.red-free-banner-wrapper.myupc .text-myupc {
  width: 30%;
  flex: 1 30%;
  justify-content: left;
  margin-right: 0px;
  text-align: center;
  display: inline-flex;
}
.red-free-banner-wrapper.myupc .text-myupc p.line-1 {
  font-family: VodafoneRegular;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 30px;
  color: white;
  margin: 0px;
  text-align: left;
}
.red-free-banner-wrapper.myupc .text-myupc p.line-1 .bold {
  font-style: normal;
  font-weight: bold;
  font-size: 25px;
  line-height: 30px;
}
.red-free-banner-wrapper.myupc .text-myupc p.line-2 {
  font-family: VodafoneLight;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 20px;
  color: white;
}
.red-free-banner-wrapper.myupc .text-myupc p.line-2 .bold {
  font-family: VodafoneRegular;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 20px;
}
.red-free-banner-wrapper.myupc .text-sale {
  display: none;
}
.red-free-banner-wrapper.myupc .button-wrapper {
  flex: inherit;
  justify-content: center;
  margin: 25px 0px;
  width: 20%;
  flex: 1 20%;
  display: inline-flex;
  max-width: 139px;
}
.red-free-banner-wrapper.myupc .button-wrapper .vodafone_white_secondary {
  display: none;
}
.red-free-banner-wrapper.myupc .button-wrapper .vodafone_white_tertiary {
  color: #666;
  background-color: #fff;
  font-size: 20px;
  border: 1px solid #999;
  padding: 0 40px 0 !important;
  height: auto;
  min-height: 54px;
  line-height: 2.5;
  display: block;
  max-width: 139px;
  margin: 20px 40px 20px 0;
  text-align: center;
  border-radius: 6px;
  text-decoration: none;
}
.red-free-banner-wrapper.myupc .button-wrapper .vodafone_white_tertiary:hover {
  color: #333;
  background-color: #f4f4f4;
  border: 1px solid #333;
  text-decoration: none;
}
.red-free-banner-wrapper.myupc .button-wrapper .vodafone_white_tertiary:focus {
  color: #333;
  background-color: #f4f4f4;
  border: 3px solid #007c92;
  text-decoration: none;
}
.red-free-banner-wrapper.myupc .button-wrapper .vodafone_white_tertiary:disabled {
  background-color: #ccc;
  color: #fff;
  text-decoration: none;
}
.go-talk-banner-wrapper {
  width: 100%;
}
.go-talk-banner-wrapper.bg.sales {
  background: url('https://www.upc.hu/content/dam/www30-upc-hu/img/fmc-banner/fmc-sales_go_lg.jpg');
  background-size: cover !important;
}
.go-talk-banner-wrapper.bg.myupc {
  background: url('https://www.upc.hu/content/dam/www30-upc-hu/img/fmc-banner/fmc_myupc_go_talk.jpg');
  background-size: 110% !important;
}
.go-talk-banner-wrapper.sales .banner-content-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px 10px;
}
.go-talk-banner-wrapper.sales .banner-content-wrapper .icons {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.go-talk-banner-wrapper.sales .banner-content-wrapper .icons .home-icon {
  float: left;
  width: 69px;
  height: 69px;
  margin-right: 15px;
}
.go-talk-banner-wrapper.sales .banner-content-wrapper .icons .home-icon-text {
  display: none;
}
.go-talk-banner-wrapper.sales .banner-content-wrapper .icons .plus-icon {
  float: left;
  margin-right: 15px;
}
.go-talk-banner-wrapper.sales .banner-content-wrapper .icons .mobile-icon {
  float: left;
  width: 69px;
  height: 69px;
}
.go-talk-banner-wrapper.sales .banner-content-wrapper .icons .mobile-icon .mobile-icon-text {
  display: none;
}
.go-talk-banner-wrapper.sales .banner-content-wrapper .text-sale {
  margin-right: 20px;
}
.go-talk-banner-wrapper.sales .banner-content-wrapper .text-sale p.line-1 {
  font-family: VodafoneLight;
  font-style: normal;
  font-weight: normal;
  font-size: 26px;
  line-height: 30px;
  color: white;
}
.go-talk-banner-wrapper.sales .banner-content-wrapper .text-sale p.line-1 .bold {
  font-family: VodafoneRegular;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 30px;
}
.go-talk-banner-wrapper.sales .banner-content-wrapper .text-sale p.line-2 {
  font-family: VodafoneLight;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 20px;
  color: white;
}
.go-talk-banner-wrapper.sales .banner-content-wrapper .text-sale p.line-2.bold {
  font-family: VodafoneRegular;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 20px;
}
.go-talk-banner-wrapper.sales .banner-content-wrapper .text-myupc {
  display: none;
}
.go-talk-banner-wrapper.sales .banner-content-wrapper .button-wrapper .vodafone_white_tertiary {
  display: none;
}
.go-talk-banner-wrapper.sales .banner-content-wrapper .button-wrapper .vodafone_white_secondary {
  color: #fff;
  background-color: #666;
  font-size: 20px;
  padding: 0 40px 0 !important;
  height: auto;
  min-height: 50px;
  line-height: 2.5;
  display: block;
  max-width: 100%;
  border: 3px solid transparent;
}
.go-talk-banner-wrapper.sales .banner-content-wrapper .button-wrapper .vodafone_white_secondary:hover {
  background-color: #333;
  color: #fff;
  text-decoration: none;
  border: 3px solid transparent;
}
.go-talk-banner-wrapper.sales .banner-content-wrapper .button-wrapper .vodafone_white_secondary:focus {
  background-color: #333;
  color: #fff;
  border: 3px solid #007c92;
}
.go-talk-banner-wrapper.myupc .banner-content-wrapper {
  max-width: 610px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 0px;
  flex-wrap: wrap;
  margin: 0 auto;
}
.go-talk-banner-wrapper.myupc .banner-content-wrapper .icons {
  display: flex;
  align-items: center;
  margin-right: 0px;
  width: 100%;
  flex: 1 100%;
  justify-content: center;
  margin: 0px 20px 20px 20px;
}
.go-talk-banner-wrapper.myupc .banner-content-wrapper .icons .home-icon {
  float: left;
  width: 125px;
  height: 82px;
  margin-right: 10px;
}
.go-talk-banner-wrapper.myupc .banner-content-wrapper .icons .home-icon .home-icon-text {
  margin-top: 10px;
  font-family: VodafoneLight;
  display: block;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: white;
  text-align: center;
}
.go-talk-banner-wrapper.myupc .banner-content-wrapper .icons .plus-icon {
  float: left;
  margin-right: 10px;
}
.go-talk-banner-wrapper.myupc .banner-content-wrapper .icons .mobile-icon {
  float: left;
  width: 125px;
  height: 82px;
}
.go-talk-banner-wrapper.myupc .banner-content-wrapper .icons .mobile-icon .mobile-icon-text {
  margin-top: 10px;
  font-family: VodafoneLight;
  display: block;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: white;
  text-align: center;
}
.go-talk-banner-wrapper.myupc .banner-content-wrapper .text-myupc {
  flex: 1 100%;
  justify-content: center;
  margin-right: 0px;
  margin: 0px 5px;
  text-align: center;
}
.go-talk-banner-wrapper.myupc .banner-content-wrapper .text-myupc p.line-1 {
  font-family: VodafoneRegular;
  font-style: normal;
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  color: white;
  margin: 20px 0px;
  text-align: center;
}
.go-talk-banner-wrapper.myupc .banner-content-wrapper .text-myupc p.line-1 .bold {
  font-style: normal;
  font-weight: bold;
  font-size: 25px;
  line-height: 30px;
}
.go-talk-banner-wrapper.myupc .banner-content-wrapper .text-myupc p.line-2 {
  font-family: VodafoneLight;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 20px;
  color: white;
}
.go-talk-banner-wrapper.myupc .banner-content-wrapper .text-myupc p.line-2 .bold {
  font-family: VodafoneRegular;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 20px;
}
.go-talk-banner-wrapper.myupc .banner-content-wrapper .text-sale {
  display: none;
}
.go-talk-banner-wrapper.myupc .banner-content-wrapper .button-wrapper {
  flex: inherit;
  justify-content: center;
  margin: 25px 0px;
}
.go-talk-banner-wrapper.myupc .banner-content-wrapper .button-wrapper .vodafone_white_secondary {
  display: none;
}
.go-talk-banner-wrapper.myupc .banner-content-wrapper .button-wrapper .vodafone_white_tertiary {
  color: #666;
  background-color: #fff;
  font-size: 20px;
  border: 1px solid #999;
  padding: 0 40px 0 !important;
  height: auto;
  min-height: 50px;
  line-height: 2.5;
  display: block;
  max-width: 100%;
}
.go-talk-banner-wrapper.myupc .banner-content-wrapper .button-wrapper .vodafone_white_tertiary:hover {
  color: #333;
  background-color: #f4f4f4;
  border: 1px solid #333;
  text-decoration: none;
}
.go-talk-banner-wrapper.myupc .banner-content-wrapper .button-wrapper .vodafone_white_tertiary:focus {
  color: #333;
  background-color: #f4f4f4;
  border: 3px solid #007c92;
  text-decoration: none;
}
.go-talk-banner-wrapper.myupc .banner-content-wrapper .button-wrapper .vodafone_white_tertiary:disabled {
  background-color: #ccc;
  color: #fff;
  text-decoration: none;
}
.red-free-banner-wrapper.bg.myupc.myupc2 {
  background: url('https://www.upc.hu/content/dam/www30-upc-hu/img/fmc-banner/fmcbanner-tablet-bg.png');
  background-size: cover !important;
}
.red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper {
  display: flex;
  align-content: flex-start;
  position: relative;
  max-width: 90%;
}
.red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper .icons.order-one {
  order: 3;
  position: absolute;
  left: 240px;
  bottom: 20px;
}
.red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper .icons.order-one .mobile-icon {
  max-width: 78px;
  max-height: 78px;
}
.red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper .icons.order-one .home-icon {
  max-width: 78px;
  max-height: 78px;
}
.red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper .icons.order-one .result-icon {
  max-width: 78px;
  max-height: 78px;
}
.red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper .icons.order-one .plus-icon {
  max-width: 40px;
  max-height: 38px;
  margin: 20px 0px 0 10px;
}
.red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper .icons.order-one .equal-icon {
  max-width: 28px;
  max-height: 39px;
  margin: 20px 5px 0 4px;
}
.red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper .text-myupc.order-two {
  order: 1;
  width: 100%;
  flex: 1 100%;
  display: flex;
  margin: 20px 0;
}
.red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper .button-wrapper.order-three {
  order: 2;
  width: 40%;
  margin: 0 auto 15px 0;
  display: inline-block;
}
.red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper .button-wrapper.order-three .vodafone_white_tertiary {
  width: 139px;
}
.red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper .text-myupc p.line-1 {
  font-size: 34px;
  line-height: 44px;
  text-align: left;
  font-family: VodafoneLight;
}
@media screen and (max-width: 991px) {
  .red-free-banner-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .red-free-banner-wrapper.bg.sales {
    background: url('https://www.upc.hu/content/dam/www30-upc-hu/img/fmc-banner/fmcbanner-tablet-bg.png');
    background-size: cover !important;
  }
  .red-free-banner-wrapper.bg.sales .banner-content-wrapper {
    max-width: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px 0px;
    flex-wrap: wrap;
  }
  .red-free-banner-wrapper.bg.sales .banner-content-wrapper .icons .home-icon {
    float: left;
    width: 69px;
    height: 69px;
    margin-right: 15px;
  }
  .red-free-banner-wrapper.bg.sales .banner-content-wrapper .icons .plus-icon {
    float: left;
    margin-right: 15px;
  }
  .red-free-banner-wrapper.bg.sales .banner-content-wrapper .icons .mobile-icon {
    float: left;
    width: 69px;
    height: 69px;
  }
  .red-free-banner-wrapper.bg.sales .banner-content-wrapper .text-sale {
    flex: 1 100%;
    justify-content: center;
    margin-right: 0px;
    margin: 0px 10px;
  }
  .red-free-banner-wrapper.bg.sales .banner-content-wrapper .text-sale p.line-1 {
    font-family: VodafoneLight;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 30px;
    color: white;
    margin: 20px 0px;
    text-align: center;
  }
  .red-free-banner-wrapper.bg.sales .banner-content-wrapper .text-sale p.line-1.bold {
    font-family: VodafoneRegular;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 30px;
  }
  .red-free-banner-wrapper.bg.sales .banner-content-wrapper .text-sale p.line-2 {
    font-family: VodafoneLight;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 20px;
    color: white;
    text-align: center;
  }
  .red-free-banner-wrapper.bg.sales .banner-content-wrapper .text-sale p.line-2 .bold {
    font-family: VodafoneRegular;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
  }
  .red-free-banner-wrapper.bg.sales .banner-content-wrapper .button-wrapper .vodafone_white_secondary {
    color: #fff;
    background-color: #666;
    font-size: 20px;
    padding: 0 40px 0 !important;
    height: auto;
    min-height: 50px;
    line-height: 2.5;
    display: block;
    max-width: 100%;
    border: 3px solid transparent;
  }
  .red-free-banner-wrapper.bg.sales .banner-content-wrapper .button-wrapper .vodafone_white_secondary:hover {
    background-color: #333;
    color: #fff;
    text-decoration: none;
    border: 3px solid transparent;
  }
  .red-free-banner-wrapper.bg.sales .banner-content-wrapper .button-wrapper .vodafone_white_secondary:focus {
    background-color: #333;
    color: #fff;
    border: 3px solid #007c92;
  }
  .red-free-banner-wrapper.bg.sales .banner-content-wrapper.icons {
    display: flex;
    align-items: center;
    margin-right: 0px;
    width: 100%;
    flex: 1 100%;
    justify-content: center;
    margin: 20px 0px;
  }
  .red-free-banner-wrapper.bg.myupc {
    background: url('https://www.upc.hu/content/dam/www30-upc-hu/img/fmc-banner/fmcbanner-tablet-bg.png');
    background-size: cover !important;
    background-position-y: bottom;
    background-position-x: right;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper {
    display: flex;
    align-content: flex-start;
    position: relative;
    max-width: 100%;
    width: 90%;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one {
    order: 3;
    position: absolute;
    left: 240px;
    bottom: 20px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one .mobile-icon {
    max-width: 78px;
    max-height: 78px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one .home-icon {
    max-width: 78px;
    max-height: 78px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one .result-icon {
    max-width: 78px;
    max-height: 78px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one .plus-icon {
    max-width: 40px;
    max-height: 38px;
    margin: 20px 0px 0 10px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one .equal-icon {
    max-width: 28px;
    max-height: 39px;
    margin: 20px 5px 0 4px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .text-myupc.order-two {
    order: 1;
    width: 100%;
    flex: 1 100%;
    display: flex;
    margin: 20px 0;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .button-wrapper.order-three {
    order: 2;
    width: 40%;
    margin: 0 auto 15px 0;
    display: inline-block;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .text-myupc p.line-1 {
    font-size: 34px;
    line-height: 44px;
    text-align: left;
    font-family: VodafoneLight;
  }
  .red-free-banner-wrapper.myupc .button-wrapper .vodafone_white_tertiary {
    margin: 20px auto;
  }
  .go-talk-banner-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .go-talk-banner-wrapper.bg.sales {
    background: url('https://www.upc.hu/content/dam/www30-upc-hu/img/fmc-banner/fmc-sales_go_sm.jpg');
    background-size: cover !important;
  }
  .go-talk-banner-wrapper.bg.myupc {
    background: url('https://www.upc.hu/content/dam/www30-upc-hu/img/fmc-banner/fmc_myupc_go_talk.jpg');
    background-size: cover !important;
  }
  .go-talk-banner-wrapper.sales.banner-content-wrapper {
    max-width: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px 0px;
    flex-wrap: wrap;
  }
  .go-talk-banner-wrapper.sales.banner-content-wrapper .icons {
    display: flex;
    align-items: center;
    margin-right: 0px;
    width: 100%;
    flex: 1 100%;
    justify-content: center;
    margin: 20px 0px;
  }
  .go-talk-banner-wrapper.sales.banner-content-wrapper .icons .home-icon {
    float: left;
    width: 69px;
    height: 69px;
    margin-right: 15px;
  }
  .go-talk-banner-wrapper.sales.banner-content-wrapper .icons .plus-icon {
    float: left;
    margin-right: 15px;
  }
  .go-talk-banner-wrapper.sales.banner-content-wrapper .icons .mobile-icon {
    float: left;
    width: 69px;
    height: 69px;
  }
  .go-talk-banner-wrapper.sales.banner-content-wrapper .text-sale {
    flex: 1 100%;
    justify-content: center;
    margin-right: 0px;
    margin: 0px 10px;
  }
  .go-talk-banner-wrapper.sales.banner-content-wrapper .text-sale p.line-1 {
    font-family: VodafoneLight;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 30px;
    color: white;
    margin: 20px 0px;
    text-align: center;
  }
  .go-talk-banner-wrapper.sales.banner-content-wrapper .text-sale p.line-1 .bold {
    font-family: VodafoneRegular;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 30px;
  }
  .go-talk-banner-wrapper.sales.banner-content-wrapper .text-sale p.line-2 {
    font-family: VodafoneLight;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 20px;
    color: white;
    text-align: center;
  }
  .go-talk-banner-wrapper.sales.banner-content-wrapper .text-sale p.line-2 .bold {
    font-family: VodafoneRegular;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
  }
  .go-talk-banner-wrapper.sales.banner-content-wrapper .button-wrapper {
    flex: inherit;
    justify-content: center;
    margin: 20px 0px;
  }
  .go-talk-banner-wrapper.sales.banner-content-wrapper .button-wrapper .vodafone_white_secondary {
    color: #fff;
    background-color: #666;
    font-size: 20px;
    padding: 0 40px 0 !important;
    height: auto;
    min-height: 50px;
    line-height: 2.5;
    display: block;
    max-width: 100%;
    border: 3px solid transparent;
  }
  .go-talk-banner-wrapper.sales.banner-content-wrapper .button-wrapper .vodafone_white_secondary:hover {
    background-color: #333;
    color: #fff;
    text-decoration: none;
    border: 3px solid transparent;
  }
  .go-talk-banner-wrapper.sales.banner-content-wrapper .button-wrapper .vodafone_white_secondary:focus {
    background-color: #333;
    color: #fff;
    border: 3px solid #007c92;
  }
  .red-free-banner-wrapper.bg.myupc.myupc2 {
    max-width: 100%;
    background-size: cover !important;
    background-position-y: bottom;
    background-position-x: right;
  }
  .red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper {
    justify-content: left;
    max-width: 100%;
    width: 90%;
    margin: 0 auto;
  }
  .red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper .icons.order-one {
    left: 240px;
  }
}
@media screen and (max-width: 760px) {
  .red-free-banner-wrapper.bg.sales {
    background: url('https://www.upc.hu/content/dam/www30-upc-hu/img/fmc-banner/fmcbanner-mobil-device-bg.png');
    background-size: cover !important;
  }
  .red-free-banner-wrapper.bg.myupc {
    background: url('https://www.upc.hu/content/dam/www30-upc-hu/img/fmc-banner/fmcbanner-mobil-device-bg.png');
    background-size: cover !important;
    background-position-y: bottom;
    background-position-x: right;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper {
    width: 90%;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one {
    left: 240px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one .mobile-icon {
    max-width: 68px;
    max-height: 68px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one .mobile-icon svg {
    max-width: 68px;
    max-height: 68px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one .home-icon {
    max-width: 68px;
    max-height: 68px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one .home-icon svg {
    max-width: 68px;
    max-height: 68px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one .result-icon {
    max-width: 68px;
    max-height: 68px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one .result-icon svg {
    max-width: 68px;
    max-height: 68px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one .plus-icon {
    max-width: 36px;
    max-height: 34px;
    margin: 20px 0px 0 5px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one .plus-icon svg {
    max-width: 36px;
    max-height: 34px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one .equal-icon {
    max-width: 24px;
    max-height: 34px;
    margin: 20px 4px 0 0px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one .equal-icon svg {
    max-width: 24px;
    max-height: 34px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .text-myupc p.line-1 {
    font-size: 30px;
    line-height: 40px;
    text-align: left;
    font-family: VodafoneLight;
  }
  .red-free-banner-wrapper.myupc .button-wrapper {
    margin: 0;
    max-width: 139px;
  }
  .red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper {
    max-width: 90% !important;
  }
}
@media screen and (max-width: 580px) {
  .red-free-banner-wrapper.bg.sales {
    background: url('https://www.upc.hu/content/dam/www30-upc-hu/img/fmc-banner/fmcbanner-mobile-small-bg.png');
    background-size: cover !important;
  }
  .red-free-banner-wrapper.bg.myupc {
    background: url('https://www.upc.hu/content/dam/www30-upc-hu/img/fmc-banner/fmcbanner-mobile-small-bg.png');
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper {
    max-width: 100%;
    width: 300px;
    justify-content: center;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one {
    order: 1;
    width: 100%;
    flex: 1 100%;
    justify-content: left;
    position: relative;
    top: 5px;
    left: 0;
    margin: 20px 0;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one .mobile-icon {
    max-width: 52px;
    max-height: 52px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one .mobile-icon svg {
    max-width: 52px;
    max-height: 52px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one .home-icon {
    max-width: 52px;
    max-height: 52px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one .home-icon svg {
    max-width: 52px;
    max-height: 52px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one .result-icon {
    max-width: 52px;
    max-height: 52px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one .result-icon svg {
    max-width: 52px;
    max-height: 52px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one .plus-icon {
    max-width: 27px;
    max-height: 26px;
    margin: 20px 0px 0 5px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one .plus-icon svg {
    max-width: 27px;
    max-height: 26px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one .equal-icon {
    max-width: 18px;
    max-height: 26px;
    margin: 20px 4px 0 0px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .icons.order-one .equal-icon svg {
    max-width: 18px;
    max-height: 26px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .text-myupc.order-two {
    order: 2;
    width: 100%;
    flex: 1 100%;
    display: flex;
    justify-content: center;
    margin: 0 0 20px 0;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .button-wrapper.order-three {
    order: 3;
    width: 100%;
    flex: 1 100%;
    margin: 0;
    display: flex;
    margin-top: -20px;
    max-width: 100%;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .button-wrapper.order-three .vodafone_white_tertiary {
    max-width: 100%;
    width: 290px;
  }
  .red-free-banner-wrapper.bg.myupc .banner-content-wrapper .text-myupc p.line-1 {
    font-size: 20px;
    line-height: 28px;
    text-align: center;
  }
  .red-free-banner-wrapper.bg.myupc.myupc2 {
    background: url('https://www.upc.hu/content/dam/www30-upc-hu/img/fmc-banner/fmcbanner-mobile-small-bg.png');
    background-size: 110%;
  }
  .red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper .icons.order-one {
    order: 1;
    width: 100%;
    flex: 1 100%;
    justify-content: center;
    position: relative;
    top: 5px;
    left: -36px;
  }
  .red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper .icons.order-one .mobile-icon {
    max-width: 52px;
    max-height: 52px;
  }
  .red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper .icons.order-one .mobile-icon svg {
    max-width: 52px;
    max-height: 52px;
  }
  .red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper .icons.order-one .home-icon {
    max-width: 52px;
    max-height: 52px;
  }
  .red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper .icons.order-one .home-icon svg {
    max-width: 52px;
    max-height: 52px;
  }
  .red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper .icons.order-one .result-icon {
    max-width: 52px;
    max-height: 52px;
  }
  .red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper .icons.order-one .result-icon svg {
    max-width: 52px;
    max-height: 52px;
  }
  .red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper .icons.order-one .plus-icon {
    max-width: 27px;
    max-height: 26px;
    margin: 20px 0px 0 5px;
  }
  .red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper .icons.order-one .plus-icon svg {
    max-width: 27px;
    max-height: 26px;
  }
  .red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper .icons.order-one .equal-icon {
    max-width: 18px;
    max-height: 26px;
    margin: 20px 4px 0 0px;
  }
  .red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper .icons.order-one .equal-icon svg {
    max-width: 18px;
    max-height: 26px;
  }
  .red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper .text-myupc.order-two {
    order: 2;
    width: 100%;
    flex: 1 100%;
    display: flex;
    justify-content: center;
    margin: 0 0 20px 0;
  }
  .red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper .button-wrapper.order-three {
    order: 3;
    width: 100%;
    flex: 1 100%;
    margin: 0;
    display: flex;
    margin-top: -20px;
    max-width: 100%;
  }
  .red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper .button-wrapper.order-three .vodafone_white_tertiary {
    max-width: 100%;
    width: 290px;
  }
  .red-free-banner-wrapper.bg.myupc.myupc2 .banner-content-wrapper .text-myupc p.line-1 {
    font-size: 20px;
    line-height: 28px;
  }
  .red-free-banner-wrapper.myupc .banner-content-wrapper .button-wrapper {
    width: 90%;
    margin: 25px auto;
  }
  .red-free-banner-wrapper.myupc .banner-content-wrapper .vodafone_white_tertiary {
    width: 100%;
    text-align: center;
  }
  .red-free-banner-wrapper.myupc .button-wrapper .vodafone_white_tertiary {
    max-width: 100%;
  }
  .go-talk-banner-wrapper.myupc .banner-content-wrapper .button-wrapper {
    width: 90%;
    margin: 25px auto;
  }
  .go-talk-banner-wrapper.myupc .banner-content-wrapper .button-wrapper .vodafone_white_tertiary {
    width: 100%;
    text-align: center;
  }
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

/*# sourceMappingURL=ws-upc.css.map*/