article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden] {
    display: none
}

html {
    background: #fff;
    color: #000;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled],
    html input[disabled] {
        cursor: default
    }

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.fd-form-element-hidden {
    display: none
}

.fd-slider {
    width: 100%;
    height: 45px
}

.fd-slider {
    text-align: center;
    display: block;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    border: 0 none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fd-slider-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.fd-slider-inner {
    display: none
}

.fd-slider-bar {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABQCAYAAAAz8KTYAAAAJklEQVR42u3RsQkAAAzDsP5/cFaXdOoLgQwG7R7gKgxJuCB03McCVF0B3+kP8r4AAAAASUVORK5CYII=) center center repeat-x;
    background-size: 1px
}

.fd-slider-range {
    display: block;
    position: absolute;
    z-index: 3;
    margin: 0;
    padding: 0 2px 0 0;
    height: 10px;
    display: block;
    top: 18px;
    left: 0;
    background: #0C4BA0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAMAAACDMFxkAAAARVBMVEX///8LHzw/sOi64vfn9fw0RV1Uuevo6u16hZWCzPCrsryj2fSBi5rC5vhZZ3vf8vs1Rl7u+P0hM073/P4WKUT4/P4VKES8Bom6AAAATUlEQVR4XlXPRxLAMAhD0S87vff7HzWLaIaY1duABCnzTUeqzJrGakVvDmI0JzGbi1jNTezmIU7zkgEqeJtPsRbHIqIIjjr/klGdeOgFv3gBvddL48QAAAAASUVORK5CYII=) top right no-repeat;
    background-size: 5px
}

.fd-slider-handle {
    position: absolute;
    display: block;
    padding: 0;
    border: 0 none;
    z-index: 3;
    top: 0;
    left: 0;
    outline: 0 none;
    border: none;
    width: 31px;
    height: 45px;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA+CAMAAABEH1h2AAAA2FBMVEUAAAALHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzz///+gqLMYK0dCUWifp7MaLUj4+fogMk39/f1UYnb5+vpKWW4MID3U191+iJj3+PkxQlvX2t+jq7Y7S2Ln6ezHy9LEydCyucKBi5pOXXL+/v4UJ0MZLEe8wskoOVPm6Otyfo/19vfl5+pxfY4nOFL09feeprKFj54PIz99iJfUgwbVAAAAHXRSTlMA2Ab9WNPo1IRoi3DlQ9AMoS1Q9q30YxcuLxhk9S51YzoAAAHlSURBVHhepZfXeqMwEEaFTXEPtnFsJ/sLcC3pvfey7/9Gm/AlEmLBBs25+y8O6EODNMMy6JsVz7J7QM+2vIrZZwUY1BwkcGqDfG6p2kIqrWpps1xvIJNGfcMDmgbWYjTXyFsuNuJuZdltAzkw2ul2p4tcdDtp9nYZOSlvp9gowH9+p4wClBPrb3dRiG5b2TEDBTHi++eiMK60m9BA1F/JgAbGb/3XoUX95+UNaNEoRXoVmlQjvQVNWt/2ENoMvvQatKl96Q60cRjbQYLlChmslkjQZyZU9j+Qycc+VExWUfLn6GAKSRCGASTTg9GnoleYF4+3d3wUS/6E84l/C8GI38US4DELkvs9fn0o7SMecTQWwuE137uHxGK2DCennJ/diOjzH3wh3JxxfnoCgc16Isyf+DfP58eXVwCCya++CABcXR6fP0TxaS6UHhP244wLLgCEMoYALmScPQpJ6i/59Rep/5GLf4uEh+zFP0fxLbZ46qezIHlVNm6cvnGvkFhq2QRK2Yz9BecLf6yUTYAYXrJo39cX7XuiaIv9Mn+hYtJ+2B3acUE/rIbQZkg7qInXBPGSol2RxAua1h7QmhNia0RtzOhtoWRXrymVPqElJjTkhHGAMIwQRiH6IEYfA+lDKHEE/gdrsV+BfrtX8wAAAABJRU5ErkJggg==) center center no-repeat;
    background-size: 31px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .fd-slider-handle:after {
        content: ' ';
        height: 10px;
        width: 4px;
        display: block;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAMAAACDMFxkAAAAOVBMVEX///8LHzz29vb8/Pz+/v56hZU0RV0hM0739/ersrz5+fmBi5r7+/tZZ3s1Rl79/f0WKUTp6+3o6u1/Q49cAAAASklEQVR4Xm2PNwKAAAgDL9h7+f9jHQRkMNMNpEDHq8boHVtDl/OIJscZLY4r2sKHdscDDRGBTkLSL+ZBtdWwrKjFdc4dI8v08tADk/0BVvOUT1gAAAAASUVORK5CYII=);
        background-size: 5px;
        position: absolute;
        top: 18px;
        left: 30px;
        pointer-events: none
    }

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 4px;
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-stacking + .noUi-origin {
    *z-index: -1
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left .3s, top .3s;
    transition: left .3s, top .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 10px
}

    .noUi-horizontal .noUi-handle {
        width: 32px;
        height: 32px;
        left: -16px;
        top: -11px;
        cursor: pointer;
    }

    .noUi-horizontal.noUi-extended {
        padding: 0 15px
    }

        .noUi-horizontal.noUi-extended .noUi-origin {
            right: -15px
        }

.noUi-vertical {
    width: 18px
}

    .noUi-vertical .noUi-handle {
        width: 28px;
        height: 34px;
        left: -6px;
        top: -17px
    }

    .noUi-vertical.noUi-extended {
        padding: 15px 0
    }

        .noUi-vertical.noUi-extended .noUi-origin {
            bottom: -15px
        }

.noUi-background {
    background: #f6f6f6;
    box-shadow: none
}

.noUi-connect {
    background: #3fb0e8;
    -webkit-transition: background 450ms;
    transition: background 450ms;
    border-radius: 4px;
}

.noUi-dragable {
    cursor: w-resize
}

.noUi-vertical .noUi-dragable {
    cursor: n-resize
}

.noUi-handle {
    background: url(/assets/Web/build/assets/images/content/global/ui-slider-handle.png) no-repeat
}

[disabled].noUi-connect,
[disabled] .noUi-connect {
    background: #B8B8B8
}

[disabled] .noUi-handle {
    cursor: not-allowed
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    height: 100%
}

body {
    color: #4d4d4d;
    font: 14px Greycliff, "Helvetica", Arial, sans-serif !important;
    height: 100%
}

a {
    color: #4d4d4d;
    text-decoration: none;
    outline: none
}

    a:active,
    a:focus {
        outline: none
    }

img {
    display: block
}

table {
    width: 100%
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd {
    margin: 0;
    padding: 0
}

ul,
ol,
dl {
    list-style: none
}

@font-face {
    font-family: 'Satura';
    src: url("/assets/Web/build/assets/fonts/turkcell_satura_regular-webfont.eot");
    src: url("/assets/Web/build/assets/fonts/turkcell_satura_regular-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/Web/build/assets/fonts/turkcell_satura_regular-webfont.woff") format("woff"), url("/assets/Web/build/assets/fonts/turkcell_satura_regular-webfont.ttf") format("truetype"), url("/assets/Web/build/assets/fonts/turkcell_satura_regular-webfont.svg#turkcell_saturaregular") format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Satura';
    src: url("/assets/Web/build/assets/fonts/turkcell_satura_medium-webfont.eot");
    src: url("/assets/Web/build/assets/fonts/turkcell_satura_medium-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/Web/build/assets/fonts/turkcell_satura_medium-webfont.woff") format("woff"), url("/assets/Web/build/assets/fonts/turkcell_satura_medium-webfont.ttf") format("truetype"), url("/assets/Web/build/assets/fonts/turkcell_satura_medium-webfont.svg#turkcell_saturamedium") format("svg");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Satura';
    src: url("/assets/Web/build/assets/fonts/turkcell_satura_bold-webfont.eot");
    src: url("/assets/Web/build/assets/fonts/turkcell_satura_bold-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/Web/build/assets/fonts/turkcell_satura_bold-webfont.woff") format("woff"), url("/assets/Web/build/assets/fonts/turkcell_satura_bold-webfont.ttf") format("truetype"), url("/assets/Web/build/assets/fonts/turkcell_satura_bold-webfont.svg#turkcell_saturabold") format("svg");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Greycliff';
    src: url('../fonts/Greycliff/GreycliffCF-DemiBold.eot');
    src: url('../fonts/Greycliff/GreycliffCF-DemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Greycliff/GreycliffCF-DemiBold.woff2') format('woff2'), url('../fonts/Greycliff/GreycliffCF-DemiBold.woff') format('woff'), url('../fonts/Greycliff/GreycliffCF-DemiBold.ttf') format('truetype'), url('../fonts/Greycliff/GreycliffCF-DemiBold.svg#GreycliffCF-DemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Greycliff';
    src: url('../../fonts/Greycliff/GreycliffCF-ExtraBold.eot');
    src: url('../fonts/Greycliff/GreycliffCF-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Greycliff/GreycliffCF-ExtraBold.woff2') format('woff2'), url('../fonts/Greycliff/GreycliffCF-ExtraBold.woff') format('woff'), url('../fonts/Greycliff/GreycliffCF-ExtraBold.ttf') format('truetype'), url('../fonts/Greycliff/GreycliffCF-ExtraBold.svg#GreycliffCF-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Greycliff';
    src: url('../fonts/Greycliff/GreycliffCF-Light.eot');
    src: url('../fonts/Greycliff/GreycliffCF-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Greycliff/GreycliffCF-Light.woff2') format('woff2'), url('../fonts/Greycliff/GreycliffCF-Light.woff') format('woff'), url('../fonts/Greycliff/GreycliffCF-Light.ttf') format('truetype'), url('../fonts/Greycliff/GreycliffCF-Light.svg#GreycliffCF-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'Greycliff';
    src: url('../fonts/Greycliff/GreycliffCF-Regular.eot');
    src: url('../fonts/Greycliff/GreycliffCF-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Greycliff/GreycliffCF-Regular.woff2') format('woff2'), url('../fonts/Greycliff/GreycliffCF-Regular.woff') format('woff'), url('../fonts/Greycliff/GreycliffCF-Regular.ttf') format('truetype'), url('../fonts/Greycliff/GreycliffCF-Regular.svg#GreycliffCF-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'Greycliff';
    src: url('../fonts/Greycliff/GreycliffCF-Heavy.eot');
    src: url('../fonts/Greycliff/GreycliffCF-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/Greycliff/GreycliffCF-Heavy.woff2') format('woff2'), url('../fonts/Greycliff/GreycliffCF-Heavy.woff') format('woff'), url('../fonts/Greycliff/GreycliffCF-Heavy.ttf') format('truetype'), url('../fonts/Greycliff/GreycliffCF-Heavy.svg#GreycliffCF-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Greycliff';
    src: url('../fonts/Greycliff/GreycliffCF-Bold.eot');
    src: url('../fonts/Greycliff/GreycliffCF-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Greycliff/GreycliffCF-Bold.woff2') format('woff2'), url('../fonts/Greycliff/GreycliffCF-Bold.woff') format('woff'), url('../fonts/Greycliff/GreycliffCF-Bold.ttf') format('truetype'), url('../fonts/Greycliff/GreycliffCF-Bold.svg#GreycliffCF-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Greycliff';
    src: url('../fonts/Greycliff/GreycliffCF-Medium.eot');
    src: url('../fonts/Greycliff/GreycliffCF-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Greycliff/GreycliffCF-Medium.woff2') format('woff2'), url('../fonts/Greycliff/GreycliffCF-Medium.woff') format('woff'), url('../fonts/Greycliff/GreycliffCF-Medium.ttf') format('truetype'), url('../fonts/Greycliff/GreycliffCF-Medium.svg#GreycliffCF-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

.cf:after {
    content: "";
    display: table;
    clear: both
}

.relative {
    position: relative
}

.inline {
    display: inline
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.pull-left {
    float: left
}

.pointer {
    cursor: pointer
}

.wrapper {
    overflow: hidden;
    position: relative
}

.content-wrapper {
    position: relative;
    z-index: 3;
    background: #fff;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -moz-transition: -moz-transform .2s ease-in-out;
    -o-transition: -o-transform .2s ease-in-out;
    transition: transform .2s ease-in-out
}

    .content-wrapper .help_content {
        background-color: #f9f7f3
    }

        .content-wrapper .help_content .help_question {
            font-weight: 700;
            display: block;
            padding: 10px;
            font-size: 16px;
            color: #4d4d4d;
            border-top: 1px solid #e5e5e5
        }

        .content-wrapper .help_content .site-component {
            background-color: #fff
        }

    .content-wrapper .section--accordion {
        background-color: #fff
    }

    .content-wrapper .social-sharing {
        background-color: #fff
    }



    .content-wrapper .page_404 p {
        margin-bottom: 20px;
        text-align: center;
        color: #9d9d9d
    }

.nav-content {
    position: fixed;
    top: 0;
    z-index: 1;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.js-nav-content-wrap {
    padding-bottom: 35px;
}

.nav-content--left {
    left: 0;
    right: 0;
    z-index: 2;
    /*background: #282868;*/
    /*background: #282868 radial-gradient(circle at left top,rgba(41,54,121,.5) 15%,rgba(41,54,121,.25) 15%, rgba(41,54,121,.5) 25%,rgba(41,54,121,.25) 25%, rgba(41,54,121,.25) 35%,rgba(0,0,0,0) 35%,rgba(41,54,121,.25) 45%,rgba(0,0,0,0) 45%);
    background: #282868 radial-gradient(circle at left top,rgba(41,54,121,.75) 15%,rgba(41,54,121,.4) 15%, rgba(41,54,121,.7) 25%,rgba(41,54,121,.3) 25%, rgba(41,54,121,.45) 35%,rgba(41,54,121,.25) 35%,rgba(41,54,121,.35) 45%,rgba(41,54,121,.05) 45%);*/
    background: #282868 radial-gradient(circle at left top,rgba(41,54,121,.75) 15%,rgba(41,54,121,.4) 15%, rgba(41,54,121,.7) 25%,rgba(41,54,121,.3) 25%, rgba(41,54,121,.6) 35%,rgba(41,54,121,.35) 35%,rgba(41,54,121,.45) 45%,rgba(41,54,121,.05) 45%);
}

.nav-content--right {
    right: 0;
    left: 41px
}

.nav--fallback {
    position: static;
    left: auto;
    right: auto;
    visibility: visible
}

.g {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .g:before,
    .g:after {
        display: table;
        line-height: 0;
        content: ""
    }

    .g:after {
        clear: both
    }

.g__col {
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.g__10 {
    width: 10%
}

.g__20 {
    width: 20%
}

.g__25 {
    width: 25%
}

.g__30 {
    width: 30%
}

.g__33 {
    width: 33%
}

.g__34 {
    width: 34%
}

.g__3333 {
    width: 33.33%
}

.g__40 {
    width: 40%
}

.g__50 {
    width: 50%
}

.g__55 {
    width: 55%
}

.g__60 {
    width: 60%
}

.g__70 {
    width: 70%
}

.g__80 {
    width: 80%
}

.g__90 {
    width: 90%
}

.g__100 {
    width: 100%
}

.pad0 {
    padding: 0 !important
}

.pad {
    padding: 10px
}

.padh {
    padding-left: 10px;
    padding-right: 10px
}

.padv {
    padding-top: 10px;
    padding-bottom: 10px
}

.padt {
    padding-top: 10px
}

.padb {
    padding-bottom: 10px
}

.padr {
    padding-right: 10px
}

.padl {
    padding-left: 10px
}

.pad-l {
    padding: 20px
}

.padv-l {
    padding-top: 20px;
    padding-bottom: 20px
}

.padh-l {
    padding-left: 20px;
    padding-right: 20px
}

.padt-l {
    padding-top: 20px
}

.padb-l {
    padding-bottom: 20px
}

.padl-l {
    padding-left: 20px !important
}

.padr-l {
    padding-right: 20px
}

.pad-s {
    padding: 5px
}

.padl-s {
    padding-left: 5px
}

.padr-s {
    padding-right: 5px
}

.padb-s {
    padding-bottom: 5px
}

.padt-s {
    padding-top: 5px
}

.padv-s {
    padding-top: 5px;
    padding-bottom: 5px
}

.padh-s {
    padding-right: 5px;
    padding-left: 5px
}

.padl-xl {
    padding-left: 30px
}

.padr-xl {
    padding-right: 30px
}

.padt-xl {
    padding-top: 30px
}

.padb-xl {
    padding-bottom: 30px
}

.padv-xl {
    padding-top: 30px;
    padding-bottom: 30px
}

.padh-xl {
    padding-right: 30px;
    padding-left: 30px
}

.pad-h {
    padding: 40px
}

.padv-h {
    padding-top: 40px;
    padding-bottom: 40px
}

.padt-h {
    padding-top: 40px
}

.padb-h {
    padding-bottom: 40px
}

.mar0 {
    margin: 0 !important
}

.mar {
    margin: 10px
}

.mar-l {
    margin: 20px
}

.marh {
    margin-left: 10px;
    margin-right: 10px
}

.marv {
    margin-top: 10px;
    margin-bottom: 10px
}

.marl {
    margin-left: 10px
}

.marb {
    margin-bottom: 10px
}

.mart {
    margin-top: 10px
}

.marb-l {
    margin-bottom: 20px
}

.marl-l {
    margin-left: 20px
}

.marl-s {
    margin-left: 5px
}

/*.sep {
    padding-bottom: 1px;
    border-bottom: 9px solid #e5e5e5;
    -webkit-box-shadow: inset 0 -1px 0 0 #cccccc;
    -moz-box-shadow: inset 0 -1px 0 0 #cccccc;
    box-shadow: inset 0 -1px 0 0 #cccccc
}

.sep-dark {
    padding-bottom: 1px;
    border-bottom: 9px solid #161616;
    -webkit-box-shadow: inset 0 -1px 0 0 black;
    -moz-box-shadow: inset 0 -1px 0 0 black;
    box-shadow: inset 0 -1px 0 0 black
}*/

.sep-creme {
    background-color: #f4f0e9
}

.semisep {
    border-bottom: 3px solid #e5e5e5
}

.semisep-dark {
    border-bottom: 3px solid #cecece
}

.sep-right {
    border-right: 1px solid #e5e5e5
}

.sep-left {
    border-left: 1px solid #e5e5e5
}

.sep-top {
    border-top: 1px solid #e5e5e5 !important
}

.sep-top-dark {
    border-top: 1px solid #161616 !important
}

.sep-bot {
    border-bottom: 1px solid #e5e5e5
}

.sep-bot-dark {
    border-bottom: 1px solid #161616 !important
}

.sep-bot-darkest {
    border-bottom: 1px solid #000 !important
}

.sep-bot-double {
    border-bottom: 4px solid #e5e5e5
}

.sep-bold {
    border-top: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5
}

.sep-center {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAMAAABFaP0WAAAAA1BMVEXl5eX7Oj7PAAAAEUlEQVR42gEGAPn/AAAAAAAAAAYAAWKrW9cAAAAASUVORK5CYII=") center center repeat-y;
    background-size: 1px
}

.has-sepl {
    position: relative
}

    .has-sepl:before {
        position: absolute;
        left: 0;
        top: 15%;
        bottom: 15%;
        width: 1px;
        content: "";
        border-left: 1px solid #e5e5e5
    }

.has-sepl-l {
    padding-left: 20px;
    position: relative
}

    .has-sepl-l:after {
        position: absolute;
        content: ' ';
        display: block;
        height: 18px;
        border-right: 1px solid #e5e5e5;
        top: -3px;
        left: 10px
    }

.semisep + .sep-top {
    border-top: none !important
}

.sep-with-data {
    background: #f6f6f6;
    border-top: 1px solid #e5e5e5;
    font-size: 16px;
    color: #9d9d9d;
    padding: 9px 10px;
    line-height: 1
}

    .sep-with-data .hint {
        font-size: 14px;
        text-align: right
    }

.dark {
    background: #202020
}

.darker {
    background: #161616
}

.dark--left-shadow {
    -webkit-box-shadow: inset 3px 0 6px -3px black;
    -moz-box-shadow: inset 3px 0 6px -3px black;
    box-shadow: inset 3px 0 6px -3px black
}

.dark--right-shadow {
    -webkit-box-shadow: inset -3px 0 6px -3px black;
    -moz-box-shadow: inset -3px 0 6px -3px black;
    box-shadow: inset -3px 0 6px -3px black
}

.opactiy--05 {
    opacity: .5
}

.light {
    background: white
}

.sep-light {
    background: white
}

.deep-blue {
    color: #fff;
    background-color: #252f3c
}

    .deep-blue a {
        color: #fff
    }

    .deep-blue .content {
        color: #fff
    }

.shade {
    background-color: #f2f2f2
}

.content {
    color: #4d4d4d
}

    .content h2,
    .content h3 {
        color: #4d4d4d;
        font: 18px Greycliff, "Helvetica", Arial, sans-serif;
        letter-spacing: 0;
        font-weight: 700
    }

    .content h2 {
        margin: 0 0 12px 0
    }

    .content h3 {
        margin-bottom: 4px
    }

    .content h4 {
        color: #4d4d4d;
        font-weight: 700;
        line-height: 1.5em;
        margin: 0
    }

    .content p {
        line-height: 1.5em;
        margin: 0 0 17px 0;
        font-family: Greycliff, "Helvatica", Arial, sans-serif;
        letter-spacing: 0.5px;
    }

p {
    font-family: Greycliff, "Helvatica", Arial, sans-serif;
}

.content p:last-child {
    margin-bottom: 0
}

.content p.price-box {
    text-align: center;
    padding: 10px;
    background-color: #f6f6f6;
    font-size: 8px;
    color: #9d9d9d
}

    .content p.price-box.price-normal {
        background-color: #fff
    }

        .content p.price-box.price-normal span {
            display: inline-block
        }

    .content p.price-box span {
        display: block;
        font-weight: 700;
        font-size: 18px;
        color: #4d4d4d
    }

        .content p.price-box span em {
            font-size: 8px;
            font-style: normal
        }

    .content p.price-box em {
        font-size: 16px;
        color: #4d4d4d;
        font-style: normal;
        line-height: 30px;
        font-weight: 700
    }

.content ul {
    margin: 0 0 17px 0;
    list-style: disc;
    list-style-position: inside;
    letter-spacing: 0.5px;
    line-height: 1.5em
}

    .content ul li {
        margin-bottom: 5px
    }

.content img {
    display: block;
    margin: 0 auto 17px auto;
    max-width: 100%
}

    .content img.mb0 {
        margin-bottom: 0
    }

.content .def {
    margin-bottom: 5px
}

.content .nopad {
    padding: 0
}

.content a {
    color: #0C4BA0
}

.content .blue-description {
    background: #0b578d;
    color: #fff
}

.content h2.lightbox__title {
    margin-bottom: 0;
    padding: 0
}

.content--pad {
    padding: 0 20px 10px 20px
}

.content--pad-s {
    padding: 0 10px 10px
}

.content--padt {
    padding-top: 30px
}

.content--padb {
    padding-bottom: 30px
}

.content--padv {
    padding-top: 20px;
    padding-bottom: 20px
}

.content--odd {
    background: #f6f6f6
}

.security-code {
    border: 1px solid #e5e5e5;
    text-align: center
}

    .security-code img {
        max-width: 100%
    }

.puk-code {
    display: block
}

    .puk-code i {
        float: left
    }

    .puk-code em {
        background-color: #f5f5f5;
        font-size: 16px;
        color: #4d4d4d;
        display: block;
        text-align: center;
        line-height: 50px;
        font-style: normal
    }

.turquoise-area {
    background-color: #0C4BA0
}

    .turquoise-area .title {
        padding: 10px;
        color: #fff
    }

.news-content h2 {
    font-size: 18px;
    margin-bottom: 10px
}

.news-content h3 {
    font-size: 15px;
    margin-bottom: 10px
}

.news-content .content {
    font-size: 12px;
    color: #8a8a8a
}

.hidden-content {
    display: none
}

.nxm-filter-details .accordion-content {
    padding: 0 !important;
    max-height: 160px;
    overflow: auto;
}

.accordion-content.is-expanded {
    display: block
}

.accordion-content.is-fake {
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.accordion-content .but.but--primary {
    color: #4d4d4d
}

.accordion-content .content {
    color: #4d4d4d;
    font-size: 14px
}

    .accordion-content .content a {
        color: #0C4BA0
    }

    .accordion-content .content h2 {
        margin-bottom: 0;
        text-align: left
    }

.accordion-content .accordion-items-wrapper {
    background-color: #fff
}

.accordion-content .accordion-pseudo {
    background-color: #fff;
    margin: -10px -10px 0 -10px
}

    .accordion-content .accordion-pseudo .color-turqoise {
        color: #49b8cc
    }

.accordion-content .title-left {
    font-size: 18px;
    background-color: #f0f0f0;
    padding: 16px 10px;
}

.accordion-content .section .hint-desc {
    font-size: 10px
}

.accordion-content .site-component {
    position: relative
}

    .accordion-content .site-component .has-violator .title-left {
        padding-top: 35px
    }

.accordion-content--carret {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #fff
}

.mobile-toggle.is-expanded {
    background: #fff;
    margin-top: -65px
}

.package-accordion a.section {
    font-size: 18px
}

.package-accordion .accordion-content {
    background-color: #fff
}

.benefit-accordion .content-wrapper .section {
    font-size: 18px
}

.benefit-accordion .accordion-content {
    background-color: #fff
}

.hint {
    font: 400 10px Greycliff, "Helvetica", Arial, sans-serif;
    color: #8E8F94
}

    .hint.block {
        margin-top: 4px
    }

    .hint + label {
        margin-top: 14px
    }

    .hint span {
        color: #49b8cc
    }

.hint--hover:hover {
    color: #0C4BA0
}

.hint__part {
    display: inline-block
}

.hint__part--primary {
    color: #4d4d4d
}

.hint__part--secondary {
    margin-left: 7px;
    padding-left: 8px;
    border-left: 1px #9d9d9d solid
}

.signature-code {
    background: #0C4BA0;
    color: #fff;
    display: block;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap
}

.hint--pair .hint__part--primary {
    width: 30%
}

.hint--pair .hint__part--secondary {
    border-left: none
}

.tiny-text {
    font: 400 10px Greycliff, "Helvetica", Arial, sans-serif;
    color: #9d9d9d
}

.bb5 .icon,
.icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url('/assets/Web/build/assets/images/sprites/icons1x-se202731a8b.png');
    vertical-align: middle
}

@media (-webkit-min-device-pixel-ratio:1.5), (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:3 / 2), (min-device-pixel-ratio:1.5), (min-resolution:144dpi), (min-resolution:1.5dppx) {
    .icon {
        background-image: url('/assets/Web/build/assets/images/sprites/icons1x-se202731a8b.png');
        background-size: 12609px auto;
    }
}

.icon.pull-left {
    float: left
}

.icon--12 {
    width: 12px;
    height: 15px
}

.icon--13 {
    width: 13px;
    height: 13px
}

.icon--16 {
    width: 16px;
    height: 16px
}

.icon--18 {
    width: 21px;
    height: 18px
}

.icon--25 {
    width: 25px;
    height: 25px
}

.icon--26 {
    width: 26px;
    height: 16px
}

.icon--40 {
    width: 40px;
    height: 40px
}

.icon--52 {
    width: 50px;
    height: 52px
}

.icon--56 {
    width: 56px;
    height: 56px
}

.icon--20 {
    width: 20px !important;
    height: 29px !important
}

.icon--50 {
    width: 50px;
    height: 50px
}

.icon--44 {
    width: 44px;
    height: 44px
}

.icon--32 {
    width: 32px;
    height: 32px
}

.icon--36 {
    width: 36px;
    height: 36px
}

.icon--020 {
    width: 20px;
    height: 20px
}

.icon--22 {
    width: 22px;
    height: 22px
}

.icon--17 {
    width: 20px;
    height: 17px
}

.icon--10 {
    width: 10px;
    height: 10px
}

.icon--caret-up-black {
    background-position: -2409px 0
}

.has-hover-icon:hover .icon--caret-up-black {
    background-position: -2435px 0
}

.icon--caret-right-black {
    background-position: -2155px 0
}

.icon--caret-right-blue {
    background-position: -2207px 0
}

.has-hover-icon:hover .icon--caret-right-black {
    background-position: -2357px 0
}

.has-active-icon.is-active .icon--caret-right-black {
    background-position: -2207px 0
}

.has-active-icon.is-active .icon--caret-right-white {
    background-position: -2207px 0
}

.icon--caret-left-black {
    background-position: -2025px 0
}

.icon--caret-left-white {
    background-position: -2103px 0
}

.has-active-icon.is-active .icon--caret-left-black {
    background-position: -2051px 0
}

.has-active-icon.is-active .icon--caret-left-white {
    background-position: -2051px 0
}

.icon--caret-down-black {
    background-position: -1953px 0
}

.icon--caret-down-white {
    background-position: -1999px 0
}

.has-hover-icon:hover .icon--caret-down-black {
    background-position: -1999px 0
}

.has-active-icon.is-active .icon--caret-down-black {
    background-position: -1999px 0
}

.has-active-icon.is-active .icon--caret-up-black {
    background-position: -2435px 0
}

.icon--caret-left-navy {
    background-position: -2077px 0
}

.has-active-icon.is-active .icon--caret-left-navy {
    background-position: -2129px 0
}

.icon--caret-right-navy {
    background-position: -2331px 0
}

.has-active-icon.is-active .icon--caret-right-navy {
    background-position: -2383px 0
}

.has-hover-icon-2:hover .icon--caret-right-black {
    background-position: -2207px 0
}

.has-hover-icon-2:hover .icon--caret-left-black {
    background-position: -2051px 0
}

.has-hover-icon-3:hover .icon--caret-right-black {
    background-position: -2383px 0
}

.icon--search-black {
    background-position: -9168px 0
}

.has-hover-icon:hover .icon--search-black {
    background-position: -9336px 0
}

.icon--search-slim {
    background-position: -9276px 0
}

.icon--search-thin {
    background-position: -9306px 0
}

.icon--search-black-2 {
    background-position: -9142px 0
}

.has-hover-icon:hover .icon--search-black-2 {
    background-position: -9194px 0
}

.icon--remaining-balance-black {
    background-position: -8686px 0
}

.has-hover-icon:hover .icon--remaining-balance-black {
    background-position: -8736px 0
}

.has-active-icon.is-active .icon--remaining-balance-black {
    background-position: -8736px 0
}

.icon--download-green {
    background-position: -3726px 0
}

.icon--iphone {
    background-position: -5138px 0
}

.has-hover-icon:hover .icon--iphone {
    background-position: -5088px 0
}

.has-active-icon.is-active .icon--iphone {
    background-position: -5088px 0
}

.icon--envelope {
    background-position: -3857px 0
}

.has-hover-icon:hover .icon--envelope {
    background-position: -3807px 0
}

.has-active-icon.is-active .icon--envelope {
    background-position: -3807px 0
}

.icon--settings {
    background-position: -9594px 0
}

.has-hover-icon:hover .icon--settings {
    background-position: -9544px 0
}

.has-active-icon.is-active .icon--settings {
    background-position: -9544px 0
}

.icon--wireless {
    background-position: -12198px 0
}

.has-hover-icon:hover .icon--wireless {
    background-position: -12148px 0
}

.has-active-icon.is-active .icon--wireless {
    background-position: -12148px 0
}

.icon--browser {
    background-position: -1319px 0
}

.has-hover-icon:hover .icon--browser {
    background-position: -1269px 0
}

.has-active-icon.is-active .icon--browser {
    background-position: -1269px 0
}

.icon--construction {
    background-position: -3212px 0
}

.has-hover-icon:hover .icon--construction {
    background-position: -3162px 0
}

.has-active-icon.is-active .icon--construction {
    background-position: -3162px 0
}

.icon--functions {
    background-position: -4378px 0
}

.has-hover-icon:hover .icon--functions {
    background-position: -4328px 0
}

.has-active-icon.is-active .icon--functions {
    background-position: -4328px 0
}

.icon--app-settings {
    background-position: -200px 0
}

.has-hover-icon:hover .icon--app-settings {
    background-position: -150px 0
}

.has-active-icon.is-active .icon--app-settings {
    background-position: -150px 0
}

.icon--plus-blue {
    background-position: -7927px 0
}

.icon--minus-blue {
    background-position: -6281px 0
}

.icon--plus-dark {
    background-position: -7979px 0
}

.icon--minus-dark {
    background-position: -6311px 0
}

.icon--plus-black {
    background-position: -7901px 0
}

.has-hover-icon:hover .icon--plus-black {
    background-position: -8035px 0
}

.has-active-icon.is-active .icon--plus-black {
    background-position: -8035px 0
}

.icon--minus-black {
    background-position: -6255px 0
}

.has-hover-icon:hover .icon--minus-black {
    background-position: -6367px 0
}

.has-active-icon.is-active .icon--minus-black {
    background-position: -6367px 0
}

.icon--x-black-small {
    background-position: -12324px 0
}

.has-hover-icon:hover .icon--x-black-small {
    background-position: -12452px 0
}

.icon--x-blue-small {
    background-position: -12400px 0
}

.has-hover-icon:hover .icon--x-blue-small {
    background-position: -12400px 0
}

.icon--x-white-small-2 {
    background-position: -12426px 0
}

.icon--media-facebook {
    background-position: -5879px 0
}

.icon--media-twitter {
    background-position: -5929px 0
}

.icon--social-fb {
    background-position: -9910px 0
}

.icon--social-in {
    background-position: -10056px 0
}

.icon--social-tw {
    background-position: -10280px 0
}

.icon--social-gp {
    background-position: -10014px 0
}

.icon--social-yt {
    background-position: -10372px 0
}

.icon--social-fs {
    background-position: -9952px 0
}

.icon--social-rss {
    background-position: -10168px 0
}

.icon--social-fb-white {
    background-position: -9860px 0
}

.icon--social-tw-white {
    background-position: -10230px 0
}

.icon--social-yt-white {
    background-position: -10322px 0
}

.icon--social-ins-white {
    background-position: -10118px 0
}

.icon--search-gray {
    background-position: -9220px 0
}

.icon--home-white {
    background-position: -4862px 0
}

.icon--x-black {
    background-position: -12350px 0
}

.icon--x-white {
    background-position: -12478px 0
}

.icon--top-up-black {
    background-position: -11596px 0
}

.icon--top-up-white {
    background-position: -11646px 0
}

.icon--top-up-3 {
    background-position: -11446px 0
}

.icon--bill-payment-white {
    background-position: -591px 0
}

.icon--recharge-white {
    background-position: -8664px 0
}

.icon--plus-white {
    background-position: -8035px 0
}

.icon--minus-white {
    background-position: -6367px 0
}

.icon--caret-right-white {
    background-position: -2357px 0
}

.icon--tip-grey {
    background-position: -11389px 0
}

.icon--rating {
    background-position: -8584px 0
}

.icon--rating-active {
    background-position: -8504px 0
}

.icon--radio-unchecked {
    background-position: -8469px 0
}

.icon--radio-checked {
    background-position: -8434px 0
}

.icon--checkbox-unchecked {
    background-position: -2648px 0
}

.icon--checkbox-checked {
    background-position: -2613px 0
}

.icon--logo {
    background-position: -5513px 0
}

.icon--main-nav {
    background-position: -5745px 0
}

.icon--main-nav-slim {
    background-position: -5683px 0
}

.icon--tick-black {
    background-position: -11117px 0
}

.icon--blue-tl {
    background-position: -1141px 0
}

.icon--blue-tl {
    background-position: -1141px 0
}

.icon--captcha-sound {
    background-position: -1853px 0
}

.icon--captcha-whirl {
    background-position: -1903px 0
}

.icon--voice {
    background-position: -12060px 0
}

.icon--sms {
    background-position: -9829px 0
}

.icon--nar {
    background-position: -6524px 0
}

.icon--threeg {
    background-position: -11086px 0
}

.icon--voice-black {
    background-position: -12029px 0
}

.icon--sms-black {
    background-position: -9746px 0
}

.icon--nar-black {
    background-position: -6493px 0
}

.icon--threeg-black {
    background-position: -11003px 0
}

.icon--plus {
    background-position: -8061px 0
}

.icon--turbo {
    background-position: -11758px 0
}

.icon--yeni {
    background-position: -12528px 0
}

.icon--eco {
    background-position: -3776px 0
}

.icon--fb {
    background-position: -4009px 0
}

.icon--tw {
    background-position: -11839px 0
}

.icon--top-up-2-blue {
    background-position: -11415px 0
}

.icon--box-black {
    background-position: -1241px 0
}

.icon--reply-blue {
    background-position: -8852px 0
}

.icon--retweet-blue {
    background-position: -8922px 0
}

.has-hover-icon:hover .icon--reply-blue {
    background-position: -8887px 0
}

.has-hover-icon:hover .icon--retweet-blue {
    background-position: -8957px 0
}

.icon--small-star-black {
    background-position: -9720px 0
}

.icon--map-pin-black {
    background-position: -5807px 0
}

.icon--pricing-black {
    background-position: -8214px 0
}

.has-hover-icon:hover .icon--pricing-black {
    background-position: -8264px 0
}

.icon--pricing-black-button {
    background-position: -8164px 0
}

.icon--bill-black {
    background-position: -541px 0
}

.has-hover-icon:hover .icon--bill-black {
    background-position: -889px 0
}

.icon--bill-tl-black {
    background-position: -713px 0
}

.has-hover-icon:hover .icon--bill-tl-black {
    background-position: -763px 0
}

.icon--top-up-4 {
    background-position: -11496px 0
}

.has-hover-icon:hover .icon--top-up-4 {
    background-position: -11546px 0
}

.icon--orders-black {
    background-position: -6814px 0
}

.has-hover-icon:hover .icon--orders-black {
    background-position: -6864px 0
}

.icon--orders-black-button {
    background-position: -6764px 0
}

.icon--orders-white {
    background-position: -6864px 0
}

.has-hover-icon:hover .icon--orders-white {
    background-position: -6864px 0
}

.icon--tariff-black {
    background-position: -10790px 0
}

.icon--pay-black {
    background-position: -7198px 0
}

.has-hover-icon:hover .icon--pay-black {
    background-position: -7248px 0
}

.icon--zoom-in-black {
    background-position: -12559px 0
}

.icon--auto-bill-payment-black {
    background-position: -291px 0
}

.has-hover-icon:hover .icon--auto-bill-payment-black {
    background-position: -341px 0
}

.icon--bill-analysis-black {
    background-position: -441px 0
}

.has-hover-icon:hover .icon--bill-analysis-black {
    background-position: -491px 0
}

.icon--itemised-bill-black {
    background-position: -5188px 0
}

.has-hover-icon:hover .icon--itemised-bill-black {
    background-position: -5238px 0
}

.icon--bill-settings-black {
    background-position: -613px 0
}

.has-hover-icon:hover .icon--bill-settings-black {
    background-position: -663px 0
}

.icon--more-about-bill-black {
    background-position: -6393px 0
}

.has-hover-icon:hover .icon--more-about-bill-black {
    background-position: -6443px 0
}

.icon--campaigns-black {
    background-position: -1753px 0
}

.has-hover-icon:hover .icon--campaigns-black {
    background-position: -1803px 0
}

.icon--clubs-black {
    background-position: -2930px 0
}

.has-hover-icon:hover .icon--clubs-black {
    background-position: -2980px 0
}

.icon--academy-black {
    background-position: -50px 0
}

.has-hover-icon:hover .icon--academy-black {
    background-position: -100px 0
}

.icon--overlay-plus {
    background-position: -6996px 0
}

.icon--overlay-right {
    background-position: -7046px 0
}

.icon--write-black {
    background-position: -12248px 0
}

.icon--write-gray {
    background-position: -12298px 0
}

.icon--download-black {
    background-position: -3676px 0
}

.icon--call-black {
    background-position: -1565px 0
}

.icon--message-black {
    background-position: -6009px 0
}

.has-hover-icon:hover .icon--message-black {
    background-position: -6105px 0
}

.icon--message-small-white {
    background-position: -6082px 0
}

.icon--suggestion-black {
    background-position: -10534px 0
}

.has-hover-icon:hover .icon--suggestion-black {
    background-position: -10584px 0
}

.icon--complaint-black {
    background-position: -3062px 0
}

.has-hover-icon:hover .icon--complaint-black {
    background-position: -3112px 0
}

.icon--network-issue-black {
    background-position: -6555px 0
}

.has-hover-icon:hover .icon--network-issue-black {
    background-position: -6605px 0
}

.icon--play-black {
    background-position: -7474px 0
}

.icon--pause-black {
    background-position: -7148px 0
}

.icon--fb-white {
    background-position: -3959px 0
}

.icon--tick-green {
    background-position: -11167px 0
}

.icon--arrow-right-black {
    background-position: -250px 0
}

.icon--clock {
    background-position: -2904px 0
}

.icon--clock-2 {
    background-position: -2743px 0
}

.icon--clock-2-white {
    background-position: -2717px 0
}

.icon--clock-3 {
    background-position: -2819px 0
}

.has-hover-icon:hover .icon--clock-3 {
    background-position: -2769px 0
}

.icon--clock-4 {
    background-position: -2869px 0
}

.icon--calendar {
    background-position: -1539px 0
}

.icon--cash-white {
    background-position: -2461px 0
}

.icon--tab-password-white {
    background-position: -10764px 0
}

.icon--tab-password-gray {
    background-position: -10738px 0
}

.icon--tab-fb-white {
    background-position: -10660px 0
}

.icon--tab-fb-gray {
    background-position: -10634px 0
}

.icon--tab-mobile-white {
    background-position: -10712px 0
}

.icon--tab-mobile-gray {
    background-position: -10686px 0
}

.icon--phone-black {
    background-position: -7348px 0
}

.icon--phone-2-black {
    background-position: -7298px 0
}

.icon--sim-black {
    background-position: -9670px 0
}

.icon--internet-black {
    background-position: -4988px 0
}

.icon--conversation-bubble-black {
    background-position: -3262px 0
}

.icon--trk-pass {
    background-position: -11708px 0
}

.icon--phone-landline {
    background-position: -7398px 0
}

.icon--play-large {
    background-position: -7524px 0
}

.icon--play-medium {
    background-position: -7619px 0
}

.icon--play-small {
    background-position: -7685px 0
}

.icon--play-xsmall {
    background-position: -7751px 0
}

.icon--camera-small {
    background-position: -1665px 0
}

.icon--ccv {
    background-position: -2483px 0
}

.icon--via-tw {
    background-position: -11976px 0
}

.icon--via-tc {
    background-position: -11923px 0
}

.icon--via-fb {
    background-position: -11870px 0
}

.icon--device-black {
    background-position: -3418px 0
}

.has-hover-icon:hover .icon--device-black {
    background-position: -3500px 0
}

.icon--bubbles-black {
    background-position: -1369px 0
}

.has-hover-icon:hover .icon--bubbles-black {
    background-position: -1419px 0
}

.icon--services-black {
    background-position: -9394px 0
}

.has-hover-icon:hover .icon--services-black {
    background-position: -9444px 0
}

.icon--tech-specs-black {
    background-position: -10872px 0
}

.has-hover-icon:hover .icon--tech-specs-black {
    background-position: -10922px 0
}

.icon--reviews-black {
    background-position: -8992px 0
}

.has-hover-icon:hover .icon--reviews-black {
    background-position: -9042px 0
}

.icon--discount-black {
    background-position: -3550px 0
}

.has-hover-icon:hover .icon--discount-black {
    background-position: -3600px 0
}

.icon--chat-arrow-turkcell {
    background-position: -2561px 0
}

.icon--chat-arrow-user {
    background-position: -2587px 0
}

.icon--caret-up-white {
    background-position: -2435px 0
}

.icon--caret-down-white {
    background-position: -1999px 0
}

.icon--graph-white {
    background-position: -4728px 0
}

.icon--ribbon-white {
    background-position: -9092px 0
}

.icon--phones-white {
    background-position: -7424px 0
}

.icon--turkcell-white {
    background-position: -11789px 0
}

.icon--logout-white {
    background-position: -5575px 0
}

.icon--caret-right-gray {
    background-position: -2233px 0
}

.has-hover-icon:hover .icon--caret-right-gray {
    background-position: -2383px 0
}

.has-hover-icon:hover .icon--caret-right-white {
    background-position: -2383px 0
}

.icon--orders {
    background-position: -6914px 0
}

.icon--services {
    background-position: -9494px 0
}

.icon--internet {
    background-position: -5038px 0
}

.icon--international {
    background-position: -4938px 0
}

.icon--general-support {
    background-position: -4428px 0
}

.icon--plus-2 {
    background-position: -7851px 0
}

.has-hover-icon:hover .icon--plus-2 {
    background-position: -7801px 0
}

.icon--minus-2 {
    background-position: -6205px 0
}

.has-hover-icon:hover .icon--minus-2 {
    background-position: -6155px 0
}

.icon--eye {
    background-position: -3933px 0
}

.icon--eye-white {
    background-position: -3907px 0
}

.icon--deaf {
    background-position: -3392px 0
}

.icon--mail-black {
    background-position: -5625px 0
}

.icon--corner-blue {
    background-position: -3312px 0
}

.icon--whirl {
    background-position: -12091px 0
}

.icon--previous-white {
    background-position: -8092px 0
}

.icon--next-white {
    background-position: -6655px 0
}

.icon--replay-white {
    background-position: -8786px 0
}

.icon--blue-like {
    background-position: -1048px 0
}

.icon--orange-like {
    background-position: -6705px 0
}

.icon--blue-warning {
    background-position: -1191px 0
}

.icon--blue-info {
    background-position: -998px 0
}

.icon--blue-small-info {
    background-position: -1107px 0
}

.icon--file-zip {
    background-position: -4292px 0
}

.icon--file-doc {
    background-position: -4076px 0
}

.icon--file-pdf {
    background-position: -4112px 0
}

.icon--file-ppt {
    background-position: -4148px 0
}

.icon--file-xls {
    background-position: -4256px 0
}

.icon--file-acd {
    background-position: -4040px 0
}

.icon--file-unknown {
    background-position: -4220px 0
}

.icon--file-tiff {
    background-position: -4184px 0
}

.icon--logo-academy {
    background-position: -5338px 0
}

.icon--logo-2 {
    background-position: -5288px 0
}

.icon--go-back {
    background-position: -4478px 0
}

.icon--i-white {
    background-position: -4888px 0
}

.icon--star-white {
    background-position: -10434px 0
}

.icon--academy-2-w {
    background-position: 0 0
}

.icon--student {
    background-position: -10484px 0
}

.icon--bullet-tl {
    background-position: -1504px 0
}

.icon--bullet-deaf {
    background-position: -1469px 0
}

.icon--part {
    background-position: -7122px 0
}

.icon--part-white {
    background-position: -7096px 0
}

.icon--call-white {
    background-position: -1615px 0
}

.icon--bell-white {
    background-position: -391px 0
}

.icon--gradient-voice {
    background-position: -4678px 0
}

.icon--gradient-tl {
    background-position: -4628px 0
}

.icon--gradient-sms {
    background-position: -4578px 0
}

.icon--gradient-data {
    background-position: -4528px 0
}

.icon--chevron-right-gray {
    background-position: -2683px 0
}

.icon--chevron-right-white {
    background-position: -2700px 0
}

.icon--message-gray {
    background-position: -6059px 0
}

.icon--tim-turquoise {
    background-position: -11307px 0
}

.icon--tim-red {
    background-position: -11277px 0
}

.icon--tim-dark-blue {
    background-position: -11217px 0
}

.icon--tim-blue {
    background-position: -11187px 0
}

.icon--tim-green {
    background-position: -11247px 0
}

.icon--blue-approval {
    background-position: -970px 0
}

.icon--gray-incoming-call {
    background-position: -4806px 0
}

.icon--gray-incoming-sms {
    background-position: -4834px 0
}

.icon--gray-empty {
    background-position: -4778px 0
}

.icon--puk-code-1 {
    background-position: -8314px 0
}

.icon--puk-code-2 {
    background-position: -8374px 0
}

.icon--threeg-credit {
    background-position: -11034px 0
}

.icon--time-credit {
    background-position: -11337px 0
}

.icon--sms-credit {
    background-position: -9777px 0
}

.icon--campaign-credit {
    background-position: -1731px 0
}

.icon--plus-credit {
    background-position: -7957px 0
}

.icon--bill-warning {
    background-position: -843px 0
}

.icon--time-gray {
    background-position: -11359px 0
}

.icon--sms-gray {
    background-position: -9799px 0
}

.icon--threeg-gray {
    background-position: -11056px 0
}

.icon--other-white {
    background-position: -6964px 0
}

.icon--device-usage-white {
    background-position: -3468px 0
}

.icon--service-white {
    background-position: -9362px 0
}

.icon--tariff-white {
    background-position: -10840px 0
}

.icon--communication-white {
    background-position: -3030px 0
}

.icon--caret-right-nav-small {
    background-position: -2259px 0
}

.icon--caret-right-nav {
    background-position: -2305px 0
}

.icon--caret-down-nav {
    background-position: -1999px 0
}

.icon--caret-down-blue {
    background-position: -2054px 0;
    transform: rotate(-90deg);
}

.icon--search-nav {
    background-position: -9246px 0
}

.icon--minus-nav {
    background-position: -6341px 0
}

.icon--plus-nav {
    background-position: -8009px 0
}

.icon--caret-right-nav-white {
    background-position: -2282px 0
}

.icon--credit-recharge-nav {
    background-position: -3362px 0
}

.icon--bill-wallet-nav {
    background-position: -813px 0
}

.icon--menu-logout-white {
    background-position: -5979px 0
}

.icon--show-bill {
    background-position: -9644px 0
}

.icon--download-bill {
    background-position: -3650px 0
}

.icon--mbps {
    background-position: -5857px 0
}

.icon--price {
    background-position: -8142px 0
}

.icon--three-g {
    background-position: -10972px 0
}

.icon--bip {
    background-position: -939px 0
}

.icon--wi-fi {
    background-position: -12117px 0
}

.icon--arrow-right-pale {
    background-position: -269px 0
}

.icon--mail-pale {
    background-position: -5660px 0
}

.dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 3px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    background: #cecece;
    vertical-align: middle
}

    .dot.is-active {
        background: #4d4d4d
    }

.dot--10 {
    width: 10px;
    height: 10px
}

.dot--12 {
    width: 12px;
    height: 12px
}

.dot--blue-lighter {
    background: #3eafea
}

.dot--blue-lightest {
    background: #7acdf6
}

.dot--blue-lightning {
    background: #ccdffb
}

.dot--blue-dark {
    background: #153a62
}

.dot--orange-mid {
    background: #ffb400
}

.dot--pink-dark {
    background: #ad0056
}

.dot--red {
    background: #db2133
}

.dot--yellow-lighter {
    background: #ffde30
}

.dot--yellow-light {
    background: #ffe000
}

.def {
    line-height: 1
}

    .def > dt,
    .def > dd {
        display: inline;
        margin: 0
    }

    .def > dt {
        font-size: 12px
    }

    .def > dd {
        padding-left: 2px;
        font-size: 8px;
        text-transform: uppercase
    }

.def--medium > dt {
    font-size: 16px
}

.def--medium2 > dt {
    font-size: 16px
}

.def--medium2 > dd {
    font-size: 10px
}

.def--large > dt {
    font-size: 18px
}

.def__price {
    font-weight: 700;
    background-color: #f6f6f6
}

.package-price dt {
    font-size: 18px
}

.package-price dd {
    font-size: 10px
}

.but {
    display: block;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    padding: 0 10px;
    font-size: 19px;
    border-color: transparent;
}

    .but > .icon--40 {
        margin-top: -4px
    }

    .but.same-size-input {
        line-height: 42px
    }

button.but {
    border-right: 0;
    border-left: 0
}

.but--primary {
    background: #ffe000;
    border-radius: 29px;
}

    .but--primary:hover {
        background: #e5c900;
    }

    .but--primary.block {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

.but--secondary {
    color: #fff;
    background: #4d4d4d;
    border-top: 1px solid #4d4d4d;
    border-bottom: 1px solid #000
}

    .but--secondary:hover {
        background: #454545;
        border-bottom-color: #454545;
        border-top-color: #000
    }

    .but--secondary.block {
        width: 100%
    }

.but--fb {
    color: #fff;
    background: #3d509b;
    border-top: 1px solid #3d509b;
    border-bottom: 1px solid #081650
}

    .but--fb:hover {
        background: #364789;
        border-bottom-color: #364789;
        border-top-color: #061039
    }

.but--inactive {
    color: #9d9d9d;
    background: #f6f6f6;
    line-height: 52px;
    border: 4px solid #e5e5e5
}

    .but--inactive:hover {
        cursor: default
    }

    .but--inactive > .icon {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=53);
        opacity: .53
    }

.but--swippable {
    font-size: 12px;
    line-height: 59px;
    text-transform: uppercase;
    border-top: 1px solid #e5e5e5
}

    .but--swippable > .icon--16 {
        margin-right: 5px
    }

    .but--swippable.is-active {
        color: #fff;
        background: #0C4BA0;
        border-top-color: #0C4BA0
    }

.but--simple {
    font-size: 12px;
    line-height: 59px;
    border-top: 1px solid #e5e5e5
}

    .but--simple > .icon--16 {
        margin-right: 5px
    }

    .but--simple:hover {
        background: #ffe000;
        border-top-color: #e5c900
    }

.but-blank {
    border: none;
    padding: 0
}

.but--pos-right {
    position: absolute;
    top: 0;
    right: 0;
    height: 45px;
    line-height: 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.title {
    font-size: 22px;
    position: relative;
    text-align: center;
    color: #4d4d4d;
    padding: 20px 10px
}

    .title.has-hint {
        padding-top: 14px;
        padding-bottom: 14px
    }

        .title.has-hint > .hint {
            padding-bottom: 4px;
            font-weight: 700;
            font-size: 12px
        }

.title__part {
    display: inline-block
}

.title__part--secondary {
    font-weight: 400
}

    .title__part--secondary:before {
        content: " - "
    }

.title--page {
    background: #f6f6f6
}

.title-section {
    position: relative;
    font-size: 18px;
    padding: 20px 10px 21px
}

    .title-section.has-hint {
        padding-top: 12px;
        padding-bottom: 13px
    }

        .title-section.has-hint > .hint {
            padding-bottom: 4px
        }

.title-sub {
    position: relative;
    font-size: 16px;
    text-transform: uppercase;
    padding: 8px 10px;
    background: #f6f6f6;
    border-top: 1px solid #e5e5e5;
    color: #9d9d9d;
    line-height: 1.14
}

    .title-sub > .icon--18 {
        vertical-align: -25%;
        padding-right: 2px;
        padding-bottom: 2px;
        margin-left: -2px;
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=53);
        opacity: .53
    }

.title-sub--list-item {
    counter-increment: title-sub-li
}

    .title-sub--list-item .title-sub:before {
        content: counter(title-sub-li);
        display: inline-block;
        padding-right: 20px
    }

.title--hint-medium .hint {
    font-size: 12px
}

.title--white {
    color: #fff
}

.title-turqoise {
    color: #04a0e7;
    background-color: rgba(229, 229, 229, 0.24);
}

.title-normal {
    text-align: left;
    background-color: #f9f7f3;
    border-top: 1px solid #e5e5e5
}

.title-gray {
    background-color: #f9f7f3;
    border-top: 1px solid #e5e5e5
}

.title-left {
    text-align: left
}

.title-info {
    font-size: 22px;
    color: #4d4d4d;
    text-align: center
}

.title-status {
    text-align: left
}

    .title-status .title__status {
        color: #0C4BA0;
    }

.title-notice {
    text-align: left;
    font-size: 18px;
    line-height: 22px
}

    .title-notice .title__text {
        color: #0C4BA0;
        display: block
    }

    .title-notice .title__desc {
        color: #9d9d9d;
        display: block;
        font-size: 12px;
        line-height: 16px;
        margin-top: 5px
    }

.title-brief .title__brief {
    font-size: 12px;
    color: #9d9d9d;
    font-weight: 400;
    padding-top: 10px
}

.pag {
    position: relative;
    padding: 20px;
    text-align: center
}

.pag--num {
    font-weight: 700;
    text-transform: uppercase;
    color: #9d9d9d
}

    .pag--num > strong {
        color: #4d4d4d
    }

.pag--carousel {
    padding: 0
}

.pag__next,
.pag__prev {
    z-index: 10;
    padding: 10px;
    position: absolute;
    top: 50%;
    margin-top: -19px
}

.pag__next {
    right: 0;
    padding-left: 20px
}

.pag__prev {
    left: 0;
    padding-right: 20px
}

.centered .pag {
    width: 100%;
    padding: 10px;
    box-sizing: border-box
}

.centered .pag__next,
.centered .pag__prev {
    bottom: 160px;
    top: auto
}

.section {
    position: relative;
    display: block;
    padding: 20px 35px 20px 10px;
    border-top: 1px solid #e8e8e8;
    font-size: 18px;
    color: #4d4d4d;
}

    .section.section--price {
        font-size: 18px;
        font-weight: 700
    }

        .section.section--price span {
            font-size: 10px
        }

            .section.section--price span em {
                font-style: normal;
                color: #9d9d9d
            }

    .section.has-hover-icon:hover,
    .section.has-active-icon.is-active {
        background-color: transparent;
        border-top-color: transparent;
        color: #4d4d4d
    }

        .section.has-hover-icon:hover > .def,
        .section.has-hover-icon:hover > .hint,
        .section.has-active-icon.is-active > .def,
        .section.has-active-icon.is-active > .hint {
            color: #fff
        }

    .section.bt0 {
        border-top: none
    }

    .section.has-icon52 {
        padding-top: 10px;
        padding-bottom: 10px
    }

.section--sup.has-hover-icon:hover,
.section--sup.has-active-icon.is-active {
    background-color: #ffb400;
    border-top-color: #ffb400
}

.section--grey-lighter {
    background-color: #f6f6f6
}

.section--light-dark {
    border-top: 1px solid #fff;
    text-transform: uppercase;
    color: #000000;
    font-size: 18px;
    background: #f4f0e9
}

    .section--light-dark.has-hover-icon:hover,
    .section--light-dark.has-active-icon.is-active {
        background-color: #181818;
        border-top: 1px solid #000
    }

.section--dark {
    border-top: 1px solid #000;
    color: #9d9d9d;
    background: #202020
}

    .section--dark.has-hover-icon:hover,
    .section--dark.has-active-icon.is-active {
        background-color: #181818;
        border-top: 1px solid #000
    }

.section--accordion .accordion__active-item {
    display: none
}

.section--accordion.is-checkbox-active .accordion__active-item {
    display: block
}

.section--accordion.is-disabled {
    background: #f6f6f6;
    pointer-events: none;
    color: #9d9d9d
}

    .section--accordion.is-disabled > .icon {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=52);
        opacity: .52
    }

.section--support {
    border-top: 1px solid #e49417;
    background: #fea51a;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff
}

    .section--support:hover {
        background: #fea51a;
        border-top-color: #e49417
    }

.section__nav {
    right: 7px;
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.section__img {
    width: 33px;
    height: 33px;
    position: absolute;
    top: 13px;
    left: 10px
}

.has-hint {
    padding-top: 13px;
    padding-bottom: 13px
}

    .has-hint > .hint {
        padding-bottom: 2px
    }

    .has-hint.larger-hint > .hint {
        padding-top: 4px;
        font-size: 12px
    }

.has-icon,
.has-img {
    padding-left: 52px
}

    .has-icon > .icon--40,
    .has-img > .icon--40 {
        position: absolute;
        top: 50%;
        margin-top: -20px;
        left: 5px
    }

.has-visual {
    padding: 25px 35px 25px 69px
}

    .has-visual > .visual {
        position: absolute;
        top: 9px;
        left: 10px
    }

.has-price {
    padding: 15px 35px 14px 10px
}

    .has-price .def {
        color: #9d9d9d;
        font-family: Greycliff, "Helvetica", Arial, sans-serif;
        padding-top: 3px
    }

.has-dot {
    padding: 16px 35px 16px 10px
}

    .has-dot .dot {
        margin: -2px 4px 0 0
    }

    .has-dot .def {
        padding-left: 20px
    }

.section--accordion > .section__icon-expanded {
    display: none
}

.section--accordion > .section__icon-collapsed {
    display: block
}

.section--accordion.is-expanded .section__icon-expanded {
    display: block
}

.section--accordion.is-expanded .section__icon-collapsed {
    display: none
}

.section--dim {
    background-color: #e6e6e6
}

.box {
    background: #f6f6f6;
    border: 1px solid #e5e5e5
}

.package td {
    padding: 10px;
    border-top: 1px solid #e5e5e5;
    height: 18px
}

    .package td.bt0 {
        border-top: 0
    }

.package .blue dt {
    color: #3ab8cf;
    font-size: 12px
}

.package .gray dt {
    color: #4d4d4d;
    font-size: 12px
}

.package .soft-gray dt {
    color: #9d9d9d;
    font-size: 12px
}

.package tr:first-child > td,
.package .col-inner {
    border-top: none;
    height: 19px
}

.package .col-icon {
    width: 10px;
    vertical-align: middle;
    padding-top: 12px;
    padding-bottom: 14px;
    padding-left: 8px;
    padding-right: 7px
}

.package .col-desc {
    text-align: right;
    line-height: 24px
}

.package.v2 td {
    padding: 13px 10px;
    border-top: 1px solid #e5e5e5;
    height: 18px
}

.package.v2 tr:first-child > td,
.package.v2 .col-inner {
    border-top: none;
    height: 19px
}

.package.v2 .col-icon {
    width: 20px;
    vertical-align: middle;
    padding-top: 12px;
    padding-bottom: 14px;
    padding-left: 8px;
    padding-right: 7px
}

.package.v2 .col-term {
    padding-left: 0;
    color: #4d4d4d
}

    .package.v2 .col-term dt {
        float: left
    }

    .package.v2 .col-term dd {
        float: left;
        clear: left
    }

.package.v2 .col-desc {
    text-align: right;
    padding-right: 0;
    line-height: 24px
}

.package-price {
    padding: 13px 10px;
    font-weight: 700;
    height: 24px;
    line-height: 24px
}

    .package-price .package-price-left {
        float: left
    }

    .package-price .package-price-right {
        float: right;
        line-height: 24px
    }

.package-price-box {
    background-color: #f6f6f6;
    padding: 15px;
    font-size: 18px;
    font-weight: 700;
    color: #4d4d4d
}

    .package-price-box span {
        font-size: 10px
    }

.package-title {
    position: relative;
    height: 70px;
    line-height: 70px;
    padding: 0 10px;
    background: #33a132;
    color: #ffffff;
    font-size: 22px
}

    .package-title img {
        float: left;
        margin-right: 6px;
        height: 32px;
        margin-top: 17px
    }

.package-title--type1 {
    background: #33a132;
    color: #ffffff
}

.package-title--type2 {
    background: #6f175d;
    color: #ffffff
}

.package-title--type3 {
    background: #f78e1d;
    color: #ffffff
}

.package-title--type4 {
    background: #e74f1c;
    color: #ffffff
}

.package-img {
    height: 100px;
    display: inline-block
}

.header {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px 15px;
    height: 60px;
    background: #282868;
    position: relative;
    overflow: hidden;
}

.mobile-head-right {
    width: 35%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
/*.header__link {
    width: 50px;
    height: 60px;
    position: absolute;
    top: 0;
    overflow: hidden;
    text-indent: -9999px;
    display: block
}*/

/*.header__logo {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}*/


/*.header__logo {
    left: 50%;
    margin-left: -25px
}

.header__logo img {
    position: absolute;
    top: 46%;
    left: 51%;
    transform: translate(-50%,-50%);
    width:31px;
    height:31px;
}
    */
.header__account {
    right: 50px;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header__main-nav {
    right: 0px;
}

    .header__main-nav span.line {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 22px;
        height: 2px;
        background: #fff;
        display: block;
        border-radius: 2px;
    }

    .header__main-nav span.line-1 {
        margin-top: -8px;
    }

    .header__main-nav span.line-3 {
        margin-top: 8px;
    }

.header__top-up {
    right: -5px
}

.header__logo-academy {
    width: 165px;
    height: 31px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -83px;
    margin-top: -16px;
    overflow: hidden;
    text-indent: -9999px;
    display: block
}

.header-actions {
    float: left;
    margin: 0;
}

    .header-actions li {
        float: left;
        width: auto !important;
    }

        .header-actions li a {
            text-align: center;
            display: block;
            width: 20px;
            height: 20px;
            padding: 20px 15px;
            margin: 0 !important;
            transform: none !important;
        }

            .header-actions li a span {
                display: block;
                margin-top: 5px;
                font-size: 7px;
                color: #ffe000;
                line-height: 8px
            }

.footer {
    background: #282868;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.main-social {
    text-align: center;
    padding: 15px 0 14px 0;
    font-size: 0
}

    .main-social li {
        display: inline-block;
        font-size: 0;
        margin: 0 4px
    }

.footer-nav {
    padding-top: 10px;
}

    .footer-nav li {
    }

        .footer-nav li .footer-nav-header {
            padding: 10px 20px;
            font-size: 16px;
            color: #fff;
            display: block;
            margin: 0;
            position: relative;
            font-weight: 600;
        }

        .footer-nav li h6.footer-nav-header:after {
            content: '';
            position: absolute;
            width: 14px;
            height: 13px;
            background-image: url(/assets/Web/build/assets/images/sprites/icons1x-se202731a8b.png);
            background-repeat: no-repeat;
            background-position: -2000px -3px;
            right: 16px;
            top: 50%;
            transform: translateY(-50%);
        }

        .footer-nav li > ul {
            margin: 10px 0;
            padding: 0 20px;
            list-style: none;
            width: calc(100% - 40px);
        }

            .footer-nav li > ul > li {
                width: 100%;
            }

                .footer-nav li > ul > li a {
                    width: 100%;
                    display: block;
                    color: #fff;
                    font-size: 14px;
                    padding: 5px 0;
                }

                    .footer-nav li > ul > li a:before {
                        content: '-';
                        margin-right: 5px;
                    }

.copyright {
    color: #fff;
    font-size: 10px;
    font-family: Greycliff, "Helvetica", Arial, sans-serif;
    display: block;
    padding: 16px 16px 19px 16px;
    text-align: center;
    background: #000;
}

.footer__sub-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}

    .footer__sub-menu a {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
    }

.footer__sub-language {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 20px 20px 20px;
}

    .footer__sub-language a {
        color: #fff;
        font-size: 16px;
        margin: 0 15px;
        opacity: 0.6;
    }

        .footer__sub-language a.active {
            opacity: 1;
        }

.form-node {
    margin-bottom: 10px
}

.node-text {
    font-size: 10px;
    color: #4d4d4d;
    font-weight: 700;
    padding: 0 10px
}

.node-btn {
    padding: 0 10px
}

.breadcrumb-wrapper {
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: auto;
}

.breadcrumb {
    height: 100%;
    position: relative;
    padding-left: 20px;
}

    .breadcrumb li {
    }

        .breadcrumb li:last-child .breadcrumb__item {
            color: #0C4BA0;
            font-weight: 400;
        }

            .breadcrumb li:last-child .breadcrumb__item:hover {
                background: #0094ab
            }


.breadcrumb__item {
    display: block;
    font: 700 10px/56px Greycliff, "Helvetica", Arial, sans-serif;
    padding: 0 24px 0 0;
    color: #282868;
    position: relative
}

    .breadcrumb__item:before {
        content: url('../images-2019/breadcrumb-right.svg');
        display: block;
        width: 5px;
        height: 8px;
        position: absolute;
        right: 10px;
    }

.breadcrumb > li:last-child .breadcrumb__item:before {
    display: none;
}


.media {
    position: relative;
    display: block
}

    .media.has-violator {
        padding-top: 10px !important;
    }

.media__image-wrap {
    position: relative;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.media__image {
    max-width: 100%
}

.media__title {
    font-size: 12px
}

.media__discount {
    display: block;
    letter-spacing: .2em
}

.media__icon-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: .75
}

    .media__icon-overlay.icon--56 {
        margin-left: -28px;
        margin-top: -28px
    }

.media--hover:hover .media__title {
    color: #0C4BA0
}

.media--hover:hover .media__image-wrap:after {
}

.media--hover-icon-overlay .media__icon-overlay {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -moz-transition: -moz-transform .2s ease-in-out;
    -o-transition: -o-transform .2s ease-in-out;
    transition: transform .2s ease-in-out
}

.media--hover-icon-overlay:hover .media__icon-overlay {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.media--hover-text:hover .media__title {
    color: #0C4BA0
}

.media--truncate-title .media__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.media--h {
    position: relative
}

    .media--h .media__image-wrap {
        width: 100%;
        /*text-align: center;
    margin: 0 auto;
        border: 1px solid #e6e6e6;
        border-radius: 4px;*/
        overflow: hidden;
    }

    .media--h .media__body-wrap {
        text-align: center;
    }

    .media--h.v2 .media__body .media__text {
        color: #4d4d4d
    }

.media--v {
    text-align: center
}

    .media--v .media__image {
        margin: 0 auto
    }

    .media--v .media__body {
        height: 111px;
        overflow: hidden
    }

        .media--v .media__body.large--contain {
            height: auto
        }

    .media--v.v2 .media__body {
        height: auto
    }

.media--caret .media__body {
    padding-right: 30px
}

.media--prod-h {
    width: calc(50% - 20px);
    padding: 10px;
    float: left;
}

    .media--prod-h i.section__nav {
        display: none;
    }

    .media--prod-h .media__body {
        padding: 10px 0 0 0;
        width: 100%;
        min-height: 80px;
    }

    .media--prod-h .media__title {
        margin-top: 7px
    }

    .media--prod-h .media__def {
        margin-top: 5px
    }

    .media--prod-h .media__campaign {
        font-size: 10px;
        margin-top: 4px
    }

    .media--prod-h .media__text {
        color: #9d9d9d;
        margin-top: 6px
    }

    .media--prod-h .media__desc {
        font-size: 9px;
        color: #9d9d9d;
        margin-top: 8px
    }

    .media--prod-h.action-list-item .media__desc {
        font-size: 12px
    }

    .media--prod-h.is-removable .media__title {
        margin-top: 15px
    }

    .media--prod-h.is-removable .media__def {
        margin-top: 10px
    }

.has-discount .media__def {
    color: #f31381
}

.media--prod-v {
    padding: 10px 0
}

    .media--prod-v .media__title {
        font-size: 18px;
        margin-top: 18px
    }

    .media--prod-v .media__rating {
        margin-top: 4px
    }

    .media--prod-v .media__def {
        margin-top: 8px
    }

    .media--prod-v .media__campaign {
        font-size: 12px;
        margin-top: 8px;
        font-weight: 400;
        color: #8a8a8a
    }

    .media--prod-v .media__discount {
        margin-top: 6px
    }

    .media--prod-v .media__text {
        color: #9d9d9d;
        margin-top: 6px
    }

    .media--prod-v .media__first-text {
        color: #9d9d9d
    }

    .media--prod-v .media__hint {
        margin-top: 4px
    }

.media--table {
    display: table;
    width: 100%;
    position: relative;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(221, 221, 221, 0.5);
}

    .media--table.active_acc {
        box-shadow: none;
        border-bottom: none !important;
    }

        .media--table.active_acc > a .media__title {
            color: #0C4BA0;
        }

        .media--table.active_acc > a .section__nav {
            background-position: -2052px 0;
            transform: rotate(-90deg);
        }

    .media--table .media__image-wrap {
        display: table-cell;
        width: 120px;
        text-align: center
    }

    .media--table .media__image {
        width: 100px;
        margin: 0 auto
    }

    .media--table .media__body-wrap {
        display: table-cell;
        vertical-align: middle
    }

        .media--table .media__body-wrap.media__body--top {
            vertical-align: top
        }

    .media--table .media__title {
        margin-bottom: 4px
    }

    .media--table .media__index {
        display: table-cell;
        vertical-align: middle;
        width: 40px;
        padding-left: 10px
    }

.media--video-list .media__image-wrap {
    vertical-align: middle
}

.media--video-list .media__title {
    margin: 0;
    line-height: 1.3
}

.media--video-list .media__icon-overlay {
    left: 31px;
    margin-left: 0
}

.media--top-up .media__image-wrap {
    width: 76px;
    text-align: left;
    vertical-align: middle
}

.media--top-up .media__title {
    font-size: 18px;
    margin: 2px 0 3px 0
}

    .media--top-up .media__title.text-small {
        font-size: 10px
    }

.media--top-up .media__hint.text-mega {
    font-size: 18px
}

.media--top-up .media__hint.text-strong {
    font-weight: 700
}

.media--width-50 > .media__image-wrap,
.media--width-50 > .media__body-wrap {
    width: 50%;
    max-width: none
}

.media--width-50 .media__image {
    width: 100%;
    max-width: 100px;
    margin: 0 auto
}

.media--compatible {
    border-top: 1px solid #e5e5e5;
    padding: 3px 0 16px 0
}

    .media--compatible .media__body {
        padding: 23px 0 0 0
    }

    .media--compatible .media__image {
        max-width: 100px
    }

    .media--compatible .media__list {
        font-size: 10px;
        color: #9d9d9d;
        text-transform: uppercase;
        line-height: 1.4em
    }

.media--purchase-option {
    border-top: 1px solid #e5e5e5;
    padding: 10px 10px 0 10px
}

    .media--purchase-option .media__body {
        padding-top: 17px
    }

    .media--purchase-option .media__title {
        font-size: 18px;
        margin-bottom: 7px
    }

    .media--purchase-option .media__text {
        color: #9d9d9d;
        line-height: 1.5em
    }

.media--spec {
    padding: 10px
}

    .media--spec .media__body {
        text-align: left;
    }

        .media--spec .media__body .hint {
            color: #000;
            font-size: 14px;
            line-height: 18px;
        }

    .media--spec .media__title {
        font-size: 16px;
        margin-bottom: 2px;
        color: #282868;
    }

.media--phone-dropdown .media__image-wrap {
    width: 88px
}

.media--phone-dropdown .media__image {
    width: 69px
}

.media--phone-dropdown .media__title {
    font: 16px Greycliff, "Helvetica", Arial, sans-serif;
    letter-spacing: normal;
    line-height: 100%;
    margin-bottom: 2px
}

.media--phone-dropdown .media__number {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 2px
}

.media--phone-dropdown .media__hint {
    margin-bottom: 2px
}

.media--intro-link .media__image-wrap {
    width: 69px
}

.media--intro-link .media__image {
    width: 49px
}

.media--intro-link .media__title {
    font-size: 18px;
    line-height: 1;
    margin: 0
}

.media--intro-link .media__text {
    margin-top: 10px;
    font-size: 10px;
    color: #9d9d9d
}

.media--intro-link .media__hint {
    margin-top: 3px
}

    .media--intro-link .media__hint.hint {
        font-weight: 700
    }

        .media--intro-link .media__hint.hint strong {
            font-size: 12px
        }

            .media--intro-link .media__hint.hint strong em {
                font-size: 7px;
                font-style: normal
            }

.media--intro-link.media--img-middle .media__image-wrap {
    vertical-align: middle
}

.media__pure .media__title {
    padding: 20px 0 16px 10px;
}

.media--community-post {
    padding: 17px 0;
    table-layout: fixed
}

    .media--community-post .media__image-wrap {
        width: 55px
    }

    .media--community-post .media__image {
        width: 33px
    }

    .media--community-post .media__body-wrap {
        width: 100%
    }

    .media--community-post .media__title {
        font-size: 18px;
        line-height: 1;
        margin: 0;
        display: block
    }

    .media--community-post .media__hint {
        margin-top: 3px
    }

    .media--community-post .media--img-vmiddle {
        vertical-align: middle
    }

        .media--community-post .media--img-vmiddle img {
            display: inline-block
        }

.media--user-header {
    background: #f6f6f6
}

    .media--user-header .media__image-wrap {
        width: 69px;
        height: 70px;
        vertical-align: middle
    }

    .media--user-header .media__image {
        width: 47px;
        height: 47px;
        margin-top: 3px;
        border: 1px solid #9f9f9f
    }

    .media--user-header .media__title {
        display: inline-block;
        font-size: 18px;
        margin: 1px 0 0 0
    }

    .media--user-header.modified {
        background: none
    }

        .media--user-header.modified .media__image {
            border: none
        }

.media__def-list,
.media__list {
    font-size: 10px;
    color: #9d9d9d;
    text-transform: uppercase;
    line-height: 1.4em
}

    .media__def-list > dt,
    .media__def-list > dd,
    .media__list > dt,
    .media__list > dd {
        float: left;
        margin: 0
    }

    .media__def-list > dt,
    .media__list > dt {
        clear: both;
        margin-right: 5px
    }

.media--visual > .media__body-wrap {
    position: relative;
    top: -2px
}

.media--visual > .media__image-wrap {
    vertical-align: middle;
    width: 97px
}

    .media--visual > .media__image-wrap .icon {
        position: absolute;
        top: 50%;
        margin-top: -10px;
        left: 50%;
        margin-left: -10px
    }

    .media--visual > .media__image-wrap.has-arc-status .icon {
        top: 10px;
        margin-top: 0
    }

    .media--visual > .media__image-wrap.has-arc-status .media__arc-status {
        position: absolute;
        top: 28px;
        left: 0;
        right: 0;
        text-align: center
    }

    .media--visual > .media__image-wrap.has-arc-status .media__arc-status-remaining {
        font-size: 12px
    }

    .media--visual > .media__image-wrap.has-arc-status .media__arc-status-text {
        font-size: 7px
    }

.media--visual .media__title {
    font-size: 18px;
    margin-bottom: 2px
}

.media--visual .media__legend {
    font-weight: 700;
    margin-bottom: 2px
}

    .media--visual .media__legend > .def {
        position: relative;
        display: inline-block
    }

.media--contact {
    border-top: 1px solid #e5e5e5;
    padding: 5px 0
}

    .media--contact:first-child {
        border-top: none;
        padding-top: 0
    }

    .media--contact .media__image-wrap {
        height: 40px;
        width: 40px
    }

    .media--contact .media__image {
        width: 100%
    }

    .media--contact .media__body-wrap {
        color: #9d9d9d;
        font-size: 12px;
        font-weight: 700;
        padding-left: 15px
    }

.media--jumbo > .media__body-wrap {
    cursor: pointer;
    padding: 10px;
    vertical-align: middle
}

.media--jumbo > .media__image-wrap {
    cursor: pointer;
    vertical-align: middle
}

.is-upgrade .g__col:first-child .media__image-wrap,
.is-upgrade .g__col:first-child .media__title {
    opacity: .5
}

.media--sup:hover .media__title {
    color: #fea51a
}

.media--hover-sup .media--hover-text:hover .media__title {
    color: #fea51a
}

.media--video .media__body {
    height: auto
}

.media__category {
    color: #9d9d9d
}

    .media__category.media__category--hover:hover {
        color: #0C4BA0
    }

.media__add-watchlist {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    z-index: 1
}

    .media__add-watchlist .add-watchlist {
        display: block
    }

    .media__add-watchlist .step {
        display: none
    }

        .media__add-watchlist .step.is-active {
            display: block
        }

        .media__add-watchlist .step.progress {
            position: relative
        }

            .media__add-watchlist .step.progress .icon--whirl {
                position: absolute;
                right: 4px;
                top: 4px
            }

.media--outer-title .media__title {
    font-size: 18px;
    padding-top: 18px;
    padding-bottom: 10px
}

.media__duration .icon,
.media__view .icon {
    position: relative;
    top: -2px
}

.media__meta-bot {
    position: absolute;
    bottom: 10px
}

.media--video-list-rich .media__index .icon {
    display: none
}

.media--video-list-rich.has-hover-state {
    cursor: pointer;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5
}

    .media--video-list-rich.has-hover-state:hover,
    .media--video-list-rich.is-active {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1
    }

.media--video-list-rich.is-active {
    cursor: default
}

    .media--video-list-rich.is-active .media__index-no {
        display: none
    }

    .media--video-list-rich.is-active .media__index .icon {
        display: inline-block
    }

    .media--video-list-rich.is-active.no-video .media__index-no {
        display: inline
    }

.media__index-no {
    display: inline;
    font: 700 30px Greycliff, "Helvetica", Arial, sans-serif;
    color: #e5e5e5
}

.media__remove-txt {
    display: inline-block;
    color: #9d9d9d;
    font-size: 10px;
    font-weight: 700;
    margin-top: 20px
}

    .media__remove-txt:hover {
        color: #0C4BA0
    }

.media__prop-wrap {
    position: absolute;
    right: 3px;
    bottom: 3px
}

    .media__prop-wrap .icon {
        float: right
    }

.media--part .media__prop-wrap {
    right: 8px
}

.media--part .media__image-wrap:before,
.media--part .media__image-wrap:after {
    content: ' ';
    position: absolute;
    right: 0;
    top: 0
}

.media--part .media__image-wrap:before {
    left: 5px;
    bottom: 5px;
    border-top: 5px solid #0C4BA0;
    border-right: 5px solid #0C4BA0;
    z-index: 1
}

.media--part .media__image-wrap:after {
    left: 0;
    bottom: 0;
    border-top: 7px solid white;
    border-right: 7px solid white;
    z-index: 0
}

.media--ybox-status .box-points {
    float: left;
    font-size: 28px;
    line-height: 1
}

.media--ybox-status .box-text {
    float: left;
    padding: 2px 0 0 8px
}

.media--ybox-status.ybox--center .media__image-wrap {
    width: 45%
}

.media--ybox-status.ybox--center .media__image {
    float: right
}

.news-list .media--intro-link .media__image {
    width: 75px
}

.news-list .media--intro-link .media__image-wrap {
    width: 95px
}

.news-list .media--intro-link .media__title {
    font-size: 14px;
    font-weight: 400
}

.general-management .media--intro-link .media__image,
.paf-team .media--intro-link .media__image {
    width: 60px
}

.general-management .media--intro-link .media__image-wrap,
.paf-team .media--intro-link .media__image-wrap {
    width: 80px
}

.search-results .media--intro-link .media__image {
    width: 90px
}

.search-results .media--intro-link .media__image-wrap {
    width: 110px
}

.search-results .hint {
    color: #9d9d9d
}

.thin-title .media--intro-link .media__title {
    font-size: 10px;
    color: #4d4d4d;
    font-weight: 400;
    font-family: Greycliff, "Helvetica", Arial, sans-serif;
}

.additional-document .media--intro-link .media__image {
    width: 75px
}

.additional-document .media--intro-link .media__image-wrap {
    width: 95px
}

.credit-bill-info .sep-top {
    border-top: none !important;
    border-bottom: 1px solid #e5e5e5
}

.credit-bill-info .media__title .hint {
    display: block;
    font-size: 11px;
    color: #9d9d9d;
    line-height: 14px
}

.credit-bill-info .media-bill-price {
    position: absolute;
    right: 35px;
    top: 50%;
    margin-top: -14px;
    font-size: 22px;
    color: #4d4d4d;
    font-weight: 700
}

    .credit-bill-info .media-bill-price em {
        font-size: 9px;
        font-style: normal;
        color: #9d9d9d
    }

.media-bill-status {
    position: absolute;
    right: 35px;
    top: 50%;
    min-width: 70px;
    margin-top: -14px;
    font-size: 18px;
    color: #4d4d4d;
    font-weight: 700
}

    .media-bill-status em {
        font-size: 9px
    }

    .media-bill-status i {
        font-size: 10px;
        font-style: normal;
        font-weight: 700;
        display: block
    }

        .media-bill-status i.bill-status-paid {
            color: #49b8cc
        }

        .media-bill-status i.bill-status-unpaid {
            color: #ae0057
        }

.support {
    background: #fea51a;
    border-top: 1px solid #e49417;
    display: none
}

    .support > .but--simple {
        color: #fff;
        border-top-color: #e49417
    }

        .support > .but--simple:hover {
            background-color: #e49417
        }

    .support.is-expanded {
        display: block
    }

.support__list > li {
    border-top: 1px solid #e49417
}

    .support__list > li > a {
        font-weight: 700;
        font-size: 10px;
        color: #fff;
        text-transform: uppercase;
        display: block;
        padding: 16px 10px
    }

        .support__list > li > a:hover {
            background: #e49417
        }

.social-sharing li {
    text-align: center
}

.social-sharing .icon--52 {
    -webkit-transform: scale(0.8, 0.8);
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    margin-left: -8px
}

.social-sharing__link {
    display: block;
    padding: 9px 2px
}

    .social-sharing__link:hover {
        background-color: #e5c900
    }

.social-sharing--sup .social-sharing__link:hover {
    background-color: #fea51a
}

.tip {
    font-weight: 700;
    font-size: 10px;
    border: 1px solid #e7e7e7;
    background: #f6f6f6;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    padding: 0 4px;
    min-width: 30px;
    position: relative;
    margin-bottom: 10px
}

    .tip .icon--16 {
        position: absolute;
        left: -11px;
        top: 50%;
        margin-top: -8px;
        width: 11px
    }

.rating,
.rating__active {
    height: 13px
}

.rating {
    width: 70px;
    position: relative
}

.rating__active {
    width: 0;
    max-width: 70px;
    position: absolute;
    top: 0;
    left: 0
}

.rating-user img {
    display: inline-block;
    margin-left: 5px
}

    .rating-user img:first-child {
        margin-left: 0
    }

.tabs__wrap {
    background: #12203e;
}

.tabs__icon {
    position: relative;
    top: -1px;
    margin-right: 4px
}

.tabs__icon--active {
    display: none
}

.tab {
    font: 700 12px Greycliff, "Helvatica", Arial, sans-serif;
    display: block;
    text-align: center;
    padding: 10px 5px;
    color: #9d9d9d;
    position: relative;
    font-size: 16px;
}

    .tab.is-active {
        background-color: #0C4BA0;
        color: #fff;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-radius: 20px;
    }



        .tab.is-active .tabs__icon--active {
            display: inline-block
        }

        .tab.is-active .tabs__icon--inactive {
            display: none
        }

.tabs__wrap {
    border-radius: 30px;
    overflow: hidden;
}

    .tabs__wrap > .g__col:first-child > .is-active:before {
        display: none
    }

.tab-content {
    display: none
}

    .tab-content .section {
        font-size: 18px
    }

    .tab-content.is-active {
        display: block
    }

.tabs--dark > .tabs__wrap {
    background: #161616;
    -webkit-box-shadow: inset 0 1px 3px black, inset 0 -1px 0 black;
    -moz-box-shadow: inset 0 1px 3px black, inset 0 -1px 0 black;
    box-shadow: inset 0 1px 3px black, inset 0 -1px 0 black
}

.bar {
    position: relative;
    border-top: 1px solid #e5e5e5
}

.bar__has--search {
    padding-right: 44px
}

.bar__item,
.bar .native-select {
    font-weight: 700;
    font-size: 14px;
    display: block;
    background: #282868;
    color: #fff;
    text-align: center;
    padding-top: 13px;
    padding-bottom: 13px
}

    .bar__item i,
    .bar .native-select i {
        height: 20px;
        display: inline-block;
        vertical-align: top;
    }

        .bar__item i img,
        .bar .native-select i img {
            width: auto;
            height: 100%;
        }

.text-truncate.bar__item {
    text-align: left
}

    .text-truncate.bar__item .icon {
        float: right
    }

.bar .native-select.is-active,
.bar__item:hover {
    /*background: #ffe000*/
}

.bar__item.no-hover:hover {
    /*background: #f6f6f6;
    color: #4d4d4d*/
}

.bar__select {
    width: 100%
}

.bar .native-select__label {
    padding: 0 10px;
    display: block
}

.bar .native-select__text {
    padding: 0 5px
}

.bar__search-but,
.bar__close-but,
.bar__search-container,
.bar__search-active-but {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 44px;
    display: block;
    overflow: hidden
}

    .bar__search-but .icon,
    .bar__close-but .icon,
    .bar__search-container .icon,
    .bar__search-active-but .icon {
        margin: 0
    }

.bar__search-active-but {
    display: none;
    background: #fff
}

    .bar__search-active-but:hover {
        background: #fff
    }

.bar__search-but {
    z-index: 10
}

    .bar__search-but.is-expanded {
        display: none
    }

.bar__close-but {
    z-index: 5;
    left: 0;
    right: auto
}

.bar__search-container {
    background: #fff;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: width .5s;
    -moz-transition: width .5s;
    -o-transition: width .5s;
    transition: width .5s
}

    .bar__search-container.is-expanded {
        width: 100%
    }

        .bar__search-container.is-expanded .bar__close-but {
            left: 0
        }

        .bar__search-container.is-expanded .bar__search-but {
            display: none
        }

        .bar__search-container.is-expanded .bar__search-active-but {
            display: block
        }

        .bar__search-container.is-expanded .bar__search-text {
            display: block
        }

.bar__search-text {
    position: absolute;
    top: 0;
    left: 0;
    right: 50px;
    bottom: 0;
    padding: 13px 0;
    display: none
}

.bar__search-form {
    position: absolute;
    top: 0;
    left: 50px;
    right: 0;
    bottom: 0
}

.carousel {
    overflow: hidden;
    visibility: hidden;
    position: relative
}

.carousel__wrap {
    overflow: hidden;
    position: relative;
    z-index: 1
}

.carousel__item {
    float: left;
    width: 100%;
    position: relative
}

    .carousel__item .g__col {
        float: none;
    }

    .carousel__item .def > dt {
        font-size: 24px
    }

    .carousel__item .def > dd {
        font-size: 9px
    }

    .carousel__item .carousel__text {
        background-color: #f9f7f3;
        font-size: 18px;
        color: #174d78;
        font-weight: 700;
        text-align: center;
        padding: 25px
    }

.hero-carousel {
    position: relative;
    background: linear-gradient(#2b8eae, #2bacc4) !important;
    background-size: cover;
    padding: 15px 0 50px 0;
}

    .hero-carousel .carousel__nav {
        display: block;
        position: absolute;
        top: 74px;
        padding: 7px;
        z-index: 10
    }

    .hero-carousel .carousel__prev {
        left: 0
    }

    .hero-carousel .carousel__next {
        right: 0
    }

    .hero-carousel .carousel__indicator-wrapper {
        width: 100%;
        position: absolute;
        bottom: 26px;
        left: 0;
        text-align: center;
        z-index: 10
    }

    .hero-carousel .carousel__indicator {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 0;
        display: inline-block
    }

        .hero-carousel .carousel__indicator .dot {
            width: 10px;
            height: 10px;
            font-size: 0;
            margin: 0 0 0 9px;
            background: white
        }

        .hero-carousel .carousel__indicator .is-active {
            background: #b8b6ab
        }

.hero-carousel__wrap {
    display: block;
    text-align: center;
    color: #fff
}

.hero-carousel__image-container {
    position: relative
}

    .hero-carousel__image-container img {
        display: inline-block;
        max-width: 100%;
        vertical-align: middle;
        z-index: 5
    }

.hero-carousel__text {
    z-index: 10;
    padding: 0 25px;
}

    .hero-carousel__text h3 {
        font-size: 24px;
        margin: 15px 0;
        padding: 0;
        font-weight: 400
    }

    .hero-carousel__text p {
        font-size: 16px;
        margin: 0;
        padding: 0;
        min-height: 59px;
    }

    .hero-carousel__text .hero-carousel__but-primary {
        display: inline-block;
        margin-top: 15px;
        color: #4d4d4d;
        font-size: 15px;
        line-height: 38px;
        padding: 0 32px;
        font-weight: 400
    }

    .hero-carousel__text .hero-carousel-description {
        font-size: 15px;
        color: white;
        margin-top: 10px
    }

.page-hero-carousel .hero-carousel__text h3 {
    font-weight: 400;
    font-family: Greycliff, Arial,sans-serif;
    letter-spacing: -1px;
    font-size: 26px;
}

.tile {
    display: block;
    border-top: 1px solid #e5e5e5;
    padding: 10px 10px 30px 10px;
    text-align: center
}

    .tile:hover {
        color: #0C4BA0
    }

    .tile .tile-description {
        font-size: 10px;
        color: #9d9d9d;
        margin-top: 5px
    }

.tile--sup:hover {
    color: #fea51a
}

.tile__image-wrap {
    max-width: 220px;
    display: inline-block;
    margin-bottom: 5px
}

    .tile__image-wrap > img {
        width: 100%
    }

.tile__title {
    font-size: 16px;
    color: #4d4d4d
}

.toggle {
    position: absolute;
    left: -99999px;
}

.toggle-label {
    font-weight: 700;
    cursor: pointer;
    display: block;
    padding: 3px 10px 3px 35px;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

    .toggle-label .icon {
        width: 18px;
        height: 18px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -10px;
        border: 1px solid rgba(15, 5, 43, 0.22);
        border-radius: 4px;
    }

.toggle + .toggle-label .checked {
    display: none;
}

.toggle + .toggle-label .unchecked {
    display: block;
    background: none !important;
}

.toggle:checked + .toggle-label .unchecked {
    display: none
}

.toggle:checked + .toggle-label .checked {
    display: block;
    background-position: -11163px 5px !important;
}

.switch {
    display: block;
    width: 100%;
    height: 50px;
    cursor: pointer;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(100%, #4d4d4d), color-stop(100%, #4d4d4d));
    background-image: -webkit-linear-gradient(left, #4d4d4d 100%, #4d4d4d 100%);
    background-image: -moz-linear-gradient(left, #4d4d4d 100%, #4d4d4d 100%);
    background-image: -o-linear-gradient(left, #4d4d4d 100%, #4d4d4d 100%);
    background-image: linear-gradient(left, #4d4d4d 100%, #4d4d4d 100%);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: none;
    outline: none
}

    .switch:before,
    .switch:after {
        font-size: 16px;
        line-height: 50px;
        text-align: center;
        font-weight: 700;
        float: left;
        width: 50%;
        display: block;
        color: #fff;
        -webkit-font-smoothing: antialiased
    }

    .switch:before {
        content: 'KAPALI';
        color: #fff
    }

    .switch:after {
        content: 'A\00C7';
        color: #b8b8b8;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-left: 1px solid #ffffff
    }

    .switch:checked {
        background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(100%, #49b8cc), color-stop(100%, #49b8cc));
        background-image: -webkit-linear-gradient(left, #49b8cc 100%, #49b8cc 100%);
        background-image: -moz-linear-gradient(left, #49b8cc 100%, #49b8cc 100%);
        background-image: -o-linear-gradient(left, #49b8cc 100%, #49b8cc 100%);
        background-image: linear-gradient(left, #49b8cc 100%, #49b8cc 100%);
        background-position: 0 0
    }

        .switch:checked:before {
            color: #b6e2ea;
            content: 'KAPAT'
        }

        .switch:checked:after {
            color: #fff;
            content: 'A\00C7IK'
        }

.switch__label {
    padding: 12px 0
}

@media screen\0 {
    .switch {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }
}

.switch-content {
    display: none
}

.text,
.tt-hint {
    display: inline-block;
    position: relative;
    background: #ffffff;
    color: #4d4d4d;
    font: 12px Greycliff, "Helvetica", Arial, sans-serif;
    border: none;
    padding: 13px 10px;
    width: 100%;
    outline: none;
    border: 2px solid #dfdfdf;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: aliceblue;
}

.light input[type="text"] {
    padding: 16px 20px;
    box-shadow: none;
    background: #fff
}

.light input[type="search"] {
    padding: 16px 45px 16px 20px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    font-family: Greycliff, "Helvetica", Arial, sans-serif;
    box-shadow: none;
    background: #fff
}

.input-wrapper {
    position: relative
}

    .input-wrapper + .hint {
        margin: 4px 0 0
    }

    .input-wrapper + .label {
        margin: 14px 0 0
    }

    .input-wrapper .hidden {
        display: none
    }

    .input-wrapper.white-bg input {
        background: #ffffff
    }

.input-with-icon-020 .icon {
    position: absolute;
    top: 15px;
    right: 20px
}

.input-with-icon-020 .text,
.input-with-icon-020 .tt-hint {
    padding-right: 45px
}

.has-ccv {
    margin: 0 0 4px;
    position: relative
}

.icon--ccv {
    height: 44px;
    width: 68px;
    position: absolute;
    top: 0;
    right: -78px
}

.icon--card {
    width: 68px;
    height: 44px;
    position: absolute;
    top: 0;
    right: 0
}

.text--white {
    background-color: #fff
}

.twitter-typeahead {
    width: 100%
}

.tt-hint {
    color: #9d9d9d
}

.tt-dropdown-menu {
    width: 100%;
    background: #e5e5e5;
    -webkit-box-shadow: 2px 2px 3px 0 #e5e5e5, -2px 0 3px 0 #e5e5e5;
    -moz-box-shadow: 2px 2px 3px 0 #e5e5e5, -2px 0 3px 0 #e5e5e5;
    box-shadow: 2px 2px 3px 0 #e5e5e5, -2px 0 3px 0 #e5e5e5
}

.tt-suggestion {
    background: #f6f6f6;
    color: #4d4d4d;
    font-size: 16px;
    padding: 10px;
    border-top: 1px solid #e5e5e5
}

.tt-is-under-cursor {
    background: #e5e5e5
}

.input--dark .text {
    background: #161616;
    -webkit-box-shadow: inset 0 1px 2px black, inset 0 -1px 0 black;
    -moz-box-shadow: inset 0 1px 2px black, inset 0 -1px 0 black;
    box-shadow: inset 0 1px 2px black, inset 0 -1px 0 black;
    color: #9d9d9d
}

.input--dark .text,
.input--dark .tt-hint {
    background: #171717
}

.input--dark .tt-hint {
    color: #6d6d6d
}

.input--dark .tt-dropdown-menu {
    background: #202020;
    -webkit-box-shadow: 2px 2px 3px 0 #4d4d4d, -2px 0 3px 0 #4d4d4d;
    -moz-box-shadow: 2px 2px 3px 0 #4d4d4d, -2px 0 3px 0 #4d4d4d;
    box-shadow: 2px 2px 3px 0 #4d4d4d, -2px 0 3px 0 #4d4d4d
}

.input--dark .tt-suggestion {
    background: #313131;
    color: #fff;
    border-top: 1px solid #202020
}

.input--dark .tt-is-under-cursor {
    background: #454545
}

.text[disabled] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #4d4d4d
}

.blank-text {
    border: none;
    font: 400 16px Greycliff, "Helvetica", Arial, sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .blank-text:focus {
        outline: none
    }

::-webkit-input-placeholder {
    position: absolute
}

input[disabled] {
    pointer-events: none
}

.input--old {
    height: 45px;
    padding-right: 55px
}

.input--shadow {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}

.native-select {
    position: relative
}

    .native-select .select-hint {
        float: right;
        color: #9d9d9d
    }

.native-select__item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0;
    cursor: pointer;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 12px
}

.native-select__hint {
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -5px
}

.native-select__has-old-price {
    color: #f01f81
}

    .native-select__has-old-price > span {
        display: block;
        color: #9d9d9d;
        text-decoration: line-through;
        font-size: 12px;
        margin: 15px 0 -8px 0;
        line-height: 1
    }

.is-active .native-select__has-old-price {
    color: #ffffff
}

    .is-active .native-select__has-old-price > span {
        color: #ffffff
    }

.native-select__hint--disabled {
    display: none
}

.is-disabled .native-select__hint--disabled {
    display: block
}

.native-select--regular {
    display: block;
    border: 2px solid #dfdfdf;
    border-radius: 4px;
}

    .native-select--regular.is-active {
        background: #4d4d4d;
        color: #fff
    }

    .native-select--regular .icon--16 {
        position: absolute;
        top: 50%;
        right: 9px;
        margin-top: -8px
    }

    .native-select--regular .native-select__label {
        font-size: 12px;
        line-height: 44px;
        font-weight: 700;
        padding: 0 34px 0 20px;
        display: block;
    }

    .native-select--regular.is-disabled {
        pointer-events: none
    }

        .native-select--regular.is-disabled .native-select__label {
            color: #9d9d9d
        }

    .native-select--regular + .label {
        margin: 14px 0 0
    }

.native-select--dark {
    background: #313131;
    -webkit-box-shadow: 0 1px 1px black;
    -moz-box-shadow: 0 1px 1px black;
    box-shadow: 0 1px 1px black
}

    .native-select--dark > .native-select__label {
        color: #fff
    }

    .native-select--dark.is-active {
        background: #202020;
        color: #fff
    }

.native-select--white {
    background: #fff
}

.native-select--no-js .native-select__item {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
    position: static
}

.native-select--no-js .native-select__label {
    display: none
}

.native-select--no-js.native-select--dark {
    background: none
}

.other-content {
    display: none
}

.img--center {
    margin: 0 auto
}

.img--full {
    width: 100%
}

.img--max {
    max-width: 100%
}

.overlay-icon {
    position: absolute;
    z-index: 5
}

    .overlay-icon.icon--40 {
        top: 50%;
        left: 50%;
        margin-top: -24px;
        margin-left: -20px
    }

.social {
    display: block;
    padding: 2px
}

    .social:hover {
        background-color: #0C4BA0;
        border: 1px solid #0C4BA0
    }

        .social:hover div {
            color: #fff
        }

.social__body {
    color: #9d9d9d;
    padding-top: 6px
}

.social__avatar {
    height: 38px;
    width: 38px;
    margin-right: 10px;
    float: left
}

    .social__avatar > img {
        max-width: 100%
    }

.data-list > dt,
.data-list > dd {
    margin: 0;
    padding: 15px 0
}

.data-list > dt {
    float: left;
    clear: both;
    width: 70%
}

.data-list > dd {
    float: right;
    width: 30%;
    text-align: right
}

.data-list__title {
    font-size: 18px;
    margin-bottom: 3px
}

.data-list__hint {
    margin-bottom: 3px
}

.data-list__value {
    font-size: 34px;
    font-weight: 700
}

    .data-list__value .sub {
        font-size: 12px
    }

.data-list.has-point > dt {
    width: 60%
}

.data-list.has-point > dd {
    width: 40%
}

.def-list > dt,
.def-list > dd {
    float: left;
    margin: 0
}

.def-list > dt {
    clear: both;
    margin-right: 5px
}

.range {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: #f6f6f6;
    height: 45px;
    width: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABQCAYAAAAz8KTYAAAAJklEQVR42u3RsQkAAAzDsP5/cFaXdOoLgQwG7R7gKgxJuCB03McCVF0B3+kP8r4AAAAASUVORK5CYII=) center center repeat-x;
    background-size: 1px;
    outline: none
}

    .range.turquoise {
        background: #49b8cc;
        height: 20px;
        position: relative
    }

    .range.is-disabled {
        opacity: .3;
        pointer-events: none
    }

.range__wrapper {
    overflow: hidden;
    width: 100%
}

.range::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    width: 31px;
    height: 45px;
    cursor: pointer;
    position: relative;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFMAAAA+CAMAAABgBte2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0NWFmMzIyOS02MTQ5LWI4NDQtYmNkYy00ZDk4OTcxYTQ0YWUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUE5RDAzNDY3N0U5MTFFNTg0N0Q5OENEQ0NGRTBFQjIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUE5RDAzNDU3N0U5MTFFNTg0N0Q5OENEQ0NGRTBFQjIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDkyY2MzMDktY2I1My0wNDQ5LTgxOWYtMTdiZDU2NzhhM2I0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ1YWYzMjI5LTYxNDktYjg0NC1iY2RjLTRkOTg5NzFhNDRhZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps/v4TEAAAIrUExURUm4zP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wofNAsgNSg6TSo8Tis9Tyw+UC0/US5AUS9BUzNFVjRGVzhJWjpLXEm4zEu5zUy5zVK8z1S8z2Bte2BufGDB0mFvfGHB02JwfWNxfmRyf2VygGd0gWt4hGx5hW97iHB8iHDH13F9iXTJ2HiEkHyIk32IlIOOmIWPmoaQm4vS346XoZGao5ylrZ2lrp+nr6CosKGpsaOrs6Pb5aXc5qattabc5qivt6mwt661vLK5v7/m7cDFysLIzcPJzsnO0svQ1Nbv9Nfv9Of2+Oj2+en2+fHy8/Lz9PP09fT19vX29/X7/Pb3+Pb7/Pj5+fz8/fz+/v39/f3+/v///zXktioAAABmdFJOUwAAAQIDBAUHCAoLDA0PExscHR8hIiksLjQ1Njc4OjxGSFRWXF1gam1ucHJ4eXt8foCBhIWGj5CRlJydn6Clpquturu8vsDGyMzNz9LU19na29zd3+Hi5Obt7vHy8/b3+Pn6+/z9/gKcwWMAAALVSURBVFjDrdfpXw1RHAbwU66SUhISQvadaydkDZEtpCwV3Z9kS5ZCWQqJ7Ev2JbIlsmX+PN15zty53VnumZnzvKiZc+Z8P7145syJxQglwV8Q2DGvn9jDTIzMVYJZFy/RnK8gC+SZo8q5WZ4py+y/RdGSHy/JXKjomSvHHB1QtW/qzwMZMszkQvyF5/Brc4IEMwfWfXqAi0XezQmQOiqoslO9Cozxag7eA7OWiOpxWZjszfThBVKaKZh7uMnxZs6G8k4lqaIDt+O9mJkHVePPCZhUC7M4zb05oABGA2lpxkCuz7W5DMIT0tOGoVluzXFY33k4zKzqxus0ws7UYpxKK4Z5gcLTiMHtSW5MrUa3qHdaMZxtY56yyjOsfR9Baq+TkuXcvPFPXdldFWlqr9PugU7Nmi9Y2UjGtGBqTR+H5luse0xmacfkNGfmXZMa6anGbOkwJ2Zdl1mN9Fzj+3OiuHnmk3mN9LzCA4vFzRdY0WZJ0tEfNoVijmqk5xIvVKqYWfPVukZ67vBC+YRMXqNHZB/rQjGHNTIWKiO6WffLvkYChWIWNbpJ0cMLtSSaGb1G0QvFTGsU+qjZhxeqKNXO1GrUQGK5jcfX+mxMwRoZCjXd2hStkaFQZcOtzPNdojXScxVLtiaam6c/itdIz0vjJy/MfOqgRnqOfMeysWbm9b/RdyOzXOSFGmQ0z34W2Y3I+pOnFyp0ZsjGTCs5zwcsnRF5XsriNap0YZ5Uep+huJlShPF6chNeqG1J4WbsSoy2kLs871UomJMx1u6SjDhDqeaQfRiqdmuGzlApmhm3HiNN5D68UKtjuTkH92/IS/gONRXmSPxz8fu4J5PvUCXpQTN+E+6ukLc0gcmL6zH9uH5IXvMakD+GDS1zug9b5dhP7M/pbCnfhw95z2VQy9lORXZ2sb3SzRK2Qbq5kU2Rbk5ifVdJJlf4ejo/M79UGrg/b6Iv5j8YPNFRwdzvmwAAAABJRU5ErkJggg==) center center no-repeat;
    background-size: 31px
}

    .range::-webkit-slider-thumb:before {
        content: ' ';
        height: 9px;
        width: 2000px;
        display: block;
        background: #49b8cc;
        background-size: 5px;
        position: absolute;
        top: 18px;
        right: 30px;
        pointer-events: none
    }

.range.turquoise::-webkit-slider-thumb {
    content: '';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    position: relative;
    background-size: none;
    background: none;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border-style: solid;
    width: 0;
    height: 0;
    line-height: 0;
    border-width: 0 18px 24px 18px;
    border-color: transparent transparent #1a97ae transparent;
    _border-color: #000 #000 #1a97ae #000;
    position: relative;
    top: 5px;
    outline: none
}

    .range.turquoise::-webkit-slider-thumb:before {
        display: none
    }

.range__limit {
    font-size: 12px;
    font-weight: 700;
    color: #9d9d9d;
    height: 25px
}

    .range__limit .begin_limit {
        width: 11.5%;
        float: left
    }

    .range__limit .end_limit {
        width: 11.5%;
        float: right
    }

    .range__limit input {
        width: 70%;
        margin: 0 2%;
        float: left
    }

.label {
    overflow: hidden;
    cursor: pointer;
    display: block;
    font-weight: 700
}

    .label.turquoise {
        text-align: center;
        font: 400 12px Greycliff, "Helvetica", Arial, sans-serif;
        color: #4d4d4d
    }

        .label.turquoise .label__desc {
            float: none;
            color: #4d4d4d;
            font-weight: 700
        }

.label__desc {
    color: #0C4BA0;
    float: right;
    font: 700 12px/20px "Helvetica", Arial, sans-serif
}

.label__hint {
    float: right
}

.label--regular {
    padding: 0 0 9px 0;
    font-size: 14px;
    line-height: 1.1
}

    .label--regular span {
        color: #49b8cc
    }

.label--required span {
    position: relative
}

    .label--required span:after {
        content: "*";
        color: #37afed;
        position: absolute;
        top: 0;
        right: -5px
    }

.label--two-lined {
    position: relative
}

    .label--two-lined .label__desc {
        position: absolute;
        top: 0;
        right: 0
    }

.total-payment {
    font-size: 14px;
    line-height: 20px
}

    .total-payment .payment-left {
        width: 50%;
        float: left
    }

    .total-payment .payment-right {
        width: 50%;
        float: left;
        text-align: right;
        font-size: 18px
    }

        .total-payment .payment-right span {
            font-size: 10px
        }
/*floating mobile banner css*/
.floating-banner {
    top: 0;
    position: fixed;
    z-index: 9999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 1.875rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*position: absolute;*/
    top: 0;
    left: 0;
    overflow-x: hidden;
    width: 100%;
    height: 84px;
    background: #f3f3f3;
}

.floating-banner-img {
    position: relative;
    top: auto;
    left: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    border-radius: 15px;
    background-size: 64px 64px;
}

.floating-banner-content {
    position: relative;
    top: auto;
    left: auto;
    overflow-y: visible;
    width: auto;
    height: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    padding: 0 0.625rem;
    display: flex;
}

.floating-banner-header {
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 600;
}
.floating-banner-desc {
    font-size: 12px;
    letter-spacing: .5px;
    font-weight: 500;
}
.floating-banner-desc p{
    margin-bottom: 0.25rem;
}
.floating-banner-link {
    position: relative;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    padding-right: 0.625rem !important;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
    display: block;
    padding: 0 10px;
    min-width: 10%;
    border-radius: 5px;
    background: #f3f3f3;
    color: #1474fc;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    padding-left: 0;
}

.floating-banner-button {
    text-align: center;
    font-weight: 500;
    letter-spacing: .5px;
}

.floating-banner-close {
    position: absolute;
    top: calc(50% - 6px);
    left: 9px;
    display: block;
    margin: 0;
    width: 12px;
    height: 12px;
    border: 0;
    text-align: center;
}

.floating-banner-close::after, .floating-banner-close::before {
    position: absolute;
    width: 1px;
    height: 12px;
    background: #767676;
    content: ' ';
}

.floating-banner-close::before {
    transform: rotate(45deg);
}

.floating-banner-close::after {
    transform: rotate(-45deg);
}

.content-wrapper.has-floating-banner, .box-search.has-floating-banner {
    margin-top: 84px;
}


.hide,
.hide-inline {
    display: none
}

.hide.is-expanded {
    display: block
}

.hide-inline.is-expanded {
    display: inline-block
}

.table td {
    padding: 13px 10px;
    border-top: 1px solid #e5e5e5;
    height: 18px
}

.table td.bt0 {
    border-top: 0
}

.table thead td {
    border-top: none
}

.table .col-icon {
    width: 20px;
    vertical-align: middle;
    padding-top: 12px;
    padding-bottom: 14px;
    padding-left: 8px;
    padding-right: 7px
}

.table .col-term {
    padding-left: 0
}

.table .col-desc {
    text-align: right;
    padding-right: 0;
    line-height: 24px
}

.table .alignr {
    text-align: right
}

.table--default tbody tr:first-child td {
    border-top: none
}

.text-satura {
    font-weight: 700;
    font-family: Greycliff, "Helvetica", Arial, sans-serif;
    letter-spacing: 0;
}

.text-satura-last {
    font-family: Greycliff, "Helvetica", Arial, sans-serif;
    letter-spacing: 0;
}

.text-sans {
    font-weight: 400;
    font-family: Greycliff, "Helvetica", Arial, sans-serif;
}

.text-satura-medium {
    font-family: Greycliff, "Helvetica", Arial, sans-serif;
    letter-spacing: 0;
}

.text-dim {
    color: #9d9d9d
}

.text-grey-dark-light {
    color: #6d6d6d
}

.text-dark {
    color: #4d4d4d
}

.text-hot {
    color: #f01f81
}

.text-caraibe {
    color: #0C4BA0
}

.text-green {
    color: #76b72c
}

.text-orange-arc {
    color: #fd9526
}

.text-red {
    color: #db2133
}

.text-blue-mid {
    color: #0C4BA0
}

.text-tiny {
    font-size: 8px
}

.text-small {
    font-size: 10px
}

.text-medium {
    font-size: 12px
}

.text-large {
    font-size: 16px
}

.text-xlarge {
    font-size: 17px
}

.text-mega {
    font-size: 18px
}

.text-giga {
    font-size: 24px
}

.text-huge {
    font-size: 40px
}

.text-ultimate {
    font-size: 60px
}

.text-strong {
    font-weight: 700
}

.text-normal {
    font-weight: 400
}

.text-center {
    text-align: center
}

.text-underline {
    text-decoration: underline
}

.text-uppercase {
    text-transform: uppercase
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-inner {
    border-top: 1px solid #e5e5e5;
    padding: 33px 0 13px
}

.text-1line {
    height: 12px;
    overflow: hidden
}

.text-price-1line {
    height: 16px;
    overflow: hidden
}

.text-title-2line {
    height: 38px;
    overflow: hidden
}

.guide-text > .icon--caret-right-black {
    left: -5px;
    position: relative;
    top: -2px
}

.guide-text > .icon--mail-black {
    position: relative;
    top: -2px
}

.guide-text__step {
    margin-right: 5px
}

.link-caret-right {
    font-weight: 700
}

    .link-caret-right .icon {
        margin-right: 4px
    }

.text-blue-block {
    background: #3eafea;
    color: #fff;
    float: left;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    margin-top: 5px
}

.top-up {
    padding-top: 17px;
    padding-bottom: 17px;
    display: block
}

.top-up__price {
    width: 52px;
    padding: 8px 8px 7px 6px;
    text-align: right;
    position: relative;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

    .top-up__price > .def {
        font-weight: 700;
        color: #fff
    }

        .top-up__price > .def > dt {
            font-size: 16px;
            position: relative
        }

        .top-up__price > .def > dd {
            font-size: 6px;
            padding: 0;
            margin-left: -4px
        }

.top-up__price-icon {
    width: 12px;
    height: 13px;
    position: absolute;
    top: 9px;
    left: 9px
}

.top-up__price--7 {
    background-color: #ffaf00;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #ffaf00), color-stop(100%, #ff7e00));
    background-image: -webkit-linear-gradient(top, #ffaf00, #ff7e00);
    background-image: -moz-linear-gradient(top, #ffaf00, #ff7e00);
    background-image: -o-linear-gradient(top, #ffaf00, #ff7e00);
    background-image: linear-gradient(top, #ffaf00, #ff7e00)
}

.top-up__price--20 {
    background-color: #ffd300;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #ffd300), color-stop(100%, #ffb700));
    background-image: -webkit-linear-gradient(top, #ffd300, #ffb700);
    background-image: -moz-linear-gradient(top, #ffd300, #ffb700);
    background-image: -o-linear-gradient(top, #ffd300, #ffb700);
    background-image: linear-gradient(top, #ffd300, #ffb700)
}

.top-up__price--25 {
    background-color: #c0e000;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #c0e000), color-stop(100%, #97cc00));
    background-image: -webkit-linear-gradient(top, #c0e000, #97cc00);
    background-image: -moz-linear-gradient(top, #c0e000, #97cc00);
    background-image: -o-linear-gradient(top, #c0e000, #97cc00);
    background-image: linear-gradient(top, #c0e000, #97cc00)
}

.top-up__price--30 {
    background-color: #3bd4e8;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #3bd4e8), color-stop(100%, #2ab8d8));
    background-image: -webkit-linear-gradient(top, #3bd4e8, #2ab8d8);
    background-image: -moz-linear-gradient(top, #3bd4e8, #2ab8d8);
    background-image: -o-linear-gradient(top, #3bd4e8, #2ab8d8);
    background-image: linear-gradient(top, #3bd4e8, #2ab8d8)
}

.top-up__price--50 {
    background-color: #b688da;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #b688da), color-stop(100%, #8762c1));
    background-image: -webkit-linear-gradient(top, #b688da, #8762c1);
    background-image: -moz-linear-gradient(top, #b688da, #8762c1);
    background-image: -o-linear-gradient(top, #b688da, #8762c1);
    background-image: linear-gradient(top, #b688da, #8762c1)
}

.top-up__price--95 {
    background-color: #dc0855;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #dc0855), color-stop(100%, #c4063d));
    background-image: -webkit-linear-gradient(top, #dc0855, #c4063d);
    background-image: -moz-linear-gradient(top, #dc0855, #c4063d);
    background-image: -o-linear-gradient(top, #dc0855, #c4063d);
    background-image: linear-gradient(top, #dc0855, #c4063d)
}

.top-up__price--95 {
    background-color: #dc0855;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #dc0855), color-stop(100%, #c4063d));
    background-image: -webkit-linear-gradient(top, #dc0855, #c4063d);
    background-image: -moz-linear-gradient(top, #dc0855, #c4063d);
    background-image: -o-linear-gradient(top, #dc0855, #c4063d);
    background-image: linear-gradient(top, #dc0855, #c4063d)
}

.top-up__price--180 {
    background-color: #dc0855;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #5513e9), color-stop(100%, #6624fa));
    background-image: -webkit-linear-gradient(top, #5513e9, #6624fa);
    background-image: -moz-linear-gradient(top, #5513e9, #6624fa);
    background-image: -o-linear-gradient(top, #5513e9, #6624fa);
    background-image: linear-gradient(top, #5513e9, #6624fa)
}

.top-up--dark .media__title {
    color: #fff
}

.top-up--dark {
    padding: 12px 20px
}

.content-header {
    position: relative
}

    .content-header.has-icon {
        padding-left: 50px
    }

        .content-header.has-icon > .icon--40 {
            left: 0;
            position: absolute;
            top: 50%;
            margin-top: -20px
        }

.content-header__title {
    font-size: 18px;
    margin: 2px 0 3px 0
}

.content-header__hint,
.content-header__date {
    display: inline
}

.content-header__duration .icon,
.content-header__view .icon,
.content-header__deaf .icon {
    position: relative;
    top: -1px
}

.content-header__deaf {
    color: #fea51a
}

.content-header__deaf:hover {
    color: #0C4BA0
}

.store-locator-map {
    width: 100%;
    height: 350px
}

.store-locator-map img {
    max-width: none
}

.store-locator-map .store_pin_label_container {
    width: 10px;
    height: 10px;
    display: block;
    overflow: visible !important;
    z-index: 99999;
    cursor: default
}

.store-locator-map .store_pin_label {
    position: absolute;
    display: block;
    left: 13px;
    top: -30px;
    width: 20px;
    height: 11px;
    overflow: hidden;
    display: block;
    color: #ffffff;
    font: 10px/1 Greycliff, "Helvetica", Arial, sans-serif;
    cursor: default;
    text-align: center
}

.store-list .num {
    position: absolute;
    top: 0;
    right: 0;
    height: 54px;
    width: 54px;
    z-index: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 13px;
    text-align: center;
    padding-left: 25px;
    font-size: 12px;
    color: #fff
}

.store-list .shop_type_1 .num {
    background: url(/assets/Web/build/assets/images/content/global/map/global-sprite.png) 0 -102px no-repeat
}

.store-list .shop_type_2 .num {
    background: url(/assets/Web/build/assets/images/content/global/map/global-sprite.png) 0 -156px no-repeat
}

.store-list .shop_type_3 .num {
    background: url(/assets/Web/build/assets/images/content/global/map/global-sprite.png) 0 -210px no-repeat
}

.store-list .shop_type_4 .num {
    background: url(/assets/Web/build/assets/images/content/global/map/global-sprite.png) 0 -264px no-repeat
}

.store-list .shop_type_5 .num {
    background: url(/assets/Web/build/assets/images/content/global/map/global-sprite.png) 0 -318px no-repeat
}

.store-list .shop_type_6 .num {
    background: url(/assets/Web/build/assets/images/content/global/map/global-sprite.png) 0 -372px no-repeat
}

.store-list li {
    position: relative
}

    .store-list li .store-image img {
        width: 60px;
        height: 45px;
        float: left;
        margin-right: 10px
    }

    .store-list li p {
        overflow: hidden
    }

        .store-list li p strong {
            color: #4d4d4d
        }

    .store-list li .content {
        min-height: 60px
    }

    .store-list li h3 {
        font-size: 15px;
        padding: 10px;
        background-color: #f9f7f3;
        border-bottom: 1px solid #e5e5e5;
        border-top: 1px solid #e5e5e5
    }

    .store-list li:hover,
    .store-list li:active {
        cursor: pointer
    }

        .store-list li:hover h3,
        .store-list li:active h3 {
            background-color: #ffd600
        }

.chat-support .media__image-wrap {
    width: 70px
}

.chat-support .hint {
    color: #ffffff
}

.chat-support .title-section {
    text-transform: none
}

.chat-support__area {
    background: #e5e5e5
}

.chat-item {
    margin-bottom: 10px
}

.chat-item--turkcell .chat-support__person {
    color: #ffb400
}

.chat-item--user .chat-support__person {
    color: #4d4d4d
}

.chat-item--user .icon {
    float: right;
    margin-top: -1px
}

.chat-support__text {
    font: 12px/1.5 Greycliff, "Helvetica", Arial, sans-serif;
    color: #9d9d9d;
    overflow: auto
}

.chat-support__avatar {
    float: left
}

    .chat-support__avatar img {
        width: 54px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%
    }

    .chat-support__avatar.is-right {
        float: right
    }

.chat-item__wrap {
    background: #ffffff
}

.chat-item__icon-wrap {
    height: 16px;
    overflow: hidden
}

.chat-accordion-contents {
    display: none
}

    .chat-accordion-contents.is-expanded {
        display: block
    }

.bb5 .violator,
.violator {
    position: absolute;
    top: 0;
    z-index: 999;
    display: inline-block;
    background-image: url('/assets/Web/build/assets/images/sprites/violators1x-sa30597e00e.png');
    background-repeat: no-repeat;
    vertical-align: middle
}

@media (-webkit-min-device-pixel-ratio:1.5), (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:3 / 2), (min-device-pixel-ratio:1.5), (min-resolution:144dpi), (min-resolution:1.5dppx) {
    .violator {
        background-image: url('/assets/Web/build/assets/images/sprites/violators2x-sf396566f46.png');
        background-size: 2390px auto
    }
}

.violator--h {
    right: 60px;
    width: 94px;
    height: 60px
}

.violator--v {
    left: 0;
    width: 69px;
    height: 101px
}

.violator--title {
    right: 0;
    width: 107px;
    height: 78px
}

.violator--single {
    left: 0;
    top: 5px;
    width: 90px;
    height: 23px
}

.violator--multi {
    left: 0;
    top: 5px;
    width: 179px;
    height: 23px
}

.violator--campaign {
    background-position: -1234px 0
}

.violator--new {
    background-position: -1623px 0
}

.violator--popular {
    background-position: -2290px 0
}

.violator--advice {
    background-position: -378px 0
}

.violator--discount {
    background-position: -1523px 0
}

.violator--campaign-discount {
    background-position: -667px 0
}

.violator--campaign-new {
    background-position: -856px 0
}

.violator--campaign-popular {
    background-position: -1045px 0
}

.violator--campaign-advice {
    background-position: -478px 0
}

.violator--popular-discount {
    background-position: -1912px 0
}

.violator--popular-advice {
    background-position: -1723px 0
}

.violator--popular-new {
    background-position: -2101px 0
}

.violator--advice-new {
    background-position: -189px 0
}

.violator--advice-discount {
    background-position: 0 0
}

.violator--discount-new {
    background-position: -1334px 0
}

.is-overlay-disabled {
    position: relative
}

    .is-overlay-disabled:after {
        content: ' ';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(255, 255, 255, 0.7);
        z-index: 20
    }

.file {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px
}

.file,
a.file {
    font-weight: 700;
    color: #4d4d4d
}

.file--hover-text:hover {
    color: #0C4BA0
}

.file__list .icon {
    position: relative;
    top: -2px;
    margin-right: 5px
}

.file__list-item {
    border-top: 1px solid #e5e5e5
}

    .file__list-item:last-child {
        border-bottom: 1px solid #e5e5e5
    }

.file__list-title {
    margin-bottom: 5px;
    font: 700 10px Greycliff, "Helvetica", Arial, sans-serif;
    color: #9d9d9d;
    text-transform: uppercase
}

.shadow--184 {
    background: url("../images/shadows/i_shadow_184.png") no-repeat center top
}

.shadow--314 {
    background: url("../images/shadows/i_shadow_314.png") no-repeat center center;
    background-size: cover
}

.spin,
.spin--infinite {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 500ms;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: spin;
    -moz-animation-duration: 500ms;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 500ms;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 500ms;
    animation-timing-function: linear
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg)
    }

    to {
        -ms-transform: rotate(360deg)
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.spin--infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.package-visual {
    position: relative;
    text-align: center
}

    .package-visual .icon--18 {
        position: relative;
        top: -2px
    }

.package-visual__wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 100px
}

.package-visual__remaining {
    font-size: 40px
}

.nxm-device-filter,
.nxm-packages-filter {
    border-radius: 0;
    border: 1px solid #ffe000;
}

.indicator {
    position: relative;
    width: 100%;
    height: 6px;
    background: #f6f6f6;
    margin: 10px 0 0
}

    .indicator:after {
        display: block;
        content: " ";
        width: 12px;
        height: 27px;
        position: absolute;
        top: 0;
        right: -12px
    }

    .indicator .indicator__loaded {
        background: #0C4BA0;
        position: relative;
        height: 100%
    }

        .indicator .indicator__loaded:before {
            content: " ";
            width: 24px;
            height: 24px;
            background: url("/assets/Web/build/assets/images/content/global/indicator_icon.png") right center no-repeat;
            display: block;
            position: absolute;
            top: -10px;
            right: -12px
        }

        .indicator .indicator__loaded.package:before {
            background: url("/assets/Web/build/assets/images/content/global/indicator_icon.png") right center no-repeat
        }

.ui-slider {
    height: 10px;
    background: #f6f6f6
}

    .ui-slider .ui-slider-range {
        background: #0C4BA0
    }

    .ui-slider .ui-slider-handle {
        background: url(/assets/Web/build/assets/images/content/global/ui-slider-handle.png);
        width: 31px;
        height: 31px;
        margin: 0 0 0 -15px;
        cursor: pointer;
        top: -11px
    }

        .ui-slider .ui-slider-handle.ui-state-hover,
        .ui-slider .ui-slider-handle.ui-state-focus {
            outline: auto 0 -webkit-focus-ring-color
        }

.range-slider-upper-values {
    height: 40px;
    font-size: 20px;
    color: #4d4d4d;
    font-weight: 700
}

    .range-slider-upper-values small {
        font-size: 50%
    }

    .range-slider-upper-values .no1,
    .range-slider-upper-values .no3 {
        float: left;
        text-align: center;
        width: 56px;
        margin-left: -28px
    }

    .range-slider-upper-values .no1 {
        margin-left: 0;
        text-align: left
    }

    .range-slider-upper-values .no2,
    .range-slider-upper-values .no4 {
        float: right;
        text-align: center;
        width: 56px;
        margin-right: -28px
    }

    .range-slider-upper-values .no4 {
        margin-right: 0;
        text-align: right
    }

.main-range-slider-value {
    display: none
}

.js-cmp-slider-filter .slider-bar .price {
    color: #0C4BA0;
    float: right;
    font: 700 12px/20px "Helvetica", Arial, sans-serif
}

.js-cmp-slider-filter .slider-bar .range-title {
    float: left
}

.trk_slider .bar {
    border: none
}

.trk_slider.angled_slider_drag .drag {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    width: 31px;
    height: 45px;
    cursor: pointer;
    position: relative;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA+CAMAAABEH1h2AAAA2FBMVEUAAAALHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzwLHzz///+gqLMYK0dCUWifp7MaLUj4+fogMk39/f1UYnb5+vpKWW4MID3U191+iJj3+PkxQlvX2t+jq7Y7S2Ln6ezHy9LEydCyucKBi5pOXXL+/v4UJ0MZLEe8wskoOVPm6Otyfo/19vfl5+pxfY4nOFL09feeprKFj54PIz99iJfUgwbVAAAAHXRSTlMA2Ab9WNPo1IRoi3DlQ9AMoS1Q9q30YxcuLxhk9S51YzoAAAHlSURBVHhepZfXeqMwEEaFTXEPtnFsJ/sLcC3pvfey7/9Gm/AlEmLBBs25+y8O6EODNMMy6JsVz7J7QM+2vIrZZwUY1BwkcGqDfG6p2kIqrWpps1xvIJNGfcMDmgbWYjTXyFsuNuJuZdltAzkw2ul2p4tcdDtp9nYZOSlvp9gowH9+p4wClBPrb3dRiG5b2TEDBTHi++eiMK60m9BA1F/JgAbGb/3XoUX95+UNaNEoRXoVmlQjvQVNWt/2ENoMvvQatKl96Q60cRjbQYLlChmslkjQZyZU9j+Qycc+VExWUfLn6GAKSRCGASTTg9GnoleYF4+3d3wUS/6E84l/C8GI38US4DELkvs9fn0o7SMecTQWwuE137uHxGK2DCennJ/diOjzH3wh3JxxfnoCgc16Isyf+DfP58eXVwCCya++CABcXR6fP0TxaS6UHhP244wLLgCEMoYALmScPQpJ6i/59Rep/5GLf4uEh+zFP0fxLbZ46qezIHlVNm6cvnGvkFhq2QRK2Yz9BecLf6yUTYAYXrJo39cX7XuiaIv9Mn+hYtJ+2B3acUE/rIbQZkg7qInXBPGSol2RxAua1h7QmhNia0RtzOhtoWRXrymVPqElJjTkhHGAMIwQRiH6IEYfA+lDKHEE/gdrsV+BfrtX8wAAAABJRU5ErkJggg==) center center no-repeat;
    background-size: 31px
}

.range-slider__input {
    height: 0;
    width: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    border: 0;
    font-size: 0
}

.blue-band {
    background: #3eafea;
    color: #ffffff
}

.package-sum__price {
    font-size: 24px
}

    .package-sum__price small {
        font-size: 10px;
        margin-left: -4px
    }

.package-sum__item {
    display: inline-block;
    font-size: 24px
}

    .package-sum__item .icon--40 {
        margin-top: -3px;
        margin-right: -8px
    }

.package-sum__item--plus {
    display: inline-block;
    color: #9d9d9d
}

.package-sum__item--voice .package-sum__price {
    color: #0C4BA0
}

.package-sum__item--sms .package-sum__price {
    color: #d2007e
}

.package-sum__item--data .package-sum__price {
    color: #fea420
}

.package-sum__item--tl .package-sum__price {
    color: #ffe000
}

.bb5 .g__10 {
    width: 9.998%
}

.bb5 .g__20 {
    width: 19.998%
}

.bb5 .g__30 {
    width: 29.998%
}

.bb5 .g__33 {
    width: 32.998%
}

.bb5 .g__34 {
    width: 33.998%
}

.bb5 .g__3333 {
    width: 33.332%
}

.bb5 .g__40 {
    width: 39.998%
}

.bb5 .g__50 {
    width: 49.998%
}

.bb5 .g__60 {
    width: 59.998%
}

.bb5 .g__70 {
    width: 69.998%
}

.bb5 .g__80 {
    width: 79.998%
}

.bb5 .g__90 {
    width: 89.998%
}

.bb5 .bill-visual,
.bb5 .hero-carousel {
    display: none
}

.bb5 .tile__image-wrap > img {
    height: auto
}

.bb5 .media__image {
    height: auto
}

.bb5 .social__avatar > img {
    max-height: 100%
}

.bb5 .footer-nav {
    border: none
}

    .bb5 .footer-nav li {
        width: 49.998%
    }

        .bb5 .footer-nav li a {
            border: none
        }

.button-on-the-side .vam-text {
    display: table;
    height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .button-on-the-side .vam-text > div {
        display: table-cell;
        vertical-align: middle;
        height: 60px
    }

        .button-on-the-side .vam-text > div span {
            display: inline-block
        }

.responsibility-carousel {
    position: relative
}

    .responsibility-carousel .carousel__item .responsibility-carousel__image-container {
        position: relative
    }

        .responsibility-carousel .carousel__item .responsibility-carousel__image-container img {
            display: inline-block;
            max-width: 100%;
            vertical-align: middle;
            z-index: 5
        }

    .responsibility-carousel .carousel__nav {
        display: block;
        position: absolute;
        top: 74px;
        padding: 7px;
        z-index: 10
    }

    .responsibility-carousel .carousel__prev {
        left: 0
    }

    .responsibility-carousel .carousel__next {
        right: 0
    }

    .responsibility-carousel .carousel__indicator-wrapper {
        width: 100%;
        position: absolute;
        bottom: 10px;
        left: 0;
        text-align: center;
        z-index: 10
    }

    .responsibility-carousel .carousel__indicator {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 0;
        display: inline-block
    }

        .responsibility-carousel .carousel__indicator .dot {
            width: 6px;
            height: 6px;
            font-size: 0;
            margin: 0 0 0 8px;
            background: #b8b6ab
        }

        .responsibility-carousel .carousel__indicator .is-active {
            background: #4d4d4d
        }

    .responsibility-carousel h3.text-satura {
        font-size: 18px;
        margin: 10px 0;
        text-align: center
    }

    .responsibility-carousel p.responsibility-description {
        text-align: center;
        font-size: 12px;
        margin-bottom: 10px;
        color: #8a8a8a
    }

.login-wrapper .but {
    color: #4d4d4d
}

.login-actions {
    width: 100%;
    margin: 5px -10px 10px -10px;
    padding: 10px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    float: left
}

    .login-actions .forgot-password {
        line-height: 25px;
        display: block;
        position: relative;
        padding-left: 30px
    }

        .login-actions .forgot-password .icon {
            position: absolute;
            margin-top: -7.5px;
            top: 50%;
            left: 10px
        }

    .login-actions .la-left {
        width: 50%;
        float: left
    }

    .login-actions .la-right {
        float: left;
        height: 25px;
        border-left: 1px solid #e5e5e5;
        margin-top: 8px
    }

.follow {
    color: #4d4d4d;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    white-space: nowrap
}

    .follow span.carrot_right {
        padding: 0 0 0 11px
    }

    .follow span.char {
        margin: 0 2px;
        letter-spacing: 5px
    }

    .follow.white {
        color: white
    }

    .follow.yellow {
        color: #ffde31 !important
    }

.no_info .info {
    color: #9d9d9d;
    display: block;
    text-transform: uppercase;
    margin: 0 0 6px
}

.no_info .follow {
    color: #4d4d4d;
    margin: 0
}

    .no_info .follow.v2 {
        letter-spacing: -0.06em
    }

.lt-ie9 .no_info .follow.v2 {
    font-size: 15px
}

.no_info .change_pw {
    margin-right: 20px;
    text-transform: none;
    font-weight: 700
}

.get-password {
    margin: 10px -10px 0 -10px;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5
}

.contact-static-wrapper {
    background-color: #f4f0e9;
    padding: 10px 10px 0 10px
}

    .contact-static-wrapper .contact-static-text {
        text-align: center;
        font-size: 12px;
        color: #9d9d9d
    }

    .contact-static-wrapper .but {
        width: 50%;
        position: relative;
        left: 50%;
        margin-left: -25%;
        margin-top: 10px
    }

    .contact-static-wrapper .contact-static-image {
        width: 50%;
        position: relative;
        left: 50%;
        margin-left: -25%;
        margin-top: 10px
    }

        .contact-static-wrapper .contact-static-image img {
            max-width: 100%
        }

.contact-radio-group .radio-node {
    padding: 10px;
    border-top: 1px solid #e5e5e5
}

    .contact-radio-group .radio-node:first-child {
        border: none
    }

    .contact-radio-group .radio-node .right-icon {
        float: right;
        position: relative;
        height: 29px;
        display: inline-block;
        top: -3px;
        right: 10px;
    }

        .contact-radio-group .radio-node .right-icon .icon {
            border: none;
            top: inherit;
            position: relative;
            left: inherit;
            margin-top: 0;
            border-radius: inherit;
        }

.step-list {
    background-color: #0C4BA0;
    padding: 20px 20px 20px 10px;
    width: 100%;
    box-sizing: border-box
}

    .step-list .step-item {
        position: relative;
        width: 32.5%;
        display: inline-block;
        opacity: 0.5;
    }

        .step-list .step-item:after {
            left: 0;
            top: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(136, 183, 213, 0);
            border-left-color: #0C4BA0;
            border-width: 19px;
            margin-top: -19px
        }

        .step-list .step-item .step-text {
            display: block;
            position: relative;
            background: #fff;
            border: 4px solid #0C4BA0;
            border-right: none;
            padding: 0 20px;
            white-space: nowrap;
            line-height: 30px;
            text-align: center
        }

            .step-list .step-item .step-text:after,
            .step-list .step-item .step-text:before {
                left: 100%;
                top: 50%;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none
            }

            .step-list .step-item .step-text:after {
                border-color: rgba(136, 183, 213, 0);
                border-left-color: #fff;
                border-width: 15px;
                margin-top: -15px
            }

            .step-list .step-item .step-text:before {
                border-color: rgba(194, 225, 245, 0);
                border-left-color: #0C4BA0;
                border-width: 19px;
                margin-top: -19px
            }

        .step-list .step-item:first-child {
            margin-left: 0
        }

    .step-list .step-one {
        z-index: 3
    }

    .step-list .step-two {
        z-index: 2
    }

    .step-list .step-three {
        z-index: 1
    }

    .step-list .step-active {
        opacity: 1
    }

.promotion-box-wrapper {
    background-color: #f4f0e9;
    padding: 10px 10px 0 10px;
    position: relative;
    min-height: 400px
}

    .promotion-box-wrapper .title {
        position: relative;
        z-index: 1
    }

    .promotion-box-wrapper .promotion-box-text {
        text-align: center;
        font-size: 12px;
        color: #9d9d9d;
        position: relative;
        z-index: 1
    }

    .promotion-box-wrapper .but {
        width: 50%;
        position: relative;
        left: 50%;
        margin-left: -25%;
        margin-top: 10px;
        position: relative;
        z-index: 1
    }

    .promotion-box-wrapper .promotion-box-image {
        width: 50%;
        position: relative;
        left: 50%;
        margin-left: -25%;
        margin-top: 10px
    }

        .promotion-box-wrapper .promotion-box-image img {
            max-width: 100%
        }

    .promotion-box-wrapper .promotion-box-cover.promotion-box-image {
        width: 100%;
        height: 100%;
        position: absolute;
        background-size: cover;
        background-position: 0 bottom;
        background-repeat: no-repeat;
        z-index: 0;
        left: 0;
        top: 0;
        margin: 0
    }

.club-yellow-box .title {
    background-color: #ffed00;
    color: #2a2a2a
}

.club-yellow-box .section {
    border-color: #e5d500
}

.club-yellow-box .section--accordion {
    background-color: #ffed00;
    color: #2a2a2a
}

.club-yellow-box .accordion-content {
    background-color: white
}

.club-yellow-box .content {
    color: #4d4d4d
}

.club-gray-box .title {
    background-color: #f2f2f2;
    color: #2a2a2a
}

.club-gray-box .section {
    border-color: #d9d9d9
}

.club-gray-box .section--accordion {
    background-color: #f2f2f2;
    color: #2a2a2a
}

.club-gray-box .accordion-content {
    background-color: white
}

.club-gray-box .content {
    color: #4d4d4d
}

.opportunity-wrapper {
    padding: 10px
}

    .opportunity-wrapper ul {
        margin: 0;
        list-style: none
    }

        .opportunity-wrapper ul li {
            margin-bottom: 15px
        }

            .opportunity-wrapper ul li h3 {
                font-size: 18px;
                color: white;
                padding: 15px;
                background-color: #1d1d1b;
                margin: 0;
                text-align: center
            }

            .opportunity-wrapper ul li a {
                border: 10px solid #000;
                color: #4d4d4d
            }

            .opportunity-wrapper ul li img {
                margin-bottom: 0
            }

.yellow-theme .opportunity-wrapper {
    background-color: #ffed00
}

.yellow-theme .section--accordion {
    background-color: #ffed00;
    font-size: 18px
}

.gray-theme .opportunity-wrapper {
    padding: 0
}

    .gray-theme .opportunity-wrapper li {
        margin-bottom: 0
    }

    .gray-theme .opportunity-wrapper h3 {
        background-color: #f3f3f3;
        color: #4d4d4d
    }

    .gray-theme .opportunity-wrapper a {
        border: none;
        border-bottom: 2px solid #e6e6e6;
        color: #4d4d4d
    }

.gray-theme .section--accordion {
    font-size: 18px
}

.status-box span {
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

    .status-box span.turquoise {
        background-color: #04a0e7
    }

    .status-box span.gray {
        background-color: #0C4BA0
    }

    .status-box span.soft {
        background-color: #f0f0f0;
        border: 1px solid #d9d9d9;
        font-size: 22px;
        color: #4d4d4d;
        font-family: Greycliff, "Helvetica", Arial, sans-serif;
        height: 60px;
        line-height: 60px
    }

.package-info-box {
    margin: 0 10px;
    padding: 10px 0;
    border-top: 1px solid #e5e5e5
}

    .package-info-box .media__body {
        height: 84px;
        display: table-cell;
        vertical-align: middle;
        font-size: 18px;
        font-weight: 700;
        color: #9d9d9d
    }

        .package-info-box .media__body .used {
            display: block;
            padding: 3px 0
        }

        .package-info-box .media__body .limit {
            display: inline-block;
            border-bottom: 1px solid #e5e5e5;
            padding: 3px 15px 3px 0
        }

        .package-info-box .media__body em {
            font-style: normal;
            font-size: 10px
        }

    .package-info-box.talk .media__body .limit {
        color: #49b8cc
    }

    .package-info-box.message .media__body .limit {
        color: #ec344c
    }

    .package-info-box.internet .media__body .limit {
        color: #ffc301
    }

.media--h .media__image-wrap.package-info-image {
    width: 50px;
    padding-top: 0px
}

.package-info-percent {
    padding: 0 20px;
    float: left
}

    .package-info-percent span {
        width: 20px;
        height: 70px;
        display: block
    }

.usage-list-item {
    border-bottom: 2px solid #e5e5e5
}

    .usage-list-item:first-child {
        border-top: 2px solid #e5e5e5
    }

    .usage-list-item .usage-table td {
        padding: 10px 0 20px 0;
        border-bottom: 1px solid #e5e5e5;
        vertical-align: top
    }

        .usage-list-item .usage-table td.usage-icon {
            width: 35px
        }

        .usage-list-item .usage-table td.usage-info {
            font-size: 12px;
            color: #4d4d4d
        }

            .usage-list-item .usage-table td.usage-info .usage-info-text em {
                font-style: normal;
                font-weight: 700
            }

                .usage-list-item .usage-table td.usage-info .usage-info-text em i {
                    font-style: normal;
                    font-weight: 400;
                    color: #9d9d9d;
                    font-size: 8px
                }

            .usage-list-item .usage-table td.usage-info .usage-info-desc {
                display: block;
                padding-top: 5px
            }

    .usage-list-item .usage-table .usage-price .usage-info-desc {
        font-size: 12px;
        color: #4d4d4d;
        font-weight: 700
    }

        .usage-list-item .usage-table .usage-price .usage-info-desc em {
            font-style: normal;
            font-weight: 400;
            color: #9d9d9d;
            font-size: 8px
        }

    .usage-list-item .usage-date-day {
        padding: 10px 0;
        display: block;
        color: #4d4d4d
    }

    .usage-list-item .usage-date-clock {
        padding: 10px 0;
        display: block;
        color: #9d9d9d
    }

.usage-graph-list {
    height: 150px;
    position: relative
}

    .usage-graph-list li {
        width: 11.11%;
        height: 150px;
        float: left;
        margin-left: 11.11%;
        position: relative
    }

        .usage-graph-list li i {
            position: absolute;
            left: 50%;
            margin-left: -11px;
            bottom: 7px
        }

        .usage-graph-list li:first-child {
            margin-left: 0
        }

    .usage-graph-list .other i {
        bottom: 3px
    }

.usage-graph-info {
    margin-top: 25px
}

    .usage-graph-info li {
        border-top: 1px solid #e5e5e5;
        font-size: 12px;
        font-weight: 700;
        line-height: 40px
    }

        .usage-graph-info li:first-child {
            border: none
        }

        .usage-graph-info li .ugi-text i {
            width: 8px;
            height: 8px;
            display: inline-block;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            margin-right: 5px
        }

        .usage-graph-info li .ugi-amount em {
            font-size: 8px;
            color: #9d9d9d;
            font-style: normal
        }

        .usage-graph-info li.communication i {
            background-color: #184392
        }

        .usage-graph-info li.device i {
            background-color: #49b8cc
        }

        .usage-graph-info li.service i {
            background-color: #ffde31
        }

        .usage-graph-info li.tariff i {
            background-color: #ae0057
        }

        .usage-graph-info li.other i {
            background-color: #9d9d9d
        }

.usage-graph-total {
    background-color: #f9f7f4;
    padding: 15px 10px;
    font-size: 15px;
    font-weight: 700;
    border-top: 1px solid #e5e5e5
}

    .usage-graph-total em {
        font-size: 9px;
        color: #9d9d9d;
        font-style: normal
    }

.usage-detail-info {
    padding-top: 1px;
    border-top: 9px solid #e5e5e5
}

    .usage-detail-info .udi-item {
        padding: 10px 10px 0 10px;
        border-top: 2px solid #e5e5e5
    }

        .usage-detail-info .udi-item:first-child {
            border: none
        }

        .usage-detail-info .udi-item .udi-list li {
            border-top: 1px solid #e5e5e5;
            line-height: 36px;
            font-size: 12px;
            color: #4d4d4d
        }

            .usage-detail-info .udi-item .udi-list li .udi-title {
                font-weight: 700;
                color: #9d9d9d
            }

                .usage-detail-info .udi-item .udi-list li .udi-title i {
                    width: 8px;
                    height: 8px;
                    display: inline-block;
                    margin-right: 5px
                }

            .usage-detail-info .udi-item .udi-list li:first-child {
                border: none
            }

            .usage-detail-info .udi-item .udi-list li .ugi-amount {
                font-weight: 700;
                color: #4d4d4d
            }

                .usage-detail-info .udi-item .udi-list li .ugi-amount em {
                    font-size: 9px;
                    color: #9d9d9d;
                    font-style: normal
                }

        .usage-detail-info .udi-item.communication i {
            background-color: #184392
        }

        .usage-detail-info .udi-item.device i {
            background-color: #49b8cc
        }

        .usage-detail-info .udi-item.service i {
            background-color: #ffde31
        }

        .usage-detail-info .udi-item.tariff i {
            background-color: #ae0057
        }

        .usage-detail-info .udi-item.other i {
            background-color: #9d9d9d
        }

.action-list-item .media__title {
    font-size: 15px;
    text-align: left;
}

.bill {
    padding: 20px 30px 20px 15px;
    position: relative;
    display: block
}

    .bill .graph-h {
        margin-right: 13px
    }

    .bill.padr {
        padding-right: 10px
    }

.bill__def {
    line-height: .9;
    font-weight: 700;
    margin-bottom: 5px
}

.bill__info {
    float: right;
    margin-right: 22px
}

    .bill__info.pull-left {
        float: left
    }

.bill__date {
    display: block;
    line-height: .9;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 5px
}

.bill__status {
    font-size: 10px;
    text-transform: uppercase
}

.bill__status--panic {
    color: #db2133
}

.bill__status--ok {
    color: #76b72c
}

.bill__status--hint {
    color: #9d9d9d
}

.bill__icon {
    width: 10px;
    height: 8px
}

.bill__checkbox {
    float: left;
    width: 25px;
    height: 25px
}

.bill--with-checkbox {
    padding-right: 10px;
    cursor: pointer
}

    .bill--with-checkbox .bill__def {
        text-align: right
    }

    .bill--with-checkbox .toggle-label {
        display: inline-block;
        padding: 0
    }

    .bill--with-checkbox .bill__info {
        padding: 0;
        margin-left: 14px;
        float: left
    }

    .bill--with-checkbox i {
        font-size: 10px;
        font-style: normal;
        font-weight: 700;
        display: block;
        text-align: right
    }

        .bill--with-checkbox i.bill-status-paid {
            color: #49b8cc
        }

        .bill--with-checkbox i.bill-status-unpaid {
            color: #ae0057
        }

.g.bill-second-row {
    width: auto;
    margin-left: 39px
}

    .g.bill-second-row .bill__info {
        margin-left: 0
    }

    .g.bill-second-row .def--large > dt {
        font-size: 16px
    }

.bill-info {
    padding: 10px 10px 10px 15px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #e5e5e5;
    color: #9d9d9d;
    font-size: 12px
}

    .bill-info .bill-info-number {
        font-weight: 700
    }

.bill-attention {
    text-align: center;
    padding: 10px
}

    .bill-attention p {
        font-size: 12px;
        font-weight: 700;
        color: #9d9d9d
    }

        .bill-attention p i {
            font-style: normal;
            color: #49b8cc
        }

.bill-total-price {
    font-size: 10px;
    color: #49b8cc
}

    .bill-total-price em {
        font-size: 21px;
        font-style: normal
    }

.bill-total-amount {
    padding: 10px;
    background-color: #f9f7f3
}

    .bill-total-amount h3 {
        font-size: 15px;
        line-height: 26px
    }

    .bill-total-amount span {
        font-size: 9px;
        color: #4d4d4d
    }

        .bill-total-amount span em {
            font-style: normal;
            font-size: 23px;
            font-weight: 700
        }

    .bill-total-amount i {
        font-size: 10px;
        font-style: normal;
        font-weight: 700;
        display: block
    }

        .bill-total-amount i.bill-status-paid {
            color: #49b8cc
        }

        .bill-total-amount i.bill-status-unpaid {
            color: #ae0057
        }

.bill-amount-wrapper {
    padding: 20px 10px;
    text-align: center
}

    .bill-amount-wrapper span {
        font-size: 9px;
        color: #4d4d4d
    }

        .bill-amount-wrapper span em {
            font-style: normal;
            font-size: 23px;
            font-weight: 700
        }

.bill-info-table .bill-info-text {
    font-size: 9px;
    color: #9d9d9d
}

.bill-info-table .bill-info-value {
    font-size: 12px;
    font-weight: 700
}

    .bill-info-table .bill-info-value .hint {
        font-size: 8px;
        color: #4d4d4d
    }

.bill-analysis-title {
    font-size: 23px;
    padding: 10px 0
}

.bill-compare-item {
    margin-top: 10px
}

    .bill-compare-item em,
    .bill-compare-item i {
        font-style: normal
    }

    .bill-compare-item .bill-compare-line {
        display: block;
        border-bottom: 10px solid #49b8cc;
        padding-bottom: 5px
    }

        .bill-compare-item .bill-compare-line em {
            font-size: 12px
        }

    .bill-compare-item .bill-compare-value em {
        font-size: 23px;
        font-weight: 700;
        display: block;
        padding-top: 10px
    }

        .bill-compare-item .bill-compare-value em i {
            font-size: 9px;
            font-weight: 400
        }

    .bill-compare-item:first-child {
        margin-top: 0
    }

.bill-link-cloud {
    float: right
}

    .bill-link-cloud li {
        float: left;
        border-left: 1px solid #e5e5e5
    }

        .bill-link-cloud li:first-child {
            border: none
        }

        .bill-link-cloud li a {
            display: block;
            padding: 2px 10px
        }

.bill-control {
    width: 380px;
    margin: 20px auto;
    text-align: center
}

    .bill-control .bill-control-info {
        text-align: center;
        font-size: 18px;
        color: #4d4d4d;
        display: block
    }

        .bill-control .bill-control-info em {
            font-style: normal;
            font-weight: 700
        }

    .bill-control .data_size_slider {
        width: 380px;
        margin: 0 auto;
        margin-top: 20px
    }

    .bill-control .trk_slider.angled_slider_drag {
        left: 0;
        height: 50px
    }

    .bill-control .trk_slider .bar_container {
        width: 320px;
        height: 20px;
        border-bottom: none;
        position: relative
    }

        .bill-control .trk_slider .bar_container:before {
            background: none
        }

        .bill-control .trk_slider .bar_container:after {
            background: none
        }

    .bill-control .trk_slider .bar {
        height: 20px
    }

        .bill-control .trk_slider .bar.extra-space {
            background: #f2f2f2
        }

    .bill-control .trk_slider .step_above {
        width: 50px;
        left: -60px !important;
        right: auto !important;
        text-align: right;
        font-size: 12px;
        color: #9d9d9d;
        line-height: 20px
    }

        .bill-control .trk_slider .step_above:last-child {
            right: -60px !important;
            left: auto !important;
            text-align: left
        }

        .bill-control .trk_slider .step_above .step_border {
            display: none
        }

        .bill-control .trk_slider .step_above .contents {
            margin-top: 0;
            margin-left: 0 !important;
            white-space: nowrap;
            font-size: 12px
        }

    .bill-control .trk_slider.angled_slider_drag .drag {
        background: url("../images/content/account/trk_mini_slider_drag_bg.png") 0 0 no-repeat;
        width: 12px;
        height: 9px;
        margin-left: -5px
    }

    .bill-control .btn {
        min-width: 82px;
        margin: 0 5px
    }

.value-bar {
    background: url("../images/content/account/bg_bar_chart_cost_kkt.png") 0 0 no-repeat
}

.trk_slider.angled_slider_drag .gesture_container {
    height: 27px;
    padding: 0 30px 33px 30px
}

.trk_slider .bar.data {
    display: inline-block
}

.trk_slider .step_above {
    position: absolute;
    top: 0;
    height: 26px;
    z-index: 1
}

.trk_slider .interface_elements_container {
    position: relative;
    width: 100%;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.captcha .captcha-img {
    border: 1px solid #f6f6f6;
    text-align: center;
    padding: 20px;
    margin-bottom: 20px
}

.captcha .captcha__but {
    text-align: center;
    display: block;
    -webkit-box-shadow: inset 0 1px 2px #cccccc, inset 0 -2px 0 #f3f3f3;
    -moz-box-shadow: inset 0 1px 2px #cccccc, inset 0 -2px 0 #f3f3f3;
    box-shadow: 0 1px 2px #cccccc, inset 0 -2px 0 #f3f3f3;
    background-color: #f6f6f6;
    padding: 10px
}

.social-responsibility-item {
    padding: 10px
}

    .social-responsibility-item .image {
        width: 100%;
        display: block;
        margin-bottom: 10px
    }

        .social-responsibility-item .image img {
            max-width: 100%
        }

    .social-responsibility-item .content {
        text-align: center;
        margin-bottom: 10px
    }

        .social-responsibility-item .content .title {
            font-size: 22px;
            padding: 0
        }

        .social-responsibility-item .content p {
            font-size: 11px;
            color: #9d9d9d
        }

html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none
}

.remodal,
[data-remodal-id] {
    display: none
}

.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    background-color: #fff;
    display: none
}

.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}

    .remodal-wrapper:after {
        display: inline-block;
        height: 100%;
        margin-left: -0.05em;
        content: ""
    }

.remodal-overlay,
.remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.remodal {
    position: relative;
    outline: none;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

.remodal-is-initialized {
    display: inline-block
}

.sms-pattern {
    position: relative;
    background-color: #0C4BA0;
    height: 25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px 6px;
    color: #ffffff;
    font-weight: 700;
    display: inline-block;
    clear: both
}

    .sms-pattern span {
        float: left;
        margin-right: 5px;
        position: relative;
        margin-top: 2px
    }

        .sms-pattern span.icon--arrow-right-pale {
            position: relative
        }

        .sms-pattern span.icon--mail-pale {
            position: relative;
            margin-left: 3px;
            margin-right: 8px
        }

        .sms-pattern span:last-child {
            margin-right: 0;
            padding-right: 0
        }

            .sms-pattern span:last-child:before {
                display: none
            }

.iaw {
    position: relative
}

.iaw__block {
    position: relative;
    padding-bottom: 70px
}

    .iaw__block:after {
        content: "";
        background: url(../images/content/invite-and-win/arrow.png) no-repeat;
        width: 42px;
        height: 27px;
        position: absolute;
        bottom: 24px;
        left: 50%;
        margin-left: -21px
    }

    .iaw__block:nth-last-child(1):after {
        display: none
    }

/***************| MENU BEGIN HERE |****************/
.nav-top-selects {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

    .nav-top-selects .nts-section {
        display: inline-block;
        vertical-align: top;
        width: auto;
        position: relative;
        padding: 10px;
    }

        .nav-top-selects .nts-section a {
            position: relative;
            pointer-events: none;
            color: #fff;
            font-size: 14px;
            display: inline-block;
            vertical-align: middle;
        }

        .nav-top-selects .nts-section select {
            opacity: 0;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            border: none;
            background: none;
            cursor: pointer;
            z-index: 2;
        }

    .nav-top-selects .js-nav-main {
        width: 20px;
        height: 20px;
        position: absolute;
        right: 30px;
        top: 17px;
        text-indent: -9999px;
        border: 2px solid #fff;
        border-radius: 50px;
    }

        .nav-top-selects .js-nav-main:before,
        .nav-top-selects .js-nav-main:after {
            content: '';
            width: 20px;
            height: 2px;
            display: block;
            background: #fff;
            position: absolute;
            top: 50%;
            left: 50%;
        }

        .nav-top-selects .js-nav-main:after {
            transform: translate(-50%, -50%) rotate(45deg);
        }

        .nav-top-selects .js-nav-main:before {
            transform: translate(-50%, -50%) rotate(-45deg);
        }

    .nav-top-selects .nts-section a span {
        font-family: Greycliff, "Helvetica", Arial, sans-serif;
        font-weight: 300;
        letter-spacing: 1px;
        font-stretch: extra-condensed;
    }

    .nav-top-selects .nts-section a i.icon {
        display: inline-block;
        vertical-align: top;
        transform: scale(0.8);
        background-position: -2000px 0;
    }

ul.nav-menu-list {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 15px;
}

    ul.nav-menu-list > .nml-item {
        display: block;
        width: 100%;
    }

.bottom-link-menu {
    /*background: #323274;*/
    background: rgba(255, 255, 255, 0.15);
    width: 200px;
    margin: 0 auto;
    position: fixed;
    bottom: 0;
    left: 90px;
    /*min-height: 44px;*/
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

    .bottom-link-menu a {
        color: #ffffff;
        font-size: 14px;
        padding: 14px 70px;
    }

ul.nav-menu-list > .nml-item > a {
    display: block;
    margin: 5px 30px !important;
    color: #fff;
    font-size: 16px;
    text-indent: inherit !important;
    font-family: Greycliff, "Helvetica", Arial, sans-serif !important;
    letter-spacing: 0.5px;
    position: relative;
    border-bottom: 1px solid #e5e5e53b;
    padding: 10px 0px !important;
}

    ul.nav-menu-list > .nml-item > a img {
        position: absolute;
        left: 27px;
        top: 16px;
    }

ul.nav-menu-list > .nml-item > ul.nmli-list {
    display: none;
    width: auto;
    padding-left: 15px;
    margin: 15px 30px;
}

    ul.nav-menu-list > .nml-item > ul.nmli-list > li > a {
        font-size: 14px;
        color: #fff;
        padding: 9px 0;
        display: block;
        font-weight: 800 !important;
        letter-spacing: 0.5px;
    }

        ul.nav-menu-list > .nml-item > ul.nmli-list > li > a:before {
            content: '-';
            margin-right: 6px;
        }

.nav-menu .nav-menu-list > li > a:after {
    content: '';
    position: absolute;
    width: 14px;
    height: 13px;
    background-image: url('/assets/Web/build/assets/images/sprites/icons1x-se202731a8b.png');
    background-repeat: no-repeat;
    background-position: -2000px -3px;
    right: 5px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transition: all .2s ease-in-out;
}

.nav-menu .nav-menu-list > li > a.nav-menu-active:after {
    transform: translateY(-50%) rotate(90deg);
    background-position: -2129px 0px;
    width: 17px;
    height: 17px;
    transition: all 0s ease-in-out;
}

ul.nav-menu-list > .nml-item > ul.nmli-list > li > ul {
    width: calc(100% - 25px);
    padding-left: 25px;
    display: none;
}

    ul.nav-menu-list > .nml-item > ul.nmli-list > li > ul > li > a {
        font-size: 12px;
        color: #fff;
        padding: 9px 0;
        display: block;
        font-weight: 400 !important;
        letter-spacing: 0.5px;
    }

.mobile-login-btn {
    min-width: 115px !important;
    letter-spacing: 0.5px;
}

.nav-menu .nxm-search-dropbox {
    padding: 0 15px;
    background: none !important;
    position: relative;
    margin-bottom: 15px;
}

.nml-item-login-wrap {
    padding: 0px;
    margin-top: -10px;
}

    .nml-item-login-wrap p {
        font-size: 12px;
        color: #ffffff8a;
        letter-spacing: 0.5px;
        margin-bottom: 15px;
        font-family: Greycliff, "Helvetica", Arial, sans-serif !important;
    }

ul.main-social {
    width: calc(100% - 40px);
    margin-left: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 15px;
}

.socials {
    display: flex;
    width: 60%;
    justify-content: space-evenly;
    align-items: center;
}

.main-social li {
    margin: 0;
}

.main-social span {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
}

.main-social li a {
    display: block;
    height: 34px;
    width: 34px;
    text-align: center;
    border-radius: 50%;
    position: relative;
}

.types {
    width: calc(100% - 40px);
    margin-left: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #ffffff47;
    padding: 15px 0 14px 0;
}

    .types a {
        color: #fff;
        margin-right: 5px;
        font-size: 14px;
    }

        .types a:after {
            content: " | ";
        }

        .types a:last-child::after {
            content: "";
        }

.main-social li a img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.operations-head {
    display: block;
    margin: 5px 30px !important;
    color: #fff;
    font-size: 16px;
    text-indent: inherit !important;
    font-family: Greycliff, "Helvetica", Arial, sans-serif !important;
    letter-spacing: 0.5px;
    position: relative;
    padding: 10px 0px !important;
    font-weight: 800;
}

.operations-buttons a {
    width: 85px;
    /* background: #323274;*/
    background: rgba(255, 255, 255, 0.15);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 6px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin: 0px 7px;
    min-height: 80px;
    padding: 0px 5px;
    font-weight: normal;
}

.operations-buttons {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    min-height: 180px;
    margin-top: 15px;
}

    .operations-buttons a span {
        min-height: 28px;
    }

    .operations-buttons a img {
        margin-top: 5px;
        /*max-height: 30px;*/
        height: 30px;
    }
/***************| MENU END HERE |****************/

.page__accordion {
    margin-top: -15px;
    position: relative;
    z-index: 9;
}

.page__accordion-item {
    background: #fff;
    border-top-left-radius: 16px;
    overflow: hidden;
    border-top-right-radius: 16px;
    box-shadow: 0 -2px 4px 0 rgba(166, 166, 166, 0.11);
}

.page__accordion-item-header {
    padding: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.page__accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: all .2s ease-in-out;
}

.page__accordion-item.active .page__accordion-item-body {
    max-height: 600px;
}

.page__accordion-item-header a.all_link {
    font-size: 16px;
    color: #282868;
    opacity: 0.4;
}


.page__accordion-item-header .clickable-area {
    flex: 1 auto;
    display: flex;
    padding-right: 15px;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

    .page__accordion-item-header .clickable-area img {
        margin-right: 20px;
    }

    .page__accordion-item-header .clickable-area span {
        font-size: 16px;
        font-family: 'Greycliff',Arial,sans-serif;
        color: #282868;
        font-weight: bold;
        position: relative;
    }

        .page__accordion-item-header .clickable-area span:after {
            content: '';
            width: 20px;
            height: 6px;
            background: #ffe100;
            display: block;
            border-radius: 3px;
            margin-top: 6px;
        }

.g2_grid {
    padding: 10px;
    box-sizing: border-box;
}

    .g2_grid .g__col {
        padding: 10px;
    }

        .g2_grid .g__col a {
            border-radius: 4px;
            border: 1px solid #e6e6e6
        }

        .g2_grid .g__col .tile__image-wrap > img {
            width: auto;
            height: 90px;
        }

.device__detail-wrap {
    border-bottom: 6px solid #f1f1f1;
}

.read__more-wrap {
    padding: 20px;
    position: relative;
    border-bottom: 42px solid #f1f1f1;
}

    .read__more-wrap h2 {
        margin-bottom: 10px;
    }

.read__more-content {
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    max-height: 92px;
    transition: all .3s ease-in-out;
}

.read__more-wrap.active .read__more-content {
    max-height: 1000px;
}

.read__more-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 10px;
    color: #0C4BA0;
    justify-content: center;
}

    .read__more-btn span {
        margin-right: 10px;
    }

    .read__more-btn i {
        margin-top: -6px;
    }

.nxm2__price-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}

.sep.nxm-filter-details {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 999;
    box-sizing: border-box;
    padding: 50px 20px;
    overflow: auto;
}

    .sep.nxm-filter-details .nxm-filter-details-inner {
        background: #fff;
        border-radius: 10px;
        overflow: hidden;
        padding: 30px;
    }

.nxm-filter-details-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0 10px 0;
    font-size: 16px;
    font-weight: 600;
    margin-top: -5px;
}

.content-wrapper .section--accordion i {
    display: none !important;
}

.gnc-opp-slider:after {
    content: '';
    position: absolute;
    width: 14px;
    height: 13px;
    background-image: url(/assets/Web/build/assets/images/sprites/icons1x-se202731a8b.png);
    background-repeat: no-repeat;
    background-position: -1954px -3px;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}


.gnc-opp-slider.is-expanded:after {
    content: '';
    position: absolute;
    width: 14px;
    height: 13px;
    background-image: url(/assets/Web/build/assets/images/sprites/icons1x-se202731a8b.png);
    background-repeat: no-repeat;
    background-position: -2410px -3px;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}





.nxm-priceList > div,
.nxm-brandList > div,
.nxm-deviceTypeList > div {
    margin-bottom: 10px;
}

.nxm2__price-wrap .content p.price-box.price-normal span {
    font-size: 18px;
    color: #0C4BA0;
    line-height: 0.5 !;
}

    .nxm2__price-wrap .content p.price-box.price-normal span em {
        font-size: 14px;
        color: #0C4BA0;
    }

.nxm__detail-tab {
    padding: 10px 15px;
}

ul.nxm__detail-tab-header {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: #12203e;
    border-radius: 20px;
    height: 38px;
    margin-bottom: 15px;
}

    ul.nxm__detail-tab-header > li {
        width: 50%;
    }

        ul.nxm__detail-tab-header > li > a {
            display: flex;
            text-align: center;
            width: 100%;
            height: 38px;
            color: #fff;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            font-weight: 600;
        }

            ul.nxm__detail-tab-header > li > a.active {
                background: #0C4BA0;
                border-radius: 36px;
            }

.nxm__detail-tab-content-item {
    display: none;
}

    .nxm__detail-tab-content-item.active {
        display: block;
    }

.nxm__detail-acc {
    width: 100%;
}

.nxm__detail-acc-item {
    position: relative;
}

a.nxm__detail-acc-item-header {
    position: relative;
    width: 100%;
    display: block;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    padding: 18px 0;
}

.nxm__detail-acc-item-content {
    display: none;
}

.nxm__detail-price-item {
    border: 1px solid #eeeeee;
    margin-bottom: 10px;
    padding: 15px 8px 15px 15px;
    display: flex;
    flex-wrap: wrap;
    overflow-wrap: normal;
    align-items: flex-start;
}

.nxm__detail-acc-item-header:before,
.nxm__detail-acc-item-header:after {
    content: '';
    width: 20px;
    height: 4px;
    background: #282868;
    position: absolute;
    display: block;
    border-radius: 2px;
}

.nxm__detail-acc-item-header:after {
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    transition: all .2s ease-in-out;
}

.nxm__detail-acc-item-header.active:after {
    transform: translateY(-50%) rotate(0deg);
    opacity: 0;
}

.nxm__detail-acc-item-header:before {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.nxm__detail-price-item .nxm__cl-1 {
    width: 50%;
    text-align: left;
    margin-bottom: 10px;
}

    .nxm__detail-price-item .nxm__cl-1 .nxm__rw {
        margin-bottom: 10px;
    }

        .nxm__detail-price-item .nxm__cl-1 .nxm__rw:last-child {
            margin-bottom: 0;
        }

        .nxm__detail-price-item .nxm__cl-1 .nxm__rw b {
            font-size: 18px;
            display: block;
            margin-bottom: 10px;
            color: #282868;
        }

        .nxm__detail-price-item .nxm__cl-1 .nxm__rw span {
            font-size: 12px;
        }

.nxm__cl-2 {
    color: #0C4BA0;
    font-size: 12px;
    font-weight: 600;
    width: 50%;
    text-align: right;
}

.nxm__cl-3 {
    color: #000;
    font-size: 11px;
    width: 33.33%;
}

    .nxm__cl-3 b {
        font-weight: 600;
        display: block;
        font-size: 14px;
        white-space: nowrap;
        color: #0C4BA0;
    }

@media screen and (max-width: 373px) {
    .nxm__cl-2 {
        margin-bottom: 20px;
    }

    .nxm__cl-3 {
        color: #000;
        font-size: 11px;
        width: 100%;
        margin-bottom: 15px;
        text-align: right
    }
}

.nxm-device-detail-acc-content .accordion-content {
    display: none;
}

    .nxm-device-detail-acc-content .accordion-content .content {
        padding: 0;
    }

    .nxm-device-detail-acc-content .accordion-content.is-expanded {
        display: block;
    }

.nxm-device-detail-acc-content .section--accordion {
    color: #4d4d4d;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 40px 10px 10px !important;
    border: none;
    position: relative;
}

    .nxm-device-detail-acc-content .section--accordion:after {
        content: '+';
        width: 20px;
        height: 20px;
        border-radius: 3px;
        display: block;
        position: absolute;
        right: 10px;
        top: 9px;
        color: #282868;
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        line-height: 20px;
        transition: 0.2s;
    }

    .nxm-device-detail-acc-content .section--accordion.is-expanded {
        color: #4d4d4d;
    }

        .nxm-device-detail-acc-content .section--accordion.is-expanded:after {
            content: '-';
            font-size: 30px;
        }

.benefit-accordion .section--accordion {
}

.benefit-accordion .accordion-content {
    display: none;
}

    .benefit-accordion .accordion-content.is-expanded {
        display: block;
    }

.sms__box {
    border-radius: 25px;
    margin-bottom: 15px;
}

    .sms__box .title {
        font-size: 14px;
    }

.sari_kutu .media--h .media__image-wrap {
    width: 33.33%;
    max-width: 120px;
    float: left;
    text-align: center
}

.sari_kutu .media--h .media__body-wrap {
    float: left;
    width: calc(66.66% - 15px);
    text-align: left;
    padding-left: 15px;
}

.sari_kutu-accordion {
    border-bottom: 15px solid #f1f1f1;
}

    .sari_kutu-accordion .section--accordion {
        color: #282868;
        font-size: 16px;
        font-weight: bold;
        padding: 10px 40px 10px 10px !important;
        border: none;
        position: relative;
        border-bottom: 1px solid #e8e8e8;
    }

        .sari_kutu-accordion .section--accordion:after {
            content: '+';
            width: 20px;
            height: 20px;
            border-radius: 3px;
            /*background: #0f052b;*/
            display: block;
            position: absolute;
            right: 10px;
            top: 9px;
            color: #282868;
            font-size: 30px;
            font-weight: bold;
            text-align: center;
            line-height: 20px;
            transition: 0.2s;
            background: transparent !important;
        }

        .sari_kutu-accordion .section--accordion.is-expanded {
            color: #0C4BA0;
        }

            .sari_kutu-accordion .section--accordion.is-expanded:after {
                content: '-';
                font-size: 30px;
            }


.nav-menu-profile {
    background: #282868;
    padding: 10px 20px;
    font-size: 14px;
    color: #ffffff;
    border-bottom: 2px solid #ffffff;
}

    .nav-menu-profile span {
        font-size: 14px;
        font-weight: 300;
    }

        .nav-menu-profile span em {
            font-style: normal;
        }

.nxm-search {
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .nxm-search li.noBg a {
        box-sizing: border-box;
        width: 100%;
    }

.range-slider-container label {
    font-size: 14px;
    color: #0C4BA0;
    font-weight: 400;
}

.range-slider-container {
    padding: 15px 0 0 0 !important;
}

.range-slider-inner-container {
    width: 100% !important;
}


.nxm2__container {
    width: 100%;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .nxm2__container * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
    }

ul.package__list {
    width: 100%;
}

    ul.package__list li.package__list-item {
        width: 100%;
        margin-bottom: 5px;
    }

        ul.package__list li.package__list-item a {
            display: inline-block;
            vertical-align: top;
            position: relative;
            background: #fff;
            border-radius: 4px;
            border: solid 1px #282868;
            width: 100%;
            font-size: 16px;
            font-weight: bold;
            padding: 15px 35px 15px 20px;
            -webkit-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

            ul.package__list li.package__list-item a.active {
                font-weight: 400;
            }

            ul.package__list li.package__list-item a:after {
                content: '';
                width: 14px;
                height: 14px;
                border: solid 2px rgba(15, 5, 43, 0.34);
                background-color: #ffffff;
                display: block;
                position: absolute;
                right: 10px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                border-radius: 50%;
                -webkit-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
            }

            ul.package__list li.package__list-item a.active {
                background: #0C4BA0;
                color: #fff;
                border-color: #0C4BA0;
            }

                ul.package__list li.package__list-item a.active:after {
                    border-color: #fff;
                    background: #000;
                }


.select2 {
    width: 100% !important;
    display: inline-block;
    vertical-align: top;
}

    .select2 .select2-selection {
        width: 100%;
        height: 45px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-radius: 4px;
        border: solid 2px #dfdfdf;
    }

        .select2 .select2-selection .select2-selection__arrow {
            height: 45px;
        }

        .select2 .select2-selection .select2-selection__rendered .select2__text {
            font-size: 14px;
            font-weight: 400;
        }

        .select2 .select2-selection .select2-selection__rendered .select2__money {
            font-size: 12px;
            background: #0C4BA0;
            display: inline-block;
            vertical-align: top;
            margin-left: 15px;
            border-radius: 6px;
            color: #fff;
            padding: 0 10px;
            font-style: normal;
        }

.custom_select-result .select2-results__options li > span {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

    .custom_select-result .select2-results__options li > span img {
        float: left;
        margin-right: 10px;
    }

.select2 .select2-selection .select2-selection__rendered > span {
    display: inline-block;
    vertical-align: middle;
}

    .select2 .select2-selection .select2-selection__rendered > span img {
        float: left;
        margin-top: 4px;
        margin-right: 15px;
    }

.select2 .select2-selection .select2-selection__rendered {
    padding-left: 20px;
}

.custom_select-result {
    position: fixed;
    top: 25px;
    left: 25px;
    right: 25px;
    z-index: 9999;
    width: calc(100% - 50px);
    background: #fff;
    height: calc(100% - 50px);
    border: 2px solid #dedede;
    display: none;
    border-radius: 4px;
    box-shadow: 0 10px 10px rgba(0,0,0,0.4);
    opacity: 0;
    transition: all .2s ease-in-out;
    pointer-events: none;
    transform: scale(0.8) translateY(10%);
}

    .custom_select-result.ready {
        display: block !important;
    }

    .custom_select-result.active {
        opacity: 1;
        pointer-events: all;
        transform: scale(1) translateY(0);
    }

    .custom_select-result .select2-container {
        position: static !important;
        top: inherit !important;
        left: inherit !important;
        width: 100% !important;
        height: 100%;
    }

        .custom_select-result .select2-container .select2-dropdown {
            width: 100% !important;
            height: 100% !important;
            overflow: auto;
            border: none;
        }

    .custom_select-result .select2-results__options {
        width: 100%;
        padding: 0;
        max-height: none !important;
        overflow: visible;
    }

        .custom_select-result .select2-results__options li {
            border-bottom: 1px solid #ccc;
            background: none;
            padding: 15px;
        }

            .custom_select-result .select2-results__options li.select2-results__option--highlighted {
                background: none !important;
                color: #4d4d4d;
            }

            .custom_select-result .select2-results__options li .select2__text {
                font-size: 14px;
                font-weight: 400;
            }

            .custom_select-result .select2-results__options li > div {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
            }

            .custom_select-result .select2-results__options li .select2__money {
                background: #0C4BA0;
                margin-left: 15px;
                padding: 5px 10px;
                border-radius: 6px;
                color: #fff;
                white-space: nowrap;
            }

.select2-container--default .select2-results__option[role=group] > ul > li:last-child {
    border-bottom: none;
}

.select2-container--default .select2-results__group {
    padding: 10px;
    background: #f4f4f4;
    border-bottom: 1px solid #ccc;
}

.custom_select-wrap .parsley-errors-list {
    position: absolute;
    bottom: 0;
}

.custom_select-wrap {
    position: relative;
}

.custom_select.parsley-error ~ span.select2-container {
    margin-bottom: 20px;
}

.accordion-content.tab-accordion {
    display: none;
}

    .accordion-content.tab-accordion.is-expanded {
        display: block;
    }

.site-component .section--accordion {
    border-top: none;
    box-shadow: 0 2px 6px 0 rgba(221, 221, 221, 0.5);
    background-color: #ffffff;
    margin-bottom: 3px;
    font-size: 18px;
    font-family: Greycliff, "Helvetica", Arial, sans-serif;
    font-weight: 600;
    color: #0a1f34;
    position: relative;
    padding-left: 20px;
}

    .site-component .section--accordion:after {
        content: url('/Assets/Web/build/assets/images-2019/breadcrumb-right.svg');
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%) rotate(90deg) scale(2);
    }

    .site-component .section--accordion.is-expanded {
        color: #0C4BA0;
        box-shadow: none !important;
    }

        .site-component .section--accordion.is-expanded:after {
            transform: translateY(-50%) rotate(-90deg) scale(2);
        }

.package-nxm2 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 15px 0;
    justify-content: flex-start;
    box-sizing: border-box;
}

    .package-nxm2 .package {
        padding: 15px 10px;
        width: calc(100% / 3);
        text-align: center;
    }

    .package-nxm2 * {
        box-sizing: border-box;
    }

    .package-nxm2 .package .col-icon {
        width: 60px;
        height: 60px;
        display: flex;
        background: #0f0527;
        border-radius: 50%;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin: 0 auto 4px auto;
    }

        .package-nxm2 .package .col-icon i {
            transform: scale(1.7);
            filter: brightness(9);
        }

    .package-nxm2 .package .col-term {
        color: #000000;
        font-size: 20px;
        margin-bottom: 3px;
        font-weight: 600;
    }

    .package-nxm2 .package .col-desc {
        font-size: 12px;
        color: #000000;
        line-height: 1;
        text-align: center;
    }

.package-nxm2-prices {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    padding: 0 15px;
    border-top: 1px solid #e1e1e1;
}

    .package-nxm2-prices > a {
        border: none;
        display: flex;
        width: calc(100% / 2 - 0px);
        padding: 15px 20px 15px 0;
        flex-direction: column;
        box-sizing: border-box;
        align-items: flex-start;
        justify-content: center;
        color: #0C4BA0;
        font-size: 12px;
        font-weight: 400;
        padding-left: 7px;
    }

        .package-nxm2-prices > a .col_1 {
            font-size: 20px;
        }


div#drop-search {
    display: block !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #282868;
    z-index: 10000;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    div#drop-search.active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    div#drop-search .search_input {
        background: none !important;
        color: #fff;
        font-size: 18px;
        padding: 17px 20px 16px;
        height: auto;
    }

        div#drop-search .search_input::-webkit-input-placeholder {
            color: #fff;
        }

        div#drop-search .search_input::-moz-placeholder {
            color: #fff;
        }

        div#drop-search .search_input:-ms-input-placeholder {
            color: #fff;
        }

        div#drop-search .search_input::-ms-input-placeholder {
            color: #fff;
        }

        div#drop-search .search_input::placeholder {
            color: #fff;
        }

    div#drop-search .icon--search-nav {
        top: 15px;
        -webkit-filter: invert(1);
        filter: invert(1);
    }

.search_overlay {
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0.46;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 99;
    display: none;
}

.search_active {
    overflow: hidden;
}

    .search_active .search_overlay {
        display: block;
    }




/*Yardim sayfasi menu listeleme*/

.help-item-c {
    width: 100%;
    border-bottom: 9px solid #e5e5e5;
}

    .help-item-c a {
        width: 100%;
        border-top: 1px solid #e5e5e5;
    }

    .help-item-c .media__body-wrap {
        text-align: left;
    }

    .help-item-c .media__body {
        padding: 10px 0px 10px 0px;
        min-height: 15px;
    }

    .help-item-c .section__nav {
        right: 45px;
        position: absolute;
        top: 50%;
        margin-top: -8px;
    }

    .help-item-c .media--prod-h i.section__nav {
        display: block;
    }

.pack-custom-fnt {
    font-weight: 400;
    color: #000;
    font-size: 14px;
}

/* Urunlerin ozelliklerinin kutu haline getirilmesi */

.media-imgs {
    width: 30%;
    float: left;
}

    .media-imgs img {
        width: 100%;
    }

.media-custom-desc {
    width: 70%;
    display: inline-block;
}

.media-all-custom {
    border-top: 1px solid #e5e5e5;
    padding: 10px;
}

.ajx-result-hld-cstm {
    display: inline-block;
    vertical-align: top;
}

.custom-price-blck {
    flex-direction: row;
    align-items: flex-start;
}

.w-50-cstm {
    width: 50%;
    padding: 10px;
}

.t-left {
    text-align: left;
}

p.price-box.price-normal.text-left {
    text-align: left;
    padding: 0px;
}

.price-custom {
    font-size: 30px;
    color: #0C4BA0;
    width: 50%;
    float: left;
    display: inline-block;
}

.price-custom-text {
    font-size: 10px;
    color: #0C4BA0;
    width: 50%;
    display: inline-block;
}

.price-custom2 {
    font-size: 30px;
    color: #4d4d4d;
    width: 50%;
    float: left;
    display: inline-block;
}

.price-custom-text2 {
    font-size: 13px;
    color: #4d4d4d;
    width: 50%;
    display: inline-block;
}

.sep-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.r-border {
    border-right: 1px solid #e5e5e5;
}

.no-focus {
    background-color: #fff !important;
    border-top-color: #0C4BA0;
    color: #0a1f34;
}

.sss-custom ::after {
    content: '+';
    width: 20px;
    height: 20px;
    border-radius: 3px;
    display: block;
    position: absolute;
    right: 10px;
    top: 9px;
    color: #282868;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    transition: 0.2s;
}

/*Paket yükleme */

.payment-title-c {
    padding: 20px 0px 5px 0px;
}

.payment-text-desc {
    font-size: 8px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4d4d;
}

.close {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0px;
    text-indent: -9999px;
    z-index: 9999;
}

    .close:before,
    .close:after {
        content: '';
        width: 24px;
        height: 3px;
        display: block;
        background: black;
        position: absolute;
        top: 50%;
        left: 50%;
    }

    .close:after {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .close:before {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

.custom-bread-item {
    width: 15px;
    display: inline-block;
}

    .custom-bread-item img {
        display: inline-block;
        margin-bottom: -2px;
    }

ul.nav-menu-list > .nml-item > ul.padl-none {
    padding-left: 0px;
}

.link-custom {
    float: none;
    margin: 0 auto;
}

    .link-custom .media__image-wrap img {
        display: inline-block;
    }

.custom-center-text {
    text-align: center;
}

.logged_out header .if-signin {
    display: none;
}

.logged_in header .if-signout {
    display: none;
}

.accordion-content {
    display: none;
}

.help_sss .accordion-content.is-expanded {
    display: block;
}

.section--accordion > .section__icon-collapsed {
    display: block;
}

.help_sss .content-wrapper .section--accordion i {
    display: block;
}

.help_sss .section--accordion.is-expanded .section__icon-collapsed {
    display: none !important;
}

.help_sss a.is-expanded .section__icon-expanded {
    display: block !important;
}

.help_sss a .section__icon-collapsed {
    display: block !important;
}




.switchs {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 34px;
    margin-left: 10px;
    margin-bottom: 10px;
}

    .switchs input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.sliders {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .sliders:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .sliders {
    background-color: #0C4BA0;
}

input:focus + .sliders {
    box-shadow: 0 0 1px #0C4BA0;
}

input:checked + .sliders:before {
    -webkit-transform: translateX(45px);
    -ms-transform: translateX(45px);
    transform: translateX(45px);
}

input:checked + .sliders:after {
    content: attr(data-label-open);
    position: absolute;
    left: 10px;
    top: 7px;
    font-size: 15px;
    color: #fff;
    transition: 0.4s;
}

input + .sliders:after {
    content: attr(data-label-close);
    position: absolute;
    left: 32px;
    top: 8px;
    font-size: 15px;
    transition: 0.4s;
}
/* Rounded sliders */
.sliders.rounds {
    border-radius: 34px;
}

    .sliders.rounds:before {
        border-radius: 50%;
    }

.media--prod-h .media__body.prod-custom {
    min-height: 65px;
}

.tab-font-custom a {
    font-size: 14px;
    font-family: Greycliff, "Helvetica", Arial, sans-serif;
}

.prod-detail-custom-edit img {
    width: 100%;
}

.button-section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.left-block-c {
    width: 70%;
    float: left;
}

.right-block-c {
    width: 30%;
    display: inline-block;
    padding-top: 30px;
}

.aligner-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-float-none {
    float: none;
}

.media--prod-h .media__body.custom-height-85 {
    min-height: 85px;
}

.parsley-errors-list {
    margin: 5px 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

    .parsley-errors-list li {
        font-size: 12px !important;
    }

.modal-sortList {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 999;
    box-sizing: border-box;
    padding: 50px 20px;
    overflow: auto;
}

    .modal-sortList .modal-body-sortList {
        background: #fff;
        border-radius: 10px;
        overflow: hidden;
        padding: 30px;
    }

        .modal-sortList .modal-body-sortList .modal-header-sortList {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            padding: 0px 0 10px 0;
            font-size: 16px;
            font-weight: 600;
            margin-top: -5px;
        }

.radio-c {
    border-radius: 50% !important;
}

.modal-sortList-list {
    margin-bottom: 15px;
    font-size: 18px;
}

    .modal-sortList-list span {
        font-weight: 400;
    }

.img-custom {
    display: inline-block;
}

.media--prod-h .media__body.sarikutu-custom {
    min-height: 180px;
}

.custom-select-money {
    display: inline-block;
}

ul.nav-menu-list > .nml-item > ul.nmli-list > li.sub__menu-has > a:before {
    content: '+';
}

ul.nav-menu-list > .nml-item > ul.nmli-list > li.sub__menu-active > a:before {
    content: '-';
}

.profile-photo {
    border-radius: 50%;
}

.profile-photo-block {
    float: left;
}

.profile-name {
    font-size: 18px;
    font-weight: 600;
    padding-top: 2px;
    padding-bottom: 5px;
}

.profile-name-block {
    display: inline-block;
    padding-left: 10px;
}

.profile-number {
    font-size: 14px;
    color: #ffffffbd;
}



.profile-signout a {
    font-size: 12px;
    color: #DB2133;
    font-weight: 400;
}

.top-p-1 {
    padding-top: 10px;
}

.package-image {
    width: 100%;
}

.package-price-c {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 20px;
}

    .package-price-c a:first-child {
        border-right: 1px solid #e1e1e1;
    }

.w-90 {
    width: 90%;
}

.ajx-result-hld-cstm .media__body-wrap {
    text-align: center;
}

.media--prod-h .media__body.app-custom-height {
    min-height: 60px;
}

.media--prod-h .media__body.w-75 {
    min-height: 75px;
}

.border-29 {
    border-radius: 29px;
}

.breadcrumb-custom {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.media--prod-h .media__body.min-h-70 {
    min-height: 70px;
}

.cc_modal_box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 999;
    box-sizing: border-box;
    padding: 50px 20px;
    overflow: hidden;
}

.cc_modal_box-content {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 30px;
}

.cc-modal-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0 10px 0;
    font-size: 16px;
    font-weight: 600;
    margin-top: -5px;
}

.cc-modal-body {
    max-height: 60vh;
    overflow: scroll;
}

    .cc-modal-body p {
        font-size: 13px;
        line-height: 18px;
        margin: 0px;
        margin-bottom: 5px;
    }

.custom-sms {
    width: 100%;
    height: 100%;
    padding: 15px 0px;
    border-radius: 50px;
    background: #0C4BA0;
}

    .custom-sms > span {
        float: none;
    }

.nxm__detail-price-item .hire-block .custom-detail-item b {
    font-size: 18px;
    display: block;
    color: #282868;
}

.custom-detail-item span {
    font-size: 12px;
    color: #282868;
}

.m-0-auto {
    margin: 0 auto;
}

.gray-theme .opportunity-wrapper .custom-platinium {
    margin-bottom: 10px;
}

.gray-theme .opportunity-wrapper .custom-platinium-button {
    background: rgba(37, 55, 70, 1);
    color: #fff;
}

.content .warning-custom-img {
    width: 30%;
}

.font-size-15 {
    font-size: 15px;
}

.line-40-c {
    line-height: 40px;
}

.content h2.font-weight-400 {
    font-weight: 400;
}

.teklif-left {
    width: 50%;
}

.teklif-right {
    width: 50%;
    display: flex;
    height: 100%;
    margin: auto 0;
    flex-wrap: wrap;
    overflow-wrap: normal;
    align-items: flex-start;
}

.hire-block {
    margin-bottom: 15px;
    width: 100%;
}

.hire-price {
    color: #0C4BA0;
    font-size: 14px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.hire-block b {
    font-weight: 700;
    display: block;
    font-size: 14px;
    white-space: nowrap;
    color: #0C4BA0;
}

.hire-block .bold-head {
    font-size: 16px;
    display: block;
    color: #282868;
    font-weight: 700;
}

.hire-price span {
    display: inline-block;
}

.hire-price-prepayment {
    color: #0C4BA0;
}

.hire-price b {
    color: #0C4BA0;
}


.step-list .step-one .step-text {
    /*background: #0C4BA0;*/
    color: #0C4BA0;
}

    .step-list .step-one .step-text:after {
        border-left-color: #fff;
    }

.step-list .step-one.step-active .step-text {
    background: #fff;
    color: #4d4d4d;
}

    .step-list .step-one.step-active .step-text:after {
        border-left-color: #fff;
    }




.step-list .step-two .step-text {
    background: #fff;
    color: #0C4BA0;
}

    .step-list .step-two .step-text:after {
        border-left-color: #fff;
    }

.step-list .step-three .step-text {
    background: #fff;
    color: #0C4BA0;
}

    .step-list .step-three .step-text:after {
        border-left-color: #fff;
    }







.step-list .step-two.step-active .step-text {
    background: #fff;
    color: #4d4d4d;
}

    .step-list .step-two.step-active .step-text:after {
        border-left-color: #fff;
    }

.step-list .step-three.step-active .step-text {
    background: #fff;
    color: #4d4d4d;
}

    .step-list .step-three.step-active .step-text:after {
        border-left-color: #fff;
    }

.border-none {
    border-radius: 0px;
}

.contract-head {
    font-size: 18px;
    color: #4d4d4d;
    font-weight: 800;
}

.contract-desc {
    float: left;
    width: 50%;
    font-size: 14px;
    font-family: Greycliff,Arial,sans-serif;
    color: #282868;
    font-weight: bold;
}

.contract-info {
    font-size: 14px;
    color: #afafaf;
    font-weight: 400;
}

.contract-text-block {
    padding: 20px;
}

.contract-image img {
    margin: 0 auto;
}

.contract-desc p, .contract-info p {
    padding-top: 5px;
    line-height: 15px;
}

.contract-info span {
    padding-left: 5px;
}

.error-contract p {
    margin-bottom: 20px;
}

.error-contract {
    padding: 0px 30px 15px 21px;
}

.myline-block {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #b6b6b64d;
    padding: 20px 10px 5px 10px;
}

.myline-left {
    width: 50%;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
}

.puk-codes {
    font-size: 16px;
}

.my-profile {
    margin-top: 40px;
}

.close-red {
    color: red;
}

.height-45 {
    height: 45px;
}

.media--prod-h .media__body.height-auto {
    min-height: 100%;
}

.pad-custom-contract {
    padding: 0px 10px;
}

.myline-right {
    width: 40%;
}

    .myline-right input {
        padding: 5px 0px;
        border: 0px;
    }

.border-top {
    border-top: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fixes {
    border-top: 0px;
    margin: 0px;
}

.padding-15 {
    padding: 0 15px;
}

.action-list-item .media__title.font-size-12 {
    font-size: 12px;
}

.remaining-lefter {
    width: 50%;
    padding: 35px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.float-left {
    float: left;
}

.media--h .media__image-wrap.w-100 {
    width: 100%;
}

.w-75-2 {
    width: 75%;
}

.media-custom {
    text-align: left;
    padding-top: 5px;
}

.position-relative {
    position: initial;
}

.price-custom-text-last {
    font-size: 20px;
    font-weight: 700;
    color: #000;
}

.price-tl {
    font-size: 14px;
}

.swiper-container {
    width: 100%;
    height: 380px;
}

.slider-White .sliderText span {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0;
}


.slider-White .sliderText p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: "Greycliff", "Helvetica", Arial, sans-serif;
}
.slider-White .sliderText * {
    color: #fff;
}

.slider-White .slider-btn {
    margin-top: 18px;
    font-size: 14px;
    padding: 6px;
    width: 40%;
    background: #ffe000;
    display: block;
    text-align: center;
    color: #000;
    border-radius: 50px;
    font-weight: bold;
    font-family: "Greycliff", "Helvetica", Arial, sans-serif;
    margin: 18px auto 15px auto;
}

.slider-White .sliderText {
    display: flex;
    flex-direction: column;
    width: 66%;
    text-align: center;
    margin-bottom: 40px;
    font-family: "Greycliff", "Helvetica", Arial, sans-serif;
}

.swiper-slide .sliderText .slider-btn {
    margin-top: 18px;
    font-size: 12px;
    padding: 6px;
    width: 40%;
    background: #ffe000;
    display: block;
    text-align: center;
    color: #000;
    border-radius: 50px;
    font-weight: 400;
    font-family: "Greycliff", "Helvetica", Arial, sans-serif;
    margin: 18px auto 15px auto;
}

.swiper-slide .sliderText {
    font-family: "Greycliff", "Helvetica", Arial, sans-serif;
}

    .swiper-slide .sliderText .slider-btn:hover {
        background: #f2d500
    }

:root {
    --swiper-navigation-size: 15px !important;
}

.swiper-button-next, .swiper-button-prev {
    opacity: 1;
    background: #fff;
    padding: 5px 8px;
    border-radius: 25px;
}

    .swiper-button-next::after, .swiper-button-prev::after {
        color: #5A5A5A;
    }

    .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
        opacity: 1;
    }

.swiper-pagination {
    margin-top: -35px;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    margin-right: 13px;
}

.swiper-pagination-bullet {
    background: #fff;
    opacity: 0.6;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}

:root {
    --swiper-theme-color: #ffffff;
}

.slider-LightBlue .sliderText span {
    color: #292862;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0;
}

.slider-LightBlue .sliderText p {
    color: #292862;
    font-size: 14px;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 0px;
}

.slider-LightBlue .sliderText * {
    color: #292862;
}
.slider-LightBlue .sliderText {
    display: flex;
    flex-direction: column;
    width: 66%;
    text-align: center;
    margin-bottom: 40px;
}







.slider-DarkBlue .sliderText span {
    color: #292862;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0;
}


.slider-DarkBlue .sliderText p {
    color: #292862;
    font-size: 14px;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 0px;
}

.slider-DarkBlue .sliderText * {
    color: #292862;
}

.slider-DarkBlue .sliderText {
    display: flex;
    flex-direction: column;
    width: 66%;
    text-align: center;
    margin-bottom: 40px;
}














.slider-Black .sliderText span {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0;
}



.slider-Black .sliderText p {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 0px;
}

.slider-Black .sliderText *{
    color: #000;
}
.slider-Black .sliderText {
    display: flex;
    flex-direction: column;
    width: 66%;
    text-align: center;
    margin-bottom: 40px;
}


.slider-Right .sliderText {
    align-items: flex-end;
    text-align: right;
}

.d-flex {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 100%;
}

.slider-Right .d-flex {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

@media screen and (max-width: 1124px) {
    .swiper-button-prev, .swiper-button-next {
        display: none;
    }
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 30px;
    right: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 30px;
    left: auto;
}


.mobile-flex-pagi {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.teklif-right .price-tl {
    vertical-align: super;
    font-size: 11px;
    color: #000;
    font-weight: bold;
}

.credit-save {
    font-size: 15px;
    text-decoration: underline;
    padding-left: 10px;
}

.popup-custom-head {
    font-size: 20px;
    color: #000 !important;
    margin-bottom: 15px;
}

.popup-custom-text {
    color: #000 !important;
    text-align: center;
    font-size: 15px;
}




/*Landing*/
/*Landing*/
/*Landing*/


.landing-page-device {
    height: 100%;
    background: url('../Images/landing_page/bg-mobile.png');
    background-repeat: no-repeat;
    background-size: cover;
    font-family: "Greycliff", "Helvetica", Arial, sans-serif;
    margin-top: -4px;
}

.message-custom {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.land-image {
    max-width: 100%;
    display: inline-block;
}

.land-logo-block {
    padding: 4% 0px 0px 5%;
}

    .land-logo-block img {
        width: 70px;
    }

.land-content {
    padding-top: 40px;
    margin: 0 auto;
}

.land-tab-item.active {
    background: #0c4e9b;
    box-shadow: 0px 0px 15px 2px rgba(11, 78, 154, 0.81);
}

    .land-tab-item.active:after {
        content: "";
        width: 30px;
        height: 30px;
        background: #0b4e9a;
        position: absolute;
        bottom: -15px;
        transform: rotate(45deg);
        left: 50%;
    }

.land-tabs {
    text-align: center;
    display: block;
}

.land-tab-item {
    background: #fff;
    padding: 20px 25px 20px 25px;
    position: relative;
    border-radius: 10px 0px 0px 10px;
}

    .land-tab-item:last-child {
        border-radius: 0px 10px 10px 0px;
    }

.land-tab-image {
    position: absolute;
    bottom: 10px;
    left: 15px;
}

.land-tab-item.active .land-tab-title {
    color: #fff;
}

.land-tab-title {
    color: #0b4e9a;
    font-size: 15px;
    z-index: 9;
    position: relative;
}

.land-tab-block {
    padding-top: 60px;
}

.tab-item-title {
    font-size: 26px;
    color: #fff;
    margin-block-start: 0;
    margin-block-end: 0;
}

.tab-item-text {
    font-size: 14px;
    color: #fff;
    padding-bottom: 20px;
}


.button-callMe {
    padding: 10px 15px;
    background: #ffe000;
    color: #000;
    font-size: 16px;
    border-radius: 20px;
    transition: 0.3s;
    margin-right: 15px;
    text-align: center;
}

    .button-callMe:hover {
        background: #e9cd01;
        color: #000;
    }


.button-detail {
    padding: 10px 35px 10px 35px;
    background: #fff;
    color: #000;
    font-size: 16px;
    border-radius: 20px;
    transition: 0.3s;
    margin-right: 15px;
    text-align: center;
}

    .button-detail:hover {
        background: #f2f2f2;
        color: #000;
    }

.land-tab-left {
    width: 100%;
    display: inline-block;
}

.land-tab-right {
    width: 80%;
    background: #9ca6c5;
    padding: 25px;
    margin: 0 auto;
    border-radius: 15px;
    text-align: center;
    display: inline-block;
    margin-bottom: 30px;
    margin-left: 10px;
}

.land-tab-block {
    display: none;
}

    .land-tab-block.active {
        display: block;
    }

.land-text-center {
    text-align: center;
}

.land-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #263c80;
}

.land-pagination span.swiper-pagination-bullet {
    background: #717fac;
    width: 18px;
    height: 18px;
}

.selo-block {
    position: absolute;
    bottom: 0;
    display: block;
}

.landing-page-device .swiper-button-prev, .landing-page-device .swiper-button-next {
    top: 50%;
    width: 20px;
    height: 24px;
    background: #7482ae;
}

    .landing-page-device .swiper-button-next::after, .landing-page-device .swiper-button-prev::after {
        color: #fff;
        font-size: 15px;
        font-weight: bold;
    }

.landing-page-device .swiper-button-prev, .landing-page-device .swiper-container-rtl .swiper-button-next {
    left: 3%;
    right: auto;
}

.landing-page-device .swiper-button-next, .landing-page-device .swiper-container-rtl .swiper-button-prev {
    right: 3%;
    left: auto;
}

section.land-model-box {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #ffffff80;
    z-index: 99;
    display: flex;
    flex-direction: row;
}

.model-box {
    width: 340px;
    margin: auto auto;
    height: calc(100% - 10px);
    position: relative;
    background: #fff;
}

.form-element select {
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    background-color: #f6f6f6;
    vertical-align: top;
    cursor: pointer;
    height: 38px;
    text-align: left;
}

.modal-form {
    padding: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.form-element label span {
    color: #37afed;
}

.form-element label {
    font-size: 15px;
    font-weight: 600;
    color: #4d4d4d;
}

.form-left {
    width: 100%;
    display: inline-block;
}

.form-right {
    width: 100%;
    display: inline-block;
}

.form-element {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.landing-page-device .trk_dropdown .label a {
    padding: 29px 70px 10px 17px;
}

.landing-page-device .trk_dropdown_button, .landing-page-device .button.trk_dropdown {
    height: 38px;
}

.landing-page-device .trk_dropdown.closed.dropdown-modifier3 .selected a {
    font-weight: 400;
}

.land_result {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #fff;
    text-align: center;
    padding: 50px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 21px;
    font-weight: 600;
}

.buttonCallMeForm {
    width: 60%;
    padding: 9px;
    border: 0;
    float: right;
}

.form-button-block {
    display: block;
}

.land-close {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
    background: #0c4e9b;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 24px;
    font-weight: 800;
    cursor: pointer;
    z-index: 9;
}

.land-d-flex {
    display: flex;
}

.landing-page-device .swiper-button-next, .landing-page-device .swiper-button-prev {
    opacity: 1;
    background: #fff;
    padding: 5px 8px;
    border-radius: 25px;
}

.landing-page-device .swiper-button-prev, .landing-page-device .swiper-button-next {
    top: 50%;
    width: 20px;
    height: 24px;
    background: #a0aac7;
}

.landing-page-device .swiper-container {
    width: 100%;
    height: 320px;
}

.land-d-flex {
    display: flex;
}

.landing-page-device .hidden {
    display: none !important;
}

.device.device_demand .header__main-nav {
    display: none;
}

.device.device_demand .header-actions {
    display: none;
}

.full-width-custom {
    width: 100%;
    margin-bottom: 11px;
}

.call-custom {
    font-size: 19px;
    font-weight: 600;
}

.device.device_demand .wrapper {
    overflow: initial;
}

.customDevice {
    min-height: 255px;
}

/*Camp Mobile */
.camp_list-item {
    width: 97%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: auto auto;
    margin-bottom: 20px;
}

.camp_list-img {
    width: 25%;
}

    .camp_list-img img {
        width: 100%;
    }

.camp_list-text {
    width: 70%;
}

.camp_list-ico {
    width: 5%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 900;
}

.camp_list-text-title {
    padding-left: 10px;
}

.camp_list-text-price {
    padding-left: 10px;
}

.camp_list-text-title span {
    font-size: 16px;
    font-weight: 700;
}

.camp_list-text-price span:first-child {
    font-size: 16px;
    font-weight: 700;
    margin-right: 5px;
}

.camp_list-text-price span:last-child {
    font-size: 12px;
    font-weight: 700;
}

.camp-all {
    margin-top: 20px;
}

.nxm-campTypeList > div {
    margin-bottom: 10px;
}

.nxm-camp-filter, .nxm-packages-filter {
    border-radius: 0;
    border: 1px solid #ffe000;
}

.endDate {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 10px;
}

.content p.bg-white {
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px;
    margin-bottom: 10px;
}

    .content p.bg-white span {
        font-size: 26px;
    }

.nxm-device-detail-acc a {
    color: #4d4d4d;
}

.hidden-button {
    display: none !important;
}

.w-85 {
    width: 85%;
}

.nxm-device-detail-acc-content .section--accordion.camp-faq {
    padding: 10px 40px 10px 10px !important;
}

.pass[type=tel] {
    -webkit-text-security: disc;
}

/*OTP*/
@font-face {
    font-family: 'nxmIcon';
    src: url('/Assets/Web/build/assets/fonts/nxmIcon/nxmIcon.eot?duk69x');
    src: url('/Assets/Web/build/assets/fonts/nxmIcon/nxmIcon.eot?duk69x#iefix') format('embedded-opentype'), url('/Assets/Web/build/assets/fonts/nxmIcon/nxmIcon.ttf?duk69x') format('truetype'), url('/Assets/Web/build/assets/fonts/nxmIcon/nxmIcon.woff?duk69x') format('woff'), url('/Assets/Web/build/assets/fonts/nxmIcon/nxmIcon.svg?duk69x#nxmIcon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

i.nxmIcon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'nxmIcon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-nxmIcon-log-in:before {
    content: "\e900";
}

.icon-nxmIcon-turkcell:before {
    content: "\e901";
}

.icon-nxmIcon-user:before {
    content: "\e902";
}

.icon-nxmIcon-correct:before {
    content: "\e903";
}

.icon-nxmIcon-sms:before {
    content: "\e904";
}

.icon-nxmIcon-arrow:before {
    content: "\e905";
}



.icon-nxmIcon-usernew:before {
    content: "\e908";
}

.icon-nxmIcon-search:before {
    content: "\e907";
}

.icon-nxmIcon-down-arrow-circle:before {
    content: "\e906";
}

.icon-nxmIcon-shopping:before {
    content: "\e909";
}

.icon-nxmIcon-lock:before {
    content: "\e90a";
}


.icon-nxmIcon-world:before {
    content: "\e90d";
}

.icon-nxmIcon-laptop:before {
    content: "\e90b";
}

.icon-nxmIcon-invoice:before {
    content: "\e90c";
}

.icon-nxmIcon-plus:before {
    content: "\e90f";
}

.icon-nxmIcon-minus:before {
    content: "\e90e";
}

.icon-nxmIcon-close:before {
    content: "\e910";
}


.icon-nxmIcon-credit-card:before {
    content: "\e912";
}

.icon-nxmIcon-tl:before {
    content: "\e911";
}

.icon-nxmIcon-cargo:before {
    content: "\e913";
}

.icon-nxmIcon-contor:before {
    content: "\e915";
}

.icon-nxmIcon-pakety:before {
    content: "\e914";
}


.icon-nxmIcon-check:before {
    content: "\e916";
}

.icon-nxmIcon-menu:before {
    content: "\e917";
}

.arrow-right {
    transform: rotate(180deg);
    display: inline-block;
}

.login_mobil {
    background: #282868;
    position: absolute;
    width: 100%;
    top: 60px;
    z-index: 999;
    color: #fff;
}

.login_mobil-tabs {
    width: 80%;
    margin: 0 auto;
}

.login_mobil-tabs-item {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    height: 60px;
}

.tabs-item-tekKullanimlikSifre {
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 50%;
    align-items: center;
    justify-content: center;
    height: 50%;
    font-weight: 600;
    letter-spacing: 0px;
}

.tabs-item-superSifre {
    border-left: 2px solid rgba(225, 225, 225, 0.5);
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 44%;
    align-items: center;
    justify-content: center;
    height: 50%;
    font-weight: 600;
}

    .tabs-item-tekKullanimlikSifre i, .tabs-item-superSifre i {
        font-size: 22px;
        margin-right: 5px;
    }

    .tabs-item-tekKullanimlikSifre.active, .tabs-item-superSifre.active {
        color: #fec331;
    }

.uncheck-ico {
    width: 14px;
    height: 14px;
    position: relative;
    margin-top: 0;
    border: 1px solid rgba(15, 5, 43, 0.22);
    border-radius: 4px;
    vertical-align: middle;
    color: black;
    background: #fff;
}

.check-ico {
    width: 14px;
    height: 14px;
    position: relative;
    margin-top: 0;
    border: 1px solid rgba(15, 5, 43, 0.22);
    border-radius: 4px;
    vertical-align: middle;
    color: black;
    background: #fff;
}

    .check-ico:before {
        position: absolute;
        top: 12%;
        left: 12%;
    }

.left-remember li {
    margin-bottom: 0px !important;
}

.toggle:checked + .toggle-label .check-ico {
    display: inline-block;
}

.toggle:checked + .toggle-label .uncheck-ico {
    display: display:none;
}

.toggle + .toggle-label .uncheck-ico {
    display: inline-block;
}

.loginCustom-checkbox {
    padding: 3px 10px 3px 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}

.toggle + .toggle-label .unchecked.uncheck-ico {
    background: #fff !important;
}

.left-remember {
    width: 50%;
    display: block;
    height: 100%;
}

.right-pass {
    width: 40%;
    text-align: right;
    border-bottom: 1px solid;
    font-size: 14px;
    padding-bottom: 2px;
}

.remember-block {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    padding-top: 5px;
}

.loginCustom-checkbox span {
    font-size: 14px;
    margin-left: 5px;
}

.right-pass span {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.fs-9 {
    font-size: 9px;
}

.fs-18 {
    font-size: 18px;
}

.arrow-up {
    transform: rotate(90deg);
    display: inline-block;
}

.login-close {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    font-size: 20px;
    padding: 10px 0px;
    position: absolute;
    bottom: 20px;
}

.tek-desc {
    font-size: 12px;
    margin: 10px 0px;
    font-weight: 600;
}

.btn-50 {
    width: 50% !important;
}

.btn-color {
    color: #12203E !important;
}

.fs-16 {
    font-size: 16px !important;
}

.radius-15 {
    border-radius: 15px;
}

.login_mobil a.nxm-opt-re-send {
    display: inline-block;
    border-radius: 35px;
    background: transparent;
    text-align: center;
    color: #fff;
    font-size: 16px;
    width: 100%;
}

div.countdown {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 50%;
}

.pass-new input[type="tel"] {
    -webkit-text-security: disc;
}

.login_mobil a.nxm-opt-re-send.disabled {
    opacity: 0.7;
}

li.validation {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

li.text-center.validation {
    display: block;
}

.clock-img {
    width: 12%;
    margin-left: 5px;
}

.login_mobil li.countdown {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.login_mobil span#otp-countdown {
    font-size: 24px;
}

.login_mobil-tabs-body {
    position: relative;
    min-height: 340px;
}

.login-close {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

.login-close {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@media screen and (max-width: 370px) {
    .tabs-item-tekKullanimlikSifre, .tabs-item-superSifre {
        font-size: 13px
    }
}

.labelhead {
    margin-bottom: 5px;
    display: block;
    font-size: 13px;
    font-weight: 600;
}

.secureWarn {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    margin-top: 10px;
}

    .secureWarn img {
        width: 5%;
        margin-right: 5px;
    }

.payment3D .g__40 {
    border-right: 2px solid #dedede;
}

.payment3D {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}

input.inputFocus:focus {
    outline: none !important;
    border-color: #04a0e7;
}




/*Cihaz Talep*/

.device-demand-page {
    background: #f6a71c;
    width: 100%;
    display: flex;
    align-items: center;
    font-family: Greycliff !important;
    padding-bottom: 30px;
    flex-direction: column;
}

    .device-demand-page * {
        font-family: Greycliff !important;
    }

.device-container {
    width: 90%;
    margin: 0 auto;
}

.device-left {
    width: 100%;
}

.device-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.device-right {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    position: relative;
    padding-top: 15px;
}

.devive-demandForm {
    padding: 30px;
}

.form-head hr {
    border-width: 2px;
    border-style: solid;
    width: 30%;
    border-color: #0e113a;
}

.form-head {
    text-align: center;
    font-size: 14px;
    padding: 0px 8px;
}

    .form-head h2 {
        color: #0E113A;
        font-size: 28px;
        font-weight: 800;
        font-family: Greycliff !important;
    }

.form-label {
    color: #0e113a;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px;
}

.form-control input {
    border-color: #80808052;
}

.form-control input {
    width: 95%;
    height: 35px;
}


.dropdown-modifier6 {
    border: 1px solid #e0e0e0;
    background: #fff !important;
}

    .dropdown-modifier6.closed .selected a {
        position: absolute;
        left: 10px;
        top: 15px;
        text-align: left !important;
        color: #4d4d4d;
    }

    .dropdown-modifier6 li.label.hidden {
        display: block !important;
        visibility: visible !important;
    }

.device-demand-page input:focus {
    border-color: #59ADFF !important;
    box-shadow: none !important;
}

.trk_dropdown.dropdown-modifier6.closed li.selected a {
    font: 400 16px/1 "Greycliff", "Helvetica", Arial, sans-serif;
    color: #4d4d4d;
    padding: 0;
    border-top: 0;
}

.trk_dropdown.dropdown-modifier6 .label a {
    font-weight: 700;
    padding: 15px 20px 35px 17px;
    border-top: 0;
}

.trk_dropdown.dropdown-modifier6.open ul {
    max-height: 220px;
}

.trk_dropdown.dropdown-modifier6 .label a:after, .trk_dropdown.dropdown-modifier6 .selected:after {
    position: absolute;
    z-index: 0;
    display: block;
    right: 13px;
    top: 16px;
    padding: 0;
    height: 10px;
    width: 15px;
    background: url('../images/back.png');
    text-indent: -9000px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.trk_dropdown.dropdown-modifier6.open .label a:after {
    transform: rotate(180deg);
}

.device-demandImg {
    position: relative;
    left: 0;
    width: 100%;
    bottom: 0;
    margin-bottom: 15px;
}

.button-demand {
    display: block;
    padding: 10px !important;
    background: #2855ac !important;
    width: 100%;
    font-weight: 600;
    border: 0px;
    color: #fff;
}

    .button-demand:hover, .button-demand:focus {
        display: block;
        padding: 10px !important;
        background: #234c9c !important;
        width: 100%;
        font-weight: 600;
        border: 0px;
        color: #fff;
    }

.device-demand-page .form-element select {
    width: 100%;
    background: #fff;
}

.device_demand .header {
    background-image: none;
}

.device_demand .header__account {
    display: none;
}

#landingSend select {
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    background-color: #fff;
    vertical-align: top;
    cursor: pointer;
    height: 44px;
    text-align: left;
    border-top: 1px solid #E0E0E0;
    border: 1px solid #80808052;
    border-radius: 0px;
}


.device-demand-page input {
    border: 1px solid #80808052;
    border-radius: 0px;
}

.inputReq {
    border: 2px solid #ff2f2f !important;
}

.error-demand {
    color: red;
    display: none;
}

    .error-demand.active {
        color: red;
        display: block;
    }



.left-text-wrap {
    position: relative;
    left: 0;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.imagetext h1 {
    font-size: 36px;
    color: #0E113A;
}

.imagetext span {
    font-size: 16px;
    width: 90%;
    display: block;
    margin: 0 auto;
}

.imagetext hr {
    width: 15%;
    border-color: #4d4d4d;
    border-bottom-width: 2px;
}


.come-back {
    background: #2855ac;
    padding: 10px 0px;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

img.land-image {
    width: 12%;
}

.price-left {
    width: 45%;
    padding: 5px;
    background: #EFFCFF;
    border: 1px solid #59ADFF;
    border-radius: 3px;
    height: 70px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.price-block {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
}

.price-right {
    width: 45%;
    padding: 5px;
    background: #fff;
    border: 1px solid #8080808c;
    border-radius: 3px;
    height: 70px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.price-block .amount {
    font-size: 24px;
    float: left;
    display: block;
    margin-right: 5px;
    color: #292862;
}

.price-block .currency {
    font-size: 10px;
    margin-top: 8px;
    color: #292862;
}

.price-block .price-desc {
    display: block;
    font-size: 14px;
    color: #292862;
    font-weight: 700;
    margin-bottom: 5px;
}

.price-block .price {
    margin-left: 10px;
    width: 100%;
}

.price-block .price-right .currency {
    line-height: 20px;
}

.online-sales-desc {
    margin-top: 15px;
}

.sales-items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    color: #686868;
    font-weight: 600;
    text-align: center;
}

.sales-item img {
    padding-bottom: 5px;
    width: 90px;
}


/*New Home Page*/


.conf-block {
    background: #FBAA18;
    padding: 15px 15px;
    border-radius: 15px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    min-height: 170px;
    text-align: center;
    margin: 30px 15px;
}

.conf-left {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.conf-right {
    width: 100%;
}

.conf-left .conf-head {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-top: 50px;
}

.conf-left .conf-text {
    font-size: 14px;
    color: #fff;
    margin-top: 5px;
}

.btn-border-white {
    border: 2px solid #fff;
    padding: 7px 30px;
    border-radius: 53px;
    color: #fff !important;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

    .btn-border-white:hover {
        border: 2px solid #fff;
        padding: 7px 30px;
        border-radius: 53px;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 0.5px;
    }


/*Card*/
.card-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0px 0px 30px;
}

.card-item {
    width: 100%;
    border-radius: 15px;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3);
    min-height: 320px;
    overflow: hidden;
    display: block;
    transition: 0.4s;
}

    .card-item:hover {
        -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);
    }

.card-head {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    min-height: 50px;
    padding: 0px 15px;
    position: relative;
}

.card-head-text {
    width: 65%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .card-head-text span {
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 0.5px;
        color: #253646;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.card-head-flag {
    width: 90px;
    position: absolute;
    top: 0;
    right: 0;
    min-height: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    letter-spacing: 0.5px;
    border-bottom-left-radius: 15px;
}

    .card-head-flag.yellow-flag {
        background: #FDDE00;
        color: #282868;
    }

    .card-head-flag.orange-flag {
        background: #FF6F3E;
        color: #fff;
    }

    .card-head-flag.pink-flag {
        background: #F01F81;
        color: #fff;
    }

.card-price {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    border-top: 1px solid #919fac4d;
    min-height: 60px;
    align-items: center;
}

.card-price-left {
    width: 50%;
}

.card-price-right {
    width: 45%;
    border-left: 1px solid #919fac4d;
    min-height: 60px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    padding-left: 10px;
}

.card-price-left span {
    color: #0C4BA0;
    font-size: 20px;
    font-weight: 800;
    margin-left: 8px;
}

    .card-price-left span sub {
        font-size: 12px;
        bottom: 0;
        font-weight: 600;
    }

    .card-price-left span sup {
        font-size: 12px;
        top: -5px;
        font-weight: 600;
    }

.card-img {
    min-height: 210px;
    display: block;
    width: 100%;
    margin: 20px 0px;
}

.price-top span {
    color: #636F7D;
    font-size: 18px;
    font-weight: 700;
}

    .price-top span sup {
        top: -3px;
    }

.price-top {
    margin-bottom: 7px;
}

.price-bottom {
    font-weight: 700;
}

    .price-bottom sup {
        top: -2px;
    }


        .price-bottom sup:last-child {
            color: #0C4BA0;
        }

    .price-bottom del, .price-bottom del sup {
        color: #919FAC !important;
    }







/*Package Card*/
.package-card .card-head-text {
    width: 100%;
}

.package-card .card-head {
    min-height: 70px;
}

.blue-circle {
    position: absolute;
    width: 400px;
    height: 120px;
    background: rgb(36, 75, 177) radial-gradient(circle at 40px 0, rgb(39, 53, 111) 40%, rgba(39, 53, 111, 0.75) 40%, rgba(39, 53, 111, 0.75) 60%, rgba(39, 53, 111, 0.5) 60%, rgba(39, 53, 111, 0.5) 85%, rgba(0, 0, 0, 0) 85%);
    border-radius: 50%;
    top: -25px;
    left: -65px;
}

.yellow-circle {
    position: absolute;
    width: 400px;
    height: 120px;
    background: #FFC40C;
    border-radius: 50%;
    top: -25px;
    left: -65px;
}

.platinium-circle {
    position: absolute;
    width: 400px;
    height: 120px;
    background: #253646;
    border-radius: 50%;
    top: -25px;
    left: -65px;
}

.package-card {
    position: relative;
}

    .package-card .card-head-text span {
        color: #fff;
        font-weight: 600;
        font-size: 16px;
    }

.package-detail-item span {
    color: #919FAC;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 70px;
    height: 1.2em;
    white-space: nowrap;
}

.card-img.package-fay {
    min-height: 60px;
    width: 100%;
    margin: 40px 0px 0px 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-evenly;
}

.package-detail-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 30px;
}

.package-detail-item {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    min-height: 100px;
    justify-content: space-evenly;
    margin-left: 10px;
    align-items: flex-start;
}

.detail-item-top {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
}

    .detail-item-top span {
        font-size: 22px;
        font-weight: 800;
        color: #0C4BA0;
        text-overflow: inherit;
        width: 100%;
    }

        .detail-item-top span sub {
            font-size: 12px;
            bottom: 0;
            font-weight: 600;
        }

.card-price-left span sup {
    font-size: 12px;
    top: -5px;
}

.package-price-new span {
    color: #0C4BA0;
}

.card-head-text.black-text span {
    color: #293679;
}

.btn-all {
    font-size: 14px;
    font-weight: 300;
    color: #184392;
    text-decoration: none;
    padding: 8px 35px;
    text-align: center;
    border: 1px solid #184392;
    border-radius: 40px;
}

.btn-block-new {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

.head-block {
    width: 100%;
    text-align: center;
}

.head-new {
    font-size: 22px !important;
    letter-spacing: 0.5px !important;
    font-weight: 800;
    color: #293679;
    margin-bottom: 20px !important;
    margin-top: 15px !important;
}

.card-img.package-fay img {
    width: 30px;
}

.card-price-left.camp-price {
    text-align: center;
    width: 100%;
}

.card-head-text.camp-card-text {
    width: 100%;
}

.detail-item-top img {
    height: 23px !important;
    width: 23px;
}

#slide-card .swiper-slide {
    width: 270px !important;
    margin-right: 10px !important;
    margin-left: 15px !important;
    margin: 10px auto;
}

#slide-card .swiper-pagination-bullet {
    background: #06377c;
    opacity: 0.6;
}

#slide-card .swiper-pagination-bullet-active {
    opacity: 1;
    background: #06377c;
}

#slide-card {
    padding-bottom: 40px;
}

.package-price-new span {
    margin-left: 15px;
}

.card-price-left.package-price-new {
    width: 100%;
}

.detail-item-top img {
    margin: 0;
}

ul.nav-menu-list > .nml-item > a.no-login-myacc {
    /*margin-top: 50px !important;*/
}


a.text-satura.nmli-toggle.nav-menu-active {
    color: #ffc900;
    border-bottom-color: #ffc900a8;
}

.package-card .card-head-text span:last-child {
    display: block;
    font-size: 10px;
    font-weight: 400;
    opacity: 0.8;
}

.package-card .card-head-text span:first-child {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    opacity: 1;
}

.textmedium {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    display: block;
}

.pdfico {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}

    .pdfico span {
        font-size: 16px;
        margin-left: 5px;
        color: #4d4d4d;
        font-weight: 400;
    }

.textmedium.textcenter {
    width: 100%;
    display: block;
    text-align: center;
}

.pckNew img {
    width: 100%;
    height: auto;
}

.col-icon.pckNew {
    padding: 0px 0px;
    background: transparent !important;
}

.cookie {
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #919fac;
    height: auto;
}

.wrap-cookie {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
}

.cookie p {
    color: #fff;
    width: 90%;
    letter-spacing: 0.5px;
}

.cookie a {
    color: #fff;
    text-decoration: underline;
    font-weight: 600;
}











header.header {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px 15px;
}

.mh-item {
    color: #fff;
    font-size: 20px;
}

    .mh-item:hover {
        color: #fff;
        font-size: 20px;
    }

.mobile-head-right {
    width: 35%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
/* line 17, ../../sass/common/vendors/bootstrap/_sprites.scss */

.shopping-mobile {
    position: relative;
}

.item-quantity {
    background: #ffc900;
    width: 15px;
    position: absolute;
    height: 15px;
    font-size: 12px;
    border-radius: 50%;
    text-align: center;
    right: -6px;
    top: -9px;
    color: #000;
    z-index: 9;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.mh-item {
    color: #fff;
    font-size: 20px;
}

div#drop-search {
    height: auto !important;
    min-height: 50% !important;
    top: 60px !important;
    background: #fff !important;
}

.nxm-search-dropbox .big-heading {
    text-align: center;
    padding: 30px;
    font-size: 24px;
}

    .nxm-search-dropbox .big-heading h1 {
        font-size: 34px;
        color: #000;
        letter-spacing: -2px;
    }

.search-input-wrapper {
    padding: 0px 20px 20px 20px;
    display: flex;
    justify-content: center;
    margin: auto;
    width: 90% !important;
}

.input-parent-wrapper {
    position: relative;
    width: 100%;
}

.search-input-wrapper input.text {
    width: 600px !important;
    border-radius: 10px;
    background: #fff !important;
    color: #999 !important;
    margin: auto;
    font-size: 20px;
    border: 1px solid #d9d9d9 !important;
    padding-left: 100px !important;
    font-weight: 600;
}

.dropbox.box-search input.text {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #0C4BA0;
    border: none;
    padding: 17px 20px 16px;
    width: 100%;
    color: #fff;
    width: 100% !important;
}

ul.typeahead.dropdown-menu.extended.nxm-search {
    border: 0px;
    box-shadow: none;
    margin-top: 5px;
    position: relative;
    top: 0 !important;
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: column;
}

.typeahead.dropdown-menu {
    width: 100%;
}

.search-input-wrapper button.btn {
    background: transparent;
}

.search-input-wrapper button.btn {
    height: 44px;
    width: 70px;
    overflow: hidden;
    position: absolute;
    left: 5px;
    top: 5px;
}

.shortcut-buttons-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    text-align: center;
    padding-bottom: 20px;
    margin: auto;
}

    .shortcut-buttons-wrapper a {
        padding: 10px 20px;
        border-radius: 10px;
        color: #000;
        font-weight: 600;
        background-color: #9d9d9d;
        width: 26% !important;
        padding: 15px 0px !important;
        font-size: 14px;
    }



.search-input-wrapper .search {
    border-radius: 10px;
    width: 600px;
    height: 55px;
}

.search-input-wrapper span.search {
    height: 55px;
}

.search-input-wrapper .search {
    position: relative;
    height: 44px;
    width: 70px;
    display: block;
    text-indent: -9999px;
}

.input-parent-wrapper button.btn {
    background: none;
    border: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

input.text.typeahead_extended.search_input.search_clear::placeholder {
    color: #a3a3a3 !important;
}

.search-input-wrapper span.search:before {
    top: 3px !important;
}

.search-input-wrapper .search:before {
    height: 44px;
    width: 44px;
    background: url(/Assets/Web/build/assets/images/common/sprite-common.png) -161px -1087px;
    top: 0;
    /*left: 30px;*/
}

.search-input-wrapper .search:before {
    display: block;
    content: " ";
    position: absolute;
}

.search-input-wrapper input.text {
    width: 100% !important;
    border-radius: 10px;
    background: #fff !important;
    color: #999 !important;
    margin: auto;
    font-size: 20px;
    border: 1px solid #d9d9d9 !important;
    padding-left: 45px !important;
    font-weight: 600;
}
/* line 4677, ../../sass/common/_style.scss */
.typeahead.extended li.active {
    background: #0C4BA0;
}
    /* line 4680, ../../sass/common/_style.scss */
    .typeahead.extended li.active p, .typeahead.extended li.active h2 {
        color: #FFF !important;
    }
    /* line 4684, ../../sass/common/_style.scss */
    .typeahead.extended li.active strong {
        color: #ffe000 !important;
    }
/* line 4689, ../../sass/common/_style.scss */
.typeahead.extended .search_result {
    cursor: pointer;
    padding: 10px;
    overflow: hidden;
}
    /* line 4694, ../../sass/common/_style.scss */
    .typeahead.extended .search_result .visual {
        float: left;
        margin-right: 10px;
    }
    /* line 4699, ../../sass/common/_style.scss */
    .typeahead.extended .search_result .info {
        font-size: 12px;
        color: #9d9d9d;
        margin: 0px;
    }
    /* line 4705, ../../sass/common/_style.scss */
    .typeahead.extended .search_result h2 {
        font-size: 16px;
        margin: 0px;
        color: #9d9d9d;
        text-transform: none;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
        /* line 4715, ../../sass/common/_style.scss */
        .typeahead.extended .search_result h2 strong {
            color: #4d4d4d;
        }
    /* line 4720, ../../sass/common/_style.scss */
    .typeahead.extended .search_result .price {
        color: #9d9d9d;
        font-size: 10px;
        margin: 0px;
        text-transform: uppercase;
    }
        /* line 4726, ../../sass/common/_style.scss */
        .typeahead.extended .search_result .price span {
            font-size: 14px;
        }
/* line 4733, ../../sass/common/_style.scss */
.typeahead.extended.type-2.dropdown-menu > li > a {
    padding: 3px 10px 3px 0;
}

.search_result .visual {
    position: relative;
}

.typeahead.extended li.noBg {
    background: #fafafa;
    border-top: 1px solid #e6e6e6;
    padding: 15px 0 15px 0;
}

.input-parent-wrapper .view_all {
    text-align: start;
}

a#search-view-more {
    width: 90%;
    width: 100%;
}

.view_all a.all {
    font: 700 12px/20px "Greycliff", Arial, sans-serif;
    position: relative;
    color: #4d4d4d;
    display: inline-block;
    /* height: 19px;*/
    padding: 0 0 0 28px;
    text-transform: uppercase;
    padding: 10px 20px;
}

.package-icon-wrap {
    max-width: 220px;
    display: inline-block;
    margin-bottom: 5px;
}

.tab-new-item a {
    display: block;
    border-top: 1px solid #e5e5e5;
    padding: 10px 10px 30px 10px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
}

    .tab-new-item a img {
        max-width: 100%;
        height: auto;
    }

.mobile-filter {
    padding: 10px;
    box-sizing: border-box;
}

.tab-new-item {
    padding: 10px;
}

.tab-head {
    text-align: center;
    margin: 15px 0px 0px;
    font-size: 26px;
    font-weight: 700;
    color: #0c4ba0;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
}




.nxm-ac-invoce-pey .paycell-top-logo {
    position: static !important;
    float: none !important;
}

.nxm-ac-invoce-pey {
    height: auto !important;
}

    .nxm-ac-invoce-pey .paycell-top-text {
        float: none !important;
        position: static !important;
    }

#my_lines button.button-cta {
    font: 700 20px/40px Greycliff,"Helvetica",Arial,sans-serif;
    background: #ffc900;
    border: 0;
    color: #000;
    display: inline-block;
    min-width: 140px;
    height: 40px;
    padding: 0 25px;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
    border-radius: 20px;
}


.head-mix p {
    font-size: 16px;
    text-align: center;
    letter-spacing: 1px;
    color: #8e9fad;
    margin-bottom: 40px;
    margin-top: 20px;
}

.head-mix h1 {
    margin-top: 10px;
    letter-spacing: 0px;
    padding-bottom: 0px;
    color: #0d4ba0;
    text-align: center;
}

.mix-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.speak-block {
    width: 80%;
    border: 1px solid #0d4ba029;
    -webkit-box-shadow: 0px 4px 4px 0px #00000021;
    -moz-box-shadow: 0px 4px 4px 0px #00000021;
    box-shadow: 0px 4px 4px 0px #00000021;
    min-height: 300px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}

.wifi-block {
    width: 80%;
    border: 1px solid #0d4ba029;
    -webkit-box-shadow: 0px 4px 4px 0px #00000021;
    -moz-box-shadow: 0px 4px 4px 0px #00000021;
    box-shadow: 0px 4px 4px 0px #00000021;
    min-height: 300px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}

.choose-block {
    width: 70%;
    margin-left: 35px;
}

.step-number {
    background: #0d4ba0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
}

.mix-step {
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 15px;
    margin-bottom: 30px;
}


.form-radio-hidden {
    display: flex;
    flex-direction: row;
    height: 28px;
    position: relative;
    align-items: center;
}

    .form-radio-hidden input {
        position: absolute;
        opacity: 0;
        display: block;
        height: 0;
        width: 0;
    }

    .form-radio-hidden .radio {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        display: inline-block;
        position: relative;
        height: 17px;
        width: 20px;
        border-radius: 50%;
        margin-right: 5px;
        border: 1px solid #dee3ed;
        background-color: #ffffff;
        box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
        cursor: pointer;
        outline: none;
        box-sizing: border-box;
        transition: .5s all;
    }

    .form-radio-hidden:hover .radio {
        background-color: #f9f9f9;
        box-shadow: inset 1px 2px 3px 0 rgba(0,0,0,0.1);
    }

    .form-radio-hidden input:checked + .radio {
        border-color: #dee3ed;
        background-color: #fff;
        box-shadow: inset 1px 2px 3px 0 rgba(0,0,0,0.1);
        cursor: default;
    }

        .form-radio-hidden:hover .radio::before, .form-radio-hidden input:checked + .radio::before {
            content: '';
            position: absolute;
            width: 10px;
            height: 10px;
            border-radius: 8px;
            background-color: #ddd;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .form-radio-hidden input:checked + .radio::before {
            background-color: #ffc40e;
            box-shadow: 1px 2px 2px 0 rgba(0,0,0,0.2);
        }

    .form-radio-hidden input + .radio + .text {
        color: #777;
        cursor: pointer;
        font-size: 16px;
        line-height: 1.4;
        margin-right: 10px;
        align-self: center;
        font-weight: 700;
        border: 0px;
        background: transparent;
        padding: 0px !important;
    }

    .form-radio-hidden input:checked + .radio + .text {
        color: #555;
        cursor: default;
    }

span.desc-step {
    display: block;
    margin-left: 15px;
    font-size: 15px;
    font-weight: 700;
    color: #0d4ba0;
}

.choose-block p {
    color: #555555;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
}

.mix-send {
    width: 80%;
    background: #ffc900;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 15px 0px;
    border-radius: 50px;
    color: #253342;
    font-size: 18px;
    font-weight: 600;
    float: right;
    margin: 40px 0px;
}

.head-mix {
    width: 80%;
    margin: 0 auto;
}

.part-item {
    width: 100%;
    overflow: hidden;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 4px 0px #00000021;
    -moz-box-shadow: 0px 2px 4px 0px #00000021;
    box-shadow: 0px 2px 4px 0px #00000021;
    margin-bottom: 50px;
    display: block;
}

.part-head {
    width: 100%;
    background: #00183e;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

    .part-head span {
        padding: 20px;
        display: block;
    }

.part-desc {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    margin-top: -5px;
    background: #fff;
    border-radius: 3px;
    padding-top: 20px;
    padding-bottom: 30px;
}

.image-block {
    width: 20%;
    margin-left: 20px;
    margin-bottom: 20px;
}

.part-desc-details {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.detais-desc.gb {
    width: 40%;
}

.desc-img {
    width: 25px;
    margin-right: 10px;
}

.detais-desc {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 85%;
    margin-bottom: 10px;
}

.desc-det {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

span.desc-det-head {
    font-size: 18px;
    font-weight: 800;
    color: #232323;
    line-height: 1;
}

span.desc-det-desc {
    font-size: 12px;
    color: #8e9fad;
}

.detais-desc.dk {
    width: 40%;
}

.detais-desc.sms {
    width: 80%;
}

.price-desc {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid #97979769;
    padding-top: 15px;
}

    .price-desc span {
        font-size: 20px;
        font-weight: 800;
        color: #232323;
        margin-left: 20px;
    }

    .price-desc sup {
        color: #8e9fad;
        font-size: 12px;
        top: -0.1em;
    }

.part-benefits {
    border-top: 1px solid #8e9fad;
}

.benefit-head {
    width: fit-content;
    background: #fff;
    margin: 0 auto;
    margin-top: -20px;
    border: 1px solid #8e9fad;
    padding: 10px;
    color: #8e9fad;
}

.benefit-item {
    width: 100%;
    padding: 0px 20px 15px 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}

.benefit {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    width: 90%;
    margin: 20px auto;
}

.benefit-item span {
    color: #8e9fad;
}

.benefit .benefit-item:last-child {
    border-right: 0px;
}

.benefit-item img {
    margin-right: 10px;
    margin-left: 10px;
}

.mix-send-btn {
    width: 80%;
}

.partial-block {
    margin-top: 30px;
    border-top: 1px solid #8e9fad;
    padding-top: 50px;
    display: none;
}

    .partial-block.active {
        display: block;
    }

.active.partial-block .wrap {
    width: 80%;
    margin: 0 auto;
}

.image-block {
    width: 85%;
    margin-left: 20px;
}

    .image-block img {
        max-width: 100%;
    }

.checkbox-homenet {
    margin-top: 20px;
}

.partial-block img {
    max-width: 100%;
}

.gnc .part-head {
    background: #fff000;
    color: #00183e;
}

.homenet-form {
    position: fixed;
    z-index: 999999;
    background: #6e6e6e4f;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}

.homenet-form-wrap {
    min-height: 100%;
    background: #fff;
    width: 100%;
    margin: auto auto;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}

.homenet-form.active {
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
}

.checkbox-homenet input.checkbox + label small {
    float: none;
    line-height: 18px;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    color: #828282;
}

.checkbox-homenet {
    margin-top: 20px;
    width: 90%;
}

    .checkbox-homenet input.checkbox + label span {
        background: #ffffff;
        border: 1px solid #828282;
        cursor: pointer;
        display: block;
        float: left;
        border-radius: 5px;
        width: 20px;
        height: 20px;
        margin: 5px 10px 0 -25px;
    }

    .checkbox-homenet input.checkbox + label {
        display: block;
    }

.mix-homenet {
    color: #0c4ba0;
    font-size: 16px;
}

.checkbox-homenet input.checkbox.checked + label span:before {
    top: 5px;
    left: 3px;
}

#homenets {
    padding-top: 30px;
}

.kkt-tabs-new.kkt_tabs > li a {
    font-size: 16px;
}

.homenet-form .form-head hr {
    border-width: 1px;
    border-style: solid;
    width: 100%;
    border-color: #2855ac4f;
}

.homenet-form .form-head {
    padding: 10px 0;
}

    .homenet-form .form-head h2 {
        color: #2855ac;
    }

.homenet-form .form-control input {
    border: 1px solid #80808052;
    width: calc(100% - 6px);
}

span.homenet-sec-head {
    font-size: 24px;
    display: block;
    font-weight: 700;
}

.homenet-form .devive-demandForm {
    padding: 0px 10px !important;
    width: 70%;
}

.homenet-form input#land-phone {
    border-radius: 0px !important;
}

.homenet-form .form-control select {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0;
    cursor: pointer;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 12px
}

.homenet-form .native-select--regular .native-select__label {
    font-size: 12px;
    line-height: 44px;
    font-weight: 700;
    padding: 0 34px 0 20px;
    display: block;
}

.homenet-form .native-select--regular.is-active {
    background: #fff !important;
    color: #fff
}


.homenet-form .button-demand {
    display: block;
    padding: 10px !important;
    background: #ffc900 !important;
    width: 40%;
    font-weight: 600;
    border: 0px;
    color: #000;
    height: 47px;
    border-radius: 50px;
    margin-top: 15px;
    margin: 20px auto 0px;
}

    .homenet-form .button-demand:hover, .homenet-form .button-demand:focus {
        display: block;
        padding: 10px !important;
        background: #ffc900 !important;
        width: 40%;
        font-weight: 600;
        border: 0px;
        color: #000;
        height: 47px;
        border-radius: 50px;
    }

.gnc .part-head {
    background: #fff000;
    color: #00183e;
}

.homenet-form .p-t-10 {
    padding-top: 15px;
}

a.mix-homenet {
    margin-bottom: 30px;
    display: block;
}

.homenet-checkbox .bill__checkbox {
    width: 100%;
    height: auto;
    margin: 15px;
}

.homenet-checkbox small {
    float: none;
    line-height: 18px;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    color: #828282;
}

.homenet-close-form {
    text-align: right;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    right: 0px;
    background: #2855ac;
    color: #fff;
    top: 0;
}

    .homenet-close-form a {
        color: #fff;
    }

.homenet-form .land_result span {
    font-size: 14px;
    line-height: 18px;
    display: block;
    margin-top: 10px;
}


/*Paketler yeni tasarım*/

.package-head {
    position: relative;
    background: rgb(12 75 160 / 90%);
    background-size: cover;
    height: 170px;
}

    .package-head svg {
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 100%;
        height: 100px;
        display: block;
    }

.head-package {
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    height: 150px;
    padding-top: 20px;
}

.p-head {
    font-size: 34px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.p-head-desc {
    font-size: 14px;
    letter-spacing: 0.5px;
    text-align: center;
    width: 80%;
}

.p-h-item {
    font-size: 16px;
    margin: 0px 15px;
    color: #828282;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1pt;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    width: max-content;
}

.p-h-items {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    margin: 20px 0px;
    align-items: center;
    width: max-content;
    overflow: scroll;
}

a.active.p-h-item {
    color: #0c4ba0;
}

.p-h-item i {
    font-size: 16px !important;
    transform: rotate( -90deg );
    margin-left: 8px;
}

.package-head-item-to {
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
}

.p-h-i-i {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 15px 0px;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.item-head-desc {
    font-size: 14px;
    margin: 0px 15px;
    color: #828282;
}

.active.item-head-desc {
    color: #0c4ba0;
    border-bottom: 2px solid;
}

.active.p-h-item i {
    transform: rotate( 90deg );
    line-height: 26px;
}

.package-head-item .wrap.centered {
    overflow: scroll;
}

.package-head-item-to {
    overflow: scroll;
}



.cols-spr.new-arrow {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    margin: 30px 0px;
}

    .cols-spr.new-arrow span {
        width: 50px;
        height: 50px;
        display: block;
        background-color: #0C4BA0;
        text-align: center;
        border-radius: 50%;
        border: 10px solid #fff;
        position: absolute;
        margin-top: -36px;
        left: 40%;
    }

        .cols-spr.new-arrow span i {
            background: url(/Assets/Web/Core/Images/dot_pck_ac.png) -6px -4px;
            height: 15px;
            width: 10px;
            display: inline-block;
            position: absolute;
            left: 50%;
            top: 50%;
            margin: -7.5px 0 0 -5px;
            transform: rotate( 90deg );
        }

.old-package {
    color: #9d9d9d;
}

    .old-package img {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }

/*Platinium black*/
/*Platinium black*/
/*Platinium black*/
/*Platinium black*/
table.p-black {
    width: 100% !important;
    margin-top: 30px
}

.p-black tr {
    width: 100% !important;
    height: auto !important;
}

    .p-black tr:nth-child(even) td {
        display: table-footer-group;
    }

    .p-black tr:nth-child(odd) td {
        display: table-header-group;
    }


    .p-black tr:nth-child(even) {
        display: block;
        margin-bottom: 20px;
    }

    .p-black tr:nth-child(odd) {
        display: block;
        margin-bottom: 20px;
    }
/*Platinium black*/
/*Platinium black*/
/*Platinium black*/
/*Platinium black*/

.pad p a {
    color: #0C4BA0;
}

.py-10vh {
    padding-top: 10vh;
    padding-bottom: 10vh;
}

.px-10vh {
    padding-left: 10vh;
    padding-right: 10vh;
}

.p-10vh {
    padding: 10vh;
}

.py-20vh {
    padding-top: 20vh;
    padding-bottom: 20vh;
}

.px-20vh {
    padding-left: 20vh;
    padding-right: 20vh;
}

.p-20vh {
    padding: 20vh;
}

/*custom container*/
.p-container {
    margin: 0 auto;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 600px) {
    .p-container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .p-container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .p-container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .p-container {
        max-width: 1200px;
    }
}

@media (max-width: 575px) {
    .p-container {
        max-width: 100%;
        padding: 0 16px;
    }
}

/* custom footer menu */
.p-mobile-footer {
    background: #282868;
    letter-spacing: 0.5px;
}

.footer-nav {
    padding: 0 20px;
    padding-top: 10px;
}

    .footer-nav > li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

        .footer-nav > li:last-child {
            border-bottom: 0;
        }

    .footer-nav li .footer-nav-header {
        font-size: 14px;
        line-height: 1.2;
    }

    .footer-nav li h6.footer-nav-header:after {
        right: 0;
        scale: 0.8;
    }

.p-mobile-footer .footer-nav li > ul > li a {
    font-size: 13px;
}

.footer-nav li .footer-nav-header {
    padding: 13px 0;
    letter-spacing: 0.5px;
}

ul.main-social {
    margin-top: 0;
    padding: 13px 0;
}

.main-social li {
    margin: 0 6px;
}

.socials {
    justify-content: end;
}

.footer-cur-lang {
    float: right;
    margin-right: 16px;
    font-size: 13px;
    font-weight: normal;
}

.footer__sub-menu {
    display: block;
    padding-bottom: 5px;
}

    .footer__sub-menu a {
        font-size: 13px;
        display: block;
        padding: 7px 0;
        font-weight: 600;
        letter-spacing: 0.5px;
        line-height: 1.36;
    }

.footer-copyright-text {
    padding: 0 20px;
    padding-bottom: 20px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    line-height: 1.36;
}

/* custom footer menu end*/

.nav-top-selects .js-nav-main {
    border: 0;
}

.p-mobile-menu-logo {
    padding: 15px 30px;
}

ul.nav-menu-list {
    margin-top: -5px;
}

    ul.nav-menu-list > .nml-item.p-m-menu-item > a img {
        height: 55px;
        position: relative;
        left: unset;
        top: unset;
        padding-bottom: 5px;
        margin-left: -15px;
    }

li.nml-item.p-m-menu-item > a:after {
    display: none;
}

ul.nav-menu-list > .nml-item > ul.nmli-list > li.no-sub-menu > a:before {
    display: none;
}

ul.nav-menu-list > .nml-item > ul.nmli-list > li.no-sub-menu > a {
    font-weight: 400 !important;
}

.whatsapp-link-wrap a {
    background: #4dc247;
    position: fixed;
    z-index: 1002;
    margin-top: -54px;
    bottom: 45px;
    left: auto;
    right: 20px;
    border-radius: 50%;
    padding: 10px;
}
.whatsapp-link-wrap img {
    width: 35px;
}
.new-pk-hub .whatsapp-link-wrap a {
    bottom: 110px;
}
#homeSlider.swiper-container.swiper-multi-items {
    margin-bottom: 50px;
    overflow: visible;
}
#homeSlider .swiper-pagination {
    margin-top: 50px;
}
#homeSlider .swiper-pagination-bullet, #homeSlider .swiper-pagination-bullet-active {
    background: #06377c;
}
#homeSlider .swiper-slide .sliderText {
    margin-bottom: 0;
}
.sliderText p {
    font-weight: 500 !important;
    letter-spacing: 0.5px;
}
.typeahead.extended li.active a.all {
    color: #fff;
}
.view_all.custom {
    text-align: center
}
.view_all.custom a{
	background: #0c4ba0;
    color: #fff;
    display: inline-block;
    border-radius: 30px;
    padding: 10px 30px;
    line-height: 25px;
    margin-top: 15px;
    margin-bottom: 12px;
    border: 0;
    transition: all .3s;
    letter-spacing: 0.5px;
}
.view_all.custom a:hover{
	color: #fff;
	border-radius: 10px;
}
.view_all.custom a i {
    display: none;
}
input.text.custom-search-input {
    border: 0;
    background: #eff2f5;
    color: #253342;
    border-radius: 6px;
    font-size: 14px;
    padding-left: 13px;
    letter-spacing: 0.5px;
}
input.text.custom-search-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #8e9fad;
    opacity: 1; /* Firefox */
}
input.text.custom-search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #8e9fad;
}
input.text.custom-search-input::-ms-input-placeholder { /* Microsoft Edge */
    color: #8e9fad;
}
.custom-search-input + .icon {
    transform: scale(0.75);
    filter: invert(73%) sepia(1%) saturate(1577%) hue-rotate(337deg) brightness(85%) contrast(91%);
}
.custom-search-hint {
    font-size: 13px;
    letter-spacing: 0.5px;
}
.custom-search-title{
    letter-spacing: 0.5px !important;
}
.search-results .hint {
    letter-spacing: 0.5px;
    font-size: 12px;
}
.search-results .media--intro-link .media__title {
    letter-spacing: 0.2px;
    line-height: 1.2;
}
ul.m-c-search-items {
    white-space: nowrap;
    overflow-x: auto;
    padding: 0 12px;
    border-bottom: 1px solid #dee3ed;
    border-top: 1px solid #dee3ed;
}
ul.m-c-search-items::-webkit-scrollbar{
    display: none;
}
li.m-c-search-item {
    display: inline-block;
    font-weight: 600;
    padding: 16px 12px;
    margin: 0 5px 0 0;
    font-size: 15px;
}
li.m-c-search-item.active {
    border-bottom: 3px solid #2855ac;
}
li.m-c-search-item a {
    color: #8E8F94;
    font-size: 16px;
    letter-spacing: 0.5px;
}
li.m-c-search-item.active a {
    color: #2855ac;
}
#search-result .sep-top:first-child {
    border: 0 !important;
}
#search-result .pad * {
    letter-spacing: 0.5px;
}
#search-result h2 {
    margin-bottom: 0.5rem;
}
#search-result .text-mid {
    margin-bottom: 1rem;
}
.typeahead.extended li {
    max-width: 100%;
}
.box-search.has-floating-banner + .login_mobil {
    top: 144px;
}
.whatsapp-link-wrap a{
    padding: 8px;
    bottom: 20px !important;
}
.whatsapp-link-wrap img{
    width: 32px;
}
.p-mobile-footer{
    background: #2855ac;
}
.footer-copyright-text, .footer__sub-menu {
    background: #244D9F
}
.p-m-lang-social-flex {
    display: flex;
    flex-direction: column;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.p-m-social-wrap {
    padding-top: 12px;
    padding-bottom: 5px;
}
.p-m-lang-wrap {
    display: flex;
    justify-content: center;
    padding-top: 7px;
    padding-bottom: 7px;
}
.p-m-socials{
    display: flex;
    justify-content: center;
}
.p-m-socials li {
    margin: 0 6px;
}
.p-m-socials li a{
    display: block;
    height: 34px;
    width: 34px;
    text-align: center;
    border-radius: 50%;
    position: relative;
}
.p-m-socials li a img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.p-m-mobile-lang {
    min-height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.p-m-mobile-lang li a{
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-right: 25px;
    border-bottom: 1px solid transparent;
    padding-bottom: 3px;
    -webkit-transition: border-bottom .3s;
    -o-transition: border-bottom .3s;
    transition: border-bottom .3s;
    will-change: border-bottom;
    opacity: 1;
}
ul.p-m-mobile-lang li a.active {
    border-color: #fdc511;
}
.footer__sub-menu{
    padding-top: 12px;
}
#scrollMore, #scrollMoreTop {
    display: none !important;
}
.chatbot-link-wrap span {
    position: fixed;
    z-index: 1002;
    bottom: 78px;
    left: auto;
    right: 20px;
    cursor: pointer;
}
.chatbot-link-wrap img{
    width: 48px;
}
.chatbot-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 360px;
    height: 500px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    border: none;
    border-radius: 16px;
    display: none;
    z-index: 9999;
    overflow: hidden;
    background: #fff;
}
.chatbot-container.show {
    display: block;
    animation: slideUpChat 0.3s ease-out;
}
@keyframes slideUpChat {
    from {
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
.chatbot-iframe {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: inherit;
}
.chatbot-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
}