}
.a-step-wizard li.a-step-wizard--completed a:before {
 border-color:#5aa3e3;
 background:#5aa3e3;
 font-family:TurkcellIconFont;
 position:absolute;
 color:#fff;
 font-size:1.25rem
}

}
.a-step-wizard li.a-step-wizard--completed:after {
 background:#5aa3e3;
}

}
.a-step-wizard {
 width:100%;
 height:2.875rem;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 padding-right:1.625rem;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 margin:0 auto;
 padding:0 2rem
}
.a-step-wizard li {
 position:relative;
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex;
 -webkit-box-flex:1;
 -ms-flex-positive:1;
 flex-grow:1
}
.a-step-wizard li:after {
 content:"";
 position:absolute;
 background:#dee3ed;
 left:0;
 width:100%;
 height:2px
}
.a-step-wizard li a {
 position:relative
}
.a-step-wizard li a:before {
 content:"";
 position:absolute;
 top:-.6875rem;
 border-radius:100%;
 height:1.25rem;
 width:1.25rem;
 background:#dee3ed;
 border:3px solid transparent;
 z-index:2;
 color:#253342
}
.a-step-wizard li a span {
 font-size:.6875rem;
 line-height:.6875rem;
 color:#8e9fad;
 font-weight:500;
 padding-top:1.375rem;
 text-align:center;
 width:6.25rem;
 margin-left:-2.0625rem;
 text-align:center;
 position:absolute;
 top:0;
 left:0
}
.a-step-wizard li:nth-last-child(1) {
 width:1.625rem
}
.a-step-wizard li:last-child {
 -webkit-box-flex:0;
 -ms-flex-positive:0;
 flex-grow:0
}
.a-step-wizard li:last-child:after {
 border:0
}
.a-step-wizard li.a-step-wizard--completed {
 position:relative
}
.a-step-wizard li.a-step-wizard--completed a {
 position:relative
}
.a-step-wizard li.a-step-wizard--completed a:before {
 border-color:#2855ac;
 background:#2855ac;
 font-family:TurkcellIconFont;
 position:absolute;
 color:#fff;
 font-size:1.25rem
}
.a-step-wizard li.a-step-wizard--completed a span {
 font-weight:700;
 color:#2855ac
}
.a-step-wizard li.a-step-wizard--completed a i {
 color:#2855ac!important
}
.a-step-wizard li.a-step-wizard--completed:after {
 background:#2855ac
}
.a-step-wizard li.a-step-wizard--active a:before {
 border-color:#5aa3e3;
 background:#fff
}
.a-step-wizard li.a-step-wizard--active a span {
 color:#5aa3e3;
 font-weight:700
}
.a-step-wizard--centered {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.a-step-wizard--centered li {
 -webkit-box-flex:0!important;
 -ms-flex-positive:0!important;
 flex-grow:0!important;
 width:50%
}
.a-step-wizard--centered li:last-child {
 width:0
}
.a-step-wizard--noCursor a {
 cursor:initial
}
.a-step-wizard--icon i {
 top:1.4375rem;
 position:absolute;
 color:#dee3ed;
 margin-left:-.375rem
}
.a-step-wizard--icon i:before {
 font-size:2.375rem
}
.a-step-wizard--icon span {
 top:3.125rem!important;
 font-size:1rem!important;
 width:12.5rem!important;
 margin-left:-5rem!important
}
.a-step-wizard--numbers {
 counter-reset:section!important
}
.a-step-wizard--numbers li {
 position:relative
}
.a-step-wizard--numbers li a:before {
 line-height:1.0625rem!important;
 font-size:.6875rem!important;
 text-align:center;
 font-family:GreycliffCF,sans-serif!important;
 counter-increment:section;
 content:counter(section)!important
}
.a-step-wizard--numbers li.a-step-wizard--completed:after {
 background:#dee3ed!important
}
.a-step-wizard--numbers li.a-step-wizard--completed:nth-child(2):before {
 content:"";
 position:absolute;
 background:#253342;
 width:100%;
 height:2px;
 left:-100%!important
}
.a-step-wizard--numbers li.a-step-wizard--completed:last-child:before {
 content:"";
 position:absolute;
 background:#253342;
 width:37.5rem;
 height:2px;
 left:-37.5rem!important
}
.a-step-wizard--long li a span {
 width:18.75rem;
 margin-left:-8.125rem
}

}
button.a-btn {
 line-height:1!important;
 cursor:pointer
}
.a-btn {
 min-width:8.75rem;
 line-height:2.5rem;
 height:2.5rem;
 background-color:#5aa3e3;
 padding:0 1.5rem;
 color:#253342;
 text-decoration:none;
 border-radius:2.5rem/100%;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 font-size:1rem;
 -webkit-transition:background-color .3s,padding-left .2s ease-in;
 -o-transition:background-color .3s,padding-left .2s ease-in;
 transition:background-color .3s,padding-left .2s ease-in;
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 font-weight:500;
 white-space:nowrap;
 overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 position:relative
}
.a-btn:hover {
 background-color:#ffd917
}
.a-btn:active {
 background-color:#eeb116
}
.a-btn--loading {
 padding-left:3.125rem
}
.a-btn--loading:before {
 background-image:url(../../common/images/loading-blue0827.html?1665748823944)!important;
 background-repeat:no-repeat!important;
 background-position:50% 50%!important;
 background-size:contain!important;
 left:1.125rem;
 right:auto;
 position:absolute;
 content:"";
 display:block;
 width:1.25rem;
 height:1.25rem;
 top:.5625rem
}
.a-btn--blue {
 background-color:#2855ac;
 color:#fff
}
.a-btn--blue:hover {
 background-color:#3a6ccd
}
.a-btn--blue:active {
 background-color:#263170
}
.a-btn--blue.a-btn--loading {
 background-image:url(../../common/images/loading-yellow0827.html?1665748823944)!important
}
.a-btn--dark-blue {
 background-color:#263170;
 color:#fff
}
.a-btn--dark-blue:hover {
 background-color:rgba(38,49,112,.9)
}
.a-btn--dark-blue:active {
 background-color:#263170
}
.a-btn--dark-blue.a-btn--disabled,
.a-btn--dark-blue:disabled {
 background-color:rgba(37,51,66,.4)!important;
 color:#fff!important;
 cursor:default;
 opacity:.4
}
.a-btn--dark-blue.a-btn--disabled:hover,
.a-btn--dark-blue:disabled:hover {
 background-color:rgba(37,51,66,.4)!important;
 color:#fff!important;
 cursor:default;
 opacity:.4
}
.a-btn--dark-blue.a-btn--loading {
 background-image:url(../../common/images/loading-yellow0827.html?1665748823944)!important
}
.a-btn--white {
 background-color:#fff;
 color:#253342
}
.a-btn--white:hover {
 background-color:#dee3ed
}
.a-btn--white:active {
 background-color:rgba(255,255,255,.6)
}
.a-btn--black-bordered {
 background-color:#fff;
 color:#253342;
 border:1px solid #253342
}
.a-btn--black-bordered:hover {
 background-color:#dee3ed
}
.a-btn--black-bordered:active {
 background-color:rgba(255,255,255,.6)
}
.a-btn--red-bordered {
 background-color:#fff;
 color:#ba3b3b;
 border:1px solid #ba3b3b
}
.a-btn--red-bordered:hover {
 background-color:#dee3ed
}
.a-btn--red-bordered:active {
 background-color:rgba(255,255,255,.6)
}
.a-btn--tag {
 padding:0 1rem;
 background-color:rgba(44,97,199,.5);
 height:2rem;
 line-height:2rem;
 font-size:.875rem;
 border-radius:2rem/100%;
 color:#fff;
 -webkit-transition:background-color .3s,-webkit-box-shadow .3s;
 transition:background-color .3s,-webkit-box-shadow .3s;
 -o-transition:background-color .3s,box-shadow .3s;
 transition:background-color .3s,box-shadow .3s;
 transition:background-color .3s,box-shadow .3s,-webkit-box-shadow .3s;
 min-width:auto
}
.a-btn--tag__active {
 font-weight:700;
 color:#253342
}
.a-btn--tag:hover {
 background-color:#2c61c7
}
.a-btn--tag:active {
 background-color:#2c61c7
}
.a-btn--tag.a-btn--disabled,
.a-btn--tag:disabled {
 background-color:#2c61c7;
 color:#fff;
 cursor:default;
 opacity:.4
}
.a-btn--tag.a-btn--disabled:hover,
.a-btn--tag:disabled:hover {
 background-color:#2c61c7;
 color:#fff;
 cursor:default;
 opacity:.4
}
.a-btn--tag--white {
 background-color:#fff;
 color:#253342;
 -webkit-box-shadow:0 1px 4px 0 rgba(37,51,66,.2);
 box-shadow:0 1px 4px 0 rgba(37,51,66,.2)
}
.a-btn--tag--white:hover {
 background-color:#fff;
 -webkit-box-shadow:0 3px 6px 0 rgba(37,51,66,.2);
 box-shadow:0 3px 6px 0 rgba(37,51,66,.2)
}
.a-btn--tag--white:active {
 background-color:#ecf0f2;
 -webkit-box-shadow:none;
 box-shadow:none
}
.a-btn--tag--white.a-btn--disabled,
.a-btn--tag--white:disabled {
 background-color:#fff;
 color:#253342;
 cursor:default;
 opacity:.4;
 -webkit-box-shadow:0 1px 4px 0 rgba(37,51,66,.2);
 box-shadow:0 1px 4px 0 rgba(37,51,66,.2)
}
.a-btn--tag--white.a-btn--disabled:hover,
.a-btn--tag--white:disabled:hover {
 background-color:#fff;
 color:#253342;
 cursor:default;
 opacity:.4;
 -webkit-box-shadow:0 1px 4px 0 rgba(37,51,66,.2);
 box-shadow:0 1px 4px 0 rgba(37,51,66,.2)
}
.a-btn--tag--transparent {
 background-color:transparent;
 color:#2855ac;
 -webkit-box-shadow:none;
 box-shadow:none;
 font-size:1rem;
 font-weight:500
}
.a-btn--tag--transparent:hover {
 background-color:transparent;
 -webkit-box-shadow:none;
 box-shadow:none
}
.a-btn--tag--transparent:active {
 background-color:transparent;
 -webkit-box-shadow:none;
 box-shadow:none
}
.a-btn--tag--white-blue {
 background-color:#fff;
 color:#253342;
 -webkit-box-shadow:none;
 box-shadow:none;
 border:1px solid #8e9fad;
 -webkit-transition-duration:.1s;
 -o-transition-duration:.1s;
 transition-duration:.1s;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.a-btn--tag--white-blue:hover {
 background-color:#fff;
 -webkit-box-shadow:0 3px 6px 0 rgba(37,51,66,.2);
 box-shadow:0 3px 6px 0 rgba(37,51,66,.2)
}
.a-btn--tag--white-blue.active {
 background-color:#2855ac;
 color:#fff;
 -webkit-box-shadow:none;
 box-shadow:none;
 border-color:#2855ac
}
.a-btn--tag--white-blue.a-btn--disabled,
.a-btn--tag--white-blue:disabled {
 background-color:#fff;
 color:#253342;
 cursor:default;
 opacity:.4;
 -webkit-box-shadow:0 1px 4px 0 rgba(37,51,66,.2);
 box-shadow:0 1px 4px 0 rgba(37,51,66,.2);
 border-color:#fff
}
.a-btn--tag--white-blue.a-btn--disabled:hover,
.a-btn--tag--white-blue:disabled:hover {
 background-color:#fff;
 color:#253342;
 cursor:default;
 opacity:.4;
 -webkit-box-shadow:0 1px 4px 0 rgba(37,51,66,.2);
 box-shadow:0 1px 4px 0 rgba(37,51,66,.2);
 border-color:#fff
}
.a-btn--with-icon {
 text-align:left;
 padding:0 3.5rem 0 1rem;
 position:relative;
 -webkit-box-pack:start;
 -ms-flex-pack:start;
 justify-content:flex-start
}
.a-btn--with-icon::before {
 font-family:TurkcellIconFont;
 font-size:1.25rem;
 position:absolute;
 right:1.125rem
}
.a-btn--with-icon--start {
 padding:0 1rem 0 3.5rem
}
.a-btn--with-icon--start::before {
 left:1.125rem;
 right:auto
}
.a-btn--product {
 width:100%;
 display:block;
 height:3.625rem;
 line-height:3.625rem;
 border-radius:0;
 border-top-left-radius:.75rem;
 border-top-right-radius:.75rem;
 text-align:center;
 font-size:1.125rem;
 background-color:rgba(255,201,0,.9);
 color:#1d242d;
 font-weight:500
}
.a-btn--product:hover {
 background-color:rgba(255,217,23,.9)
}
.a-btn--product:active {
 background-color:rgba(238,177,22,.9)
}
.a-btn--full {
 width:100%;
 display:block;
 text-align:center
}
.a-btn--full.a-btn--with-icon {
 text-align:left
}
.a-btn:active,
.a-btn:focus,
.a-btn:visited {
 outline:0
}
.a-btn--disabled,
.a-btn:disabled {
 background-color:#dee3ed;
 color:#8e9fad;
 border-color:#dee3ed;
 cursor:default
}
.a-btn--disabled:hover,
.a-btn:disabled:hover {
 background-color:#dee3ed;
 color:#8e9fad;
 border-color:#dee3ed;
 cursor:default
}
.a-btn--secondary {
 border:.0625rem solid #ffc900;
 background-color:transparent;
 border-color:#253342
}
.a-btn--secondary:hover {
 background-color:#ecf0f2;
 border-color:#253342
}
.a-btn--secondary:active {
 background-color:#dee3ed;
 border-color:#253342
}
.a-btn--secondary.a-btn--disabled,
.a-btn--secondary:disabled {
 background-color:transparent;
 color:#253342;
 border-color:#253342;
 cursor:default;
 opacity:.4
}
.a-btn--secondary.a-btn--disabled:hover,
.a-btn--secondary:disabled:hover {
 background-color:transparent;
 color:#253342;
 border-color:#253342;
 cursor:default;
 opacity:.4
}
.a-btn--secondary--white {
 border-color:#fff;
 color:#fff
}
.a-btn--secondary--white:hover {
 background-color:rgba(37,51,66,.2);
 border-color:#fff
}
.a-btn--secondary--white:active {
 background-color:rgba(37,51,66,.4);
 border-color:#fff
}
.a-btn--secondary--white.a-btn--disabled,
.a-btn--secondary--white:disabled {
 color:#fff;
 border-color:#fff
}
.a-btn--secondary--white.a-btn--disabled:hover,
.a-btn--secondary--white:disabled:hover {
 color:#fff;
 border-color:#fff
}
.a-btn--small {
 min-width:0;
 font-size:.75rem;
 padding:0 1rem;
 height:30px;
 line-height:30px;
 border-radius:26px
}
.a-btn--big {
 min-width:0;
 font-size:1rem;
 padding:0 1rem;
 height:3rem;
 line-height:3rem;
 border-radius:1.625rem
}
.a-btn--center {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 text-align:center!important;
 padding:0
}
.a-btn--fast-login,
.a-btn--fast-login-en {
 font-size:0;
 line-height:0!important;
 position:relative;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.a-btn--fast-login-en:before,
.a-btn--fast-login:before {
 background-image:url(../../common/images/sprite/sprite0827.html?1665748823944);
 background-position:-380px -421px;
 width:171px;
 height:25px;
 content:"";
 display:inline-block;
 position:absolute;
 top:50%;
 left:50%;
 margin-top:-.75rem;
 margin-left:-5.3125rem
}
.a-btn--fast-login-en:before {
 background-image:url(../../common/images/sprite/sprite0827.html?1665748823944);
 background-position:-380px -456px;
 width:124px;
 height:23px;
 margin-top:-.6875rem;
 margin-left:-3.75rem
}
.a-btn-icon {
 font-size:0;
 line-height:0!important;
 display:inline-block;
 text-align:center;
 padding:2px;
 background-color:transparent;
 color:#fff;
 text-decoration:none;
 border:0;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.a-btn-icon i::before {
 font-family:TurkcellIconFont;
 display:block;
 font-size:1.25rem
}
.a-btn-icon:hover {
 color:#ffc900;
 cursor:pointer
}
.a-btn-icon--circle {
 width:2.5rem;
 height:2.5rem;
 border-radius:100%;
 background-color:#f7f9fa;
 color:#2855ac;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 text-decoration:none
}
.a-btn-icon--circle:hover {
 background-color:#ecf0f2;
 color:#2855ac
}
.a-btn-icon--circle:active {
 background-color:#dee3ed;
 color:#2855ac
}
.a-btn-icon--circle.a-btn-icon--disabled {
 background-color:#f7f9fa;
 color:#2855ac;
 cursor:default;
 opacity:.4
}
.a-btn-icon--circle.a-btn-icon--disabled:hover {
 background-color:#f7f9fa;
 color:#2855ac;
 cursor:default;
 opacity:.4
}
.a-btn-icon--circle--transparent {
 background-color:rgba(255,255,255,.25);
 color:#fff
}
.a-btn-icon--circle--transparent:hover {
 background-color:rgba(255,255,255,.6);
 color:#fff
}
.a-btn-icon--circle--transparent:active {
 background-color:rgba(0,0,0,.14);
 color:#fff
}
.a-btn-icon--circle--transparent.a-btn-icon--disabled {
 background-color:rgba(255,255,255,.25);
 color:#fff;
 cursor:default;
 opacity:.4
}
.a-btn-icon--circle--transparent.a-btn-icon--disabled:hover {
 background-color:rgba(255,255,255,.25);
 color:#fff;
 cursor:default;
 opacity:.4
}
.a-btn-icon--circle--white {
 background-color:#fff;
 color:#253342
}
.a-btn-icon--circle--white:hover {
 background-color:#dee3ed;
 color:#253342
}
.a-btn-icon--circle--white:active {
 background-color:rgba(255,255,255,.6);
 color:#253342
}
.a-btn-icon--circle--yellow {
 background-color:#ffc900;
 color:#253342
}
.a-btn-icon--circle--yellow:hover {
 background-color:#ffd917;
 color:#253342
}
.a-btn-icon--circle--yellow:active {
 background-color:#eeb116;
 color:#253342
}
.a-btn-icon--small {
 width:1.5rem;
 height:1.5rem
}
.a-btn-icon--small i:before {
 font-size:1.125rem
}
.a-btn-icon--medium {
 width:2.5rem;
 height:2.5rem
}
.a-btn-icon--medium-b {
 width:3rem;
 height:3rem
}
.a-btn-icon--medium-b i:before {
 font-size:1.5rem
}
.a-btn-icon--big {
 width:4rem;
 height:4rem
}
.a-btn-icon--big i:before {
 font-size:1.625rem
}
.a-btn-icon:active,
.a-btn-icon:focus,
.a-btn-icon:visited {
 outline:0
}


.o-p-basic-header__logo {
 width:250px;
 margin-right:0px;
 margin-bottom:0
}
.o-p-basic-header__logo img {
 max-width:100%;
}
.o-p-filter-side-bar {
 padding-right:.625rem
}

}
.a-step-wizard {
 width:100%;
 height:2.875rem;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 padding-right:1.625rem;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 margin:0 auto;
 padding:0 2rem
}
.a-step-wizard li {
 position:relative;
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex;
 -webkit-box-flex:1;
 -ms-flex-positive:1;
 flex-grow:1
}
.a-step-wizard li:after {
 content:"";
 position:absolute;
 background:#dee3ed;
 left:0;
 width:100%;
 height:2px
}
.a-step-wizard li a {
 position:relative
}
.a-step-wizard li a:before {
 content:"";
 position:absolute;
 top:-.6875rem;
 border-radius:100%;
 height:1.25rem;
 width:1.25rem;
 background:#dee3ed;
 border:3px solid transparent;
 z-index:2;
 color:#253342
}
.a-step-wizard li a span {
 font-size:.6875rem;
 line-height:.6875rem;
 color:#8e9fad;
 font-weight:500;
 padding-top:1.375rem;
 text-align:center;
 width:6.25rem;
 margin-left:-2.0625rem;
 text-align:center;
 position:absolute;
 top:0;
 left:0
}
.a-step-wizard li:nth-last-child(1) {
 width:1.625rem
}
.a-step-wizard li:last-child {
 -webkit-box-flex:0;
 -ms-flex-positive:0;
 flex-grow:0
}
.a-step-wizard li:last-child:after {
 border:0
}
.a-step-wizard li.a-step-wizard--completed {
 position:relative
}
.a-step-wizard li.a-step-wizard--completed a {
 position:relative
}
.a-step-wizard li.a-step-wizard--completed a:before {
 border-color:#5aa3e3;
 background:#5aa3e3;
 font-family:TurkcellIconFont;
 position:absolute;
 color:#fff;
 font-size:1.25rem
}
.a-step-wizard li.a-step-wizard--completed a span {
 font-weight:700;
 color:#5aa3e3
}
.a-step-wizard li.a-step-wizard--completed a i {
 color:#2855ac!important
}
.a-step-wizard li.a-step-wizard--completed:after {
 background:#5aa3e3
}
.a-step-wizard li.a-step-wizard--active a:before {
 border-color:#5aa3e3;
 background:#fff
}
.a-step-wizard li.a-step-wizard--active a span {
 color:#5aa3e3;
 font-weight:700
}
.a-step-wizard--centered {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.a-step-wizard--centered li {
 -webkit-box-flex:0!important;
 -ms-flex-positive:0!important;
 flex-grow:0!important;
 width:50%
}
.a-step-wizard--centered li:last-child {
 width:0
}
.a-step-wizard--noCursor a {
 cursor:initial
}
.a-step-wizard--icon i {
 top:1.4375rem;
 position:absolute;
 color:#dee3ed;
 margin-left:-.375rem
}
.a-step-wizard--icon i:before {
 font-size:2.375rem
}
.a-step-wizard--icon span {
 top:3.125rem!important;
 font-size:1rem!important;
 width:12.5rem!important;
 margin-left:-5rem!important
}
.a-step-wizard--numbers {
 counter-reset:section!important
}
.a-step-wizard--numbers li {
 position:relative
}
.a-step-wizard--numbers li a:before {
 line-height:1.0625rem!important;
 font-size:.6875rem!important;
 text-align:center;
 font-family:GreycliffCF,sans-serif!important;
 counter-increment:section;
 content:counter(section)!important
}
.a-step-wizard--numbers li.a-step-wizard--completed:after {
 background:#dee3ed!important
}
.a-step-wizard--numbers li.a-step-wizard--completed:nth-child(2):before {
 content:"";
 position:absolute;
 background:#253342;
 width:100%;
 height:2px;
 left:-100%!important
}
.a-step-wizard--numbers li.a-step-wizard--completed:last-child:before {
 content:"";
 position:absolute;
 background:#253342;
 width:37.5rem;
 height:2px;
 left:-37.5rem!important
}
.a-step-wizard--long li a span {
 width:18.75rem;
 margin-left:-8.125rem
}

}
button.a-btn {
 line-height:1!important;
 cursor:pointer
}
.a-btn {
 min-width:8.75rem;
 line-height:2.5rem;
 height:2.5rem;
 background-color:#ffc900;
 padding:0 1.5rem;
 color:#253342;
 text-decoration:none;
 border-radius:2.5rem/100%;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 font-size:1rem;
 -webkit-transition:background-color .3s,padding-left .2s ease-in;
 -o-transition:background-color .3s,padding-left .2s ease-in;
 transition:background-color .3s,padding-left .2s ease-in;
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 font-weight:500;
 white-space:nowrap;
 overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 position:relative
}
.a-btn:hover {
 background-color:#ffd917
}
.a-btn:active {
 background-color:#eeb116
}
.a-btn--loading {
 padding-left:3.125rem
}
.a-btn--loading:before {
 background-image:url(../../common/images/loading-blue0827.html?1665748823944)!important;
 background-repeat:no-repeat!important;
 background-position:50% 50%!important;
 background-size:contain!important;
 left:1.125rem;
 right:auto;
 position:absolute;
 content:"";
 display:block;
 width:1.25rem;
 height:1.25rem;
 top:.5625rem
}
.a-btn--blue {
 background-color:#2855ac;
 color:#fff
}
.a-btn--blue:hover {
 background-color:#3a6ccd
}
.a-btn--blue:active {
 background-color:#263170
}
.a-btn--blue.a-btn--loading {
 background-image:url(../../common/images/loading-yellow0827.html?1665748823944)!important
}
.a-btn--dark-blue {
 background-color:#263170;
 color:#fff
}
.a-btn--dark-blue:hover {
 background-color:rgba(38,49,112,.9)
}
.a-btn--dark-blue:active {
 background-color:#263170
}
.a-btn--dark-blue.a-btn--disabled,
.a-btn--dark-blue:disabled {
 background-color:rgba(37,51,66,.4)!important;
 color:#fff!important;
 cursor:default;
 opacity:.4
}
.a-btn--dark-blue.a-btn--disabled:hover,
.a-btn--dark-blue:disabled:hover {
 background-color:rgba(37,51,66,.4)!important;
 color:#fff!important;
 cursor:default;
 opacity:.4
}
.a-btn--dark-blue.a-btn--loading {
 background-image:url(../../common/images/loading-yellow0827.html?1665748823944)!important
}
.a-btn--white {
 background-color:#fff;
 color:#253342
}
.a-btn--white:hover {
 background-color:#dee3ed
}
.a-btn--white:active {
 background-color:rgba(255,255,255,.6)
}
.a-btn--black-bordered {
 background-color:#fff;
 color:#253342;
 border:1px solid #253342
}
.a-btn--black-bordered:hover {
 background-color:#dee3ed
}
.a-btn--black-bordered:active {
 background-color:rgba(255,255,255,.6)
}
.a-btn--red-bordered {
 background-color:#fff;
 color:#ba3b3b;
 border:1px solid #ba3b3b
}
.a-btn--red-bordered:hover {
 background-color:#dee3ed
}
.a-btn--red-bordered:active {
 background-color:rgba(255,255,255,.6)
}
.a-btn--tag {
 padding:0 1rem;
 background-color:rgba(44,97,199,.5);
 height:2rem;
 line-height:2rem;
 font-size:.875rem;
 border-radius:2rem/100%;
 color:#fff;
 -webkit-transition:background-color .3s,-webkit-box-shadow .3s;
 transition:background-color .3s,-webkit-box-shadow .3s;
 -o-transition:background-color .3s,box-shadow .3s;
 transition:background-color .3s,box-shadow .3s;
 transition:background-color .3s,box-shadow .3s,-webkit-box-shadow .3s;
 min-width:auto
}
.a-btn--tag__active {
 font-weight:700;
 color:#253342
}
.a-btn--tag:hover {
 background-color:#2c61c7
}
.a-btn--tag:active {
 background-color:#2c61c7
}
.a-btn--tag.a-btn--disabled,
.a-btn--tag:disabled {
 background-color:#2c61c7;
 color:#fff;
 cursor:default;
 opacity:.4
}
.a-btn--tag.a-btn--disabled:hover,
.a-btn--tag:disabled:hover {
 background-color:#2c61c7;
 color:#fff;
 cursor:default;
 opacity:.4
}
.a-btn--tag--white {
 background-color:#fff;
 color:#253342;
 -webkit-box-shadow:0 1px 4px 0 rgba(37,51,66,.2);
 box-shadow:0 1px 4px 0 rgba(37,51,66,.2)
}
.a-btn--tag--white:hover {
 background-color:#fff;
 -webkit-box-shadow:0 3px 6px 0 rgba(37,51,66,.2);
 box-shadow:0 3px 6px 0 rgba(37,51,66,.2)
}
.a-btn--tag--white:active {
 background-color:#ecf0f2;
 -webkit-box-shadow:none;
 box-shadow:none
}
.a-btn--tag--white.a-btn--disabled,
.a-btn--tag--white:disabled {
 background-color:#fff;
 color:#253342;
 cursor:default;
 opacity:.4;
 -webkit-box-shadow:0 1px 4px 0 rgba(37,51,66,.2);
 box-shadow:0 1px 4px 0 rgba(37,51,66,.2)
}
.a-btn--tag--white.a-btn--disabled:hover,
.a-btn--tag--white:disabled:hover {
 background-color:#fff;
 color:#253342;
 cursor:default;
 opacity:.4;
 -webkit-box-shadow:0 1px 4px 0 rgba(37,51,66,.2);
 box-shadow:0 1px 4px 0 rgba(37,51,66,.2)
}
.a-btn--tag--transparent {
 background-color:transparent;
 color:#2855ac;
 -webkit-box-shadow:none;
 box-shadow:none;
 font-size:1rem;
 font-weight:500
}
.a-btn--tag--transparent:hover {
 background-color:transparent;
 -webkit-box-shadow:none;
 box-shadow:none
}
.a-btn--tag--transparent:active {
 background-color:transparent;
 -webkit-box-shadow:none;
 box-shadow:none
}
.a-btn--tag--white-blue {
 background-color:#fff;
 color:#253342;
 -webkit-box-shadow:none;
 box-shadow:none;
 border:1px solid #8e9fad;
 -webkit-transition-duration:.1s;
 -o-transition-duration:.1s;
 transition-duration:.1s;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.a-btn--tag--white-blue:hover {
 background-color:#fff;
 -webkit-box-shadow:0 3px 6px 0 rgba(37,51,66,.2);
 box-shadow:0 3px 6px 0 rgba(37,51,66,.2)
}
.a-btn--tag--white-blue.active {
 background-color:#2855ac;
 color:#fff;
 -webkit-box-shadow:none;
 box-shadow:none;
 border-color:#2855ac
}
.a-btn--tag--white-blue.a-btn--disabled,
.a-btn--tag--white-blue:disabled {
 background-color:#fff;
 color:#253342;
 cursor:default;
 opacity:.4;
 -webkit-box-shadow:0 1px 4px 0 rgba(37,51,66,.2);
 box-shadow:0 1px 4px 0 rgba(37,51,66,.2);
 border-color:#fff
}
.a-btn--tag--white-blue.a-btn--disabled:hover,
.a-btn--tag--white-blue:disabled:hover {
 background-color:#fff;
 color:#253342;
 cursor:default;
 opacity:.4;
 -webkit-box-shadow:0 1px 4px 0 rgba(37,51,66,.2);
 box-shadow:0 1px 4px 0 rgba(37,51,66,.2);
 border-color:#fff
}
.a-btn--with-icon {
 text-align:left;
 padding:0 3.5rem 0 1rem;
 position:relative;
 -webkit-box-pack:start;
 -ms-flex-pack:start;
 justify-content:flex-start
}
.a-btn--with-icon::before {
 font-family:TurkcellIconFont;
 font-size:1.25rem;
 position:absolute;
 right:1.125rem
}
.a-btn--with-icon--start {
 padding:0 1rem 0 3.5rem
}
.a-btn--with-icon--start::before {
 left:1.125rem;
 right:auto
}
.a-btn--product {
 width:100%;
 display:block;
 height:3.625rem;
 line-height:3.625rem;
 border-radius:0;
 border-top-left-radius:.75rem;
 border-top-right-radius:.75rem;
 text-align:center;
 font-size:1.125rem;
 background-color:rgba(255,201,0,.9);
 color:#1d242d;
 font-weight:500
}
.a-btn--product:hover {
 background-color:rgba(255,217,23,.9)
}
.a-btn--product:active {
 background-color:rgba(238,177,22,.9)
}
.a-btn--full {
 width:100%;
 display:block;
 text-align:center
}
.a-btn--full.a-btn--with-icon {
 text-align:left
}
.a-btn:active,
.a-btn:focus,
.a-btn:visited {
 outline:0
}
.a-btn--disabled,
.a-btn:disabled {
 background-color:#dee3ed;
 color:#8e9fad;
 border-color:#dee3ed;
 cursor:default
}
.a-btn--disabled:hover,
.a-btn:disabled:hover {
 background-color:#dee3ed;
 color:#8e9fad;
 border-color:#dee3ed;
 cursor:default
}
.a-btn--secondary {
 border:.0625rem solid #ffc900;
 background-color:transparent;
 border-color:#253342
}
.a-btn--secondary:hover {
 background-color:#ecf0f2;
 border-color:#253342
}
.a-btn--secondary:active {
 background-color:#dee3ed;
 border-color:#253342
}
.a-btn--secondary.a-btn--disabled,
.a-btn--secondary:disabled {
 background-color:transparent;
 color:#253342;
 border-color:#253342;
 cursor:default;
 opacity:.4
}
.a-btn--secondary.a-btn--disabled:hover,
.a-btn--secondary:disabled:hover {
 background-color:transparent;
 color:#253342;
 border-color:#253342;
 cursor:default;
 opacity:.4
}
.a-btn--secondary--white {
 border-color:#fff;
 color:#fff
}
.a-btn--secondary--white:hover {
 background-color:rgba(37,51,66,.2);
 border-color:#fff
}
.a-btn--secondary--white:active {
 background-color:rgba(37,51,66,.4);
 border-color:#fff
}
.a-btn--secondary--white.a-btn--disabled,
.a-btn--secondary--white:disabled {
 color:#fff;
 border-color:#fff
}
.a-btn--secondary--white.a-btn--disabled:hover,
.a-btn--secondary--white:disabled:hover {
 color:#fff;
 border-color:#fff
}
.a-btn--small {
 min-width:0;
 font-size:.75rem;
 padding:0 1rem;
 height:30px;
 line-height:30px;
 border-radius:26px
}
.a-btn--big {
 min-width:0;
 font-size:1rem;
 padding:0 1rem;
 height:3rem;
 line-height:3rem;
 border-radius:1.625rem
}
.a-btn--center {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 text-align:center!important;
 padding:0
}
.a-btn--fast-login,
.a-btn--fast-login-en {
 font-size:0;
 line-height:0!important;
 position:relative;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.a-btn--fast-login-en:before,
.a-btn--fast-login:before {
 background-image:url(../../common/images/sprite/sprite0827.html?1665748823944);
 background-position:-380px -421px;
 width:171px;
 height:25px;
 content:"";
 display:inline-block;
 position:absolute;
 top:50%;
 left:50%;
 margin-top:-.75rem;
 margin-left:-5.3125rem
}
.a-btn--fast-login-en:before {
 background-image:url(../../common/images/sprite/sprite0827.html?1665748823944);
 background-position:-380px -456px;
 width:124px;
 height:23px;
 margin-top:-.6875rem;
 margin-left:-3.75rem
}
.a-btn-icon {
 font-size:0;
 line-height:0!important;
 display:inline-block;
 text-align:center;
 padding:2px;
 background-color:transparent;
 color:#fff;
 text-decoration:none;
 border:0;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.a-btn-icon i::before {
 font-family:TurkcellIconFont;
 display:block;
 font-size:1.25rem
}
.a-btn-icon:hover {
 color:#ffc900;
 cursor:pointer
}
.a-btn-icon--circle {
 width:2.5rem;
 height:2.5rem;
 border-radius:100%;
 background-color:#f7f9fa;
 color:#2855ac;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 text-decoration:none
}
.a-btn-icon--circle:hover {
 background-color:#ecf0f2;
 color:#2855ac
}
.a-btn-icon--circle:active {
 background-color:#dee3ed;
 color:#2855ac
}
.a-btn-icon--circle.a-btn-icon--disabled {
 background-color:#f7f9fa;
 color:#2855ac;
 cursor:default;
 opacity:.4
}
.a-btn-icon--circle.a-btn-icon--disabled:hover {
 background-color:#f7f9fa;
 color:#2855ac;
 cursor:default;
 opacity:.4
}
.a-btn-icon--circle--transparent {
 background-color:rgba(255,255,255,.25);
 color:#fff
}
.a-btn-icon--circle--transparent:hover {
 background-color:rgba(255,255,255,.6);
 color:#fff
}
.a-btn-icon--circle--transparent:active {
 background-color:rgba(0,0,0,.14);
 color:#fff
}
.a-btn-icon--circle--transparent.a-btn-icon--disabled {
 background-color:rgba(255,255,255,.25);
 color:#fff;
 cursor:default;
 opacity:.4
}
.a-btn-icon--circle--transparent.a-btn-icon--disabled:hover {
 background-color:rgba(255,255,255,.25);
 color:#fff;
 cursor:default;
 opacity:.4
}
.a-btn-icon--circle--white {
 background-color:#fff;
 color:#253342
}
.a-btn-icon--circle--white:hover {
 background-color:#dee3ed;
 color:#253342
}
.a-btn-icon--circle--white:active {
 background-color:rgba(255,255,255,.6);
 color:#253342
}
.a-btn-icon--circle--yellow {
 background-color:#ffc900;
 color:#253342
}
.a-btn-icon--circle--yellow:hover {
 background-color:#ffd917;
 color:#253342
}
.a-btn-icon--circle--yellow:active {
 background-color:#eeb116;
 color:#253342
}
.a-btn-icon--small {
 width:1.5rem;
 height:1.5rem
}
.a-btn-icon--small i:before {
 font-size:1.125rem
}
.a-btn-icon--medium {
 width:2.5rem;
 height:2.5rem
}
.a-btn-icon--medium-b {
 width:3rem;
 height:3rem
}
.a-btn-icon--medium-b i:before {
 font-size:1.5rem
}
.a-btn-icon--big {
 width:4rem;
 height:4rem
}
.a-btn-icon--big i:before {
 font-size:1.625rem
}
.a-btn-icon:active,
.a-btn-icon:focus,
.a-btn-icon:visited {
 outline:0
}


.o-p-basic-header__logo {
 width:250px;
 margin-right:0px;
 margin-bottom:0
}
.o-p-basic-header__logo img {
 max-width:100%;
}
.o-p-filter-side-bar {
 padding-right:.625rem
}