@font-face {
    font-family: 'Vodafone-Lt';
    src: url('../fonts/VodafoneLt.woff2') format('woff2'),
        url('../fonts/VodafoneLt.woff') format('woff'),
        url('../fonts/VodafoneLt.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Vodafone-Rg';
    src: url('../fonts/VodafoneRg.woff2') format('woff2'),
        url('../fonts/VodafoneRg.woff') format('woff'),
        url('../fonts/VodafoneRg.ttf') format('truetype'),
        url('../fonts/VodafoneRg.svg#VodafoneRg') format('svg');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Vodafone-Rg-Bd';
    src: url('../fonts/vodafonergbd-webfont.woff2') format('woff2'),
        url('../fonts/vodafonergbd-webfont.woff') format('woff'),
        url('../fonts/vodafonergbd-webfont.ttf') format('truetype'),
        url('../fonts/vodafonergbd-webfont.svg#vodafonergbd-webfont') format('svg');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    text-rendering: optimizeLegibility;
}

html{
    height: 100%;	
    min-height: 100%;
	width: 100%;
	margin: 0px;
    padding: 0px;
} 

body{
	width: 100%;
    height: 100%;
    min-height: 100%;
	background-color: #ffffff;
	position: relative;
	font-family:'Vodafone-Rg';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 0px!important;
	padding: 0px!important;
	color: transparent;
    font-size: 16px;
    color: #333333;
}

span {
    display: inline-block;
    vertical-align: middle;
}

h1,h2,h3,h4,h5,h6 {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: middle;
  font-weight: normal;
}

li {
  list-style: disc;
}
ul, ol{
    margin: 0;
}
a{
  text-decoration: none;
  color: #333333;
  cursor: pointer;
}
a:focus, a:hover {
    color: #333333;
    text-decoration: none;
}
* { 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 
}
::placeholder {
    color: #333333;
    opacity: 1; 
}
:-ms-input-placeholder { 
    color: #333333;
}
::-ms-input-placeholder { 
    color: #333333;
}
.pac-container{
    min-width: 298px!important;;
}
#bestellen .iban-de{
    position: relative;
    bottom: 1px;
    left: 2px;
    /*outline:none;*/
    cursor: pointer;
}
.popover-content {
    padding: 9px 14px;
}
.popover-content a{
    text-decoration: underline;
    color: #fff;
}
.popover.right>.arrow {
    left: -6px;
    margin-top: -6px;
    border-right-color: #333333;
}
.popover.bottom>.arrow {
    top: -6px;
    margin-left: -6px;
    border-bottom-color: #333333;
}
.popover{
    font-size: 12px;
    background-color: #333333;
    font-family: 'Vodafone-Rg';
    color: #ffffff;
    box-shadow: none;
    border: none;
    width: 300px;
}
.max-pop + .popover{
    max-width: 300px;
    width: auto;
}
.popover.bottom>.arrow:after {
    border-bottom-color: #333333;
}
.popover.right>.arrow:after {
    border-right-color: #333333;
}
.popover>.arrow {
    border-width: 6px;
}
.popover-img{
    display: none;
}
.row{
    margin: 0;
}
.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.h-100 {
    height: 100%;
}
.font-12{
    font-size: 12px;
}
.font-14{
    font-size: 14px;
}
.default-light{
    font-family: 'Vodafone-Rg';
}
.default-medium{
    font-family: 'Vodafone-Rg-Bd';
}
.default-bold{
    font-family: 'Vodafone-Rg-Bd';
}
.default-red{
    color: #E60000;
}
.default-green{
    color: #00697C;
}
.default-orange{
    color: #EB9700;
}
.default-lightgrey{
    color: #333333;
}
.body-log{
    background-color: #333333;
}
.overflow-o{
    overflow-y: hidden;
}
#btn_proof{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#btn_proof.disabled{
    opacity: .5;
}
.log-hotline{
    display: inline-block;
    position: absolute;
    bottom: 32px;
    right: 32px;
}
.log-hotline div:first-child{
    margin-right: 8px;
}
.log-hotline-btn{
    display: inline-block;
    width: 48px;
    height: 48px;
    vertical-align: middle;
}
.log-hotline-btn svg{
    width: 48px;
    height: 48px;
}
.log-hotline-btn svg .cls-1{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.log-hotline-btn svg .cls-1:hover{
    fill: #E60000;
}
#smartphones .iphone-y{
    cursor: pointer!important;
}
.vt-flex{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column; 
    flex-direction: column;
    flex-basis: auto;
    width: 100%;
    height: 100%;
}
.content-flex0{
    -webkit-flex: 0; 
    -ms-flex: 0; 
    flex: 0;
    flex-basis: auto;
}
.content-flex{
    -webkit-flex: 1; 
    -ms-flex: 1; 
    flex: 1;
    flex-basis: auto;
}
.container-fluid {
    padding-right: 5px;
    padding-left: 5px;
    margin-right: auto;
    margin-left: auto;
}
.line-t{
    text-decoration: line-through;
}
.line-h{
    width: 100%;
    height: 1px;
    margin: 10px 0;
    background: #AFAFAF;
}
/* CHECKBOX & RADIO BUTTONS */
input[type="checkbox"] {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin: 0px;
    width: 20px!important;
    height: 20px!important;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    top: 0;
}
input[type="checkbox"] + .span {
    display: inline-block;
    width: 20px!important;
    height: 20px!important;
    margin: 0;
    vertical-align:middle;
    background:url(../img/content/vt_checkbox-0.svg) no-repeat;
    cursor:pointer;
	background-size: 100%;
    background-position: 50%;
}
input[type="checkbox"]:checked + .span {
	display: inline-block;
    width: 20px!important;
    height: 20px!important;
    margin: 0;
    vertical-align:middle;
    cursor:pointer;
    background:url(../img/content/vt_checkbox-1.svg) no-repeat;
	background-size: 100%;
    background-position: 50%;
}
input[type="checkbox"]:checked + .span.greyChck {
    background:url(../img/content/vt_checkbox-2.svg) no-repeat;
}
input[type=checkbox], input[type=radio] {
    margin: 0;
}
input[type="radio"] {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin: 0px;
    width: 20px!important;
    height: 20px!important;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    top: 0;
}
input[type="radio"] + .span {
    display: inline-block;
    width: 20px!important;
    height: 20px!important;
    margin: 0;
    vertical-align:middle;
    background:url(../img/content/vt_radio-button-0.svg) no-repeat;
    cursor:pointer;
	background-size: 100%;
    background-position: 50%;
}
input[type="radio"]:checked + .span {
	display: inline-block;
    width: 20px!important;
    height: 20px!important;
    margin: 0;
    vertical-align:middle;
    cursor:pointer;
    background:url(../img/content/vt_radio-button-1.svg) no-repeat;
	background-size: 100%;
    background-position: 50%;
}
/* CHECKBOX & RADIO BUTTONS END */
/* LOGIN PAGE */
#login-wrapper .lotteryBtn{
    position: fixed;
    background-color: #00697C;
    color: #ffffff;
    bottom: 15px;
    right: 15px;
    padding: 12px;
    border-radius: 20px;
    cursor: pointer;
    z-index: 3;
}
.box-side-group .box-side-l{
    background-image: url("/static/img/content/angebote_bg_mobilfunk.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 32px;
    border-radius: 8px;
    flex: 1;
    max-width: 536px;
    width: 100%;
}
.box-side-group .box-one-for-one{
    background-image: url('/static/img/content/oneforone-box.jpg');
    background-position: center center;

}
#smartphones_section .box-one-for-one .text-wrap{
    width: 15rem;
}
.box-side-group .box-side-l.p-box{
    margin-right: 0;
    flex: 0 0 55%;
}
.box-side-group .box-side-l .flex-col-reverse, .box-side-group .box-side-r .flex-col-reverse{
    height: 100%;
}
.d-flex.justify-content-center.box-side-group{
    flex-wrap: wrap;
    gap: 16px;
}
.box-side-group .box-side-r{
    border-radius: 8px;
    flex: 1;
    max-width: 536px;
    width: 100%;
}
.box-side-group .box-side-r .right-top{
    background-image: url("/static/img/content/angebote_bg_internet.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 32px;
    border-radius: 8px;
    height: 100%;
}
.box-side-group .box-side-r .right-bottom{
    background: rgb(0,127,149);
    background: linear-gradient(90deg, rgba(0,127,149,1) 0%, rgba(0,176,202,1) 100%);
    padding: 32px;
    border-radius: 8px;
    height: 100%;
    max-height: 264px;
    min-height: 264px;
    overflow: hidden;
}
.box-side-group .login_mr_tb, .company-flex-l .login_mr_tb{
    margin: 6px 0 24px 0;
    line-height: 1.3;
}
.company-flex-l .c-self-center{
    -ms-flex-item-align: center!important;
    align-self: center!important;
    margin-left: 16px;
}
.box-side-group .img-b-voucher{
    position: absolute;
    right: -50px;
    top: 80px;
    transform: rotate(-45deg);
}
.box-side-group .box-side-r .right-bottom h1{
    margin-bottom: 24px;
}
.smart-login .smart-flex-faq{
    padding: 72px 0 0 0;
    background-color: #F9F9F9;
}
.smart-login .smart-flex-faq .promo-group {
    margin: 0;
    background: rgb(131,0,0);
    background: linear-gradient(90deg, rgba(131,0,0,1) 0%, rgba(255,0,0,1) 100%);
    color: #ffffff;
    font-family: 'Vodafone-Rg-Bd';
    font-size: 16px;
}
.smart-login .smart-flex-faq .promo-padd {
    padding-left: 24px;
    padding-right: 24px;
}
.smart-login .smart-flex-faq .promo-m-w, .smart-login .smart-flex-faq .promo-m-w img {
    max-height: 105px;
    height: 105px;
}
.smart-login .smart-flex-faq .promo-t {
    text-align: left;
    padding-left: 32px;
}
.smart-login .smart-flex-faq a.btn.btn-primary-white{
    font-size: 16px!important;
}
.smart-login .smart-container-flex{
    width: 100%;
    max-width: 720px;
    margin: auto;
    padding: 0 15px 72px 15px;
}
.smart-login .smart-container-flex h1{
    padding-bottom: 40px;
}
.smart-container-flex .faq-mr-tb{
    padding: 72px 0 16px 0;
}
.smart-container-flex .v-dropdown{
    width: 100%;
    max-width: 665px;
    margin: auto;
    margin-bottom: 16px;
}
.smart-container-flex .v-dropdown:last-child{
    margin-bottom: 0;
}
.smart-carousel .prufen-slide{
    background: rgb(0,127,149);
    background: linear-gradient(90deg, rgba(0,127,149,1) 0%, rgba(0,176,202,1) 100%);
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    font-family: 'Vodafone-Rg-Bd';
    padding: 16px 15px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.smart-login .smart-carousel .prufen-slide{
    background:#666666;
}
.smart-carousel .prufen-slide a{
    color: #ffffff;
}
.smart-carousel .circ_group .desk-circ{
    display: none;
}
.smart-carousel .circ_group .resp-circ{
    display: none;
}
#smartphones_section.smart-login .smart-carousel{
    background-color: #F9F9F9;
    padding: 96px 0;
}
#home #smartphones_section.smart-login .smart-carousel{
    background-color: #F9F9F9;
    padding: 72px 0;
}
#smartphones_section.smart-login .smart-carousel{
    padding: 150px 0;
}
#smartphones_section.smart-login .smart-carousel.vvl-space{
    padding: 72px 0;
}
#smartphones_section.smart-login .smart-carousel h1{
    padding: 0 15px;
}
#smartphones_section.smart-login .smart-flex-box .pt-space{
    padding-top: 144px;
}
#smartphones_section.smart-login .smart-flex-box #companyBtn{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    /* display: none; */
}
#smartphones_section.smart-login .smart-flex-box #companyBtn.active,
#smartphones_section.smart-login .smart-flex-box #companyBtn.active2{
    display: inline-block;
}
/* #smartphones_section.smart-login .smart-flex-box #companyBtn{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    visibility: hidden;
    opacity: 0;
}
#smartphones_section.smart-login .smart-flex-box #companyBtn.active,
#smartphones_section.smart-login .smart-flex-box #companyBtn.active2{
    visibility: visible;
    opacity: 1;
} */
#smartphones_section.smart-login .smart-flex-box #companyBtn.active a:nth-child(1){
    display: inline-block;
}
#smartphones_section.smart-login .smart-flex-box #companyBtn.active a:nth-child(2){
    display: none;
}
#smartphones_section.smart-login .smart-flex-box #companyBtn.active2 a:nth-child(1){
    display: none;
}
#smartphones_section.smart-login .smart-flex-box #companyBtn.active2 a:nth-child(2){
    display: inline-block;
}
#smartphones_section.smart-login .smart-flex-box .company-flex-l{
    margin-right: 8px;
    border-radius: 8px;
    flex: 1 1 50%;
    text-align: left;
}
#smartphones_section.smart-login .smart-flex-box .company-flex-r{
    overflow: hidden;
    border-radius: 8px;
    height: 100%;
    min-height: 320px;
    margin-left: 8px;
    border-radius: 8px;
    flex: 1 1 50%;
    position: relative;
}
#smartphones_section.smart-login .smart-flex-box .img-b-company{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
#smartphones_section.smart-login .smart-flex-box{
    background-color: #ffffff;
    padding: 72px 0;
}
#smartphones_section.smart-login .smart-flex-box h1.smart-mr-bt{
    margin-bottom: 48px;
}
#smartphones_section.smart-login .box-side-group{
    color: #ffffff;
}
#smartphones_section.smart-login .f-bold{
    font-family: 'Vodafone-Rg-Bd';
    cursor: pointer;
}
#smartphones_section.smart-login h1{
    font-family: 'Vodafone-Rg-Bd';
    font-size: 32px;
    line-height: 1.3;
}
#smartphones_section.smart-home .smart-carousel h1{
    margin-bottom: 42px;
}
#smartphones_section.smart-login h4{
    margin-top: 12px;
    margin-bottom: 42px;
}
#smartphones_section.smart-login .h4{
    margin-top: 12px;
    margin-bottom: 42px;
    font-size: 16px;
}
#smartphones_section.smart-login .controls img{
    cursor: pointer;
}
#smartphones_section.smart-login .sl-box-padd{
    padding-top: 40px;
    display: inline-block;
    position: relative;
}
#smartphones_section.smart-login img.img-rab{
    position: absolute;
    left: -35px;
    bottom: 35px;
}
#smartphones_section.smart-login img.img-ico{
    position: absolute;
    left: -75px;
    bottom: 35px;
}
#smartphones_section.smart-login .section-smartphones {
    margin: 12px;
    max-width: 312px;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #ffffff;
}
.smart-desk-s, .smart-resp-s{
    display: none!important;
}
.smart-login{
    padding: 0!important;
}
.smart-wrap {
    overflow: hidden;
    position: relative;
    max-width: 1120px;
    margin: auto;
}

.smart-wrap .flex-dsc{
    background-color: #E60000;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    color: #ffffff;
    position: absolute;
    left: -35px;
    bottom: 35px;
    font-family: 'Vodafone-Rg-Bd';
    font-size: 24px;
}
.smart-wrap .flex-dsc .big-f{
    font-size: 35px;
}
.smart-wrap .flex-dsc .small-f{
    font-size: 12px;
    padding-bottom: 6px;
}
.smart-wrap .flex-dsc .small-f.p-off, .smart-wrap .flex-dsc .small-f.active{
    padding-bottom: 0px;
}
.smart-carousel .circ_group{
    margin-top: 16px
}
.smart-lb-n.smart-wrap .flex-dsc{
    border-radius: unset;
    /*background-color: #00697C;*/
    background-color: #00697C;
    width: 100%;
    max-width: 144px;
    height: 42px;
    color: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'Vodafone-Rg-Bd';
    font-size: 16px !important;
    padding: 12px;
}
.smart-wrap .flex-dsc:before {
    border-bottom: 45px solid #ffffff;
}

.smart-wrap .flex-dsc:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom: 40px solid #ffffff;
    border-left: 20px solid transparent;
    width: 0;
}
#smartphones_section.smart-login .smart-lb-n.smart-wrap .sl-box-padd{
    padding-top: 60px;
}
.smart-carousel .circ_sl{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 12px;
    height: 12px;
    background-color: #333333;
    border-radius: 12px;
    margin-right: 11px;
    border: 2px solid #F4F4F4;
    -ms-flex-item-align: center!important;
    align-self: center!important;
}
.smart-carousel .circ_sl:last-child{
    margin-right: 0;
}
.smart-carousel .circ_sl.active{
    border: 2px solid #333333;
    background-color: transparent;
    width: 12px;
    height: 12px;
    border-radius: 12px;
}
.smart-wrap .th-carousel__toggle--prev{
    transform: rotate(180deg);
}
.smart-wrap li{
    list-style: none;
    text-align: center;
}
.carousel-b-left:disabled,
.carousel-b-right:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.th-carousel {
    display: flex;
    position: relative;
    left: -100%;
    transform: translateX(100%);
    will-change: transform;
}
.th-carousel--three-seater {
    transform: translateX(33.333%);
}
.th-carousel--three-seater .th-carousel_el {
    flex: 1 0 33.333%;
}
.th-carousel_el {
    flex: 1 0 100%;
    order: 1;
}
.th-carousel_el img {
    object-fit: cover;
}
.th-carousel.is-set {
    transform:none;
    transition: transform .8s cubic-bezier(0.30, 0.30, 0.30, .95);
}
.th-carousel .is-ref {
    order: 0;
}
.th-carousel--reverse {
    transform: translateX(-100%);
}
.th-carousel__toggle {
    position: absolute;
    top:0;
    background: none;
    margin:0;
    border:0;
    top:45%;
}
.th-carousel__toggle--prev {
    left:0;
    z-index: 2;
}
.th-carousel__toggle--next {
    right: 0;
    z-index: 2;
}
.carousel-controls-left {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 52px;
    z-index: 1;
}
.carousel-controls-right {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 52px;
    z-index: 1;
}
.carousel-b-left{
    position: absolute;
    top: 45%;
    bottom: 0;
    background-color: #F4F4F4;
    left: 6px;
    width: 40px;
    height: 40px;
    border: none;
    z-index: 1;
}
.carousel-b-right{
    position: absolute;
    top: 45%;
    bottom: 0;
    background-color: #F4F4F4;
    right: 6px;
    width: 40px;
    height: 40px;
    border: none;
    z-index: 1;
}
#login-content{
    background-color: #F4F4F4;
}
#login-content #smartphones_section .c-dcs-price{
    font-size: 42px;
    color: #E60000;
    font-family: 'Vodafone-Rg-Bd';
    position: relative;
    display: inline-block;
    float: none;
    margin-top: 18px;
}
#login-content #smartphones_section .mrgtb-btn {
    margin: 32px 0;
}
.splashscreen-template .desk-i{
    display: block!important;
}
.splashscreen-template .resp-i{
    display: none!important;
}
.login-group .section-login-group{
    position: relative;
}
#loginGroup{
    /* background-color: #f9f9f9; */
    background-color: #ffffff;
}
.loginGroup .ssl_box{
    max-width: 280px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-family: 'Vodafone-Rg-Bd';
    /* color: #999999; */
    color: #666666;
    padding-top: 8px;
}
.m-termin-template p{
    line-height: 1.5;
}
.modal-box .ssl_box{
    margin: auto;
}
.loginGroup .ssl_box img, .loginGroup .ssl_box > div{
    vertical-align: middle;
    margin: 0!important;
}
.loginGroup .guest-box{
    margin: 24px 0 24px 0;
}
.loginGroup .guest-invite{
    font-family: 'Vodafone-Rg-Bd';
    cursor: pointer;
}
.loginGroup button.guest-invite{
    background: transparent;
    color: #333333;
    border: none;
    font-family: 'Vodafone-Rg-Bd';
    cursor: pointer;
    font-size: 16px;
}
.loginGroup .guest-info{
    font-family: 'Vodafone-Rg';
    font-size: 12px;
}
.loginGroup .log-back{
    font-family: 'Vodafone-Rg';
    font-size: 12px;
    cursor: pointer;
}
.loginGroup .email_error{
    color: #E60000;
    font-size: 12px;
    font-family: 'Vodafone-Rg';
    position: absolute;
    bottom: -7px;
    left: 0;
    display: none;
}
.loginGroup .pass_error{
    color: #E60000;
    font-size: 12px;
    font-family: 'Vodafone-Rg-Bd';
    position: absolute;
    top: 71px;
    left: 0;
    white-space: normal;
    display: none;
}
.loginGroup .email_error.btm-on{
    bottom: -20px;
}
.loginGroup .email_error.n-line{
    bottom: -8px;
}
.mrg-input-top{
   margin-top: 24px; 
}
.loginGroup .input-head{
    font-size: 12px;
    font-family: 'Vodafone-Rg-Bd';
    text-align: left;
    display: block;
}
.pw-status{
	margin:10px 0 10px 20px;
}
.pw-status p {
    color: #aaa;
    font-size: 12px;
    line-height: 16px;
    margin: 1px 0 3px;
    vertical-align: bottom;
}
.pw-status p.success{
	color:#3a8142;
}
.section-faqquestions .all-inputs:focus {
    border: none;
    border-bottom: 2px solid #00697C;
}
.section-faqquestions .input-maxw {
    width: 100%;
    max-width: 665px;
    margin: auto;
}
.section-faqquestions{
    text-align: center;
    padding: 130px 0 140px 0;
    background-color: #E6F9FF;
    position: relative;
}
.section-faqquestions .faq-input{
    /*color: #00697C;*/
    color: #00697C;
    font-size: 16px;
    font-family: 'Vodafone-Rg-Bd';
    border-radius: 0;
    padding: 8px 46px 8px 14px;
    width: 100%;
    max-width: 800px;
    border: 0;
    border-bottom: 2px solid #00697C;
    background: #ffffff;
    margin-top: 16px;
}
.section-faqquestions .faq-input::placeholder { 
    color: #00697C!important;
    opacity: 1; 
} 
.section-faqquestions .faq-input:-ms-input-placeholder { 
    color: #00697C!important;
}
.section-faqquestions .faq-input::-ms-input-placeholder { 
    color: #00697C!important;
}
.section-faqquestions .faq-arrow{ 
    position: absolute;
    top: 8px;
    right: 14px;
    margin: auto;
    pointer-events: none;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}
.section-faqquestions img{
    max-width: 100%;
}
.section-faqquestions .input-maxw{
    width: 100%;
    max-width: 665px;
    margin: auto;
}
.section-faqquestions .input-maxw .p-left{
    padding-left: 14px;
}
.section-faqquestions .p-top{
    margin-top: 72px;
}
.section-faqquestions .btn.btn-faq{
    background-color: #ffffff;
    color: #00697C;
    z-index:1;
}
.section-faqquestions .btn.btn-faq:hover{
    background-color: #f9f9f9;
}
.section-faqquestions .paragraph-small{
    margin-top: 16px;
}
.section-faqquestions #outputQuestion{
    background-color: #fff;
    text-align: left;
    max-height: 270px;
    overflow-y: auto;
    position:absolute;
    width: 100%;
    z-index: 2;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-box-shadow: 0px 10px 5px -2px rgb(211 211 211);
    -moz-box-shadow: 0px 10px 5px -2px rgb(211 211 211);
    box-shadow: 0px 10px 5px -2px rgb(211 211 211);
}
.section-faqquestions #outputQuestion a.s-answers{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: block;
    padding: 14px;
}
.section-faqquestions #outputQuestion .no-keywords{
    padding: 14px;
}
.section-faqquestions #outputQuestion a.s-answers:hover{
    background-color: #00697C26;
}
.section-faqquestions #outputQuestion::-webkit-scrollbar {
    width: 8px;
}
.section-faqquestions #outputQuestion::-webkit-scrollbar-track {
    background: transparent; 
}
.section-faqquestions #outputQuestion::-webkit-scrollbar-thumb {
    background: #00697C; 
    border-radius: 4px;
}
.section-faqquestions #outputQuestion::-webkit-scrollbar-thumb:hover {
    background: #00697C; 
}
.section-faqquestions .show-answers{
    background-color: #00697C;
    color: #fff;
    padding: 14px 46px 14px 14px;
    position: -webkit-sticky;
    position: relative;
}
.section-faqquestions .answered{
    padding: 14px;
    line-height: 1.7;
}
.section-faqquestions .close-answers img{
    position: absolute!important;
    right: 14px;
    top: 0;
    bottom: 0;
    margin: auto;
}
button.btn, button.btn:link, button.btn:visited {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: #E60000;
    text-decoration: none;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    position: relative;
    border: none;
    cursor: pointer;
    font-size: 16px;
    width: auto;
    opacity: 1;
    color: #ffffff;
    font-family: 'Vodafone-Rg-Bd';
    text-align: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-shadow: 0px 1px 3px #32323299;
    -moz-box-shadow: 0px 1px 3px #32323299;
    box-shadow: 0px 1px 3px #32323299;
}
button.btn-transparent {
  background: transparent;
  color: #F4F4F4;
  border: none;
  cursor: pointer;
}
button.btn.action{
    max-width: 280px;
    width: 100%;
}
button.btn-primary-black {
    background-color: #333333 !important;
}
a.btn, a.btn:link, a.btn:visited {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: #E60000;
    text-decoration: none;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    position: relative;
    border: none;
    cursor: pointer;
    font-size: 16px;
    width: auto;
    opacity: 1;
    color: #ffffff;
    font-family: 'Vodafone-Rg-Bd';
    text-align: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-shadow: 0px 1px 3px #32323299;
    -moz-box-shadow: 0px 1px 3px #32323299;
    box-shadow: 0px 1px 3px #32323299;
}
a.btn.btn-otelo-orange, a.btn.btn-otelo-orange:link, a.btn.btn-otelo-orange:visited {
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(255,120,0,1) 0%, rgba(250,165,50,1) 100%);
    color:#000;
}
.btn.btn-primary-gray:hover, .btn.btn-primary-gray.action {
    color: #333333!important;
    background-color: transparent!important;
    box-shadow: none!important;
    border: 1px solid #333333!important;
}
a.btn.btn-primary-red:hover, a.btn.btn-primary-red:active {
    color: #fff;
    background-color: #E60000;
}
a.btn.btn-primary-black{
    background-color: #333333;
}
a.btn.btn-primary-black:hover, a.btn.btn-primary-black:active {
    color: #fff;
    background-color: #333333;
}
a.btn.btn-primary-black.b-red{
    background-color: #E60000;
}
a.btn.btn-primary-black.b-red:hover, a.btn.btn-primary-black.b-red:active {
    color: #fff;
    background-color: #E60000;
}
a.btn.action{
    max-width: 280px;
    width: 100%;
}
a.btn.action:hover{
    background-color: #E60000;
}
a.btn.btn-primary-black.action:hover{
    background-color: #333333;
}
a.btn.btn-primary-black.b-red.action:hover{
    background-color: #E60000;
}
a.btn.btn-primary-white{
    color: #333333;
    background-color: #ffffff;
    border-radius: 0;
    border: none;
}
a.btn.btn-primary-white:hover, a.btn.btn-primary-white:active {
    color: #333333;
    background-color: #ffffff;
}
button.btn.btn-primary-white{
    color: #333333;
    background-color: #ffffff;
    border-radius: 0;
    border: none;
}
button.btn.btn-primary-white:hover, button.btn.btn-primary-white:active {
    color: #333333;
    background-color: #ffffff;
}
#searchCompanies.all-inputs,
#searchCompany.all-inputs{
    max-width: 280px;
    min-width: 280px;
}
.all-inputs {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    color: #333333;
    font-family: 'Vodafone-Rg-Bd';
    padding: 14px;
    box-shadow: none;
    outline: none;
    width: 100%;
    height: 48px;
    font-size: 16px;
    background-color: #ffffff;
}
.all-inputs:focus{
    border: 1px solid #00697C;
}
.all-inputs.i-err:focus{
    border: 1px solid #E60000;
}
.bigbox{
    max-width: 280px;
    width: 100%;
}
.splashscreen-template{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
    z-index: 9;
    display: none;
}
.splashscreen-template .container{
    padding: 0;
    margin: 0;
}
.splashscreen-template .pm-zero{
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.splashscreen-template .p-side-left{
    padding-left: 80px;
}
.loginGroup h1{
    font-family: 'Vodafone-Rg-Bd';
}
.loginGroup .img-responsive, #home .img-responsive,  #kabelcheck .img-responsive, .splashscreen-template .img-responsive{
    max-width: 100%;
    width: 100%;
    display: block;
}
.loginGroup .p-space-all{
    padding:4px!important;
}
.loginGroup .p-side-left{
    padding-left: 71px;
}
.loginGroup .p-side-top {
    padding-top: 36px;
    padding-bottom: 36px;
}
.registration_ip_head{
    font-size: 24px;
    line-height: 32px;
}
.registration_ip_head > div{
    color: #333333;
    font-size: 20px;
    font-family: 'Vodafone-Rg-Bd';
}
.registration_ip{
    padding: 100px 15px 50px 15px;
    background: #DEDEDE;
    background: linear-gradient(180deg, rgba(235,235,235,1) 0%, rgba(222,222,222,1) 100%);
    border: 4px solid #ffffff;
}
.registration_ip h1{
    font-family: 'Vodafone-Rg-Bd';
    font-size: 32px;
    margin-bottom: 16px;
}
.registration_ip .btn-red{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 1;
    background-color: #E60000;
    margin: 24px 0 48px 0;
}
.registration_ip .btn-red:hover{
    opacity: .7;
    background-color: #E60000;
}
.registration_ip_splash{
    background: #ffffff;
}
.registration_ip_splash .smartphones-btn {
    font-family: 'Vodafone-Rg-Bd';
    background-color: #ffffff;
    color: #333333;
    vertical-align: middle;
    font-size: 16px;
    line-height: 20px;
    padding: 8px 16px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    margin-right: 30px;
    box-shadow: 0px 1px 3px #32323299;
    border-radius: 3px;
}
.loginGroup h1.head-group{
    font-size: 24px
}
.loginGroup .all-inputs{
    text-align: center;
    margin: 8px 0;
}
.loginGroup .all-inputs.active{
    border: 1px solid #E60000;
}
.loginGroup .mrgt-log-btn{
    margin:24px 0 0 0;
}
.loginGroup .all-inputs::placeholder, .smart-login .all-inputs::placeholder{ 
    font-family: 'Vodafone-Rg-Bd';
    font-size: 16px;
    color: #999999;
    opacity: 1; 
} 
.loginGroup .all-inputs:-ms-input-placeholder, .smart-login .all-inputs::placeholder { 
    color: #999999;
}
.loginGroup .all-inputs::-ms-input-placeholder, .smart-login .all-inputs::placeholder { 
    color: #999999;
}
.loginGroup .mrgt-log{
    margin-top: 24px;
}
.loginGroup .mrgtb-log{
    margin-top: 24px;
    margin-bottom: 8px;
}
.loginGroup h5{
    font-size: 16px;
    font-family: 'Vodafone-Rg-Bd';
    margin: 16px 0 24px 0;
    max-width: 420px;
}
.splashscreen-template .splash-header p{
    font-size: 16px;
    font-family: 'Vodafone-Rg';
    margin: 16px 0 24px 0;
    max-width: 552px;
}
.i-alert {
    color: #E60000;
    font-size: 12px;
    font-family: 'Vodafone-Rg-Bd';
    position: absolute;
    bottom: -20px;
    left: 0;
    display: none;
}
.i-alert.active{
    display: block;
}
#confirmDate, #confirmHour{
    font-family: 'Vodafone-Rg-Bd';
}
.termin-close{
    position: absolute;
    top: 9px;
    right: -47px;
    cursor: pointer;
}
#setTermin{
    background-color: #F9F9F9;
}
#rueckruf .tooltip-content {
    height: 16px;
    vertical-align: middle;
}
#rueckruf .tooltip-content img {
    vertical-align: unset;
}
.termin-svg svg{
    height: 70px;
}
#rueckruf .termin-svg svg .cls-1{
    stroke: #ffffff;
}
#terminForm{
    max-width: 311px;
    padding: 48px 0;
}
#terminForm .empfehlung-content {
    background-color: #F9F9F9;
    padding-top: 112px;
}

#terminForm .img-invite {
    max-width: 60%;
    padding-top: 72px;
}

#terminForm .empfehlung-title {
    font-family: 'Vodafone-Rg-Bd';
    font-size: 24px;
    line-height: 36px;
    color: #E60000;
    margin-top: 48px;
    margin-bottom: 16px;
}

#terminForm .empfehlung-sub-title {
    font-family: 'Vodafone-Rg-Bd';
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    max-width: 444px;
}

#terminForm .empfehlung-blue-text {
    font-family: 'Vodafone-Rg-Bd';
    font-size: 16px;
    line-height: 24px;
    color: #00697C;
    margin-bottom: 24px;
    margin-top: 48px;
}

#terminForm .empfehlung-mrgb24 {
    margin-bottom: 24px;
    position: relative;
    overflow: hidden;
}

#terminForm .empfehlung-mrgb16 {
    margin-bottom: 16px;
}

#terminForm .empfehlung-radio-text {
    padding-left: 12px;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Vodafone-Rg';
    text-align: left;
    cursor: pointer;
}

#terminForm .mnt-jhr-text {
    font-size: 12px;
    line-height: 14px;
    color: #333333;
    margin-bottom: 8px;
}

#terminForm .contract-end {
    font-size: 16px;
    line-height: 18px;
    color: #333333;
    padding-top: 2px;
}

#terminForm .personal-email-title {
    font-size: 16px;
    line-height: 18px;
    color: #333333;
    padding-top: 2px;
}

#terminForm .personal-email-title.active {
    color: #00697C;
}
#terminForm input, #terminForm .home-btnorder{
    min-width: 311px;
}
#terminForm .t-area{
    padding: 10px;
    font-size: 14px;
    font-family: "Vodafone-Rg";
    line-height: 1.5;
    height: 100px;
    min-height: auto;
}
#terminForm .personal-email-text {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    padding-top: 8px;
}

#terminForm .email-text {
    font-size: 12px;
    line-height: 14px;
    color: #333333;
    margin-bottom: 24px;
    display: block;
}



#terminForm .checkbox-cell.top {
    display: table-cell;
    vertical-align: top;
}

#terminForm .circle-leftright {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 34px;
    border: 1px solid #333333;
    height: 18px;
    border-radius: 18px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
}

#terminForm .circle-leftright.active {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #00697C;
    background-color: #00697C;
}

#terminForm .circle-inside {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 12px;
    height: 12px;
    background-color: #333333;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    bottom: 0;
    margin: auto 0;
    left: 3px;
}

#terminForm .circle-inside.active {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #FFFFFF;
    left: 17px;
}




#terminForm .second-data .back-infocellbig {
    width: 275px;
}

#terminForm .back-infocell {
    margin-bottom: 24px;
    
}

#terminForm .input-head {
    font-size: 12px;
    line-height: 16px;
    font-family: 'Vodafone-Rg-Bd';
    padding-bottom: 10px;
    text-align: left;
}

#terminForm input,
#terminForm .input-field {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #B2B2B2;
    padding: 10px;
    font-size: 14px;
    font-family: 'Vodafone-Rg';
    outline: none;
}

#terminForm input:focus {
    border: 1px solid #007C91;
}

#terminForm ::placeholder {
    font-size: 14px;
    line-height: 24px;
    color: #999999 !important;
    opacity: 1 !important;
}
.loginGroup .p-level{
    font-family: 'Vodafone-Rg-Bd';
}
#hotlineGroup img{
    width: 100%;
    max-width: 100%;
    display: block;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}
.registration_ip img{
    width: 100%;
    max-width: 100%;
    display: block;
}
/* LOGIN END PAGE */
/* LOGIN NEW PAGE */
#loadCompanies,
#loadCompanyData{
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    background-color: #ffffff;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-box-shadow: 0px 10px 5px -2px rgb(211 211 211);
    -moz-box-shadow: 0px 10px 5px -2px rgb(211 211 211);
    box-shadow: 0px 10px 5px -2px rgb(211 211 211);
}
#loadCompanies::-webkit-scrollbar,
#loadCompanyData::-webkit-scrollbar {
    width: 6px;
}
#loadCompanies::-webkit-scrollbar-track,
#loadCompanyData::-webkit-scrollbar-track {
    background: #CCCCCC; 
}
#loadCompanies::-webkit-scrollbar-thumb,
#loadCompanyData::-webkit-scrollbar-thumb {
    background: #333333; 
    border-radius: 4px;
}
#loadCompanies::-webkit-scrollbar-thumb:hover,
#loadCompanyData::-webkit-scrollbar-thumb:hover {
    background: #333333; 
}
.company-box{
    line-height: 1.9;
    text-align: left;
    padding: 6px 14px;
}
.company-box .company-head{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-family: 'Vodafone-Rg-Bd';
    cursor: pointer;
    font-size: 16px;
}
.company-box .company-head:hover{
    color: #E60000;
}
.company-box .company-subhead,
.company-box .company-subhead-direct{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-family: 'Vodafone-Rg';
    cursor: pointer;
    font-size: 14px;
    border-bottom: 1px solid #CCCCCC;
}
.company-box .company-subhead:hover,
.company-box .company-subhead-direct:hover{
    color: #E60000;
    border-bottom: 1px solid #E60000;
}
.company-box .company-subhead:last-child,
.company-box .company-subhead-direct:last-child{
    border-bottom: 1px solid transparent;
}
.section-login-group .promo-group{
    padding: 56px 0 0 0;
    /*background: #F2F2F2;*/
    background: #f9f9f9;
    color: #333333;
    font-family: 'Vodafone-Rg';
    font-size: 16px;
}
.section-login-group .promo-group.big{
    padding: 92px 0 0 0;
    background: #F2F2F2;
    color: #333333;
    font-family: 'Vodafone-Rg';
    font-size: 16px;
}

.section-login-group .promo-group .border-n{
    border-top: 3px solid #ffffff;
}
.section-login-group.majoral_partner_promo .promo-group{
    background: rgb(0,176,202);
    background: linear-gradient(90deg, rgba(0,176,202,1) 0%, rgba(0,176,202,1) 32%, rgba(0,124,146,1) 100%);
}
.section-login-group .promo-t{
    text-align: left;
    padding-left: 16px;
}
.section-login-group .promo-box{
    padding: 8px 24px;
}
.section-login-group.majoral_partner_promo .promo-box{
    padding: 8px;
}
.section-login-group.majoral_partner_promo .promo-box img{
    max-width:100%;
    width:650px;
    display:block;
}
.section-login-group.majoral_partner_promo .promo-box img:nth-child(2){
    display:none;
}
.section-login-group .promo-m-w, .section-login-group .promo-m-w img{
    max-height: 24px;
    height: 24px;
}
.loginGroup .login-title{
    padding-bottom: 24px;
    font-size: 20px;
    color: #333333;
    font-family: 'Vodafone-Rg-Bd';
}
.loginGroup .lottery-box .container{
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    width: 327px;
    margin: 20px auto;
}
.lottery-err{
    color: #E60000;
    display: none;
    margin-top: 8px;
    font-size: 12px;
}
.lottery-err.active{
    display: block;
}
.loginGroup .lottery-box .login-subtitle{
    padding-bottom: 32px;
    font-size: 16px;
    color: #333333;
    font-family: 'Vodafone-Rg-Bd';
    text-align: center;
    line-height: 1.3;
    width: 100%;
    max-width: 327px;
    margin: auto;
}
.loginGroup .lottery-box .login-infot{
    padding-bottom: 32px;
    font-size: 16px;
    color: #333333;
    text-align: center;
    line-height: 1.3;
    width: 100%;
    max-width: 327px;
    margin: auto;
}
.loginGroup .lottery-box .login-title{
    padding-bottom: 16px;
    font-size: 20px;
    color: #E60000;
    font-family: 'Vodafone-Rg-Bd';
}
.loginGroup .lottery-box .lottery-inputs{
    width: 100%;
    max-width: 280px;
    text-align: center;
    margin: 8px auto;
}
.loginGroup .lottery-box .lotteryGame {
    width: 100%;
    max-width: 280px;
    margin: auto;
}
.loginGroup .lottery-box .lotteryGame ul{
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}
.loginGroup .lottery-box .square {
    border: 1px solid #00697C;
    flex: 0 0 88px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 88px;
    width: 88px;
    background: #00697C;
    color: #ffffff;
}
.loginGroup .lottery-box .square.dhl {
    border: 1px solid #FECC01;
    background: #FECC01;
}
.loginGroup .lottery-box .square.square:not(:nth-child(3n)) {
    margin-right: 8px;
}
.loginGroup .lottery-box .square.square:not(:nth-child(n+7)) {
    margin-bottom: 8px;
}
.loginGroup .lottery-box .square.is-active {
    border: 6px solid #E60000;
}
.loginGroup .lottery-box .square__content {
    font-size: 16px;
}
.loginGroup .lottery-box .square__start-btn {
    background: #E60000;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid transparent;
    font-family: 'Vodafone-Rg-Bd';
}
.loginGroup .lottery-box .lottery-s-head{
    color: #00697C;
    font-size: 20px;
    font-family: 'Vodafone-Rg-Bd';
}
.loginGroup .lottery-box .lottery-img-mr{ 
    margin: 32px 0;
}
.loginGroup .lottery-box .lottery-t-info{ 
    font-size: 16px;
    font-family: 'Vodafone-Rg-Bd';
}
.modals-background .modals-all .modal-box .lottery-img-mr img{
    margin: 0;
}
.loginGroup .lottery-box .lottery-s-head, .loginGroup .lottery-box .lottery-t-info{
    line-height: 1.3;
    width: 100%;
    max-width: 327px;
    margin: auto;
}
.loginGroup .lottery-box .lottery-inputs:first-child .all-inputs, .loginGroup .lottery-box .lottery-inputs:first-child{
    margin-top: 0;
}
.loginGroup .lottery-box .lot-small{
    font-size: 12px;
}
.loginGroup.profileGroup .login-title{
    font-size: 24px;
}
.loginGroup .login-title.small-p-head{
    padding-bottom: 16px;
}
.loginGroup .login-subtitle{
    padding-bottom: 40px;
    font-family: 'Vodafone-Rg-Bd';
    font-size: 16px;
}
.loginGroup .login-m-redirect{
    font-family: 'Vodafone-Rg-Bd';
    font-size: 16px;
    cursor: pointer;
    /* color: #E60000; */
    color: #333333;
    text-align: center;
    margin-top: 32px;
}
.section-login-group .m-w-promo{
    max-width: none;
    position: relative;
    overflow: hidden;
    min-height: 452px;
}
.loginGroup .img-responsive, #home .img-responsive, #kabelcheck .img-responsive{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(0%);
    width: auto;
    height: 100%;
    max-width: none;
    opacity: 0;
}
#home .img-responsive, #kabelcheck .img-responsive{
    height: 452px;
}
#home .loginGroup .img-responsive{
    height: 85%;
}
#home .loginGroup.mrg-tp .img-responsive{
    height: 89%;
}

/* LOGIN NEW END PAGE */
/* ALL MODALS DESIGN */
.modals-background.g-info.m-boxinfo .modals-all .f-bold div{
    font-family: 'Vodafone-Rg-Bd'!important;
}
.modals-background.g-info.m-boxinfo .modals-all{
    max-width: 456px;
}
.modals-background .m-box-table{
    display: table;
    width: 100%;
}
.modals-background .m-box-table-row{
    display: table-row;
    width: 100%;
}
.modals-background .m-box-table-cell{
    display: table-cell;
    vertical-align: middle;
    padding: 6px 12px;
    text-align: center;
    font-size: 16px;
    font-family: 'Vodafone-Rg';
    width: 33.333333%;
}
.modals-background .m-box-table-cell:nth-child(2){
    padding-left: 8px;
    padding-right:8px;
}
.modals-background .m-box-table-cell:first-child{
    padding-left: 0px;
    padding-right:16px;
}
.modals-background .m-box-table-cell:last-child{
    padding-right: 0px;
    padding-left: 16px;
}
.modals-background .box-grey{
    padding: 20px 8px;
    background-color: #F4F4F4;
    max-height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modals-background .btm-title{
    font-size: 16px;
    margin-top: 8px;
}
.modals-background .box-red{
    padding: 20px 8px;
    font-family: 'Vodafone-Rg-Bd';
    background-color: #E60000;
    color: #ffffff;
    max-height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modals-background::-webkit-scrollbar {
    width: 0px;
}
.modals-background::-webkit-scrollbar-track {
    background: transparent; 
}
.modals-background::-webkit-scrollbar-thumb {
    background: transparent; 
    border-radius: 4px;
}
.modals-background::-webkit-scrollbar-thumb:hover {
    background: transparent; 
}
.modals-background{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    z-index: 15;
    opacity: 0;
    display: none;
    overflow-y: overlay;
    overflow-x: hidden;
    outline: 0;
    overscroll-behavior-y: contain;
}
.modals-background.m-splash{
    display: none;
    opacity: 1;
}
.modals-all{
    -webkit-transition: all .35s 0s;
    -moz-transition: all .35s 0s;
    -o-transition: all .35s 0s;
    transition: all .35s 0s;
    padding: 0 10px;
    text-align: center;
    border-radius: 0;
    background-color: transparent;
    position: relative;
    margin: auto;
    padding: 70px 0;
    transform: scale(0);
    z-index: 17;
    width: 100%;
    max-width: 552px;
    font-size: 16px;
    height: 100%;
}
.calculation-modal .modals-all{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.modals-all.m-splash{
    transform: scale(1);
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
}
.modals-all.active{
    transform: scale(1);
}
.modals-all .l-middle{
    text-decoration: line-through;
}
.modals-all .btn.disabled{
    pointer-events: none;
    opacity: .5;
}
.modals-all h1{
    font-size: 32px;
    font-family: 'Vodafone-Rg-Bd';
    color: #262626;
}
.modals-all h2.h-regular{
    font-size: 24px;
    font-family: 'Vodafone-Rg';
    color: #333333;
    margin-bottom: 48px;
}
.modals-all h2{
    font-size: 24px;
    font-family: 'Vodafone-Rg-Bd';
    color: #E60000;
}
.modals-all .mrgtb-24{
    margin: 24px 0;
}
.modals-all div#textModal{
    font-size: 16px;
    font-family: 'Vodafone-Rg-Bd';
    color: #333333;
    line-height: 1.5;
    max-width: 444px;
    margin: 24px auto;
}
.m-boxinfo .modals-all div#textModal{
    font-size: 16px;
    font-family: 'Vodafone-Rg';
    color: #333333;
    line-height: 1.5;
}
.modals-background .m-table{
    display: table;
    width: 100%;
}
.modals-background .m-table-row{
    display: table-row;
}
.modals-background .m-table-cell{
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    padding: 30px 0;
    text-align: center;
    font-size: 16px;
    font-family: 'Vodafone-Rg-Bd';
    border-bottom: 1px solid #CCCCCC;
}
.modals-background .m-table-row:last-child .m-table-cell{
    border-bottom: 1px solid transparent;
}
.modals-background .modal-header-name{
    font-size: 24px;
    padding-bottom: 16px;
}
.modals-background .x-close{
    position: absolute;
    float: right;
    top: 66px;
    right: 15px;
    cursor: pointer;
    z-index: 99;
}
.modals-background button.x-close {
    background: transparent;
    border: none;
    height: 40px;
}
.loginGroup.modals-background .x-close{
    right: -150px;
}
.modals-background .bootstrap-select .dropdown-toggle .caret{
    display:none;
}
.modals-background .padd-20{
    padding-bottom: 20px;
}
.modals-background .paddt-20{
    padding-top: 20px;
}
.modals-background .padd-20.toptv{
    padding-bottom: 5px;
}
.modals-background .border-btm{
    border-bottom: 1px solid #D3D3D3;
    padding-bottom: 10px;
}
.modals-background .padd-top{
    padding-top: 20px;
}
.modals-background .padd-bottom{
    padding-bottom: 20px;
}
.modals-background .border-top{
    border-top: 1px solid #D3D3D3;
    padding-top: 10px;
    background-color: #F4F4F4;
}
.modals-background .border-back{
    padding: 0 0 10px 0;
    background-color: #F4F4F4;
}
.modals-background .padd-5{
    padding-bottom: 3px;
}
.modals-background .modal-row .modal-cell:first-child{
    padding-left: 10px;
}
.modals-background .modal-row .modal-cell:last-child{
    padding-right: 10px;
}
.modals-background .left-calc{
    float: left;
}
.modals-background .right-calc{
    float: right;
}
.modals-background .calc-header{
    padding-top: 30px;
    font-size: 16px;
    font-family: Vodafone-Rg;
}
.modals-background .medium{
    font-family: Vodafone-Rg;
}
.modals-background .padd-lr10{
    padding: 0 10px;
}
.modals-background.m-template .modal-text{
    padding-left: 10px;
    padding-right: 10px;
}
.modals-background .side-tableback{
    max-width: 360px;
    width: 100%;
    margin: auto;
}
.modals-background .side-table .side-tablerow > div:first-child{
    padding-left: 0;
}
.modals-background .side-table .side-tablerow > div:last-child{
    padding-right: 0;
}
.modals-background .side-tableback .side-head {
    padding-top: 0;
}
.modals-background .side-head {
    padding: 0;
}
.modals-background .side-tableback{
    padding: 10px;
    margin-bottom: 0px;
}
.modals-background .side-tablerow .side-tablecell{
    padding-bottom: 8px;
    font-size: 15px;
    font-family: 'Vodafone-Rg';
}
.modals-background .side-tablerow .side-head.side-tablecell{
    padding-bottom: 0;
    font-family: 'Vodafone-Rg-Bd';
}
.modals-background .side-tablerow .side-head.side-tablecell.p-cell-top{
    padding-top: 16px;
}
.modals-background .side-tablerow .side-tablecell.p-0{
    padding-bottom: 0;
}
.modals-background .modals-all .modal-box{
    padding: 35px 0;
}
.modals-background .modals-all .modal-box img{
    margin-bottom: 16px;
}
.modals-background.m-boxinfo .modals-all .modal-box{
    padding: 24px 0;
}
.modals-background.m-boxinfo .modals-all{
    max-width: 465px;
}
.m-kabelinternet-template-n.modals-background.m-boxinfo .modals-all{
    max-width: 380px;
}
.m-loginform-template.modals-background.m-boxinfo .modals-all .bigbox, .m-simplelogin-template.modals-background.m-boxinfo .modals-all .bigbox{
    margin: auto;
}
.modals-background .modals-all .box-group .modal-box:first-child{
    padding-top: 0px;
} 
.modals-background .modals-all .box-group .modal-box:last-child{
    padding-bottom: 70px;
} 
.modal-btngroupf .btn-primary-white{
    width: auto;
    color: #333333;
    font-size: 16px;
    background-color: #FFFFFF;
    padding: 8px 16px;
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.29);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.29);
    box-shadow: 0px 1px 4px rgba(0,0,0,.29);
}
.modals-all .btn-mrgt{
    margin-top: 24px;
}
.m-oneboxinfo-template .align-self-center {
    -ms-flex-item-align: start!important;
    align-self: start!important;
}
/* ALL MODALS DESIGN END */
/* BETELLEN PAGE */
#bestellen .chck-all{
    position: sticky;
    top: 90px;
    z-index: 1;
}
#bestellen .mdata-selection {
    font-size: 18px;
}
/*#bestellen .tooltip-content img{
    vertical-align: middle;
}*/
#bestellen{
    padding: 130px 0;
}
#bestellen .yearyoung.active{
    pointer-events: none;
    opacity: .6;
}
#bestellen .back-infocell {
    margin-bottom: 25px;
}
#bestellen .header-info span{
    font-family: 'Vodafone-Rg-Bd';
    font-size: 21px;
    color: #333333;
}
#bestellen .header-info h1{
    font-family: 'Vodafone-Rg-Bd';
    font-size: 21px;
    color: #333333;
}
#bestellen .off{
    padding: 0;
}
#bestellen .smaller-font{
    font-size: 14px;
}
#bestellen .input-head{
    font-size: 12px;
    font-family: 'Vodafone-Rg-Bd';
    /* padding-bottom: 10px; */
    text-align: left;
}
#bestellen input, #bestellen .input-field, #bestellen .input-select{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #B2B2B2;
    padding: 8px;
    margin-top: 10px;
    font-size: 16px;
    font-family: 'Vodafone-Rg';
    /*outline: none;*/
    height: 37px;
}
#bestellen .gender-selection.events-n{
    pointer-events: none;
    cursor: pointer;
}
#bestellen .c-pointer{
    cursor: pointer;
}
/* Основен стил за фокусирани полиња (за клик со глувче) */
#bestellen input:focus {
    border: 1px solid #007C91;
    outline: none;
}

/* Посебен стил за тастатурна навигација */
#bestellen input:focus-visible {
    outline: 1px solid #007C91;
    border: 1px solid #007C91;
    transition: none;
}

/* Избегнување двојно стилизирање при клик */
#bestellen input:focus:not(:focus-visible) {
    border: 1px solid #007C91;
    outline: none;
}

#bestellen .noev input{
    pointer-events: none;
}
#bestellen input:disabled, #terminForm input:disabled{
    color: #333333;
    cursor: pointer;
    background-color: #ffffff;
}
#bestellen #orderSubmit.disabled{
    pointer-events: none;
    opacity: .7;
}
#bestellen .bestellen-btnorder {
    font-family: 'Vodafone-Rg-Bd';
    background-color: #9C2AA0;
    color: #ffffff;
    vertical-align: middle;
    font-size: 16px;
    line-height: 30px;
    padding: 3px 40px;
    border-radius: 4px;
    cursor: pointer;
    height: 37px;
    display: inline-block;
}
#bestellen .back-infocell{
    float: left;
}
#bestellen .back-infocellsmall{
    width: 60px;
}
#bestellen .back-infocellbig{
    max-width: 300px;
    width: 100%;
}
#bestellen .mrg-r{
    margin-right: 20px;
}
#bestellen .mrg-btn{
    margin-left: 40px;
}
/* #bestellen .mrg-rowb{
    margin-bottom: 20px;
} */
#bestellen .mrg-tb{
    margin-top: 20px;
    margin-bottom: 10px;
}
#bestellen .marg-tb{
    margin-top: 10px;
    margin-bottom: 20px;
}
#bestellen .mrgchck-t{
    margin-top: 20px;
}
#bestellen .row-box{
    background-color: #F4F4F4;
    border-radius: 4px;
    padding: 20px;
}
#bestellen .row-box.off{
    padding-left: 30px;
    padding-right: 0;
}
#bestellen .checkbox-path {
    position: relative;
}
#bestellen .iban-input{
    padding-left: 27px;
    padding-right: 35px;
    font-size: 16px;
}
#bestellen .iban-de{
    position: absolute;
    top: 50%;
    margin-top: 6px;
    left: 10px;
    transform: translateY(-50%);
}
#bestellen .tv-display, #bestellen .wechsel-display, #bestellen .mynumber-display, #bestellen .delivery-display, #bestellen .itemized-display, #bestellen .billing-display, #bestellen .months-display{
    display: none;
}
#bestellen .tv-display.active, #bestellen .wechsel-display.active, #bestellen .mynumber-display.active, #bestellen .delivery-display.active, #bestellen .itemized-display.active, #bestellen .billing-display.active, #bestellen .months-display.active{
    display: block;
}
#bestellen .mrg-b10 {
    margin-bottom: 10px;
}
#bestellen .circle-leftright {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 34px;
    border: 1px solid #333333;
    height: 18px;
    border-radius: 18px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
}
.inline-path {
    display: inline-block;
}
.contents-path {
    display: contents;
}
.relative-path{
    position: relative;
}
#bestellen .pointerN{
    pointer-events: none;
}
#bestellen .statt-flat{
    display: none;
}
#bestellen .statt-flat.active{
    display: inline-block;
}
#bestellen .span{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#bestellen .span.focuschck{
    border: 2px solid #E60000;
    border-radius: 4px;
}
#bestellen .circle-inside {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 12px;
    height: 12px;
    background-color: #333333;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    bottom: 0;
    margin: auto 0;
    left: 3px;
}
#bestellen .circle-leftright.active {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #00697C;
    background-color: #00697C;
}
#bestellen .circle-inside.active {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #FFFFFF;
    left: 17px;
}
#bestellen .circle-leftright.active + .inline-path.active {
    color: #00697C;
}
#bestellen .inline-path.middle{
    position: relative;
    top: 1px;
    line-height: 14px;
}
#bestellen .side-line {
    width: 100%;
    height: 1px;
    margin: 4px 0;
    background: #CCCCCC;
}
#bestellen .mrg-line {
    margin: 70px 0!important;
}
#bestellen .mrgchck-l {
    vertical-align: middle;
    margin-left: 10px;
    line-height: 14px;
    font-size: 16px;
    position: relative;
    top: 0px;
    text-align: left;
}
#bestellen .mrgchck-lm {
    margin-left: 50px;
}
#bestellen #personal-data{
    margin-right: 17px;
}
#bestellen #side-prices{
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    padding: 0;
    margin-left: 17px;
    position: sticky;
    top: 95px;
}
#bestellen #side-prices.promo-m{
    top: 120px;
}
/* #bestellen #side-prices > div:first-child{
    padding-top: 10px;
} */
/* #bestellen #side-prices > div:nth-child(2){
    padding-bottom: 10px;
} */
#bestellen .side-head{
    font-size: 12px;
    font-family: 'Vodafone-Rg-Bd';
    padding: 0 10px;
}
#bestellen .side-green{
    color: #00697C;
}
#bestellen .side-tableback{
    background-color: #F4F4F4;
    padding: 0px;
    border-radius: 4px;
    margin-bottom: 5px;
}
#bestellen .side-tableback .side-head{
    padding-top: 10px;
}
#bestellen .side-table{
    display: table;
    width: 100%;
}
#bestellen .side-tablerow{
    display: table-row;
    width: 100%;
}
#bestellen .side-tablerow .side-tablecell{
    display: table-cell;
    font-size: 12px;
    vertical-align: top;
    padding-bottom: 3px;
    white-space: nowrap;
}
#bestellen .side-table .side-tablerow > div:last-child{
    padding-right: 10px;
}
#bestellen .side-table .side-tablerow > div:first-child{
    padding-left: 10px;
} 
#bestellen .side-tablerow:last-child .side-tablecell{
    padding-bottom: 10px;
}
#bestellen .side-line{
    width: 100%;
    height: 1px;
    margin: 4px 0;
    background: #CCCCCC;
}
#bestellen .chck-all{
    background-color: #F4F4F4;
    padding: 16px 17px;
    margin-left: -15px;
    border-top: 1px solid #CCCCCC;
    margin: 70px 0 24px -15px;
}
#bestellen #personal-data .side-line.mrg-last{
    margin-bottom: 0!important;
}
#bestellen .side-subtext{
    font-family: 'Vodafone-Rg';
    font-size: 12px;
    color: #333333;
}
#bestellen .side-endtext{
    font-size: 12px;
    font-family: 'Vodafone-Rg';
    padding: 0 10px;
}
#bestellen .second-data .back-infocellbig {
    width: 275px;
}
#bestellen .second-data .back-infocellsmall {
    width: 140px;
}
#bestellen .second-data .back-infocellxsmall{
    width:127.5px;
}
#bestellen .second-data .row-box {
    padding-top: 0;
}
#bestellen .second-data .mrg-tb {
    margin-top: 50px;
}
#bestellen .back-infocellkonto{
    width: 160px;
}
#bestellen .back-infocelliban{
    max-width: 290px;
    width: 100%;
}
#bestellen .back-infocellblz{
    width: 110px;
}
#bestellen .checkbox-table{
    width: 100%;
    display: table;
}
#bestellen .checkbox-table.i-tv{
    width: auto;
    float: left;
}
#bestellen .checkbox-table.i-tv{
    width: auto;
    float: left;
}
#bestellen .checkbox-table.auto{
    width: auto;
    float: left;
}
#bestellen .checkbox-row{
    width: 100%;
    display: table-row;
}
#bestellen .checkbox-cell{
    display: table-cell;
    vertical-align: middle;
}
#bestellen label{
    cursor: pointer;
}
.pointer{
    cursor: pointer;
}
#bestellen .checkbox-cell.top{
    display: table-cell;
    vertical-align: top;
}
#bestellen .mrgchck-l.top {
    top: 0;
    line-height: 1.5;
    font-size: 16px;
}
#bestellen .padd-table .checkbox-row .checkbox-cell{
    padding-bottom: 15px;
}
#bestellen .padd-l60{
    padding-left: 60px;
}
#bestellen .cell-50.top{
    padding-left: 30px;
}
#bestellen .cell-15{
    width: 16px;
    padding-right: 8px;
}
#bestellen .cell-20{
    padding-left: 20px;
}
#bestellen .cell-30{
    padding-left: 15px;
}
#bestellen .cell15{
    width: 20px;
    padding-right: 15px;
}
#bestellen .cell-235{
    width: 331px;
}
#bestellen .padd-bt8{
    padding-bottom: 8px;
}
#bestellen .f-sm{
    font-size: 12px;
}
#bestellen .ssl_box{
    max-width: 280px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-family: 'Vodafone-Rg-Bd';
    color: #666666;
    padding-top: 8px;
}
#bestellen .padd-bt10{
    padding-bottom: 10px;
}
#bestellen .inline-l, .modals-background .inline-l{
    display: inline;
}
#bestellen .padd-bt16{
    padding-bottom: 16px;
}
#bestellen .padd-bt20{
    padding-bottom: 20px;
}
#bestellen .padd-bt24{
    padding-bottom: 24px;
}
#bestellen .padd-bt40{
    padding-bottom: 40px;
}
#bestellen .padd-lr25{
    padding: 0 25px;
}
#bestellen .cellbtm{
    padding-bottom: 24px;
}
#bestellen .cellbtmrg{
    margin-bottom: 20px;
}
#bestellen .mrgchck-t40{
    margin-top: 40px;
}
#bestellen .mrgchck-t70{
    margin-top: 70px;
}
#bestellen .mrgchck-t30{
    margin-top: 30px;
}
#bestellen .circle-leftright.option{
    margin: 0;
}
#bestellen .option-arrow {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 13px;
    margin-left: 5px;
    transform: rotateX(0deg);
    cursor: pointer;
}
#bestellen .option-arrow.rotate {
    transform: rotateX(180deg);
}
#bestellen .optionsInfo{
    display: none;
    padding-top: 20px;
}
#bestellen .mbit-speed{
    position: relative;
    cursor: pointer;
}
#bestellen .mbit-dropdown{
    background-color: #ffffff;
    border: 1px solid #00697C;
    position: absolute;
    padding: 0 10px;
    border-radius: 4px;
    width: 130px;
    top: 28px;
    display: none;
    z-index: 1;
}
#bestellen .mbit-dropdown.block{
	display:block!important;
}
#bestellen .mbit-dropdown.none{
    display: none!important;
}
#bestellen .mbit-table, #terminForm .mbit-table{
    width: 100%;
    display: table;
    width: 100%;
    display: table;
    border-collapse: separate;
    border-spacing: 0 10px;
}
#terminForm .mbit-table{
    border-spacing: 0;
}
#bestellen .mbit-row, #terminForm .mbit-row{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
    display: table-row;
    cursor: pointer;
    opacity: 1;
}
#bestellen .mbit-row:hover, #terminForm .mbit-row:hover{
    opacity: .7;
}
#bestellen .mbit-cell, #terminForm .mbit-cell{
    width: 50%;
    display: table-cell;
}
#terminForm .mbit-cell{
    padding-bottom: 16px;
}
#terminForm .mbit-row:first-child .mbit-cell{
    padding-top: 16px;
}
#bestellen .mbit-selection, #terminForm .mbit-selection{
    cursor: pointer;
    border: 1px solid #00697C;
    border-radius: 4px;
    padding: 5px 10px;
    line-height: 16px;
    min-width: 130px;
    text-align: left;
}
#bestellen .mbit-arrow, #terminForm .mbit-arrow {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 13px;
    margin-left: 5px;
    transform: rotateX(0deg);
    cursor: pointer;

}
#bestellen .mbit-arrow.active, #terminForm .mbit-arrow.active{
	transform: rotateX(180deg);
}
#bestellen .mbit-speed.datepicker{
    width:100px;
}
#bestellen .mbit-speed.datepicker input{
    text-align: center;
}
#bestellen .gender-arrow, #terminForm .gender-arrow {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 13px;
    margin-left: 5px;
    transform: rotateX(0deg);
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}
#bestellen .gender-arrow.active, #terminForm .gender-arrow.active{
	transform: rotateX(180deg);
}
#bestellen .gender-dropdown, #terminForm .gender-dropdown{
    background-color: #ffffff;
    border: 1px solid rgb(178, 178, 178);
    position: absolute;
    padding: 0 10px;
    border-radius: 4px;
    width: 100%;
    top: 40px;
    z-index: 1;
    display: none;
}
#bestellen .gender-dropdown.active, #terminForm .gender-dropdown.active{
	display:block!important;
}
#bestellen #allnet_qty_sm, #bestellen #kids_qty_sm, #bestellen #allnetb_qty_sm,
#bestellen #L_qty_sm, #bestellen #M_qty_sm, #bestellen #S_qty_sm{
    margin-bottom: 24px;
}
#bestellen .bestellen-btnkosten {
    font-family: 'Vodafone-Rg-Bd';
    background-color: #E60000;
    color: #ffffff;
    vertical-align: middle;
    font-size: 16px;
    line-height: 30px;
    padding: 3px 24px;
    border-radius: 4px;
    cursor: pointer;
    height: 37px;
    max-width: 280px;
}
#bestellen .bestellen-btnkosten.bestellen-otelo{
    /*background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(255,120,0,1) 0%, rgba(250,165,50,1) 100%);*/
    background-color: #FAA532;
    color:#000;
}
#bestellen .kostenbtn-info{
    font-size: 12px;
    font-family: 'Vodafone-Rg';
}
#bestellen .homefifth-table {
    display: table;
    width: 100%;
    max-width: 800px;
}
#bestellen .homefifth-row {
    display: table-row;
    width: 100%;
}
#bestellen .homefifth-cell {
    display: table-cell;
    width: 100%;
}
#bestellen .homefifth-cell {
    display: table-cell;
    width: 100%;
}
#bestellen .fifth-header h1 {
    font-size: 24px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
#bestellen .panel-group {
    margin-bottom: 0;
}
#bestellen .panel {
    color: #808080;
    background-color: #fff;
    border-color: transparent;
    border: none;
    box-shadow: none;
}
#bestellen .panel-group a {
    opacity: 1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
#bestellen .panel-group a.active .background-collapse1 {
    -webkit-box-shadow: 0px 3px 10px 0px rgba(220,220,220,1);
    -moz-box-shadow: 0px 3px 10px 0px rgba(220,220,220,1);
    box-shadow: 0px 3px 10px 0px rgba(220,220,220,1);
}
#bestellen .panel-group a .background-collapse1 {
    background-color: #ffffff!important;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    border: 1px solid #f4f4f4;
    border-radius: 4px;
}
#bestellen .panel-group .panel+.panel {
    margin-top: 10px;
}
#bestellen .panel-heading {
    padding: 25px;
    position: relative;
}
#bestellen .panel-group a.active .background-collapse1 .panel-title {
    color: #333333!important;
}
#bestellen .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    text-align: left;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    font-family: 'Vodafone-Rg';
}
#bestellen .tarif-arrow {
    display: inline;
}
#bestellen a.active .tarif-arrow svg {
    transform: rotate(180deg);
}
#bestellen a .tarif-arrow svg {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 25px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
#bestellen a .tarif-arrow svg path {
    fill: #E60000;
}
#bestellen .tarif-info{
    margin-top: 20px;
    cursor: pointer;
    font-size: 14px;
}
#bestellen .tarif-info .tarif-arrow svg path {
    fill: #333333;
}
#bestellen .tarif-info .tarif-arrow svg{
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    width: 16px;
    height: 16px;
}
#bestellen .tarif-info.active .tarif-arrow svg {
    transform: rotateX(180deg);
}
#bestellen .tarif-content{
    display: none;
}
#bestellen .chck-legals a{
    cursor: pointer;
    color: #00697C;
    font-family: 'Vodafone-Rg';
}
#bestellen .light{
    font-family: 'Vodafone-Rg';
}
#bestellen .padd-bt10.light{
    font-size: 12px;
}
#bestellen .m-box-p{
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    cursor: pointer;
    background-color: #F4F8F0;
}
#bestellen .m-box-p div{
    color:#00697C;
    padding-bottom: 10px;
}
#bestellen #homeFifth {
    padding: 36px 0;
}
/* BESTELLEN PAGE END */
/* Input Number Start */
.modal-cookie .checkbox-table{
    width: 100%;
    display: table;
    text-align: left;
}
.modal-cookie .checkbox-row{
    width: 100%;
    display: table-row;
}
.modal-cookie .checkbox-cell{
    display: table-cell;
    vertical-align: top;
}
.modal-cookie .cell-15{
    width: 20px;
    padding-right: 15px;
}
.modal-cookie .checkbox-path {
    position: relative;
}
.modal-cookie h2.heading-secondary {
    margin-top: 24px;
    margin-bottom: 16px;
    color: #333333;
}
#sub-heading {
    font-size: 32px;
    font-family: 'Vodafone-Rg-Bd';
    margin-top: 16px;
    margin-bottom: 24px;
    color: #E60000;
}
.modal-cookie .f-book {
    line-height: 1.6;
    font-size: 16px;
}
.modal-cookie.modals-background.m-boxinfo .modals-all{
    max-width: 584px;
    margin: auto;
    height: 100%;
}
.modal-cookie.modals-background.m-boxinfo .modals-all{
    max-width: 390px;
}
.modal-cookie .renew-btn{
    max-width: 280px;
    width: 100%;
    min-width: auto;
    display: inline-block;
}
.modal-cookie .cookie-agree{
    max-width: 280px;
    min-width: auto;
    width: 100%;
    display: inline-block;
}
/* -- quantity box -- */
.quantity {
    display: inline-block;
   }
    
   #bestellen .red-display input.input-text.qty.text {
    width: 58px;
    height: 36px;
    padding: 0 5px;
    text-align: center;
    background-color: transparent;
    border: 1px solid #efefef;
   }
    
#bestellen .quantity.buttons_added {
    text-align: left;
    position: relative;
    white-space: nowrap;
    vertical-align: top;
   }
    
#bestellen .red-display div.column_left.pull-left input {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    box-shadow: none;
}
    
#bestellen .red-display input.minus,
#bestellen .red-display input.plus {
    padding: 7px 10px 8px;
    width: 35px;
    height: 36px;
    background-color: #ffffff;
    border: 0;
    cursor: pointer;
}
    
#bestellen .red-display input.minus:hover,
#bestellen .red-display input.plus:hover {
    background: #eeeeee;
}
    
#bestellen .red-display input::-webkit-outer-spin-button,
#bestellen .red-display input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
}
    
#bestellen .red-display input.minus:focus,
#bestellen .red-display input.plus:focus {
    outline: none;
}
#bestellen input.invalid:focus{
    border: 1px solid #E60000;
}
/* Input Number End */
.register-nav.arrow-svg svg .cls-1, .register-nav.arrow-svg svg .cls-2{
    stroke: #ffffff !important;
    opacity: 1;
}
.prufen-slide .prufen-flex{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
    font-size: 16px;
    font-family: 'Vodafone-Rg';
    line-height: 1.3;
}
.prufen-slide .prufen-head{
    font-size: 20px;
    margin-bottom: 16px;
}
.prufen-slide .prufen-flex div{
    text-align: left;
}
/* Bestellen Address Check Start */
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    max-height: 225px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 4px;
    color: #000202;
    position: absolute!important;
    max-width: 300px!important;
    background-color: #ffffff;
}
.ui-menu .ui-menu-item {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin: 0;
    border: 0;
    outline: none;
    cursor: pointer;
    list-style-image: #ffffff;
}

.ui-menu .ui-menu-item .ui-menu-item-wrapper{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    outline: none;
    border: none;
    padding: 7px 13px; 
    margin: 0;
    color: #000202;
    background-color: #ffffff;
}
.ui-menu .ui-menu-item .ui-menu-item-wrapper:hover{
    color: #FFFFFF;
    background-color: #E60000;
    border: none;
    outline: none;
}
.ui-menu .ui-menu-item .ui-menu-item-wrapper:focus{
    color: #FFFFFF;
    background-color: #E60000;
    outline: none;
    border:none;
}
.ui-widget.ui-widget-content::-webkit-scrollbar {
    width: 8px;
}
.ui-widget.ui-widget-content::-webkit-scrollbar-track {
    background: transparent; 
}
.ui-widget.ui-widget-content::-webkit-scrollbar-thumb {
    background: #E60000; 
    border-radius: 4px;
}
.ui-widget.ui-widget-content::-webkit-scrollbar-thumb:hover {
    background: #00697C; 
}
.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 8px;
}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin: 0;
    color: #00697C;
    background-color: #E6F9FF;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: none;
    background: transparent;
    font-weight: normal;
    color: #00697C;
    background-color: #E6F9FF;
}
.main-bestellen .section-options .autocomplete-grid {
    max-width: 356px;
    margin-left: 0;
}
#multiAddress, .autocomplete-grid a{
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}
.autocomplete-grid{
    max-width: 380px;
    width: 100%;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    margin: 0;
}
.ad-width{
    max-width: 400px;
    width: 100%;
    margin: 0;
    text-align: left;
}
#kabelcheck .ad-width{
    max-width: 400px;
    width: 100%;
    margin: 32px auto 0 auto;
    text-align: left;
}
.addcheck-box{
    Color: #00697C; 
    font-size: 14px;
    display: none;
}
.addcheck-box.checked{
    display: block;
}
.autocomplete-box{
    display: none;
    position: absolute;
    background: #ffffff;
    width: 100%;
    border: 1px solid #808080;
    border-radius: 8px;
    top: 39px;
    z-index: 1;
    text-align: left;
    max-height: 240px;
    overflow-y: auto;
}
.autocomplete-box.active{
    display: block !important;
    border-radius: 4px;
}
.autocomplete-box::-webkit-scrollbar {
    width: 8px;
}
.autocomplete-box::-webkit-scrollbar-track {
    background: transparent; 
}
.autocomplete-box::-webkit-scrollbar-thumb {
    background: #E60000; 
    border-radius: 4px;
}
.autocomplete-box::-webkit-scrollbar-thumb:hover {
    background: #00697C; 
}
.autocomplete-box a{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 7px 12px 7px 12px;
    display: block;
    color: #3A3A3A;
}
.autocomplete-box a:hover{
    color: #fff;
    background-color: #E60000;
}
.autocomplete-box a:last-child{
    padding-bottom: 10px;
}
#address-info.inactive{
    color:#E60000;
}
#address-info.active.inactive{
    color:#E60000;
}
#address_check_div .reset-address{
    font-size: 14px;
}
#address_check_div #button_prufen.btn-p-active{
    background-color: #438702;
    color: #fff;
}
#bestellen .bestellen-verfugbar {
    font-family: 'Vodafone-Rg-Bd';
    background-color: #438702;
    color: #ffffff;
    vertical-align: middle;
    font-size: 16px;
    line-height: 30px;
    padding: 3px 40px;
    border-radius: 4px;
    cursor: pointer;
    height: 37px;
    display: inline-block;
}
.loader-circ { 
    height: 16px;
    width: 16px;
    color: #ffffff;
    position: relative;
    display: inline-block;
    border: 2px solid;
    border-radius: 50%;
    border-right-color: #E60000;
    animation: rotate 1s linear infinite;
    vertical-align: middle;
    margin-right: 8px;
    position: relative;
    top: -0.3px;
} 
@keyframes rotate { 
    0% { transform: rotate(0); } 
    100% { transform: rotate(360deg); } 
}

.err-table {
    display: table;
    width: 100%;
}

.err-row {
    display: table-row;
    width: 100%;
}

.err-cell {
    font-family: 'Vodafone-Rg-Bd';
    font-size: 16px;
    color: #00697C;
    line-height: 24px;
    display: table-cell;
    vertical-align: top;
}

.err-btn{
    font-family: 'Vodafone-Rg-Bd';
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #333333;
    padding: 16px;
    margin-top: 40px;
    margin-bottom: 40px;
    border-radius: 4px;
    border: 1px solid #E60000;
}

.suc-btn{
    font-family: 'Vodafone-Rg-Bd';
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #333333;
    padding: 16px;
    margin-top: 40px;
    margin-bottom: 40px;
    border-radius: 4px;
    border: 1px solid #00697C;
}

.err-backbtn {
    font-size: 16px;
    font-family: 'Vodafone-Rg-Bd';
    max-width: 250px;
    border-radius: 4px;
    background-color: #9C2AA0;
    color: #ffffff;
    padding: 10px;
    display: block;
    text-align: center;
    margin: 40px auto 40px auto;
    cursor: pointer;
}

.err-backbtn:hover {
    color: #ffffff;
}

.dsl-back {
    color: #333333;
    font-size: 16px;
    font-family: 'Vodafone-Rg';
    cursor: pointer;
    text-align: center;
    margin-top: 16px;
}
/* Bestellen Address Check End */

.p-left-25 {
    padding-left: 25px;
}
.m-p-text {
    line-height: 1.5;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #bestellen .padd-bt40{
        padding-bottom: 8px;
    }
    #bestellen .bestellen-btnkosten {
        margin-top: 24px;
    }
    .section-login-group .m-w-promo{
        max-width: 100%;
        min-height: 452px;
    }
    .form-middle {
        max-width: 280px;
        margin: auto;
    }
}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .section-login-group .promo-group.big{
        padding: 56px 0 0 0;
    }
    .section-login-group .promo-group .border-n{
        border-top: none;
    }
    #home .loginGroup .img-responsive, .loginGroup.carouselGroup .img-responsive{
        height: 75%;
    }
    #smartphones_section.smart-login .smart-carousel{
        padding: 300px 0;
    }
    .prufen-slide .prufen-flex{
        align-items: flex-start;
        text-align: center;
        flex-direction: column;
    }
    .prufen-slide .prufen-flex div{
        margin: auto;
        max-width: 200px;
        width: 100%;
    }
    #home #smartphones_section.smart-login .smart-carousel {
        padding: 24px 0;
    }
    #smartphones_section.smart-home .smart-carousel h1{
        margin-bottom: 24px;
    }
    #bestellen .chck-all {
        position: sticky;
        top: 52px;
        z-index: 1;
    }
    .form-middle{
        max-width: 280px; 
        margin: auto;
    }
    .section-login-group .m-w-promo{
        max-width: 100%;
        min-height: unset;
    }
    .section-login-group .promo-t{
        font-size: 14px;
    }
    .section-login-group .promo-box{
        padding: 20px;
        border: none;
        flex: 0 50%;
        font-size: 14px!important;
    }
    .section-login-group .promo-t {
        text-align: left;
        padding-left: 8px;
    }
    .section-login-group .promo-m-w, .section-login-group .promo-m-w img{
        max-height: 24px;
        height: 24px;
    }
    #bestellen .chck-all{
        margin-left: -15px;
        margin-right: -15px;
    }
    #bestellen .padd-bt40{
        padding-bottom: 8px;
    }
    #bestellen .bestellen-btnkosten {
        margin-top: 24px;
    }
    .box-side-group br{
        display: none;
    }
}
#login-wrapper .splashscreen-template .desk-i{
    display: block!important;
}
#login-wrapper .splashscreen-template .resp-i{
    display: none!important;
}
@media screen and (max-width: 767px) {
    #login-wrapper .splashscreen-template .desk-i{
        display: none!important;
    }
    #login-wrapper .splashscreen-template .resp-i{
        display: block!important;
    }
    /* #login-wrapper .splashscreen-template .img-responsive{
        max-width: 85%;
        margin: auto;
    } */
}
/* COOKIEE */
#CookieNotification .cookie-flex{
    gap: 24px;
    padding: 32px 0;
    justify-content: flex-end;
}
#CookieNotification .cookie-popup {
    border-radius: 4px;
    background-color: #ffffff;
    padding: 21px 24px;
    max-width: 440px;
    width: 100%;
}
#CookieNotification .s-head {
    position: relative;
    top: 5px;
    padding-left: 0px;
    font-size: 20px;
    color:#333333;
    font-family: 'Vodafone-Rg-Bd';
}
#CookieNotification .p-top-btm{
    padding: 24px 0;
    font-size:16px;
    padding-bottom:32px;
}
#CookieNotification .a-links {
    text-align: center;
    color: #8A8A8A;
    font-size: 14px;
    padding-top:24px;
}
.footerlinks {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #8A8A8A;
    font-size: 22px;
}
#CookieNotification .footerlinks {
    font-size: 12px;
    color:#999999;
    font-family: 'Vodafone-Rg-Bd';
}
#bestellen .autocomplete-box{
    top: 64px;
}
#bestellen #address_select_field.autocomplete-box{
    top: 40px;
}
#footer button.btn {
    font-family: 'Vodafone-Rg';
}
@media screen and (max-width: 609px) {
    #kabelcheck #homeSecond .back-infocell {
        margin-bottom: 25px;
    }

    #kabelcheck #homeSecond .back-infocellbig {
        width: 100%;
    }

    #kabelcheck #homeSecond .back-infocellsmall {
        width: 100%;
    }
}
@media screen and (min-width: 610px) and (max-width: 767px) {
    #kabelcheck #homeSecond .row.mrg-rowbt {
        width: 465px;
        margin: 20px auto;
    }
    #kabelcheck #homeSecond .back-infocell.top {
        margin-top: 15px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    #kabelcheck #homeSecond .back-infocellbig {
        width: 230px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    #kabelcheck #homeSecond .row.mrg-rowbt {
        margin-left: 25px;
    }
}
@media screen and (min-width: 1200px) {
    #kabelcheck #homeSecond .row.mrg-rowbt {
        margin-left: 40px;
    }
}
.smart-wrap {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.slider-deals {
    display: flex;
    transition: transform 0.7s ease;
    width: 100%;
    max-height: 466px;
    overflow: hidden;
}
.filter-path{
    filter: blur(2.5px);
}
.slider-deals-container {
    flex: 0 0 auto;
    transition: transform 0.7s ease;
}

.slider-deals-container.slide-in-translate-p {
    transform: translateX(200%);
}

.slider-deals-container.slide-in-translate-m {
    transform: translateX(-200%);
}

.slider-deals-container.slide-in-left {
    transform: translateX(0%);
}

.slider-deals-container.slide-in-right {
    transform: translateX(0%);
}

.slider-deals-container.slide-out-left {
    transform: translateX(-200%);
}

.slider-deals-container.slide-out-right {
    transform: translateX(200%);
}

.carousel-b-left.disabled,
.carousel-b-right.disabled {
   display: none;
}





#smartphones_section.smart-login .section-smartphones{
    max-width: 312px;
}

#login-content #smartphones_section .c-dcs-price.scratch-grey{
    margin-left: 50px;
    color: #666666;
    position: relative;
}
#login-content #smartphones_section .c-dcs-price.scratch-grey:before {
    position: absolute;
    content: "";
    left: 0px;
    top: 50%;
    right: -30px;
    border-top: 2px solid #E60000;
    color: #E60000;
    border-color: inherit;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
}
.carousel-b-left img{
    position: absolute;
    top: 0;
    background: none;
    margin: 0;
    border: 0;
    left: 0;
    transform: rotate(180deg);
}
.carousel-b-right img{
    position: absolute;
    top: 0;
    background: none;
    margin: 0;
    border: 0;
    right: 0;
}
#smartphones_section .slider-deals-container .btm-decimal, #smartphonesSplash .slider-deals-container .btm-decimal {
    position: absolute;
    right: -44px;
    bottom: 7px;
    font-size: 14px;
    font-family: 'Vodafone-Rg';
}

@media screen and (max-width: 609px) {
    .carousel-b-right img, .carousel-b-left img{
        width: 32px!important;
        height: 32px!important;
    }
}


/* SIMPLE LOGIN */
.arrow-simple-svg img{
    height: 12px;
    vertical-align: middle;
}
.arrow-simple-svg{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}
.title-simple-log{
    text-align: left;
}
.title-simple-log .back-simple{
    text-align: left;
}
.title-simple-log .back-simple{
    text-align: left;
    margin-bottom: 8px;
    font-size: 12px;
    display: inline-block;
    cursor: pointer;
}
.title-simple-log .back-simple img{
    margin-bottom: 0!important;
    vertical-align: middle;
    margin-right: 8px;
    height: 8px;
}
.m-simplelogin-template .box-opacity-bg{
    background-color: rgba(51, 51, 51, .55);
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 7;
}
.m-simplelogin-template.modals-background .modal-box{
    max-width: 280px;
    width: 100%;
    margin: auto;
}
.m-simplelogin-template .ml-auto.f-pass-n{
    font-size: 12px;
    color: #333333;
    padding-top: 16px;
}
.loginGroup.carouselGroup.mrg-tp .carousel-circ-5 ~ .carousel-box-2.flex-simple-log{
    background-color: #00697C;
    font-family: 'Vodafone-Rg-Bd';
    font-size: 20px;
    min-height: 482px;
    color: #ffffff;
    align-content: center;
    cursor: pointer;
}
.loginGroup.carouselGroup .carousel-box-2.flex-simple-log{
    flex: 0;
}
.m-simplelogin-template .container {
    margin-right: 0;
    padding-right: 0;
}
.m-simplelogin-template.modals-background{
    background-color: transparent;
}
.m-simplelogin-template .modals-all{
    background-color: #ffffff;
    margin-right: 0;
}
.m-simplelogin-template.loginGroup.modals-background .x-close {
    right: 35px;
    top: 35px;
}
.m-simplelogin-template .modals-all{
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    right: -200%;
    transform: scale(1);
    padding: 120px 0;
}
.m-simplelogin-template .modals-all.active{
    z-index: 9;
    right: 0%;
}
.m-simplelogin-template .input-container {
    position: relative;
}
.m-simplelogin-template input {
    width: 100%;
    padding: 16px 12px 8px 12px;
    font-size: 16px;
    outline: none;
    border: 0px solid transparent;
    border-radius: 0;
    font-family: 'Vodafone-Rg-Bd';
    background-color: #F4F4F4;
}
/* .m-simplelogin-template input:not(:placeholder-shown) {
    padding: 16px 12px 8px 12px;
} */
.m-simplelogin-template label {
    position: absolute;
    left: 16px;
    top: 13px;
    font-size: 16px;
    color: #999999;
    pointer-events: none;
    transition: all 0.3s ease;
    font-family: 'Vodafone-Rg-Bd';
}
.m-simplelogin-template input:focus ~ label, .m-simplelogin-template input:not(:placeholder-shown) ~ label {
    top: 4px;
    left: 12px;
    font-size: 12px;
}
.m-simplelogin-template .title-simple-log h1{
    font-family: 'Vodafone-Rg-Bd';
    font-size: 20px;
    color: #333333;
    padding-bottom: 24px;
    text-align: left;
}
.m-simplelogin-template .title-simple-log h1 span{
    display: inline-block;
    vertical-align: bottom;
}
.m-simplelogin-template .ssl_box{
    padding-top: 24px;
    padding-bottom: 80px;
}
.m-simplelogin-template .icon-info{
    padding-bottom: 8px;
    font-family: 'Vodafone-Rg-Bd';
    color: #666666;
    font-size: 12px;
}
.m-simplelogin-template .pass-box-n{
    font-size: 12px;
    color: #666666;
    padding: 16px 0 0 0;
}
.m-simplelogin-template .pass-box-n div{
    display: flex;
    align-items: center;
    padding-bottom: 4px;
    font-size: 12px;
    color: #666666;
    gap: 8px;
}
.m-simplelogin-template .pass-box-n div img{
    margin-bottom: 0!important;
    padding-right: 8px;
}
.m-simplelogin-template .pass-box-n div.success{
    color: #428600;
}
.m-simplelogin-template .success svg circle{
    fill: #428600;
}
.m-simplelogin-template .pass_type{
    display: none;
}
.m-simplelogin-template .mrgt-log-btn-16{
    margin: 16px 0;
}
.m-simplelogin-template.loginGroup .email_error{
    bottom: -17px;
}
.m-simplelogin-template.loginGroup .pass_error{
    top: 46px;
}
/* .m-simplelogin-template input:placeholder-shown + label {
    top: 13px;
} */
.m-loginform-template.modals-background{
    z-index: 17;
}
@media screen and (max-width: 767px) {
    .m-simplelogin-template .modals-all{
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        right: 0%;
        bottom: -200%;
        transform: scale(1);
        padding: 120px 0;
    }
    .m-simplelogin-template .modals-all.active{
        right: 0%;
        bottom: -10%;
    }
    .loginGroup.carouselGroup.mrg-tp .carousel-circ-5 ~ .carousel-box-2.flex-simple-log{
        min-height: auto;
    }
    .m-simplelogin-template.loginGroup.modals-background .x-close {
        right: 35px;
        top: 35px;
        bottom: auto;
        text-align: right;
    }
    .m-simplelogin-template.modals-background.m-boxinfo .modals-all {
        max-width: 100%;
        width: 100%;
    }
    .m-simplelogin-template .container{
        max-width: 100%;
        padding: 0;
    }
    .loginGroup.carouselGroup.mrg-tp .carousel-circ-5 ~ .carousel-box-2.flex-simple-log{
        text-align: center;
    }
}
/* SIMPLE LOGIN */

/* VVL */
.vvl-content .flex-vvl{
    display: flex;
    align-items: flex-start;
    background-color: #fff;
    justify-content: center;
    padding: 72px 0 48px 0;
    gap: 72px;
}
.vvl-content .flex-vvl .vvl-img img{
    height: 240px;
}
.vvl-content a.btn.action {
    max-width: 400px;
    width: 100%;
}
.small-w-vvl{
    max-width: 364px;
    width: 100%;
    padding-left: 16px;
}
.vvl-content .flex-vvl h1{
    font-size: 32px;
    font-family: 'Vodafone-Rg-Bd';
    padding-bottom: 16px;
}
.vvl-content .flex-vvl ul li{
    padding-bottom: 16px;
    font-size: 20px;
}
.vvl-content .flex-vvl ul li span{
    display: inline-block;
    font-family: 'Vodafone-Rg-Bd';
    vertical-align: baseline;
}
.vvl-red{
    background-image: url("/static/img/content/vt_bg_smartphones-no-promo.jpg");
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 89px 0 32px 0;
    width: 100%;
    font-size: 32px;
    color: #ffffff;
    text-align: center;
    font-family: 'Vodafone-Rg-Bd';
}
.vvl-blue{
    background: transparent linear-gradient(270deg, #00B0CA 0%, #00B0CA 34%, #00697C 100%) 0% 0% no-repeat padding-box;
    padding: 16px;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    font-family: 'Vodafone-Rg';
}
.vvl-blue .vvl-numb{
    font-family: 'Vodafone-Rg-Bd';
    font-size: 20px;
    padding: 8px 0;
}
.vvl-content .img-bg-vvl{
    text-align: center;
    background-color: #ffffff;
    padding-bottom: 72px;
}
.vvl-content .img-path-vvl{
    padding-bottom: 8px;
    font-family: 'Vodafone-Rg-Bd';
}
.vvl-content .img-bg-vvl img{
    max-width: 100%;
    height: 40px;
}
@media screen and (max-width: 767px) {
    .vvl-content .flex-vvl {
        display: flex;
        align-items: center;
        background-color: #fff;
        justify-content: center;
        padding: 72px 0 48px 0;
        flex-direction: column;
        gap: 32px;
    }
    .vvl-content .flex-vvl ul li {
        padding-bottom: 16px;
        font-size: 16px;
    }
    .vvl-content .flex-vvl .vvl-img img{
        height: auto;
        max-width: 100%;
        max-height: 240px;
    }
    .vvl-content{
        padding: 0 24px;
        background-color: #ffffff;
    }
    .flex-vvl h1 br{
        display: none;
    }
    .vvl-content .img-bg-vvl img {
        height: 100px;
    }
    .vvl-content .img-bg-vvl {
        text-align: left;
    }
    .vvl-btn-fixed{
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 3;
        text-align: center;
        padding: 24px;
        background-color: #ffffff;
    }
}
/* VVL END */