@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, .table table thead th, td, .table table thead th, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

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

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

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

a {
    text-decoration: none;
}

.application-form__title {
    display: inline-block;
    width: 100%;
}

input, select, button, textarea {
    margin: 0;
    border: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    background: none;
    line-height: 1;
}

    input:focus, select, button, textarea {
        outline: 0;
    }

    input[type=text]::-ms-clear {
        display: none;
    }

input, textarea {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

[type="checkbox"]:not(:checked), [type="checkbox"]:checked, [type="radio"]:not(:checked), [type="radio"]:checked {
    position: absolute;
    left: -9999px;
}

html {
    height: 100%;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
    min-height: 100%;
    min-width: 1200px;
    font-size: 16px;
    color: #253342;
    font-family: 'GreycliffCF', 'Helvetica', 'Calibri', sans-serif;
    font-weight: 500;
    margin: 0;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 1024px) {
    body {
        min-width: auto;
    }
}

body.footer-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    body.footer-bottom > .container {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

i {
    font-style: normal;
    line-height: 1;
    display: inline-block;
}

    i::before {
        font-size: 1.5rem;
        float: left;
    }

[class*="icon-"]::before {
    font-family: 'IconFont';
}

.inline-block {
    display: inline-block;
}

.block {
    display: block;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

input, button, label, input::-webkit-input-placeholder {
    -webkit-appearance: none;
    appearance: none;
}

.no-scroll {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.color_cobalt1 {
    color: #004f9e !important;
}

.bg_color_cobalt1 {
    background-color: #004f9e !important;
}

.color_cobalt2 {
    color: #0057ab !important;
}

.bg_color_cobalt2 {
    background-color: #0057ab !important;
}

.color_cobalt3 {
    color: #0054a6 !important;
}

.bg_color_cobalt3 {
    background-color: #0054a6 !important;
}

.color_resolution {
    color: #27356f !important;
}

.bg_color_resolution {
    background-color: #27356f !important;
}

.color_cerulean-a05 {
    color: rgba(44, 97, 199, 0.5) !important;
}

.bg_color_cerulean-a05 {
    background-color: rgba(44, 97, 199, 0.5) !important;
}

.color_cerulean {
    color: #2855ac !important;
}

.bg_color_cerulean {
    background-color: #2855ac !important;
}

.color_cerulean2 {
    color: #00b3e3 !important;
}

.bg_color_cerulean2 {
    background-color: #00b3e3 !important;
}

.color_cerulean3 {
    color: #04a9f4 !important;
}

.bg_color_cerulean3 {
    background-color: #04a9f4 !important;
}

.color_cerulean4 {
    color: #00b6f1 !important;
}

.bg_color_cerulean4 {
    background-color: #00b6f1 !important;
}

.color_midnight {
    color: #253342 !important;
}

.bg_color_midnight {
    background-color: #253342 !important;
}

.color_midnight-a01 {
    color: rgba(37, 51, 66, 0.1) !important;
}

.bg_color_midnight-a01 {
    background-color: rgba(37, 51, 66, 0.1) !important;
}

.color_midnight-a02 {
    color: rgba(37, 51, 66, 0.2) !important;
}

.bg_color_midnight-a02 {
    background-color: rgba(37, 51, 66, 0.2) !important;
}

.color_midnight-a03 {
    color: rgba(37, 51, 66, 0.3) !important;
}

.bg_color_midnight-a03 {
    background-color: rgba(37, 51, 66, 0.3) !important;
}

.color_midnight-a04 {
    color: rgba(37, 51, 66, 0.4) !important;
}

.bg_color_midnight-a04 {
    background-color: rgba(37, 51, 66, 0.4) !important;
}

.color_midnight-a06 {
    color: rgba(37, 51, 66, 0.6) !important;
}

.bg_color_midnight-a06 {
    background-color: rgba(37, 51, 66, 0.6) !important;
}

.color_deepsky {
    color: #00bafc !important;
}

.bg_color_deepsky {
    background-color: #00bafc !important;
}

.color_alice {
    color: #ecf0f2 !important;
}

.bg_color_alice {
    background-color: #ecf0f2 !important;
}

.color_alice-a075 {
    color: rgba(236, 240, 242, 0.75) !important;
}

.bg_color_alice-a075 {
    background-color: rgba(236, 240, 242, 0.75) !important;
}

.color_pacific {
    color: #009ed8 !important;
}

.bg_color_pacific {
    background-color: #009ed8 !important;
}

.color_iris {
    color: #01a9e0 !important;
}

.bg_color_iris {
    background-color: #01a9e0 !important;
}

.color_mariner {
    color: #3a6ccd !important;
}

.bg_color_mariner {
    background-color: #3a6ccd !important;
}

.color_mariner2 {
    color: #2c61c7 !important;
}

.bg_color_mariner2 {
    background-color: #2c61c7 !important;
}

.color_mariner2-a04 {
    color: rgba(44, 97, 199, 0.5) !important;
}

.bg_color_mariner2-a04 {
    background-color: rgba(44, 97, 199, 0.5) !important;
}

.color_astronaut {
    color: #263170 !important;
}

.bg_color_astronaut {
    background-color: #263170 !important;
}

.color_sttropaz {
    color: #274FA3 !important;
}

.bg_color_sttropaz {
    background-color: #274FA3 !important;
}

.color_sttropaz2 {
    color: #234d9f !important;
}

.bg_color_sttropaz2 {
    background-color: #234d9f !important;
}

.color_sttropaz2-a04 {
    color: rgba(35, 77, 159, 0.4) !important;
}

.bg_color_sttropaz2-a04 {
    background-color: rgba(35, 77, 159, 0.4) !important;
}

.color_ebony {
    color: #1d242d !important;
}

.bg_color_ebony {
    background-color: #1d242d !important;
}

.color_ebony-a01 {
    color: rgba(37, 51, 66, 0.09) !important;
}

.bg_color_ebony-a01 {
    background-color: rgba(37, 51, 66, 0.09) !important;
}

.color_ebony-a05 {
    color: rgba(37, 51, 66, 0.5) !important;
}

.bg_color_ebony-a05 {
    background-color: rgba(37, 51, 66, 0.5) !important;
}

.color_ebony-clay {
    color: #23203d !important;
}

.bg_color_ebony-clay {
    background-color: #23203d !important;
}

.color_sanjuan {
    color: #324d67 !important;
}

.bg_color_sanjuan {
    background-color: #324d67 !important;
}

.color_bright {
    color: #20cbfc !important;
}

.bg_color_bright {
    background-color: #20cbfc !important;
}

.color_lochmara {
    color: #007ce0 !important;
}

.bg_color_lochmara {
    background-color: #007ce0 !important;
}

.color_blumine {
    color: #1f4590 !important;
}

.bg_color_blumine {
    background-color: #1f4590 !important;
}

.color_cornflower {
    color: #3697c9 !important;
}

.bg_color_cornflower {
    background-color: #3697c9 !important;
}

.color_picton {
    color: #3baddf !important;
}

.bg_color_picton {
    background-color: #3baddf !important;
}

.color_toreabay {
    color: #0a4ba0 !important;
}

.bg_color_toreabay {
    background-color: #0a4ba0 !important;
}

.color_bayofmany {
    color: #2e3c88 !important;
}

.bg_color_bayofmany {
    background-color: #2e3c88 !important;
}

.color_shakespeare {
    color: #43c8cc !important;
}

.bg_color_shakespeare {
    background-color: #43c8cc !important;
}

.color_azure {
    color: #118eee !important;
}

.bg_color_azure {
    background-color: #118eee !important;
}

.color_cornflower2 {
    color: #1bb8f6 !important;
}

.bg_color_cornflower2 {
    background-color: #1bb8f6 !important;
}

.color_cello {
    color: #202A60 !important;
}

.bg_color_cello {
    background-color: #202A60 !important;
}

.color_bay {
    color: #273a7d !important;
}

.bg_color_bay {
    background-color: #273a7d !important;
}

.color_denim {
    color: #116be1 !important;
}

.bg_color_denim {
    background-color: #116be1 !important;
}

.color_tangerine {
    color: #ffc900 !important;
}

.bg_color_tangerine {
    background-color: #ffc900 !important;
}

.color_tangerine2-a09 {
    color: rgba(255, 201, 0, 0.9) !important;
}

.bg_color_tangerine2-a09 {
    background-color: rgba(255, 201, 0, 0.9) !important;
}

.color_tangerine2-a04 {
    color: rgba(255, 201, 0, 0.04) !important;
}

.bg_color_tangerine2-a04 {
    background-color: rgba(255, 201, 0, 0.04) !important;
}

.color_candlelight {
    color: #ffd917 !important;
}

.bg_color_candlelight {
    background-color: #ffd917 !important;
}

.color_candlelight-a09 {
    color: rgba(255, 217, 23, 0.9) !important;
}

.bg_color_candlelight-a09 {
    background-color: rgba(255, 217, 23, 0.9) !important;
}

.color_buttercup {
    color: #eeb116 !important;
}

.bg_color_buttercup {
    background-color: #eeb116 !important;
}

.color_buttercup-a09 {
    color: rgba(238, 177, 22, 0.9) !important;
}

.bg_color_buttercup-a09 {
    background-color: rgba(238, 177, 22, 0.9) !important;
}

.color_flamenco {
    color: #f5803d !important;
}

.bg_color_flamenco {
    background-color: #f5803d !important;
}

.color_selective {
    color: #ffb900 !important;
}

.bg_color_selective {
    background-color: #ffb900 !important;
}

.color_pizazz {
    color: #fe9400 !important;
}

.bg_color_pizazz {
    background-color: #fe9400 !important;
}

.color_outrageous {
    color: #ff5e3a !important;
}

.bg_color_outrageous {
    background-color: #ff5e3a !important;
}

.color_brightsun {
    color: #fed439 !important;
}

.bg_color_brightsun {
    background-color: #fed439 !important;
}

.color_energyyellow {
    color: #fad961 !important;
}

.bg_color_energyyellow {
    background-color: #fad961 !important;
}

.color_turbo {
    color: #f7e702 !important;
}

.bg_color_turbo {
    background-color: #f7e702 !important;
}

.color_sun {
    color: #fdb813 !important;
}

.bg_color_sun {
    background-color: #fdb813 !important;
}

.color_supernova {
    color: #ffcb05 !important;
}

.bg_color_supernova {
    background-color: #ffcb05 !important;
}

.color_midgray {
    color: #5f6b76 !important;
}

.bg_color_midgray {
    background-color: #5f6b76 !important;
}

.color_midgray-a04 {
    color: rgba(95, 107, 118, 0.4) !important;
}

.bg_color_midgray-a04 {
    background-color: rgba(95, 107, 118, 0.4) !important;
}

.color_bali {
    color: #8e9fad !important;
}

.bg_color_bali {
    background-color: #8e9fad !important;
}

.color_solitude-a03 {
    color: rgba(223, 227, 236, 0.3) !important;
}

.bg_color_solitude-a03 {
    background-color: rgba(223, 227, 236, 0.3) !important;
}

.color_solitude {
    color: #dee3ed !important;
}

.bg_color_solitude {
    background-color: #dee3ed !important;
}

.color_chateau {
    color: #919fac !important;
}

.bg_color_chateau {
    background-color: #919fac !important;
}

.color_blackrussian {
    color: #1a1f29 !important;
}

.bg_color_blackrussian {
    background-color: #1a1f29 !important;
}

.color_nightrider {
    color: #2f2f2f !important;
}

.bg_color_nightrider {
    background-color: #2f2f2f !important;
}

.color_haze {
    color: #f7f9fa !important;
}

.bg_color_haze {
    background-color: #f7f9fa !important;
}

.color_mineshaft {
    color: #272727 !important;
}

.bg_color_mineshaft {
    background-color: #272727 !important;
}

.color_mystic {
    color: #e2e8ec !important;
}

.bg_color_mystic {
    background-color: #e2e8ec !important;
}

.color_mystic-a03 {
    color: rgba(226, 232, 236, 0.3) !important;
}

.bg_color_mystic-a03 {
    background-color: rgba(226, 232, 236, 0.3) !important;
}

.color_aqua {
    color: #eaf0f3 !important;
}

.bg_color_aqua {
    background-color: #eaf0f3 !important;
}

.color_dust {
    color: #979797 !important;
}

.bg_color_dust {
    background-color: #979797 !important;
}

.color_athensgray {
    color: #f5f7f9 !important;
}

.bg_color_athensgray {
    background-color: #f5f7f9 !important;
}

.color_geyser {
    color: #dce1e6 !important;
}

.bg_color_geyser {
    background-color: #dce1e6 !important;
}

.color_iron {
    color: #d4d5da !important;
}

.bg_color_iron {
    background-color: #d4d5da !important;
}

.color_tundora {
    color: #4a4a4a !important;
}

.bg_color_tundora {
    background-color: #4a4a4a !important;
}

.color_alabaster {
    color: #f8f8f8 !important;
}

.bg_color_alabaster {
    background-color: #f8f8f8 !important;
}

.color_white {
    color: #ffffff !important;
}

.bg_color_white {
    background-color: #ffffff !important;
}

.color_white-a01 {
    color: rgba(255, 255, 255, 0.1) !important;
}

.bg_color_white-a01 {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.color_white-a025 {
    color: rgba(255, 255, 255, 0.25) !important;
}

.bg_color_white-a025 {
    background-color: rgba(255, 255, 255, 0.25) !important;
}

.color_white-a005 {
    color: rgba(255, 255, 255, 0.05) !important;
}

.bg_color_white-a005 {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

.color_white-a04 {
    color: rgba(255, 255, 255, 0.4) !important;
}

.bg_color_white-a04 {
    background-color: rgba(255, 255, 255, 0.4) !important;
}

.color_white-a06 {
    color: rgba(255, 255, 255, 0.6) !important;
}

.bg_color_white-a06 {
    background-color: rgba(255, 255, 255, 0.6) !important;
}

.color_white-a08 {
    color: rgba(255, 255, 255, 0.8) !important;
}

.bg_color_white-a08 {
    background-color: rgba(255, 255, 255, 0.8) !important;
}

.color_white-a09 {
    color: rgba(255, 255, 255, 0.9) !important;
}

.bg_color_white-a09 {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

.color_black {
    color: #000000 !important;
}

.bg_color_black {
    background-color: #000000 !important;
}

.color_black-a014 {
    color: rgba(0, 0, 0, 0.14) !important;
}

.bg_color_black-a014 {
    background-color: rgba(0, 0, 0, 0.14) !important;
}

.color_black-a01 {
    color: rgba(0, 0, 0, 0.1) !important;
}

.bg_color_black-a01 {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.color_black-a00 {
    color: rgba(0, 0, 0, 0) !important;
}

.bg_color_black-a00 {
    background-color: rgba(0, 0, 0, 0) !important;
}

.color_black-a05 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.bg_color_black-a05 {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.color_black-a085 {
    color: rgba(0, 0, 0, 0.85) !important;
}

.bg_color_black-a085 {
    background-color: rgba(0, 0, 0, 0.85) !important;
}

.color_spring {
    color: #00e96e !important;
}

.bg_color_spring {
    background-color: #00e96e !important;
}

.color_malachiteapprox {
    color: #00D665 !important;
}

.bg_color_malachiteapprox {
    background-color: #00D665 !important;
}

.color_malachiteapprox-a04 {
    color: rgba(0, 214, 101, 0.04) !important;
}

.bg_color_malachiteapprox-a04 {
    background-color: rgba(0, 214, 101, 0.04) !important;
}

.color_radical {
    color: #FF3D71 !important;
}

.bg_color_radical {
    background-color: #FF3D71 !important;
}

.color_radical-a04 {
    color: rgba(255, 61, 113, 0.04) !important;
}

.bg_color_radical-a04 {
    background-color: rgba(255, 61, 113, 0.04) !important;
}

.color_punch {
    color: #DB3236 !important;
}

.bg_color_punch {
    background-color: #DB3236 !important;
}

.color_frenchrose {
    color: #eb5685 !important;
}

.bg_color_frenchrose {
    background-color: #eb5685 !important;
}

.color_violet {
    color: #7e30ea !important;
}

.bg_color_violet {
    background-color: #7e30ea !important;
}

.color_honey-flower {
    color: #5b247a !important;
}

.bg_color_honey-flower {
    background-color: #5b247a !important;
}

@font-face {
    font-family: 'IconFont';
    src: url("/style%20library/assets/fonts/IconFont.eot");
    src: url("/style%20library/assets/fonts/IconFont.eot?#iefix") format("embedded-opentype"), url("/style%20library/assets/fonts/IconFont.woff") format("woff"), url("/style%20library/assets/fonts/IconFont.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "GreycliffCF";
    src: url("/style%20library/assets/fonts/GreycliffCF-Regular.woff") format("woff"), url("/style%20library/assets/fonts/GreycliffCF-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "GreycliffCF";
    src: url("/style%20library/assets/fonts/GreycliffCF-Bold.woff") format("woff"), url("/style%20library/assets/fonts/GreycliffCF-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "GreycliffCF";
    src: url("/style%20library/assets/fonts/GreycliffCF-DemiBold.woff") format("woff"), url("/style%20library/assets/fonts/GreycliffCF-DemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "GreycliffCF";
    src: url("/style%20library/assets/fonts/GreycliffCF-Medium.woff") format("woff"), url("/style%20library/assets/fonts/GreycliffCF-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

.icon-arrow-left::before, .select2-selection__arrow::before, .m-select-replica__arrow::before {
    content: "\EA01";
}

.icon-arrow::before {
    content: "\EA02";
}

.icon-blue-hexagon::before {
    content: "\EA03";
}

.icon-blue-small-hexagon::before {
    content: "\EA04";
}

.icon-check::before, .a-checkbox span::before {
    content: "\EA05";
}

.icon-close::before, .m-modal--video .fancybox-close-small:after {
    content: "\EA06";
}

.icon-copy::before {
    content: "\EA07";
}

.icon-eye::before {
    content: "\EA08";
}

.icon-facebook-small::before {
    content: "\EA09";
}

.icon-facebook::before {
    content: "\EA0A";
    font-family: 'IconFont' !important;
}

.icon-info::before {
    content: "\EA0B";
}

.icon-instagram::before {
    content: "\EA0C";
    font-family: 'IconFont' !important;
}

.icon-linkedin-small::before {
    content: "\EA0D";
}

.icon-microphone::before {
    content: "\EA0E";
}

.icon-mobile-menu::before {
    content: "\EA0F";
}

.icon-play::before {
    content: "\EA10";
}

.icon-return::before {
    content: "\EA11";
    font-family: 'IconFont' !important;
}

.icon-search::before {
    content: "\EA12";
}

.icon-share::before {
    content: "\EA13";
    font-family: 'IconFont' !important;
}

.icon-successful::before {
    content: "\EA14";
}

.icon-triangle::before, .working__slider .list li::before {
    content: "\EA15";
}

.icon-turkcell-logo::before {
    content: "\EA16";
}

.icon-twitter-small::before {
    content: "\EA17";
    font-family: 'IconFont' !important;
}

.icon-twitter::before {
    content: "\EA18";
    font-family: 'IconFont' !important;
}

.icon-user::before {
    content: "\EA19";
}

.icon-yellow-small-hexagon::before {
    content: "\EA1A";
}

.icon-youtube::before {
    content: "\EA1B";
    font-family: 'IconFont' !important;
}

.container {
    width: 1200px;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
    .container {
        width: calc(100% - 24px);
    }
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
    clear: both;
}

.clearfix:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}


.m-t-0 {
    margin-top: 0px !important;
}

.p-t-0 {
    padding-top: 0px !important;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.p-b-0 {
    padding-bottom: 0px !important;
}

.m-l-0 {
    margin-left: 0px !important;
}

.p-l-0 {
    padding-left: 0px !important;
}

.m-r-0 {
    margin-right: 0px !important;
}

.p-r-0 {
    padding-right: 0px !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.m-l-5 {
    margin-left: 5px !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.m-r-5 {
    margin-right: 5px !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.m-r-15 {
    margin-right: 15px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

.m-l-20 {
    margin-left: 20px !important;
}

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

.m-r-20 {
    margin-right: 20px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}

.m-t-25 {
    margin-top: 25px !important;
}

.p-t-25 {
    padding-top: 25px !important;
}

.m-b-25 {
    margin-bottom: 25px !important;
}

.p-b-25 {
    padding-bottom: 25px !important;
}

.m-l-25 {
    margin-left: 25px !important;
}

.p-l-25 {
    padding-left: 25px !important;
}

.m-r-25 {
    margin-right: 25px !important;
}

.p-r-25 {
    padding-right: 25px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.p-t-30 {
    padding-top: 30px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.p-b-30 {
    padding-bottom: 30px !important;
}

.m-l-30 {
    margin-left: 30px !important;
}

.p-l-30 {
    padding-left: 30px !important;
}

.m-r-30 {
    margin-right: 30px !important;
}

.p-r-30 {
    padding-right: 30px !important;
}

.m-t-35 {
    margin-top: 35px !important;
}

.p-t-35 {
    padding-top: 35px !important;
}

.m-b-35 {
    margin-bottom: 35px !important;
}

.p-b-35 {
    padding-bottom: 35px !important;
}

.m-l-35 {
    margin-left: 35px !important;
}

.p-l-35 {
    padding-left: 35px !important;
}

.m-r-35 {
    margin-right: 35px !important;
}

.p-r-35 {
    padding-right: 35px !important;
}

.m-t-40 {
    margin-top: 40px !important;
}

.p-t-40 {
    padding-top: 40px !important;
}

.m-b-40 {
    margin-bottom: 40px !important;
}

.p-b-40 {
    padding-bottom: 40px !important;
}

.m-l-40 {
    margin-left: 40px !important;
}

.p-l-40 {
    padding-left: 40px !important;
}

.m-r-40 {
    margin-right: 40px !important;
}

.p-r-40 {
    padding-right: 40px !important;
}

.m-t-45 {
    margin-top: 45px !important;
}

.p-t-45 {
    padding-top: 45px !important;
}

.m-b-45 {
    margin-bottom: 45px !important;
}

.p-b-45 {
    padding-bottom: 45px !important;
}

.m-l-45 {
    margin-left: 45px !important;
}

.p-l-45 {
    padding-left: 45px !important;
}

.m-r-45 {
    margin-right: 45px !important;
}

.p-r-45 {
    padding-right: 45px !important;
}

.m-t-50 {
    margin-top: 50px !important;
}

.p-t-50 {
    padding-top: 50px !important;
}

.m-b-50 {
    margin-bottom: 50px !important;
}

.p-b-50 {
    padding-bottom: 50px !important;
}

.m-l-50 {
    margin-left: 50px !important;
}

.p-l-50 {
    padding-left: 50px !important;
}

.m-r-50 {
    margin-right: 50px !important;
}

.p-r-50 {
    padding-right: 50px !important;
}

.m-t-55 {
    margin-top: 55px !important;
}

.p-t-55 {
    padding-top: 55px !important;
}

.m-b-55 {
    margin-bottom: 55px !important;
}

.p-b-55 {
    padding-bottom: 55px !important;
}

.m-l-55 {
    margin-left: 55px !important;
}

.p-l-55 {
    padding-left: 55px !important;
}

.m-r-55 {
    margin-right: 55px !important;
}

.p-r-55 {
    padding-right: 55px !important;
}

.m-t-60 {
    margin-top: 60px !important;
}

.p-t-60 {
    padding-top: 60px !important;
}

.m-b-60 {
    margin-bottom: 60px !important;
}

.p-b-60 {
    padding-bottom: 60px !important;
}

.m-l-60 {
    margin-left: 60px !important;
}

.p-l-60 {
    padding-left: 60px !important;
}

.m-r-60 {
    margin-right: 60px !important;
}

.p-r-60 {
    padding-right: 60px !important;
}

.m-t-65 {
    margin-top: 65px !important;
}

.p-t-65 {
    padding-top: 65px !important;
}

.m-b-65 {
    margin-bottom: 65px !important;
}

.p-b-65 {
    padding-bottom: 65px !important;
}

.m-l-65 {
    margin-left: 65px !important;
}

.p-l-65 {
    padding-left: 65px !important;
}

.m-r-65 {
    margin-right: 65px !important;
}

.p-r-65 {
    padding-right: 65px !important;
}

.m-t-70 {
    margin-top: 70px !important;
}

.p-t-70 {
    padding-top: 70px !important;
}

.m-b-70 {
    margin-bottom: 70px !important;
}

.p-b-70 {
    padding-bottom: 70px !important;
}

.m-l-70 {
    margin-left: 70px !important;
}

.p-l-70 {
    padding-left: 70px !important;
}

.m-r-70 {
    margin-right: 70px !important;
}

.p-r-70 {
    padding-right: 70px !important;
}

.m-t-75 {
    margin-top: 75px !important;
}

.p-t-75 {
    padding-top: 75px !important;
}

.m-b-75 {
    margin-bottom: 75px !important;
}

.p-b-75 {
    padding-bottom: 75px !important;
}

.m-l-75 {
    margin-left: 75px !important;
}

.p-l-75 {
    padding-left: 75px !important;
}

.m-r-75 {
    margin-right: 75px !important;
}

.p-r-75 {
    padding-right: 75px !important;
}

.m-t-80 {
    margin-top: 80px !important;
}

.p-t-80 {
    padding-top: 80px !important;
}

.m-b-80 {
    margin-bottom: 80px !important;
}

.p-b-80 {
    padding-bottom: 80px !important;
}

.m-l-80 {
    margin-left: 80px !important;
}

.p-l-80 {
    padding-left: 80px !important;
}

.m-r-80 {
    margin-right: 80px !important;
}

.p-r-80 {
    padding-right: 80px !important;
}

.m-t-85 {
    margin-top: 85px !important;
}

.p-t-85 {
    padding-top: 85px !important;
}

.m-b-85 {
    margin-bottom: 85px !important;
}

.p-b-85 {
    padding-bottom: 85px !important;
}

.m-l-85 {
    margin-left: 85px !important;
}

.p-l-85 {
    padding-left: 85px !important;
}

.m-r-85 {
    margin-right: 85px !important;
}

.p-r-85 {
    padding-right: 85px !important;
}

.m-t-90 {
    margin-top: 90px !important;
}

.p-t-90 {
    padding-top: 90px !important;
}

.m-b-90 {
    margin-bottom: 90px !important;
}

.p-b-90 {
    padding-bottom: 90px !important;
}

.m-l-90 {
    margin-left: 90px !important;
}

.p-l-90 {
    padding-left: 90px !important;
}

.m-r-90 {
    margin-right: 90px !important;
}

.p-r-90 {
    padding-right: 90px !important;
}

.m-t-95 {
    margin-top: 95px !important;
}

.p-t-95 {
    padding-top: 95px !important;
}

.m-b-95 {
    margin-bottom: 95px !important;
}

.p-b-95 {
    padding-bottom: 95px !important;
}

.m-l-95 {
    margin-left: 95px !important;
}

.p-l-95 {
    padding-left: 95px !important;
}

.m-r-95 {
    margin-right: 95px !important;
}

.p-r-95 {
    padding-right: 95px !important;
}

.m-t-100 {
    margin-top: 100px !important;
}

.p-t-100 {
    padding-top: 100px !important;
}

.m-b-100 {
    margin-bottom: 100px !important;
}

.p-b-100 {
    padding-bottom: 100px !important;
}

.m-l-100 {
    margin-left: 100px !important;
}

.p-l-100 {
    padding-left: 100px !important;
}

.m-r-100 {
    margin-right: 100px !important;
}

.p-r-100 {
    padding-right: 100px !important;
}

h1 {
    font-size: 2.625rem;
    color: #ffffff;
}

h2 {
    font-size: 2.625rem;
    letter-spacing: -0.54px;
    color: #253342;
}

@media only screen and (max-width: 767px) {
    h2 {
        font-size: 1.5rem;
    }
}

h3 {
    font-size: 2rem;
    line-height: 1.31;
    letter-spacing: -0.6px;
}

@media only screen and (max-width: 767px) {
    h3 {
        font-size: 1.25rem;
    }
}

button {
    font-family: 'GreycliffCF';
}

.app-slider {
    width: 930px;
    margin: 0 auto;
    position: relative;
    top: -60px;
}

@media screen and (max-width: 1024px) {
    .app-slider {
        width: 500px;
        top: initial;
    }
}

@media screen and (max-width: 767px) {
    .app-slider {
        width: 320px;
        top: initial;
    }
}

.app-slider__circle {
    position: absolute;
    top: 141px;
    width: 479px;
    height: 479px;
}

@media screen and (max-width: 1024px) {
    .app-slider__circle {
        width: 110px;
        height: 110px;
        top: 130px;
        left: -21px;
    }
}

@media screen and (max-width: 767px) {
    .app-slider__circle {
        width: 80px;
        height: 80px;
        top: 85px;
        left: -10px;
    }
}

.app-slider__circle:hover > div {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.app-slider__circle:hover .app-circle div {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important;
}

.app-slider__circle .path-1 {
    z-index: 1;
    border-radius: 50%;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation: rotateLeft 46s linear infinite;
    animation: rotateLeft 46s linear infinite;
}

@media screen and (max-width: 1024px) {
    .app-slider__circle .path-1 {
        -webkit-animation: initial;
        animation: initial;
        left: 0;
        top: 0;
    }
}

.app-slider__circle .path-1 .app-circle > div {
    -webkit-animation: rotateRight 46s linear infinite;
    animation: rotateRight 46s linear infinite;
}

@media screen and (max-width: 1024px) {
    .app-slider__circle .path-1 .app-circle > div {
        -webkit-animation: initial;
        animation: initial;
    }
}

.app-slider__circle .path-2 {
    z-index: 2;
    border-radius: 50%;
    position: absolute;
    width: 330px;
    height: 330px;
    top: 75px;
    left: 75px;
    -webkit-animation: rotateLeft 46s linear infinite;
    animation: rotateLeft 46s linear infinite;
}

@media screen and (max-width: 1024px) {
    .app-slider__circle .path-2 {
        -webkit-animation: initial;
        animation: initial;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
}

.app-slider__circle .path-2 .app-circle > div {
    -webkit-animation: rotateRight 46s linear infinite;
    animation: rotateRight 46s linear infinite;
}

@media screen and (max-width: 1024px) {
    .app-slider__circle .path-2 .app-circle > div {
        -webkit-animation: initial;
        animation: initial;
    }
}

.app-slider__circle .path-3 {
    z-index: 3;
    border-radius: 50%;
    position: absolute;
    width: 183px;
    height: 183px;
    top: 148px;
    left: 148px;
    -webkit-animation: rotateLeft 46s linear infinite;
    animation: rotateLeft 46s linear infinite;
}

@media screen and (max-width: 1024px) {
    .app-slider__circle .path-3 {
        -webkit-animation: initial;
        animation: initial;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
}

.app-slider__circle .path-3 .app-circle > div {
    -webkit-animation: rotateRight 46s linear infinite;
    animation: rotateRight 46s linear infinite;
}

@media screen and (max-width: 1024px) {
    .app-slider__circle .path-3 .app-circle > div {
        -webkit-animation: initial;
        animation: initial;
    }
}

.app-slider__circle .app-circle {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    position: absolute;
    -webkit-box-shadow: 0 7px 21px 0 rgba(37, 51, 66, 0.3);
    box-shadow: 0 7px 21px 0 rgba(37, 51, 66, 0.3);
    overflow: hidden;
    cursor: pointer;
    -o-transition: transform 0.2s;
    -webkit-transition: transform 0.2s;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    will-change: tranform;
}

@media screen and (max-width: 1024px) {
    .app-slider__circle .app-circle {
        top: initial !important;
        left: initial !important;
        bottom: initial !important;
        right: initial !important;
        width: 100% !important;
        height: 100% !important;
        -webkit-box-shadow: initial;
        box-shadow: initial;
        display: none;
    }
}

.app-slider__circle .app-circle:hover {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

@media screen and (max-width: 1024px) {
    .app-slider__circle .app-circle:hover {
        -ms-transform: initial;
        -webkit-transform: initial;
        transform: initial;
    }
}

.app-slider__circle .app-circle--active {
    background: #FFC900;
    -webkit-box-shadow: 0 9px 17px 0 rgba(255, 161, 44, 0.4);
    box-shadow: 0 9px 17px 0 rgba(255, 161, 44, 0.4);
}

@media screen and (max-width: 1024px) {
    .app-slider__circle .app-circle--active {
        display: block;
    }
}

.app-slider__circle .app-circle--active:after {
    content: '';
    position: absolute;
    width: calc(100% - 5.2px);
    height: calc(100% - 5.2px);
    border: 2.6px solid #FFC900;
    left: 0;
    top: 0;
    border-radius: 50%;
}

.app-slider__circle .app-circle img {
    display: block;
    width: calc(100% + 2px);
    left: -1px;
    top: -1px;
    height: calc(100% + 2px);
    position: relative;
}

.app-slider__circle .app-circle--1 {
    right: -45.5px;
    top: 195.5px;
}

.app-slider__circle .app-circle--2 {
    width: 80px;
    height: 80px;
    right: 125px;
    top: -30px;
}

.app-slider__circle .app-circle--3 {
    left: 22px;
    top: 27px;
}

.app-slider__circle .app-circle--4 {
    width: 80px;
    height: 80px;
    left: 15px;
    bottom: 42px;
}

.app-slider__circle .app-circle--5 {
    right: 107px;
    bottom: -27px;
}

.app-slider__circle .app-circle--6 {
    width: 72px;
    height: 72px;
    bottom: 7px;
    right: 29px;
}

.app-slider__circle .app-circle--7 {
    left: -32px;
    top: 102px;
    width: 80px;
    height: 80px;
}

.app-slider__circle .app-circle--8 {
    right: 26px;
    top: -4px;
    width: 80px;
    height: 80px;
}

.app-slider__circle .app-circle--9 {
    top: -13px;
    left: 4px;
    width: 63px;
    height: 63px;
}

.app-slider__circle .app-circle--10 {
    left: 10px;
    width: 69px;
    height: 69px;
    bottom: -21px;
}

.app-slider__circle .app-circle--11 {
    right: -27px;
    width: 57px;
    height: 57px;
    bottom: 61px;
}

.app-slider__content {
    position: absolute;
    right: 15px;
    top: 0;
    width: 380px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 1024px) {
    .app-slider__content {
        width: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 35px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 767px) {
    .app-slider__content .swiper-wrapper {
        min-height: 320px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .app-slider__content .swiper-wrapper {
        min-height: 480px;
    }
}

.app-slider__content .swiper-pagination {
    width: 100%;
    margin: 0 auto;
    z-index: 1;
}

    .app-slider__content .swiper-pagination.swiper-pagination-bullets {
        display: none;
    }

@media screen and (max-width: 1024px) {
    .app-slider__content .swiper-pagination.swiper-pagination-bullets {
        position: absolute;
        display: block;
        bottom: 0;
    }
}

.app-slider__content .swiper-pagination-bullet {
    width: 30px;
    height: 8px;
    border-radius: 4px;
    background-color: #ecf0f2;
    opacity: 1;
}

    .app-slider__content .swiper-pagination-bullet:focus {
        outline: none;
    }

.app-slider__content .swiper-pagination-bullet-active {
    background-color: #ffc900;
}

.app-slider__content > div {
    overflow: hidden;
}

    .app-slider__content > div .app {
        width: 100%;
        max-width: 380px;
    }

@media screen and (max-width: 1024px) {
    .app-slider__content > div .app {
        max-width: 402px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 90px 0 50px 121px;
    }
}

@media screen and (max-width: 767px) {
    .app-slider__content > div .app {
        max-width: 268px;
        padding: 50px 0 50px 100px;
    }
}

.app-slider__content > div .app__name {
    font-size: 1.5rem;
    font-weight: 500;
    color: #ffffff;
}

@media screen and (max-width: 1024px) {
    .app-slider__content > div .app__name {
        display: none;
    }
}

.app-slider__content > div .app__title {
    font-size: 2rem;
    font-weight: bold;
    color: #ffffff;
    line-height: normal;
}

@media screen and (max-width: 1024px) {
    .app-slider__content > div .app__title {
        font-size: 2rem;
        line-height: 1.2;
    }
}

@media screen and (max-width: 767px) {
    .app-slider__content > div .app__title {
        font-size: 1.25rem;
        line-height: 1.2;
    }
}

.app-slider__content > div .app .hashtag {
    font-size: 2rem;
    font-weight: 500;
    color: #ffc900;
}

@media screen and (max-width: 1024px) {
    .app-slider__content > div .app .hashtag {
        font-size: 1.875rem;
        font-weight: 500;
        color: #ffc900;
    }
}

@media screen and (max-width: 767px) {
    .app-slider__content > div .app .hashtag {
        font-size: 1.25rem;
        font-weight: 500;
        color: #ffc900;
    }
}

.app-slider__bg {
    position: relative;
}

@media screen and (max-width: 1024px) {
    .app-slider__bg {
        width: 490px;
        height: 490px;
        background: url(/style%20library/assets/img/app-slider-mobile-bg.png) no-repeat;
        background-size: 100%;
    }
}

@media screen and (max-width: 767px) {
    .app-slider__bg {
        width: 310px;
        height: 310px;
    }
}

@media screen and (max-width: 1024px) {
    .app-slider__bg img {
        display: none;
    }
}

.app-slider__bg .hexagon {
    position: absolute;
    width: 126px;
    height: 110px;
    right: 52px;
    top: 118px;
}

@media screen and (max-width: 1024px) {
    .app-slider__bg .hexagon {
        width: 50px;
        height: 50px;
        top: 42px;
        right: 40px;
    }
}

.app-slider__bg .hexagon path {
    fill: url(#yellow-gradient);
}

@-webkit-keyframes rotateLeft {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes rotateLeft {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes rotateRight {
    from {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes rotateRight {
    from {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.m-btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .m-btn-group .a-btn,
    .m-btn-group .a-btn-icon {
        margin: 0 0.5rem;
    }

        .m-btn-group .a-btn:nth-child(1),
        .m-btn-group .a-btn-icon:nth-child(1) {
            margin-left: 0;
        }

        .m-btn-group .a-btn:nth-last-child(1),
        .m-btn-group .a-btn-icon:nth-last-child(1) {
            margin-right: 0;
        }

.m-btn-group--align-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.m-btn-group--align-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.m-btn-group--spread .a-btn {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.button {
    display: inline-block;
    border-radius: 25px;
    font-family: 'GreycliffCF';
    font-size: 1rem;
    font-weight: 500;
    padding: 13px 5px;
    color: #253342;
    background-color: #ffc900;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 230px;
    text-align: center;
    cursor: pointer;
}

.button--secondary {
    background: transparent;
    border: solid 1px #253342;
}

.button--full {
    width: 100%;
    display: block;
    text-align: center;
}

.button--default {
    opacity: 0.8;
    border-radius: 26px;
    border: solid 1px #253342;
    background-color: transparent;
}

.button--big {
    font-size: 1.1875rem;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 50px;
}

.button-group--center {
    text-align: center;
}

.a-btn-icon {
    font-size: 0px;
    line-height: 0 !important;
    display: inline-block;
    text-align: center;
    padding: 2px;
    background-color: transparent;
    color: #ffffff;
    text-decoration: none;
    border: 0;
    line-height: 1.25rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .a-btn-icon i::before {
        font-family: "IconFont";
        display: block;
        font-size: 1.25rem;
    }

    .a-btn-icon:hover {
        color: #ffc900;
        cursor: pointer;
    }

.a-btn-icon--circle {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
    background-color: #f7f9fa;
    color: #2855ac;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
}

    .a-btn-icon--circle:hover {
        background-color: #ecf0f2;
        color: #2855ac;
    }

    .a-btn-icon--circle:active {
        background-color: #dee3ed;
        color: #2855ac;
    }

    .a-btn-icon--circle.a-btn-icon--disabled {
        background-color: #f7f9fa;
        color: #2855ac;
        cursor: default;
        opacity: .4;
    }

        .a-btn-icon--circle.a-btn-icon--disabled:hover {
            background-color: #f7f9fa;
            color: #2855ac;
            cursor: default;
            opacity: .4;
        }

.a-btn-icon--circle--transparent {
    background-color: rgba(255, 255, 255, 0.25);
    color: #ffffff;
}

    .a-btn-icon--circle--transparent:hover {
        background-color: rgba(255, 255, 255, 0.6);
        color: #ffffff;
    }

    .a-btn-icon--circle--transparent:active {
        background-color: rgba(0, 0, 0, 0.14);
        color: #ffffff;
    }

    .a-btn-icon--circle--transparent.a-btn-icon--disabled {
        background-color: rgba(255, 255, 255, 0.25);
        color: #ffffff;
        cursor: default;
        opacity: .4;
    }

        .a-btn-icon--circle--transparent.a-btn-icon--disabled:hover {
            background-color: rgba(255, 255, 255, 0.25);
            color: #ffffff;
            cursor: default;
            opacity: .4;
        }

.a-btn-icon--circle--white {
    background-color: #ffffff;
    color: #253342;
}

    .a-btn-icon--circle--white:hover {
        background-color: #dee3ed;
        color: #253342;
    }

    .a-btn-icon--circle--white:active {
        background-color: rgba(255, 255, 255, 0.6);
        color: #253342;
    }

.a-btn-icon--circle--yellow {
    background-color: #ffc900;
    color: #253342;
}

    .a-btn-icon--circle--yellow:hover {
        background-color: #ffd917;
        color: #253342;
    }

    .a-btn-icon--circle--yellow:active {
        background-color: #eeb116;
        color: #253342;
    }

.a-btn-icon--small {
    width: 1.5rem;
    height: 1.5rem;
}

    .a-btn-icon--small i:before {
        font-size: 1.125rem;
    }

.a-btn-icon--medium {
    width: 2.5rem;
    height: 2.5rem;
}

.a-btn-icon--medium-b {
    width: 3rem;
    height: 3rem;
}

    .a-btn-icon--medium-b i:before {
        font-size: 1.5rem;
    }

.a-btn-icon--big {
    width: 6.25rem;
    height: 6.25rem;
}

    .a-btn-icon--big i:before {
        font-size: 2rem;
    }

.a-btn-icon:active, .a-btn-icon:focus, .a-btn-icon:visited {
    outline: 0;
}

.button-tag {
    padding: 5px 20px;
    display: inline-block;
    margin-right: 8px;
    background-color: #ecf0f2;
    border-radius: 21px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 2.20;
    letter-spacing: -0.2px;
    color: #5f6b76;
}

    .button-tag:last-child {
        margin-right: 0;
    }

.circle {
    margin-top: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.circle-big .circle__box-image {
    width: 300px;
    height: 300px;
    background-repeat: no-repeat;
}

.circle-big .circle__box-item {
    width: 300px;
    height: 300px;
    background-repeat: no-repeat;
}

.circle-small {
    margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
    .circle-small {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .circle-small .circle__box {
        margin-top: 0;
    }
}

@media (min-width: 1025px) {
    .circle-small .circle__box {
        margin: 0 0 40px 0;
    }
}

.circle-small .circle__box-item {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .circle-small .circle__box-item {
        margin-bottom: 16px;
    }
}

.circle-small .circle__box .title {
    width: 80%;
    margin: 0 auto;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.38px;
    text-align: center;
    color: #4a4a4a;
}

@media screen and (max-width: 767px) {
    .circle-small .circle__box .title {
        margin-bottom: 30px;
    }
}

.circle-small .circle__box-image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.circle-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.circle__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: calc(33% - 100px);
    text-align: center;
    margin-bottom: 40px;
}

@media (min-width: 320px) and (max-width: 767px) {
    .circle__box {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .circle__box {
        width: 50%;
        padding: 15px 0;
    }

    .circle__box-item {
        height: auto;
        margin: 0 auto 20px;
    }
}

@media (min-width: 1025px) {
    .circle__box {
        margin: 0 50px 66px 50px;
    }
}

.circle__box-item {
    margin-bottom: 20px;
}

    .circle__box-item img {
        width: 100%;
        height: 100%;
    }

.circle__box-image {
    -webkit-box-shadow: 0 13px 20px 0 rgba(37, 51, 66, 0.2);
    box-shadow: 0 13px 20px 0 rgba(37, 51, 66, 0.2);
    background-color: #ffffff;
    border-radius: 50%;
}

.circle__box-item {
    overflow: hidden;
    border-radius: 50%;
}

.content {
    padding: 80px 0;
}

.content__title {
    color: #253342;
    text-align: center;
}

@media (min-width: 320px) and (max-width: 767px) {
    .content__title {
        padding: 0 24px;
    }
}

.content__title-sub {
    font-size: 1.125rem;
    text-align: center;
    color: #8e9fad;
    margin-top: 15px;
    line-height: 1.5;
}

@media (min-width: 320px) and (max-width: 767px) {
    .content__title-sub {
        margin-bottom: 25px;
        padding: 0 24px;
    }
}

.flatpickr-day:focus, .flatpickr-day:hover {
    background: #dee3ed;
}

.flatpickr-day.today {
    background: #2855ac;
    color: #ffffff;
}

    .flatpickr-day.today:focus, .flatpickr-day.today:hover {
        background: #2855ac;
        color: #ffffff;
    }

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange {
    background: #ffc900;
    color: #253342;
    border-color: #ffc900;
}

    .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover {
        background: #ffc900;
        color: #253342;
        border-color: #ffc900;
    }

.flatpickr-input {
    padding-top: 1.3125rem !important;
}

.flatpickr-mobile {
    padding-top: 1.875rem !important;
}

.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)) {
    -webkit-box-shadow: -0.625rem 0 0 #ffc900;
    box-shadow: -0.625rem 0 0 #ffc900;
}

.a-input .form-control {
    padding-bottom: 0 !important;
    padding-top: 0.75rem !important;
}

.dreams-section {
    overflow: hidden;
}

@media (min-width: 320px) and (max-width: 767px) {
    .dreams-section {
        padding-bottom: 50px;
        padding-top: 40px;
    }
}

.dreams-section .web {
    display: block;
}

@media screen and (max-width: 767px) {
    .dreams-section .web {
        display: none;
    }
}

.dreams-section .mobile {
    display: none;
}

@media screen and (max-width: 767px) {
    .dreams-section .mobile {
        display: block;
    }
}

.dreams-section img {
    position: relative;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
}

footer {
    position: relative;
    background-color: #202a60;
}

    footer:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 50px;
        background: rgba(255, 255, 255, 0.1);
        height: 1px;
        width: 100%;
    }

@media only screen and (max-width: 767px) {
    footer:after {
        content: none;
    }
}

.footer__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 40px 0;
}

@media only screen and (max-width: 767px) {
    .footer__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
    }
}

.footer__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px 0;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .footer__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 32px 0 51px;
    }
}

@media only screen and (max-width: 767px) {
    .footer__logo {
        padding: 24px 0;
    }

        .footer__logo:after {
            content: '';
            position: absolute;
            left: 0;
            top: 74px;
            background: rgba(255, 255, 255, 0.1);
            height: 1px;
            width: 100%;
        }
}

.footer__socials a {
    color: #ffffff;
    margin-left: 24px;
}

    .footer__socials a:hover {
        color: #ffc900;
    }

@media only screen and (max-width: 767px) {
    .footer__socials {
        padding-top: 32px;
    }
}

.footer__links a {
    font-size: 0.875rem;
    font-weight: 500;
    color: #ffffff;
    margin-right: 32px;
}

    .footer__links a:hover {
        color: #ffc900;
    }

@media only screen and (max-width: 767px) {
    .footer__links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .footer__links a {
            margin-right: 0;
            padding-bottom: 32px;
        }

            .footer__links a:hover {
                color: #ffffff;
            }
}

.footer__copyright {
    font-size: 0.875rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.5);
}

.m-form.blue .a-input .parsley-errors-list, .m-form.blue .m-select-error .parsley-errors-list {
    padding-top: 3rem;
    margin-top: -3rem;
    border-radius: 0.5rem;
    background: #DB3236;
}

    .m-form.blue .a-input .parsley-errors-list li, .m-form.blue .m-select-error .parsley-errors-list li {
        color: #ffffff;
        margin: 0;
        padding: 3px 0 0.375rem 1rem;
    }

.a-checkbox {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 0.375rem 0;
}

    .a-checkbox span {
        font-size: 0.9375rem;
        line-height: 1.5rem;
        color: #253342;
        padding-left: 2.4375rem;
        position: relative;
        font-weight: 500;
        display: block;
    }

        .a-checkbox span:before {
            position: absolute;
            font-family: "IconFont" !important;
            color: #ffc900;
            font-size: 1.75rem;
            font-weight: bold;
            display: none;
            z-index: 1;
            top: 1px;
            left: -1px;
        }

        .a-checkbox span:after {
            content: "";
            position: absolute;
            height: 1.375rem;
            width: 1.375rem;
            border: 1px solid #dee3ed;
            top: 0;
            left: 0;
            border-radius: 0.3125rem;
            background-color: #ffffff;
        }

        .a-checkbox span a {
            font-size: 1rem;
            line-height: 1.5rem;
            color: #253342;
            font-weight: 500;
        }

    .a-checkbox--checked ~ span,
    .a-checkbox input:checked ~ span {
        font-weight: 700;
    }

        .a-checkbox--checked ~ span:before,
        .a-checkbox input:checked ~ span:before {
            display: block;
        }

.a-checkbox--disabled {
    opacity: 0.6;
}

.a-checkbox-switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
}

    .a-checkbox-switch .a-checkbox-switch-wrap {
        position: relative;
        display: inline-block;
        width: 2.5rem;
        height: 1.5rem;
    }

    .a-checkbox-switch .a-checkbox-switch-wrap__slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #dee3ed;
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
    }

        .a-checkbox-switch .a-checkbox-switch-wrap__slider:before {
            position: absolute;
            content: "";
            height: 1.125rem;
            width: 1.125rem;
            left: 3px;
            bottom: 3.4px;
            background-color: #ffffff;
            -webkit-transition: .4s;
            -o-transition: .4s;
            transition: .4s;
        }

    .a-checkbox-switch .a-checkbox-switch-wrap__round {
        border-radius: 34px;
    }

        .a-checkbox-switch .a-checkbox-switch-wrap__round:before {
            border-radius: 50%;
        }

    .a-checkbox-switch .a-checkbox-switch-wrap input:checked + .a-checkbox-switch-wrap__slider {
        background-color: #ffc900;
    }

        .a-checkbox-switch .a-checkbox-switch-wrap input:checked + .a-checkbox-switch-wrap__slider:before {
            -webkit-transform: translateX(15px);
            -ms-transform: translateX(15px);
            transform: translateX(15px);
        }

.a-checkbox-switch__text {
    color: #5f6b76;
    font-size: 1.125rem;
    line-height: 1.125rem;
    font-weight: bold;
    margin-right: 0.9375rem;
}

.a-checkbox-switch .a-checkbox-switch__notification {
    position: absolute;
    top: -3.75rem;
    width: 21.25rem;
    background-color: #253342;
    padding: 0.9375rem 0.625rem;
    font-size: 0.875rem;
    line-height: 0.875rem;
    color: #ffffff;
    font-weight: 500;
    border-radius: 0.625rem;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99;
    right: 0;
    display: none;
}

    .a-checkbox-switch .a-checkbox-switch__notification:before {
        position: absolute;
        content: "";
        bottom: -0.5rem;
        right: 1.25rem;
        border-style: solid;
        border-width: 0px 4px 16px 11px;
        -webkit-transform: rotate(48deg);
        -ms-transform: rotate(48deg);
        transform: rotate(48deg);
        border-color: #253342;
        z-index: 0;
    }

.a-checkbox-switch__active .a-checkbox-switch__notification {
    display: block;
}

.a-checkbox-switch__left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .a-checkbox-switch__left span.a-checkbox-switch__text {
        position: absolute;
        margin-right: 0;
        margin-left: 50px;
    }

    .a-checkbox-switch__left .a-checkbox-switch__notification:before {
        left: 1.25rem;
        right: auto;
    }

.a-checkbox-switch__bottom {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .a-checkbox-switch__bottom .a-checkbox-switch__notification {
        position: absolute;
        top: inherit;
        bottom: -3.75rem;
        left: 0;
    }

        .a-checkbox-switch__bottom .a-checkbox-switch__notification:before {
            left: 5.3125rem;
            right: auto;
            bottom: auto;
            top: -0.5rem;
        }

.a-input {
    position: relative;
    font-weight: 500;
}

    .a-input input {
        border-radius: 0.5rem;
        background-color: #ffffff;
        width: 100%;
        height: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #dee3ed;
        padding: 0.875rem 1rem;
        color: #253342;
        font-size: 1rem;
        font-weight: 500;
        min-height: 3.5rem;
    }

        .a-input input:focus, .a-input input--active {
            border-color: #00bafc;
        }

        .a-input input[readonly], .a-input input[disabled] {
            background: #f7f9fa;
            color: #8e9fad;
            -webkit-text-fill-color: #8e9fad;
            -webkit-opacty: 1;
        }

            .a-input input[readonly]:focus, .a-input input[readonly]:hover, .a-input input[readonly] .a-input--active, .a-input input[disabled]:focus, .a-input input[disabled]:hover, .a-input input[disabled] .a-input--active {
                border-color: #dee3ed;
            }

        .a-input input[data-dirty=true], .a-input input:focus, .a-input input--active {
            padding-top: 0.75rem;
            padding-bottom: 0;
        }

            .a-input input[data-dirty=true] ~ label, .a-input input:focus ~ label, .a-input input--active ~ label {
                -webkit-transform: translate(1rem, 0.5625rem) scale(0.75);
                -ms-transform: translate(1rem, 0.5625rem) scale(0.75);
                transform: translate(1rem, 0.5625rem) scale(0.75);
            }

                .a-input input[data-dirty=true] ~ label.chars, .a-input input:focus ~ label.chars, .a-input input--active ~ label.chars {
                    right: 1rem;
                    display: block;
                }

        .a-input input:hover {
            border-color: #8e9fad;
        }

        .a-input input:-webkit-input-placeholder {
            color: #5f6b76;
            font-size: 1.5rem;
            line-height: 1.5rem;
        }

        .a-input input.parsley-error {
            border-color: #FF3D71;
            color: #FF3D71;
            
        }

        .a-input input.input-card-name ~ label {
            -webkit-transform: translate(1rem, 0.125rem) scale(0.75);
            -ms-transform: translate(1rem, 0.125rem) scale(0.75);
            transform: translate(1rem, 0.125rem) scale(0.75);
        }

        .a-input input[type="text"], .a-input input[type="password"] {
            -webkit-appearance: none;
        }

        .a-input input[type="tel"]::-ms-clear {
            display: none;
        }

    .a-input:disabled, .a-input--disabled {
        opacity: 0.5;
    }

        .a-input:disabled input:hover, .a-input--disabled input:hover {
            opacity: 0.5;
            border-color: #dee3ed;
        }

    .a-input label {
        color: #8e9fad;
        font-size: 1rem;
        position: absolute;
        pointer-events: none;
        left: 0;
        top: 0;
        -webkit-transform: translate(1rem, 1rem) scale(1);
        -ms-transform: translate(1rem, 1rem) scale(1);
        transform: translate(1rem, 1rem) scale(1);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        z-index: 6;
        -webkit-transition-property: font-size, -webkit-transform;
        transition-property: font-size, -webkit-transform;
        -o-transition-property: transform, font-size;
        transition-property: transform, font-size;
        transition-property: transform, font-size, -webkit-transform;
        will-change: transform, font-size;
        -webkit-transition: 150ms cubic-bezier(0, 0, 0.2, 1);
        -o-transition: 150ms cubic-bezier(0, 0, 0.2, 1);
        transition: 150ms cubic-bezier(0, 0, 0.2, 1);
        line-height: 1.5rem;
    }

        .a-input label.chars {
            left: inherit;
            display: none;
        }

    .a-input p {
        font-size: 0.75rem;
        line-height: 1rem;
        color: #FF3D71;
        font-weight: 500;
        margin-top: 3px;
    }

.a-input--success input {
    border-color: #00e96e;
}

.a-input--password input {
    padding-right: 2.8125rem;
}

.a-input--password a {
    position: absolute;
    right: 1rem;
    top: 0.8125rem;
    opacity: 0;
    cursor: pointer;
}

    .a-input--password a i:before {
        font-size: 1.5rem;
        color: #5f6b76;
    }

.a-input--password input:focus ~ a {
    opacity: 0.25;
}

.a-input--info a {
    position: absolute;
    right: 1rem;
    top: 0.9375rem;
    cursor: pointer;
}

    .a-input--info a i:before {
        font-size: 1.5rem;
        color: #8e9fad;
    }

.hexagon-section {
    position: relative;
}

    .hexagon-section .content__title {
        opacity: 0.8;
        font-size: 2rem;
        color: #8e9fad;
        margin-bottom: 25px;
        position: relative;
        z-index: 3;
    }

@media screen and (max-width: 1024px) {
    .hexagon-section .content__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }
}

.hexagon-section .content__body .button-group {
    position: relative;
    z-index: 3;
}

@media screen and (max-width: 1024px) {
    .hexagon-section .content__body .button-group {
        width: 100%;
        margin-top: 70px;
    }
}

.hexagon-section .content__body .button--secondary {
    opacity: 0.8;
}

.hexagon-section .content__body .hexagon {
    position: absolute;
    width: 500px;
    height: 440px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    will-change: transform;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 1024px) {
    .hexagon-section .content__body .hexagon {
        position: initial;
        -webkit-transform: initial !important;
        -ms-transform: initial !important;
        transform: initial !important;
        width: 230px;
        height: 230px;
    }
}

@media screen and (max-width: 767px) {
    .hexagon-section .content__body .hexagon {
        position: initial;
        -webkit-transform: initial !important;
        -ms-transform: initial !important;
        transform: initial !important;
        width: 300px;
        height: 300px;
    }
}

.hexagon-section .content__body .hexagon__svg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

    .hexagon-section .content__body .hexagon__svg img {
        display: block;
        width: 100%;
    }

@media screen and (max-width: 1024px) {
    .hexagon-section .content__body .hexagon__svg img {
        display: block;
        width: 120%;
        position: relative;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@media screen and (max-width: 767px) {
    .hexagon-section .content__body .hexagon__svg img {
        display: block;
        width: 120%;
        position: relative;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

.hexagon-section .content__body .hexagon__content {
    position: relative;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .hexagon-section .content__body .hexagon__content img {
        width: 90px;
        margin-top: -16px;
    }
}

@media screen and (max-width: 767px) {
    .hexagon-section .content__body .hexagon__content img {
        width: 120px;
    }
}

.hexagon-section .content__body .hexagon__content b {
    display: block;
    font-size: 1.5rem;
    text-align: center;
    color: #4a4a4a;
    margin-top: 25px;
}

@media screen and (max-width: 1024px) {
    .hexagon-section .content__body .hexagon__content b {
        font-size: 0.9375rem;
        margin-top: 14px;
    }
}

@media screen and (max-width: 767px) {
    .hexagon-section .content__body .hexagon__content b {
        font-size: 1.25rem;
        margin-top: 20px;
    }
}

.hexagon-section .content__body .hexagon--1 {
    position: relative;
    left: 90px;
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
    .hexagon-section .content__body .hexagon--1 {
        position: relative;
        left: auto;
    }
}

.hexagon-section .content__body .hexagon--2 {
    position: relative;
    left: 50%;
    top: 190px;
    margin: 0 auto;
    -ms-transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
}

@media screen and (max-width: 1024px) {
    .hexagon-section .content__body .hexagon--2 {
        position: relative;
        left: auto;
        top: auto;
        -webkit-transform: translateX(0) !important;
        -ms-transform: translateX(0) !important;
        transform: translateX(0) !important;
    }
}

.hexagon-section .content__body .hexagon--3 {
    position: relative;
    right: 90px;
}

@media screen and (max-width: 1024px) {
    .hexagon-section .content__body .hexagon--3 {
        position: relative;
        right: auto;
        margin: 0 auto;
    }
}

.hexagon-section .content__body .hexagon--4 {
    right: 85px;
    bottom: -210px;
}

@media screen and (max-width: 1024px) {
    .hexagon-section .content__body .hexagon--4 {
        display: none;
    }
}

.hexagon-section .content__body .hexagon--4 svg {
    -webkit-filter: initial;
    filter: initial;
}

    .hexagon-section .content__body .hexagon--4 svg path {
        fill: transparent;
        stroke: rgba(0, 0, 0, 0.04);
    }

.hexagon-section .content__body .hexagon--5 {
    right: -240px;
    top: 180px;
    opacity: 0.6;
}

@media screen and (max-width: 1024px) {
    .hexagon-section .content__body .hexagon--5 {
        display: none;
    }
}

.hexagon-section .content__body .hexagon--5 svg {
    -webkit-filter: drop-shadow(rgba(40, 85, 172, 0.15) 4px 7px 23px);
    filter: drop-shadow(rgba(40, 85, 172, 0.15) 4px 7px 23px);
}

    .hexagon-section .content__body .hexagon--5 svg path {
        fill: #FFF;
    }

.hexagon-section .content__body .hexagon-group {
    position: relative;
    height: 590px;
    top: -130px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 1500px;
    left: -150px;
}

@media screen and (max-width: 1024px) {
    .hexagon-section .content__body .hexagon-group {
        width: 100%;
        height: 100%;
        top: initial;
        margin: 0 auto;
        left: 0;
    }
}

.hexagon-section .content__body .hexagon-group-slider {
    height: 100%;
}

@media screen and (max-width: 1024px) {
    .hexagon-section .content__body .hexagon-group-slider {
        width: 100%;
    }
}

.hexagon-section .content__body .hexagon-group .swiper-container {
    overflow: initial;
    height: 100%;
    width: 100%;
}

.hexagon-section .content__body .hexagon-group .swiper-wrapper {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 1024px) {
    .hexagon-section .content__body .hexagon-group .swiper-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .hexagon-section .content__body .hexagon-group .swiper-wrapper {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
    }
}

.hexagon-section .content__body .hexagon-group .swiper-slide {
    width: auto;
}

@media screen and (max-width: 1024px) {
    .hexagon-section .content__body .hexagon-group .swiper-slide {
        width: auto;
        height: 100%;
        padding: 0 6px;
    }
}

@media screen and (max-width: 767px) {
    .hexagon-section .content__body .hexagon-group .swiper-slide {
        width: auto;
        height: 100%;
        padding: 0;
    }
}

.hexagon-section .content__body .hexagon-group .swiper-pagination {
    width: 100%;
    margin: 0 auto;
    display: none;
}

@media screen and (max-width: 1024px) {
    .hexagon-section .content__body .hexagon-group .swiper-pagination.swiper-pagination-bullets {
        display: block;
        bottom: -30px;
    }
}

.hexagon-section .content__body .hexagon-group .swiper-pagination-bullet {
    width: 60px;
    height: 8px;
    border-radius: 4px;
    background-color: #ecf0f2;
    opacity: 1;
}

    .hexagon-section .content__body .hexagon-group .swiper-pagination-bullet:focus {
        outline: none;
    }

.hexagon-section .content__body .hexagon-group .swiper-pagination-bullet-active {
    background-color: #ffc900;
}

.m-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -0.625rem;
}

    .m-grid [class*="m-grid-col-"] {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding: 0 0.625rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.m-tab__panes .m-grid [class*="m-grid-col-"] {
    margin-bottom: 2rem;
}

.m-grid .m-grid-col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.m-grid .m-grid-col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.m-grid .m-grid-offset-12 {
    margin-left: 100%;
}

.m-grid .m-grid-offset-right-12 {
    margin-right: 100%;
}

.m-grid .m-grid-col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}

.m-grid .m-grid-offset-11 {
    margin-left: 91.66667%;
}

.m-grid .m-grid-offset-right-11 {
    margin-right: 91.66667%;
}

.m-grid .m-grid-col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}

.m-grid .m-grid-offset-10 {
    margin-left: 83.33333%;
}

.m-grid .m-grid-offset-right-10 {
    margin-right: 83.33333%;
}

.m-grid .m-grid-col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.m-grid .m-grid-offset-9 {
    margin-left: 75%;
}

.m-grid .m-grid-offset-right-9 {
    margin-right: 75%;
}

.m-grid .m-grid-col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

.m-grid .m-grid-offset-8 {
    margin-left: 66.66667%;
}

.m-grid .m-grid-offset-right-8 {
    margin-right: 66.66667%;
}

.m-grid .m-grid-col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}

.m-grid .m-grid-offset-7 {
    margin-left: 58.33333%;
}

.m-grid .m-grid-offset-right-7 {
    margin-right: 58.33333%;
}

.m-grid .m-grid-col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.m-grid .m-grid-offset-6 {
    margin-left: 50%;
}

.m-grid .m-grid-offset-right-6 {
    margin-right: 50%;
}

.m-grid .m-grid-col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}

.m-grid .m-grid-offset-5 {
    margin-left: 41.66667%;
}

.m-grid .m-grid-offset-right-5 {
    margin-right: 41.66667%;
}

.m-grid .m-grid-col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.m-grid .m-grid-offset-4 {
    margin-left: 33.33333%;
}

.m-grid .m-grid-offset-right-4 {
    margin-right: 33.33333%;
}

.m-grid .m-grid-col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.m-grid .m-grid-offset-3 {
    margin-left: 25%;
}

.m-grid .m-grid-offset-right-3 {
    margin-right: 25%;
}

.m-grid .m-grid-col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.m-grid .m-grid-offset-2 {
    margin-left: 16.66667%;
}

.m-grid .m-grid-offset-right-2 {
    margin-right: 16.66667%;
}

.m-grid .m-grid-col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.m-grid .m-grid-offset-1 {
    margin-left: 8.33333%;
}

.m-grid .m-grid-offset-right-1 {
    margin-right: 8.33333%;
}

.m-grid-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

.infinite-container {
    position: relative;
}

    .infinite-container .m-grid-col-3 + a {
        font-size: 0 !important;
        height: 0 !important;
        visibility: hidden;
        width: 0 !important;
    }

.infinite-container__loader {
    display: none;
}

.m-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .m-flex > * {
        max-width: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
    }

    .m-flex > :first-child {
        margin-left: 0;
    }

    .m-flex > :last-child {
        margin-right: 0;
    }

.m-flex--evenly {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 8.333%;
}

    .m-flex--evenly > * {
        max-width: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .m-flex--evenly > div {
        margin: 0 2.1875rem;
    }

.header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    will-change: transform;
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    transition: -webkit-transform 0.25s ease-in-out;
    -o-transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    z-index: 10;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
}

@media screen and (max-width: 1200px) {
    .header {
        height: 64px;
        background-color: #2855ac;
    }

        .header .container {
            width: calc(100% - 24px);
        }
}

.header nav > ul li > a {
    color: #253342;
}

@media screen and (max-width: 1200px) {
    .header nav > ul li > a {
        color: #ffffff;
    }
}

.header nav > ul li > .login {
    border: solid 1px #253342;
}

@media screen and (max-width: 1200px) {
    .header nav > ul li > .login {
        border-color: #ffffff;
    }
}

.header > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header-nav .mobile-menu__header {
    display: none;
}

.header-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .header-nav ul li {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: 15px;
    }

        .header-nav ul li > a {
            padding: 0 10px;
            font-size: 1rem;
            font-weight: bold;
            color: #ffffff;
            text-decoration: none;
        }

            .header-nav ul li > a.mobile-menu__close {
                padding: initial;
            }

                .header-nav ul li > a.mobile-menu__close i {
                    display: block;
                }

            .header-nav ul li > a.login {
                width: 140px;
                height: 40px;
                border-radius: 26px;
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                font-weight: 500;
                margin-left: 40px;
                padding: 0;
            }

@media screen and (max-width: 1200px) {
    .header-nav ul li > a.login {
        width: 100%;
        height: 50px;
        margin: 0;
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .header-nav ul li.active {
        border-bottom: 3px solid #ffc900;
    }

        .header-nav ul li.active > a {
            color: #ffc900;
        }
}

.header-nav ul li:hover .sub-menu {
    display: block;
}

.header-nav ul li:hover > a:not(.login) {
    color: #ffc900;
}

.header-nav ul li:hover > a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: #ffc900;
    border-radius: 4.5px;
}

@media screen and (max-width: 1200px) {
    .header-nav ul li:hover > a:after {
        content: none;
    }
}

.header-nav ul li:last-child:hover > a:after {
    content: none;
}

@media screen and (max-width: 1200px) {
    .header-nav ul li {
        margin-left: 0;
    }

        .header-nav ul li:hover > a:after {
            content: none;
        }
}

.header-nav .sub-menu {
    position: absolute;
    left: 0;
    top: 42px;
    width: 100%;
    background: #ffffff;
    border-radius: 2px 2px 10px 10px;
    -webkit-box-shadow: 0 5px 15px 0 rgba(37, 51, 66, 0.15);
    box-shadow: 0 5px 15px 0 rgba(37, 51, 66, 0.15);
    display: none;
}

@media screen and (max-width: 1200px) {
    .header-nav .sub-menu {
        position: relative;
        top: initial;
        left: initial;
        width: 100%;
        background: rgba(0, 0, 0, 0.1);
        border-radius: initial;
        border-top: none;
        -webkit-box-shadow: initial;
        box-shadow: initial;
        padding: 0.625rem 0;
    }
}

.header-nav .sub-menu a {
    font-size: 0.75rem;
    font-weight: bold;
    color: #8e9fad;
    line-height: 43px;
    padding: 0 13px 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #dee3ed;
}

@media screen and (max-width: 1200px) {
    .header-nav .sub-menu a {
        border: none;
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 2.86;
        color: #ffffff;
    }
}

.header-nav .sub-menu a:first-child {
    border-top: 0;
}

.header-nav .sub-menu a:hover {
    color: #253342;
}

@media screen and (max-width: 1200px) {
    .header-nav .sub-menu a:hover {
        color: #ffffff;
    }
}

.header-nav .sub-menu a i {
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

    .header-nav .sub-menu a i:before {
        font-size: 0.75rem;
    }

@media screen and (max-width: 1200px) {
    .header-nav .sub-menu a i {
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    .header .header-nav-mobile-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100vh;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#2855ac), to(#263170));
        background-image: -o-linear-gradient(top, #2855ac, #263170);
        background-image: linear-gradient(to bottom, #2855ac, #263170);
        top: 0;
        left: -100%;
        padding-top: 1rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: -webkit-transform 0.2s linear;
        transition: -webkit-transform 0.2s linear;
        -o-transition: transform 0.2s linear;
        transition: transform 0.2s linear;
        transition: transform 0.2s linear, -webkit-transform 0.2s linear;
    }

        .header .header-nav-mobile-menu.header-nav-mobile-menu--active {
            -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%);
        }

            .header .header-nav-mobile-menu.header-nav-mobile-menu--active .login-btn-wrapper {
                left: auto;
            }

        .header .header-nav-mobile-menu .mobile-menu__header {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-bottom: 2.5rem;
            padding: 0 1rem;
        }
}

@media screen and (max-width: 1200px) and (max-width: 1200px) {
    .header .header-nav-mobile-menu .mobile-menu__header:hover a:after {
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    .header .header-nav-mobile-menu .mobile-menu__header .icon-close:before {
        font-size: 1.5rem;
        color: #ffffff;
    }

    .header .header-nav-mobile-menu .mobile-menu__header .icon-turkcell-logo:before {
        font-size: 2rem;
        color: #ffc900;
    }

    .header .header-nav-mobile-menu ul {
        display: block;
        height: calc(100% - 154px);
        overflow: auto;
    }

        .header .header-nav-mobile-menu ul li {
            position: relative;
            font-size: 1rem;
            font-weight: 700;
            line-height: 3;
            color: #ffffff;
            
        }

            .header .header-nav-mobile-menu ul li.borderless:after {
                display: none;
            }

            .header .header-nav-mobile-menu ul li:after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 16px;
                width: calc(100% - 32px);
                height: 1px;
                background: rgba(255, 255, 255, 0.1);
            }

            .header .header-nav-mobile-menu ul li a {
                padding: 0 1.5rem;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: 100%;
            }

                .header .header-nav-mobile-menu ul li a.mobile-menu__close {
                    padding: initial;
                }

            .header .header-nav-mobile-menu ul li.mobile-menu__sub-menu > a {
                width: 100%;
            }

            .header .header-nav-mobile-menu ul li.mobile-menu__sub-menu--active:after {
                display: none;
            }

            .header .header-nav-mobile-menu ul li.mobile-menu__sub-menu--active > a {
                font-size: 1rem;
                font-weight: 700;
                color: #ffc900;
            }

            .header .header-nav-mobile-menu ul li.mobile-menu__sub-menu--active i:before {
                color: #ffc900;
            }
}

.header-nav .login-btn-wrapper {
    width: 100%;
    height: 86px;
    position: absolute;
    bottom: 0;
    left: -100%;
    background-color: #27428C;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}

@media screen and (max-width: 1200px) {
    .header-nav .login-btn-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.header-mobile__button {
    display: none;
}

    .header-mobile__button a {
        display: block;
        padding: 6px;
    }

        .header-mobile__button a i {
            color: #ffffff;
        }

@media screen and (max-width: 1200px) {
    .header-mobile__button {
        display: block;
    }
}

.header.bordered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-bottom: 1px solid #dee3ed;
}

@media screen and (max-width: 1200px) {
    .header.bordered {
        border-bottom: none;
    }
}

.header.bordered .header-nav li {
    position: relative;
}

    .header.bordered .header-nav li > a {
        color: #253342;
    }

    .header.bordered .header-nav li a.login {
        border-color: #253342;
    }

.header.bordered .header-nav-mobile-menu--active li {
    margin: initial;
}

    .header.bordered .header-nav-mobile-menu--active li > a {
        padding-left: 25px;
        color: #ffffff;
    }

    .header.bordered .header-nav-mobile-menu--active li a.login {
        border-color: #ffffff;
    }

    .header.bordered .header-nav-mobile-menu--active li:hover > a:after {
        content: none;
    }

.mobile-menu__sub-menu a i {
    display: none;
}

@media screen and (max-width: 1200px) {
    .mobile-menu__sub-menu > a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .mobile-menu__sub-menu > a i {
            display: block;
        }

    .header-nav-mobile-menu .mobile-menu__sub-menu {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .header-nav-mobile-menu .mobile-menu__sub-menu i {
            -webkit-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            transform: rotate(270deg);
            -webkit-transition: -webkit-transform 0.2s linear;
            transition: -webkit-transform 0.2s linear;
            -o-transition: transform 0.2s linear;
            transition: transform 0.2s linear;
            transition: transform 0.2s linear, -webkit-transform 0.2s linear;
        }

    .header-nav-mobile-menu .mobile-menu__sub-menu--active {
        display: block;
    }

        .header-nav-mobile-menu .mobile-menu__sub-menu--active i {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }

        .header-nav-mobile-menu .mobile-menu__sub-menu--active .sub-menu {
            display: block;
        }

            .header-nav-mobile-menu .mobile-menu__sub-menu--active .sub-menu > a {
                padding: 0 2.625rem;
            }
}

.mobile-logo {
    display: none;
}

@media only screen and (max-width: 1200px) {
    .mobile-logo {
        display: block;
    }
}

.logo {
    display: block;
}

@media only screen and (max-width: 1200px) {
    .logo {
        display: none;
    }
}

.o-header--pinned {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
}

@media screen and (max-width: 1200px) {
    .o-header--pinned {
        background-color: #2855ac;
    }
}

.o-header--pinned nav > ul li > a {
    color: #253342;
}

@media screen and (max-width: 1200px) {
    .o-header--pinned nav > ul li > a {
        color: #ffffff;
    }
}

.o-header--pinned nav > ul li > .login {
    border: solid 1px #253342;
}

@media screen and (max-width: 1200px) {
    .o-header--pinned nav > ul li > .login {
        border-color: #ffffff;
    }
}

.o-header--unpinned {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.o-header--top {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
}

@media screen and (max-width: 1200px) {
    .o-header--top {
        background-color: #2855ac;
    }
}

.o-header--top nav > ul li > a {
    color: #ffffff;
}

.o-header--top nav > ul li > .login {
    border: solid 1px #ffffff;
}

.o-header.logo-blue .whiteLogo {
    display: none;
}

.o-header.logo-blue .blueLogo {
    display: block;
}

.o-header.logo-white .whiteLogo {
    display: none;
}

@media screen and (max-width: 1200px) {
    .o-header.logo-white .whiteLogo {
        display: block;
    }
}

.o-header.logo-white .blueLogo {
    display: block;
}

.o-header.logo-white.o-header__not-top.o-header__not-bottom .whiteLogo {
    display: none;
}

.o-header.logo-white.o-header__not-top.o-header__not-bottom .blueLogo {
    display: block;
}

.o-header--pinned.logo-white .whiteLogo {
    display: none;
}

.o-header--pinned.logo-white .blueLogo {
    display: block;
}

@media screen and (max-width: 1200px) {
    .o-header--pinned.logo-white .whiteLogo {
        display: block;
    }

    .o-header--pinned.logo-white .blueLogo {
        display: none;
    }
}

.o-header--top.logo-white .whiteLogo {
    display: block;
}

.o-header--top.logo-white .blueLogo {
    display: none;
}

.hexagon {
    will-change: transform;
}

.hexagon-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .hexagon-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.hexagon-line {
    position: relative;
    width: 233px;
    height: 207px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.hexagon-small {
    position: absolute;
    left: 25px;
    top: 25px;
    width: 57px;
    height: 50px;
}

.hexagon-text {
    padding: 0 46px;
    font-size: 1.25rem;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: -0.17px;
    text-align: center;
    color: #4a4a4a;
    word-break: break-word;
}

.hexagon-text--white p {
    color: #ffffff;
}

.hexagon-horizontal {
    width: 360px;
    height: 104px;
}

@media screen and (max-width: 360px) {
    .hexagon-horizontal {
        width: 285px;
        height: 80px;
    }
}

@media (min-width: 361px) and (max-width: 424px) {
    .hexagon-horizontal {
        width: 330px;
        height: 94px;
    }
}

.hexagon-horizontal .hexagon-small {
    left: -5px;
    top: 0px;
}

.home-banner {
    margin-bottom: 90px;
}

@media screen and (max-width: 1024px) {
    .home-banner {
        margin-bottom: 0;
    }
}

.home-banner__bg {
    position: absolute;
    width: 100%;
    bottom: -600px;
    left: -140px;
    height: 100%;
    overflow: hidden;
}

@media screen and (max-width: 2048px) {
    .home-banner__bg {
        display: none;
    }
}

.home-banner__bg:after {
    content: '';
    position: absolute;
    width: 100vw;
    height: 100%;
    left: 0;
    top: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(transparent), to(#FFF));
    background-image: -o-linear-gradient(0, transparent, #FFF);
    background-image: linear-gradient(0, transparent, #FFF);
}

.home-banner__bg div {
    position: absolute;
    width: 900px;
}

    .home-banner__bg div img {
        width: 100%;
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    .home-banner__bg div:nth-child(2) {
        left: 980px;
        top: -150px;
    }

.home-banner .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 76px;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 1024px) {
    .home-banner .container {
        background: url(/style%20library/assets/img/home-banner-home-bg.png) top right no-repeat;
        margin: 0;
        width: 100%;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
        padding-top: 0;
        margin-top: 64px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.home-banner__left {
    padding-left: 100px;
    padding-top: 225px;
}

@media screen and (max-width: 1024px) {
    .home-banner__left {
        padding: initial;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .home-banner__left {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .home-banner__left {
        width: 50%;
    }
}

.home-banner__left h1 {
    color: #253342;
    margin: 0 0 5px 0;
    line-height: normal;
}

@media screen and (max-width: 1024px) {
    .home-banner__left h1 {
        font-size: 1.5rem;
        letter-spacing: -0.0125rem;
    }
}

.home-banner__left span {
    display: block;
    font-size: 2.625rem;
    font-weight: 500;
    color: #ffc900;
}

@media screen and (max-width: 1024px) {
    .home-banner__left span {
        font-size: 1.5rem;
        letter-spacing: -0.0125rem;
    }
}

.home-banner__left a {
    margin-top: 40px;
}

@media screen and (max-width: 1024px) {
    .home-banner__left a {
        margin-top: 24px;
    }
}

.home-banner__right {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 86px;
    width: 400px;
    overflow: hidden;
}

@media screen and (max-width: 1024px) {
    .home-banner__right {
        position: relative;
        top: auto;
        right: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        padding-right: initial;
        text-align: center;
    }

        .home-banner__right img {
            width: 190px;
        }
}

@media (max-width: 767px) {
    .home-banner__right {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .home-banner__right {
        width: 50%;
    }
}

.home-banner__right .no-animation {
    display: none;
}

.home-banner__right .particle-1 {
    position: absolute;
    bottom: 160px;
    right: 220px;
    width: 71.2px;
    height: 16.5px;
    -webkit-transform: translate(-65px, -41px) rotate(33deg);
    -ms-transform: translate(-65px, -41px) rotate(33deg);
    transform: translate(-65px, -41px) rotate(33deg);
    border-radius: 11.4px;
    -webkit-box-shadow: 0 9px 18px 0 rgba(255, 161, 44, 0.3);
    box-shadow: 0 9px 18px 0 rgba(255, 161, 44, 0.3);
    background-image: -o-linear-gradient(247deg, #F5AA0A, #FFC900);
    background-image: linear-gradient(-157deg, #F5AA0A, #FFC900);
    will-change: transform;
}

.home-banner__right .particle-2 {
    position: absolute;
    bottom: 180px;
    left: 52px;
    width: 41.2px;
    height: 16.5px;
    -webkit-transform: translate(80px, 50px) rotate(33deg);
    -ms-transform: translate(80px, 50px) rotate(33deg);
    transform: translate(80px, 50px) rotate(33deg);
    border-radius: 11.4px;
    -webkit-box-shadow: 0 9px 18px 0 rgba(255, 161, 44, 0.3);
    box-shadow: 0 9px 18px 0 rgba(255, 161, 44, 0.3);
    background-image: -o-linear-gradient(247deg, #F5AA0A, #FFC900);
    background-image: linear-gradient(-157deg, #F5AA0A, #FFC900);
    will-change: transform;
}

.home-banner__video {
    position: absolute;
    right: -115px;
    top: 0;
}

    .home-banner__video:after {
        content: '';
        position: absolute;
        background: url(/style%20library/assets/img/video-mask2.png) no-repeat;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

@media screen and (max-width: 1024px) {
    .home-banner__video:after {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .home-banner__video video {
        display: none;
    }
}

.home-banner__sprite-animation {
    width: 525px;
    height: 722px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

@media screen and (max-width: 1024px) {
    .home-banner__sprite-animation {
        position: relative;
        zoom: .6;
    }
}

.home-banner__sprite-animation:after {
    content: "";
    background-image: url(/style%20library/assets/img/cizgiler-butun@2x.png);
    background-repeat: no-repeat;
    background-size: 378px 285px;
    width: 378px;
    height: 285px;
    position: absolute;
    bottom: 0;
    left: 0;
}

#international-input {
    -moz-appearance: textfield;
}

    #international-input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    #international-input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.label-section h2 {
    font-size: 2.375rem;
    text-align: center;
    color: #253342;
    margin-bottom: 2.5rem;
}

.label-section p {
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 1.44;
    text-align: center;
    color: #8e9fad;
    margin-bottom: 1.5rem;
}

.label-section__items {
    width: 80%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .label-section__items span {
        font-weight: 600;
        line-height: 2.1875rem;
        letter-spacing: -0.2px;
        color: #5f6b76;
        padding: 0.3125rem 1.25rem;
        border-radius: 21.5px;
        background-color: #ecf0f2;
        margin-right: 0.625rem;
        margin-bottom: 0.75rem;
    }

@media screen and (max-width: 767px) {
    .label-section__items {
        width: 100%;
    }

        .label-section__items span {
            font-size: 0.75rem;
        }
}

.life-card {
    position: relative;
    width: 480px;
    height: 400px;
    overflow: hidden;
    -webkit-box-shadow: 0 20px 30px 0 rgba(37, 51, 66, 0.2);
    box-shadow: 0 20px 30px 0 rgba(37, 51, 66, 0.2);
    border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
}

@media (min-width: 320px) and (max-width: 767px) {
    .life-card {
        width: 300px;
        height: 250px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
    }
}

.life-card a {
    cursor: auto;
}

    .life-card a:hover .life-card__image img {
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

.life-card__image {
    position: relative;
    background-image: -o-linear-gradient(271deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
    background-image: linear-gradient(179deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}

    .life-card__image img {
        max-width: 100%;
        -o-transition: transform 0.4s;
        -webkit-transition: transform 0.4s;
        -webkit-transition: -webkit-transform 0.4s;
        transition: -webkit-transform 0.4s;
        transition: transform 0.4s;
        transition: transform 0.4s, -webkit-transform 0.4s;
        will-change: transform;
        border-radius: 32px;
        -webkit-border-radius: 32px;
        -moz-border-radius: 32px;
    }

    .life-card__image:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-image: -o-linear-gradient(271deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
        background-image: linear-gradient(179deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
        border-radius: 32px;
        -webkit-border-radius: 32px;
        -moz-border-radius: 32px;
    }

.life-card__content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 50px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 320px) and (max-width: 767px) {
    .life-card__content {
        padding: 25px 30px;
    }
}

.life-card__content h3 {
    font-size: 2rem;
    font-weight: bold;
    color: #ffffff;
}

@media (min-width: 320px) and (max-width: 767px) {
    .life-card__content h3 {
        font-size: 1.25rem;
        letter-spacing: -0.02375rem;
        color: #ffffff;
    }
}

.life-card__content p {
    font-size: 1.5rem;
    line-height: 1.33;
    color: #ffffff;
    margin-top: 15px;
}

@media (min-width: 320px) and (max-width: 767px) {
    .life-card__content p {
        font-size: 0.875rem;
        line-height: 1.43;
        letter-spacing: -0.0125rem;
        color: #ffffff;
        margin-top: 9.5px;
    }
}

.turkcell-life {
    padding-bottom: 120px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

@media (min-width: 320px) and (max-width: 767px) {
    .turkcell-life {
        padding-top: 50px;
    }
}

.turkcell-life__particules {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    top: 0;
}

    .turkcell-life__particules .particule-1 {
        width: 310px;
        height: 310px;
        position: absolute;
        top: 93px;
        left: -44px;
    }

@media (min-width: 320px) and (max-width: 767px) {
    .turkcell-life__particules .particule-1 {
        width: 115px;
        height: 115px;
        top: 60px;
        left: -40px;
    }
}

.turkcell-life__particules .particule-1 img {
    display: block;
    width: 100%;
}

@media (min-width: 320px) and (max-width: 767px) {
    .turkcell-life .content__title {
        padding-bottom: 40px;
    }
}

.turkcell-life .content__body {
    padding-top: 80px;
}

@media (min-width: 320px) and (max-width: 767px) {
    .turkcell-life .content__body {
        padding-top: 0;
    }
}

.turkcell-life .content__body .swiper-slide {
    width: 480px;
}

@media (min-width: 320px) and (max-width: 767px) {
    .turkcell-life .content__body .swiper-slide {
        width: 300px;
    }
}

.turkcell-life a {
    margin-top: 80px;
}

@media (min-width: 320px) and (max-width: 767px) {
    .turkcell-life a {
        margin-top: 40px;
    }
}

.list {
    margin-left: 16px;
}

@media only screen and (max-width: 767px) {
    .list {
        margin-left: 12px;
    }
}

.list li {
    position: relative;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.78;
    letter-spacing: -0.2px;
    color: #8e9fad;
}

@media only screen and (max-width: 767px) {
    .list li {
        font-size: 1rem;
        margin-left: 5px;
    }
}

.list li:before {
    content: '';
    position: absolute;
    left: -16px;
    top: 14px;
    width: 8px;
    height: 8px;
    background-color: #ffc900;
    border-radius: 50%;
}

@media only screen and (max-width: 767px) {
    .list li:before {
        left: -17px;
        top: 10px;
    }
}

.map {
    position: relative;
}

    .map .mobile-map {
        display: none;
    }

.map__detail h2 {
    margin-bottom: 90px;
}

.map__detail img {
    width: 100%;
    height: 100%;
}

@media (min-width: 320px) and (max-width: 767px) {
    .map__detail {
        padding-top: 0;
    }

        .map__detail h2 {
            margin-bottom: 20px;
        }

        .map__detail .content__title {
            padding: 0;
        }
}

.map .select2 {
    display: none;
}

@media screen and (max-width: 1023px) {
    .map .select2 {
        display: block;
        margin-top: 35px;
    }

    .map .mobile-map {
        display: block;
    }

    .map .desktop-map {
        display: none;
    }

    .map .popover--content,
    .map .popover--hexagon {
        display: none;
    }
}

.message-banner {
    height: 40rem;
    background-size: cover;
    background-position: right;
}

@media screen and (max-width: 767px) {
    .message-banner {
        height: 22.5rem;
    }
}

.message-banner > .container {
    height: 100%;
}

.message-banner-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .message-banner-content__text {
        position: absolute;
        left: 40px;
        top: 30px;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 66px;
    }

        .message-banner-content__text h4 {
            font-size: 1.5rem !important;
        }

        .message-banner-content__text p {
            font-size: 1.125rem;
            padding-right: 20px;
        }
}

.message-banner-content__left {
    width: 50%;
}

    .message-banner-content__left:before {
        content: '';
        background-image: url(/style%20library/assets/img/message-hexagon.png);
        position: absolute;
        width: 985px;
        height: 900px;
        left: -309px;
        top: -110px;
    }

@media (min-width: 768px) and (max-width: 992px) {
    .message-banner-content__left:before {
        left: -420px;
    }
}

@media screen and (max-width: 767px) {
    .message-banner-content__left {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

        .message-banner-content__left:before {
            content: '';
            background-image: url(/style%20library/assets/img/hexagon-small-bg.png);
            background-repeat: no-repeat;
            position: absolute;
            left: -80px;
            top: -115px;
        }
}

.message-banner-content__right {
    width: 50%;
}

@media screen and (max-width: 767px) {
    .message-banner-content__right {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .message-banner-content__left .a-btn-icon, .message-banner-content__right .a-btn-icon {
        width: 60px;
        height: 60px;
    }

        .message-banner-content__left .a-btn-icon .icon-play:before, .message-banner-content__right .a-btn-icon .icon-play:before {
            font-size: 1.25rem;
        }

    .message-banner-content__left h4, .message-banner-content__right h4 {
        font-size: 1.5rem !important;
    }

    .message-banner-content__left h5, .message-banner-content__right h5 {
        font-size: 1.25rem !important;
    }

    .message-banner-content__left p, .message-banner-content__right p {
        font-size: 1rem !important;
    }
}

.message-banner-content__left h4, .message-banner-content__left h5, .message-banner-content__left p, .message-banner-content__right h4, .message-banner-content__right h5, .message-banner-content__right p {
    max-width: 25rem;
    margin: 0 auto;
    position: relative;
}

.message-banner-content__left h4, .message-banner-content__right h4 {
    font-size: 2rem;
    letter-spacing: -0.2px;
    color: #253342;
    margin-bottom: 1rem;
    line-height: normal;
}

.message-banner-content__left h5, .message-banner-content__right h5 {
    margin-bottom: 30px;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.15px;
    color: #8e9fad;
}

.message-banner-content__left p, .message-banner-content__right p {
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 1.44;
    color: #8e9fad;
    margin-top: 16px;
}

.message-banner-content__left .a-btn-icon, .message-banner-content__right .a-btn-icon {
    margin: 0 auto;
}

.m-modal {
    position: relative;
    max-width: 23.75rem;
    background: #ffffff;
    color: #253342;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 10px -4px #253342;
    box-shadow: 0 2px 10px -4px #253342;
    padding: 2.5rem;
    display: none;
    max-height: 100%;
}

    .m-modal .fancybox-close-small {
        display: none;
    }

    .m-modal .btn-close {
        position: absolute;
        top: 1.3125rem;
        right: 1.1875rem;
        color: #253342;
        z-index: 99;
    }

.m-modal__body {
    position: relative;
    width: 100%;
    z-index: 10;
}

.m-modal--video .m-modal__body {
    width: 980px;
}

.m-modal__foot {
    margin-top: 1.25rem;
}

.m-modal--video .m-modal__foot {
    margin-top: 0;
    height: 5.5rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 11;
}

    .m-modal--video .m-modal__foot:after {
        content: "";
        height: 1px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #ecf0f2;
    }

    .m-modal--video .m-modal__foot .a-btn {
        margin-right: 20px;
    }

.m-modal__video {
    width: 100%;
}

.m-modal__video-caps {
    color: #253342;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .m-modal__video-caps h3 {
        font-size: 0.875rem;
        font-weight: bold;
        padding: 0 1rem 0 1.5rem;
        max-width: 33.125rem;
        margin-bottom: 0;
    }

    .m-modal__video-caps p {
        font-size: 0.875rem;
        font-weight: 500;
        padding: 0 1.5rem 0 1rem;
    }

    .m-modal__video-caps h3 + p {
        border-left: 1px solid rgba(37, 51, 66, 0.1);
    }

.m-modal--video {
    max-width: 61.25rem;
    padding: 0;
    overflow: initial;
    background: #ffffff;
}

    .m-modal--video .fancybox-close-small {
        width: 3.125rem;
        height: 3.125rem;
        top: -2.1875rem;
        right: -2.1875rem;
    }

        .m-modal--video .fancybox-close-small svg {
            display: none;
        }

        .m-modal--video .fancybox-close-small:after {
            font-family: "IconFont";
            color: #ffffff;
            font-size: 1.5rem;
            position: relative;
            text-shadow: 0px 0 3px black;
        }

    .m-modal--video iframe {
        max-width: 61.25rem;
        height: 31.25rem;
        width: 100%;
    }

    .m-modal--video .m-modal__body {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        overflow: hidden;
    }

.m-modal--regular .a-icon-svg {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: block;
    margin: 0 auto;
    margin-bottom: 1.25rem;
}

.m-modal--regular p {
    font-size: 1.125rem;
    text-align: center;
}

.m-modal--support, .m-modal--delivery {
    width: 100%;
    max-width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 0;
}

    .m-modal--support .btn-close, .m-modal--delivery .btn-close {
        position: absolute;
        top: 1rem;
        right: 1rem;
        color: #ffffff;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 100%;
        padding: 0.4375rem;
    }

.m-modal--card-security-info {
    width: 100%;
    max-width: 28.125rem;
}

    .m-modal--card-security-info h4 {
        font-size: 1.375rem;
        font-weight: 700;
        line-height: 1.09;
        text-align: center;
        color: #253342;
        margin-bottom: 1.25rem;
    }

    .m-modal--card-security-info strong {
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.5;
        text-align: center;
        color: #253342;
        display: block;
        margin-bottom: 0.625rem;
    }

    .m-modal--card-security-info p {
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1.57;
        text-align: center;
        color: #5f6b76;
        margin-bottom: 1.25rem;
    }

    .m-modal--card-security-info .a-input,
    .m-modal--card-security-info .m-card-name-input {
        margin-bottom: 1rem;
    }

    .m-modal--card-security-info .m-modal__foot {
        margin-top: 1rem;
    }

.m-modal--comment {
    max-width: 100%;
    width: 73.75rem;
    border-radius: 0;
}

.m-modal--confirm-password {
    max-width: 35rem;
    text-align: center;
}

    .m-modal--confirm-password strong {
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1.33;
        text-align: center;
        color: #253342;
        margin-bottom: 2px;
    }

    .m-modal--confirm-password p {
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1.43;
        text-align: center;
        color: #8e9fad;
        margin-bottom: 0.625rem;
    }

    .m-modal--confirm-password .a-countdown--seconds {
        margin-bottom: 1.375rem;
    }

.m-modal--delivery {
    overflow: hidden;
}

    .m-modal--delivery .m-tab-default__panes {
        max-height: calc(500px - 72px);
        height: 100%;
        overflow-y: scroll;
    }

        .m-modal--delivery .m-tab-default__panes::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 0.375rem rgba(0, 0, 0, 0.3);
            background-color: #dee3ed;
        }

        .m-modal--delivery .m-tab-default__panes::-webkit-scrollbar {
            width: 3px;
            background-color: #dee3ed;
        }

        .m-modal--delivery .m-tab-default__panes::-webkit-scrollbar-thumb {
            background-color: #5f6b76;
        }

.m-modal--stock-email-confirmed p {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.33;
    text-align: center;
    color: #253342;
    display: block;
}

.m-modal--stock-email-confirmed .a-input {
    width: 100%;
}

.m-modal--stock-email-confirmed .a-checkbox {
    width: 100%;
    margin-top: 0.625rem;
}

.m-modal--stock-email-confirmed .m-modal__foot {
    margin-top: 1.875rem;
}

.m-modal--stock-email p {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.33;
    text-align: center;
    color: #253342;
    display: block;
    margin-bottom: 1.25rem;
}

.m-modal--stock-email .a-input {
    width: 100%;
}

.m-modal--stock-email .a-checkbox {
    width: 100%;
    margin-top: 0.625rem;
}

.m-modal--stock-email .modal-stock-email {
    margin-top: 1.875rem;
}

.m-modal--user-agreement {
    width: 100%;
    max-width: 30.5rem;
    text-align: center;
}

    .m-modal--user-agreement h4 {
        font-size: 1.125rem;
        margin-bottom: 2.5rem;
        line-height: 1.33;
        color: #253342;
    }

    .m-modal--user-agreement .m-modal__body {
        margin-bottom: 2.8125rem;
    }

        .m-modal--user-agreement .m-modal__body p,
        .m-modal--user-agreement .m-modal__body span,
        .m-modal--user-agreement .m-modal__body ul,
        .m-modal--user-agreement .m-modal__body li,
        .m-modal--user-agreement .m-modal__body ol,
        .m-modal--user-agreement .m-modal__body h1,
        .m-modal--user-agreement .m-modal__body h2,
        .m-modal--user-agreement .m-modal__body h3,
        .m-modal--user-agreement .m-modal__body h4,
        .m-modal--user-agreement .m-modal__body h5,
        .m-modal--user-agreement .m-modal__body h6,
        .m-modal--user-agreement .m-modal__body strong,
        .m-modal--user-agreement .m-modal__body em,
        .m-modal--user-agreement .m-modal__body i {
            font-size: 0.75rem;
            font-weight: 400;
            line-height: 1.33;
            color: #8e9fad;
            margin-bottom: 1.25rem;
            padding-right: 0.625rem;
        }

.m-modal--alert {
    text-align: center;
}

    .m-modal--alert i:before {
        font-size: 6rem;
    }

    .m-modal--alert h4 {
        color: #65A94D;
        margin: 1.25rem 0 0;
        font-size: 1.125rem;
        line-height: 1.33;
    }

    .m-modal--alert p {
        color: #253342;
        margin-top: 0.625rem;
        font-size: 0.75rem;
        line-height: 1.67;
    }

.m-modal--success {
    width: 23.75rem;
    text-align: center;
}

    .m-modal--success i {
        color: #65A94D;
    }

        .m-modal--success i.icon-close {
            display: none;
        }

    .m-modal--success h4 {
        color: #65A94D;
    }

.m-modal--error {
    width: 23.75rem;
    text-align: center;
}

    .m-modal--error i {
        color: #DB7878;
    }

        .m-modal--error i.icon-close {
            display: none;
        }

    .m-modal--error h4 {
        color: #DB7878;
    }

.m-modal--warning {
    width: 23.75rem;
    text-align: center;
}

    .m-modal--warning i {
        color: #4152b5;
    }

        .m-modal--warning i.icon-close {
            display: none;
            
        }

    .m-modal--warning h4 {
        color: #4152b5;
    }

.m-modal--info {
    width: 23.75rem;
    text-align: center;
}

    .m-modal--info i {
        color: #eeb116;
    }

        .m-modal--info i.icon-close {
            display: none;
        }

    .m-modal--info h4 {
        color: #eeb116;
    }

.modal-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 900;
}

.fancybox-slide--current {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.fancybox-slide--video .fancybox-content {
    overflow: hidden;
    border-radius: 10px;
    background: none;
    overflow-x: hidden;
}

.fancybox-support .fancybox-slide--html,
.fancybox-comment .fancybox-slide--html,
.fancybox-delivery-from-store .fancybox-slide--html {
    padding: 0 !important;
}

.fancybox-close-small {
    top: 0;
    right: 0;
    text-shadow: 0.375rem 0.4375rem 0 #000000;
}

    .fancybox-close-small svg {
        -webkit-filter: drop-shadow(1px 1px 1px #000000);
        filter: drop-shadow(1px 1px 1px #000000);
    }

.dropdown-check-list {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}

    .dropdown-check-list .parsley-errors-list {
        display: none;
    }

    .dropdown-check-list .anchor {
        position: relative;
        cursor: pointer;
        display: inline-block;
        line-height: 3.5rem !important;
        padding: 0 1rem !important;
        border: 1px solid #dee3ed;
        width: 100%;
        height: 56px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 0.5rem;
        background-color: #ffffff;
        z-index: 3;
        color: #8e9fad;
    }

        .dropdown-check-list .anchor:after {
            position: absolute;
            content: "\EA01";
            color: #5f6b76;
            right: 0.375rem;
            font-family: "IconFont";
            font-size: 1.625rem;
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

    .dropdown-check-list.visible {
        -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.1), 0 6px 30px 5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.1), 0 6px 30px 5px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
    }

        .dropdown-check-list.visible .anchor:after {
            right: 0.375rem;
            content: "\EA01";
            font-size: 1.625rem;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }

    .dropdown-check-list ul.items {
        padding: 2px;
        display: none;
        margin: 0;
        border: 1px solid #dee3ed;
        border-top: none;
    }

        .dropdown-check-list ul.items li {
            list-style: none;
        }

            .dropdown-check-list ul.items li .a-checkbox {
                width: 100%;
            }

                .dropdown-check-list ul.items li .a-checkbox input:checked ~ span {
                    font-weight: bold;
                }

    .dropdown-check-list.visible .anchor {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .dropdown-check-list.visible .items {
        display: block;
        position: absolute;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: #ffffff;
        z-index: 9999999999999;
        border-radius: 8px;
        -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.1), 0 6px 30px 5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.1), 0 6px 30px 5px rgba(0, 0, 0, 0.1);
        padding: 5px 10px;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
    }

    .dropdown-check-list:focus {
        outline: none !important;
    }

.dropdown-error .anchor {
    border-color: #f34972 !important;
}

.dropdown-error__msg {
    margin-top: 3px;
    font-size: 0.75rem;
    line-height: 1rem;
    color: #FF3D71;
    font-weight: 500;
    display: block;
}

.newsletter h2, .newsletter p {
    margin: 0 6.25rem;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .newsletter h2, .newsletter p {
        margin: auto;
    }
}

.newsletter h2 {
    margin-bottom: 1.25rem;
}

@media only screen and (max-width: 767px) {
    .newsletter h2 {
        margin-bottom: 0.625rem;
    }
}

.newsletter p {
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 1.56;
    text-align: center;
    color: #5f6b76;
    margin-bottom: 2.5rem;
}

@media only screen and (max-width: 767px) {
    .newsletter p {
        font-size: 1rem;
        color: #8e9fad;
        margin-bottom: 2rem;
    }
}

.newsletter-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 6.25rem;
}

@media only screen and (max-width: 767px) {
    .newsletter-form {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: auto;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .newsletter-form {
        margin: 0;
    }
}

.newsletter-form__item {
    width: 25%;
    margin-right: 1rem;
}

    .newsletter-form__item button {
        margin: 0 auto;
    }

@media only screen and (max-width: 767px) {
    .newsletter-form__item {
        width: 100%;
        margin-right: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .newsletter-form__item .a-input {
        width: 15rem !important;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .newsletter-form__item .a-input {
        width: 18.125rem !important;
    }
}

.newsletter-form__item .a-input, .newsletter-form__item .select2 {
    width: 15rem;
}

@media only screen and (max-width: 767px) {
    .newsletter-form__item .a-input, .newsletter-form__item .select2 {
        width: 100%;
        margin-bottom: 0.75rem;
    }
}

.newsletter-form__item:last-child {
    max-width: 12.5rem;
    margin-right: 0;
    margin-left: 0.875rem;
    padding-top: 6px;
}

@media only screen and (max-width: 767px) {
    .newsletter-form__item:last-child {
        max-width: initial;
        margin-left: initial;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .newsletter-form__item:first-child {
        width: 33%;
    }
}

.m-outdated-browser {
    background-image: -o-linear-gradient(190deg, #ffc900, #f5803d);
    background-image: linear-gradient(260deg, #ffc900, #f5803d);
    -o-object-fit: contain;
    object-fit: contain;
    padding: 0.625rem 0;
}

@media screen and (max-width: 767px) {
    .m-outdated-browser {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.m-outdated-browser--container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
}

@media screen and (max-width: 767px) {
    .m-outdated-browser--container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.m-outdated-browser--container h3 {
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: 700;
    margin-bottom: 0.625rem;
}

.m-outdated-browser--container p {
    font-size: 1rem;
    line-height: 1.14;
}

.m-outdated-browser--container__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 767px) {
    .m-outdated-browser--container__right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .m-outdated-browser--container__right a:first-child {
            margin-bottom: 15px;
        }
}

.m-outdated-browser--container__right a#buorgig, .m-outdated-browser--container__right a#buorgul {
    min-width: 8.75rem !important;
    line-height: 2.5rem !important;
    height: 2.5rem !important;
    background-color: #ffffff !important;
    padding: 0 1.5rem !important;
    color: #253342 !important;
    text-decoration: none !important;
    border-radius: 2.5rem/100% !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    font-size: 1rem !important;
    -webkit-transition: background-color 300ms !important;
    -o-transition: background-color 300ms !important;
    transition: background-color 300ms !important;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important;
    margin-right: 1rem !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .m-outdated-browser--container__right a#buorgig:hover, .m-outdated-browser--container__right a#buorgul:hover {
        background-color: #dee3ed;
    }

    .m-outdated-browser--container__right a#buorgig:active, .m-outdated-browser--container__right a#buorgul:active {
        background-color: rgba(255, 255, 255, 0.6);
    }

.m-outdated-browser--container__right a#buorgig {
    margin-right: 0 !important;
}

@media screen and (max-width: 767px) {
    .m-outdated-browser--container__left {
        margin-bottom: 20px;
    }
}

.buorg {
    background-color: none !important;
    border-bottom: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-align: left !important;
}

.buorg-pad {
    padding: 0 !important;
    line-height: inherit !important;
}

.buorg-icon {
    display: none !important;
}

.page-banner {
    position: relative;
    height: 30.125rem;
    width: 1440px;
    margin: 0 auto;
}

@media only screen and (max-width: 1440px) {
    .page-banner {
        width: 100%;
        overflow: hidden;
    }
}

@media only screen and (max-width: 1024px) {
    .page-banner {
        height: 395px;
        margin: 64px auto 0;
    }
}

.page-banner > div {
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2855AC), to(#263170));
    background-image: -o-linear-gradient(top, #2855AC 0%, #263170 100%);
    background-image: linear-gradient(-180deg, #2855AC 0%, #263170 100%);
}

@media only screen and (max-width: 1440px) {
    .page-banner > div {
        width: 1440px;
        position: relative;
    }
}

@media only screen and (max-width: 1024px) {
    .page-banner > div {
        width: 100%;
    }
}

.page-banner .hashtag {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    color: #ffc900;
    display: block;
}

.page-banner__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.2;
    background-position: center top;
}

.page-banner__mask {
    position: absolute;
    width: 100%;
    left: -1px;
    bottom: -1px;
}

    .page-banner__mask:after {
        content: '';
        position: absolute;
        width: 1px;
        height: 100%;
        background: #f8f8f8;
        top: 0;
        right: -1px;
    }

.page-banner--white .page-banner__mask:after {
    background: #ffffff;
}

.page-banner__mask svg {
    display: block;
}

.page-banner--white .page-banner__mask path {
    fill: #ffffff;
}

@media only screen and (max-width: 767px) {
    .page-banner__mask {
        left: -260px;
        width: 100%;
    }

        .page-banner__mask:after {
            content: none;
        }
}

.page-banner__particles {
    width: 377px;
    height: 95px;
    position: absolute;
    right: 131px;
    bottom: 140px;
}

@media only screen and (max-width: 1024px) {
    .page-banner__particles {
        display: none;
    }
}

.page-banner__particles > div {
    position: absolute;
}

.page-banner__particles .particle-1 {
    width: 45.2px;
    height: 10.5px;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    border-radius: 11.4px;
    background-image: -o-linear-gradient(247deg, #F6A90A, #FEC900);
    background-image: linear-gradient(-157deg, #F6A90A, #FEC900);
    -webkit-box-shadow: 0 9px 18px 0 rgba(255, 161, 44, 0.3);
    box-shadow: 0 9px 18px 0 rgba(255, 161, 44, 0.3);
    top: 22px;
    left: 109px;
}

.page-banner__particles .particle-2 {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    background-image: -o-linear-gradient(260deg, #2855AC 2%, #263170 100%);
    background-image: linear-gradient(-170deg, #2855AC 2%, #263170 100%);
    -webkit-box-shadow: 0 9px 57px 0 rgba(40, 85, 172, 0.6);
    box-shadow: 0 9px 57px 0 rgba(40, 85, 172, 0.6);
    width: 327px;
    height: 9.5px;
    border-radius: 11.5px;
    top: 39px;
    left: -3px;
}

.page-banner__particles .particle-3 {
    width: 71.2px;
    height: 16.5px;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    border-radius: 11.4px;
    -webkit-box-shadow: 0 9px 18px 0 rgba(255, 161, 44, 0.3);
    box-shadow: 0 9px 18px 0 rgba(255, 161, 44, 0.3);
    background-image: -o-linear-gradient(247deg, #F6A90A, #FFC900);
    background-image: linear-gradient(-157deg, #F6A90A, #FFC900);
    right: 0;
    top: 19px;
}

.page-banner h2 {
    font-size: 2rem;
    line-height: 1.16;
    letter-spacing: -0.5px;
    text-align: center;
    color: #ffffff;
    padding-top: 8.75rem;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 767px) {
    .page-banner h2 {
        font-size: 1.5rem;
        letter-spacing: -0.2px;
    }
}

.page-banner p {
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: -0.23px;
    color: #ffffff;
    max-width: 36.25rem;
    margin: 0 auto;
}

@media only screen and (max-width: 767px) {
    .page-banner p {
        font-size: 0.875rem;
        line-height: 1.71;
    }
}

.page-banner .a-btn-icon {
    position: absolute;
    left: 0;
    bottom: 95px;
    width: 3.75rem;
    height: 3.75rem;
}

    .page-banner .a-btn-icon .icon-play::before {
        font-size: 1.25rem;
    }

@media screen and (max-width: 767px) {
    .page-banner .a-btn-icon {
        left: 0;
        top: 55px;
        bottom: 0;
    }
}

.page-banner__content {
    width: 50%;
    margin-left: 100px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .page-banner__content {
        width: 100%;
        margin: 0 auto;
        padding-top: 0;
        padding-left: 80px;
    }
}

@media screen and (max-width: 767px) {
    .page-banner__content {
        width: 100%;
        margin-left: 10px;
    }
}

.page-banner__content .title,
.page-banner__content .text {
    text-align: left;
}

.page-banner__content .title {
    font-size: 2.625rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    color: #ffffff;
}

@media (min-width: 767px) and (max-width: 1024px) {
    .page-banner__content .title {
        padding-top: 40px;
    }
}

@media screen and (max-width: 767px) {
    .page-banner__content .title {
        font-size: 1.5rem;
    }
}

.page-banner__content .text {
    margin-left: 0;
    font-size: 2.625rem;
    font-weight: 500;
    font-style: normal;
    color: #ffc900;
}

@media screen and (max-width: 767px) {
    .page-banner__content .text {
        font-size: 1.5rem;
    }
}

.bg-shape {
    position: absolute;
    height: 100%;
    width: 100%;
}

.bg-shape__wrapper {
    position: relative;
    width: 1440px;
    height: 100%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    left: 50%;
    background: #F8F8F8;
}

@media only screen and (max-width: 1440px) {
    .bg-shape__wrapper {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .bg-shape__wrapper {
        width: 100%;
    }
}

.bg-shape__svg {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}

    .bg-shape__svg svg {
        width: 100%;
    }

@media screen and (max-width: 767px) {
    .bg-shape__svg {
        bottom: -93px;
    }
}

@media (min-width: 768px) and (max-width: 1366px) {
    .bg-shape__svg {
        bottom: 33px;
    }
}

.bg-shape__overlay {
    position: absolute;
    width: 100%;
    height: 200px;
    left: 0;
    bottom: 0;
    background: #ffffff;
}

@media only screen and (max-width: 767px) {
    .bg-shape__overlay {
        height: 40px;
    }
}

.pagination__item, .pagination__item--current {
    display: inline-block;
    min-width: 40px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    color: #253342;
    padding: 0.625rem;
    border-radius: 0.5rem;
    background-color: #ecf0f2;
    margin-right: 0.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .pagination__item:last-child, .pagination__item--current:last-child {
        margin-right: 0;
    }

.pagination__item--current {
    border: solid 2px #ffc900;
    background-color: #ffffff;
}

.parsley-errors-list li {
    margin-top: 3px;
    font-size: 0.75rem;
    line-height: 1rem;
    color: #FF3D71;
    font-weight: 500;
}

.popover {
    position: relative;
    width: 1px;
    height: 1px;
}

    .popover:hover .popover--content {
        display: block;
        position: relative;
        width: 330px;
        left: 50%;
        top: auto;
        bottom: calc(100% + 14px);
        min-height: auto;
        -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
        border-radius: 8px;
        z-index: 2;
        height: auto;
    }

@media screen and (max-width: 767px) {
    .popover:hover .popover--content {
        display: none;
    }
}

.popover:hover .popover--content:after {
    content: none;
}

.popover:hover .popover--content__top {
    width: 100%;
    height: 32px;
    padding: 9px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-bottom: 1px solid #dee3ed;
    background-color: #ffffff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-box-shadow: 0 5px 15px 0 rgba(37, 51, 66, 0.15);
    box-shadow: 0 5px 15px 0 rgba(37, 51, 66, 0.15);
}

.popover:hover .popover--content__bottom {
    width: 100%;
    padding: 15px 20px;
    min-height: 130px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ffffff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-box-shadow: 0 5px 15px 0 rgba(37, 51, 66, 0.15);
    box-shadow: 0 5px 15px 0 rgba(37, 51, 66, 0.15);
}

    .popover:hover .popover--content__bottom .addresses {
        position: relative;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .popover:hover .popover--content__bottom .rectangle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .popover:hover .popover--content__bottom .rectangle .address-name,
        .popover:hover .popover--content__bottom .rectangle .address-detail {
            width: 50%;
        }

        .popover:hover .popover--content__bottom .rectangle .address-name {
            width: 130px;
            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;
            margin-bottom: 10px;
            padding: 5px 10px;
            border-radius: 6px;
            border: 2px solid #dee3ed;
            background-color: #ffffff;
            color: #8e9fad;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            .popover:hover .popover--content__bottom .rectangle .address-name:hover {
                cursor: pointer;
            }

            .popover:hover .popover--content__bottom .rectangle .address-name p {
                font-size: 0.75rem;
                font-weight: 500;
                line-height: 1.33;
                letter-spacing: -0.2px;
                color: #8e9fad;
            }

            .popover:hover .popover--content__bottom .rectangle .address-name i {
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
            }

                .popover:hover .popover--content__bottom .rectangle .address-name i:before {
                    font-size: 1rem;
                }

        .popover:hover .popover--content__bottom .rectangle .address-detail {
            display: none;
            position: absolute;
            right: -5px;
            top: 0;
        }

            .popover:hover .popover--content__bottom .rectangle .address-detail span {
                display: block;
                font-size: 0.75rem;
                font-weight: normal;
                line-height: 1.33;
                letter-spacing: -0.2px;
                color: #5f6b76;
            }

                .popover:hover .popover--content__bottom .rectangle .address-detail span a {
                    color: #5f6b76;
                }

                .popover:hover .popover--content__bottom .rectangle .address-detail span:first-child {
                    margin-bottom: 20px;
                }

    .popover:hover .popover--content__bottom .rectangle-active .address-name {
        border-color: #ffc900;
    }

        .popover:hover .popover--content__bottom .rectangle-active .address-name p {
            color: #253342;
        }

    .popover:hover .popover--content__bottom .rectangle-active .address-detail {
        display: block;
    }

.popover:hover .popover--content .title {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    color: #253342;
}

.popover--content {
    position: absolute;
    left: -40px;
    top: -60px;
    width: 80px;
    height: 38px;
    display: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ffffff;
    -webkit-box-shadow: 0 5px 15px 0 rgba(37, 51, 66, 0.15);
    box-shadow: 0 5px 15px 0 rgba(37, 51, 66, 0.15);
    border-radius: 8px;
}

    .popover--content:after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -6px;
        margin-left: -6px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #ffffff;
    }

.popover--content__top {
    border-bottom: none;
}

.popover--content__bottom {
    display: none;
}

@media screen and (max-width: 767px) {
    .popover--content {
        display: none;
    }
}

.popover--hexagon {
    position: absolute;
    width: 24px;
    height: 22px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
    .popover--hexagon {
        display: none;
        width: 7px;
        height: 5px;
    }
}

.progress-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .progress-step {
        position: relative;
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 767px) {
    .progress-step:after {
        content: '';
        position: absolute;
        left: -12px;
        top: 0;
        width: 8px;
        height: 100%;
        background-image: url(/style%20library/assets/img/process-step-mobile.png);
        background-repeat: repeat-y;
        background-position: left top;
    }
}

@media only screen and (max-width: 767px) {
    .progress-step h3:before {
        content: '';
        position: absolute;
        left: -18px;
        top: 30px;
        width: 16px;
        height: 12px;
        background: url(/style%20library/assets/img/arrow.png) no-repeat;
        z-index: 1;
    }
}

@media only screen and (max-width: 767px) {
    .progress-step-container .progress-step {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 767px) {
    .progress-step-container:nth-child(even) .progress-step {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }
}

.progress-step-container:nth-child(2n) .progress-step .hexagon {
    left: initial;
    right: 6%;
    top: -9%;
    background-image: url("/style%20library/assets/img/blue-hexagon-2.svg");
    background-size: 100%;
    background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
    .progress-step-container:nth-child(2n) .progress-step .hexagon {
        right: 3%;
        top: -40%;
    }
}

.progress-step-container:nth-child(4n) .progress-step .hexagon {
    left: initial;
    right: -7%;
    bottom: 4%;
    top: initial;
}

@media screen and (max-width: 767px) {
    .progress-step-container:nth-child(4n) .progress-step .hexagon {
        bottom: 35%;
    }
}

.progress-step-container:nth-child(6n) .progress-step .hexagon {
    left: 4%;
    top: -8%;
}

@media screen and (max-width: 767px) {
    .progress-step-container:nth-child(6n) .progress-step .hexagon {
        left: 0%;
        top: -40%;
    }
}

.progress-step-container:nth-child(8n) .progress-step .hexagon {
    left: 2%;
    bottom: -8%;
}

@media screen and (max-width: 767px) {
    .progress-step-container:nth-child(8n) .progress-step .hexagon {
        bottom: 12%;
    }
}

.progress-step__left {
    position: relative;
    width: 580px;
    height: 480px;
    margin-right: 60px;
}

@media only screen and (max-width: 767px) {
    .progress-step__left {
        width: initial;
        height: initial;
        margin-right: initial;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .progress-step__left {
        width: 420px;
        height: auto;
        margin-right: 30px;
    }
}

.progress-step__left .hexagon {
    position: absolute;
    left: -3%;
    top: -8%;
    width: 100px;
    height: 100px;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    z-index: 2;
    background-image: url("/style%20library/assets/img/yellow-hexagon.svg");
    background-size: 100%;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
    .progress-step__left .hexagon {
        width: 62px;
        height: 62px;
        left: 0;
        top: -80px;
    }
}

.progress-step__left .hexagon img {
    display: block;
    width: 100%;
}

.progress-step__left:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.54)));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.54) 100%);
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.54) 100%);
    opacity: 0.9;
    border-radius: 32px;
}

@media only screen and (max-width: 767px) {
    .progress-step__left:after {
        border-radius: 17.7px;
    }
}

.progress-step__left img {
    max-width: 580px;
    height: 480px;
    display: block;
    border-radius: 32px;
    -webkit-box-shadow: 0 20px 30px 0 rgba(37, 51, 66, 0.2);
    box-shadow: 0 20px 30px 0 rgba(37, 51, 66, 0.2);
}

@media only screen and (max-width: 767px) {
    .progress-step__left img {
        width: 100%;
        border-radius: 17.7px;
        height: auto;
    }
}

@media (min-width: 767px) and (max-width: 1024px) {
    .progress-step__left img {
        max-width: 420px;
        height: auto;
    }
}

.progress-step__right {
    max-width: 340px;
}

    .progress-step__right .text-section {
        text-align: left;
    }

        .progress-step__right .text-section h3 {
            margin-bottom: 20px;
        }

@media (min-width: 768px) and (max-width: 1024px) {
    .progress-step__right {
        margin-left: 15px;
    }
}

.progress-step--right .progress-step__left {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-right: 0;
    margin-left: 60px;
}

.m-search {
    position: relative;
    line-height: 1.375rem;
    border-radius: 0.5rem;
    background-color: #ffffff;
    max-width: 36.25rem;
    margin: 0 auto;
    border: solid 1px #dee3ed;
    padding: 0.875rem 1rem;
}

    .m-search.result {
        border-radius: 0.5rem 0.5rem 0 0;
    }

        .m-search.result .m-search__input {
            border-radius: 0.5rem 0.5rem 0 0;
        }

        .m-search.result .m-search__suggestions {
            top: 100%;
            display: block;
        }

            .m-search.result .m-search__suggestions .typeahead__list {
                max-height: 22.625rem;
                overflow-y: auto;
            }

                .m-search.result .m-search__suggestions .typeahead__list::-webkit-scrollbar-track {
                    -webkit-box-shadow: inset 0 0 0.375rem rgba(0, 0, 0, 0.3);
                    background-color: #dee3ed;
                }

                .m-search.result .m-search__suggestions .typeahead__list::-webkit-scrollbar {
                    width: 3px;
                    background-color: #dee3ed;
                }

                .m-search.result .m-search__suggestions .typeahead__list::-webkit-scrollbar-thumb {
                    background-color: #5f6b76;
                }

.m-search__speech {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.m-search__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-radius: 0.5rem;
}

    .m-search__input input {
        font-size: 1.125rem;
        width: 100%;
        height: 100%;
        font-weight: 500;
        color: #5f6b76;
    }

        .m-search__input input::-webkit-input-placeholder {
            color: #5f6b76;
        }

        .m-search__input input + .m-search__cancel {
            opacity: 0;
        }

        .m-search__input input:focus + .m-search__cancel {
            opacity: 1;
        }

    .m-search__input .a-btn-icon {
        margin-right: 0.5rem;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

        .m-search__input .a-btn-icon i.icon-close:before {
            font-size: 1.125rem;
            font-weight: 700;
        }

        .m-search__input .a-btn-icon i:before {
            color: #5f6b76;
            font-size: 1.5rem;
        }

        .m-search__input .a-btn-icon:first-child {
            margin-left: 0.5rem;
        }

.m-search__powered {
    font-size: 0.6875rem;
    text-align: right;
    font-weight: 500;
    opacity: 0.4;
    margin: 0.1875rem 0.5rem 0 0;
    position: absolute;
    color: #ffffff;
    right: 0;
}

    .m-search__powered cite > a {
        font-style: normal;
        color: #ffffff;
        font-weight: 700;
    }

.m-search__suggestions {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    background: #ffffff;
    border-radius: 0 0 0.5rem 0.5rem;
    overflow: hidden;
    z-index: 20;
    -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.1), 0 6px 30px 0px rgba(0, 0, 0, 0.1), 0 16px 24px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.1), 0 6px 30px 0px rgba(0, 0, 0, 0.1), 0 16px 24px 2px rgba(0, 0, 0, 0.1);
    text-align: left;
}

    .m-search__suggestions ul > li {
        border-bottom: 1px solid rgba(37, 51, 66, 0.1);
    }

        .m-search__suggestions ul > li a {
            font-size: 0.875rem;
            color: #5f6b76;
            display: block;
            font-weight: 400;
        }

            .m-search__suggestions ul > li a div {
                padding: 0.625rem 1.25rem;
            }

            .m-search__suggestions ul > li a p {
                font-size: 1rem;
                color: #253342;
                font-weight: 500;
                margin-top: 0.3125rem;
            }

            .m-search__suggestions ul > li a strong {
                color: #009ed8;
                font-weight: 500;
            }

        .m-search__suggestions ul > li:first-child a {
            border: 0;
        }

        .m-search__suggestions ul > li:hover {
            background-color: rgba(223, 227, 236, 0.3);
        }

    .m-search__suggestions span {
        color: #8e9fad;
        font-size: 0.875rem;
        font-weight: 500;
    }

    .m-search__suggestions mark {
        background-color: transparent;
        color: #009ed8;
        font-weight: 700;
    }

.m-search__results {
    color: #2855ac;
    font-weight: 700;
    font-size: 1rem;
    padding: 1.25rem;
    display: block;
}

    .m-search__results:hover {
        background-color: rgba(223, 227, 236, 0.3);
    }

.m-search__recommended {
    background-color: rgba(223, 227, 236, 0.3);
    position: relative;
}

    .m-search__recommended mark {
        font-size: 0.6875rem;
        text-align: right;
        font-weight: 700;
        opacity: 0.4;
        margin: 0.375rem 0.5rem 0 0;
        position: absolute;
        color: #8e9fad;
        top: 0;
        right: 0;
    }

.m-search__gray {
    background-color: #ecf0f2;
    border-radius: 0.5rem;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .m-search__gray input {
        font-weight: 700;
        color: #253342;
    }

        .m-search__gray input::-webkit-input-placeholder {
            color: #253342;
        }

    .m-search__gray:focus-within {
        background-color: #ffffff;
        -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.1), 0 6px 30px 5px rgba(0, 0, 0, 0.1), 0 16px 24px 2px rgba(0, 0, 0, 0.1);
        box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.1), 0 6px 30px 5px rgba(0, 0, 0, 0.1), 0 16px 24px 2px rgba(0, 0, 0, 0.1);
    }

    .m-search__gray ~ .m-search__powered {
        color: #253342;
    }

        .m-search__gray ~ .m-search__powered cite > a {
            color: #253342;
        }

.m-select {
    width: 100%;
}

.m-select--native {
    width: 100%;
    height: 3.5rem;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.m-product-color .m-select--native,
.m-product-memory .m-select--native {
    height: 5rem;
}

.m-select--native[disabled], .m-select--native[readonly] {
    cursor: default;
}

    .m-select--native[disabled] + .m-select-replica, .m-select--native[readonly] + .m-select-replica {
        color: #8e9fad;
        cursor: default;
    }

        .m-select--native[disabled] + .m-select-replica:focus, .m-select--native[disabled] + .m-select-replica:hover, .m-select--native[disabled] + .m-select-replica .a-input--active, .m-select--native[readonly] + .m-select-replica:focus, .m-select--native[readonly] + .m-select-replica:hover, .m-select--native[readonly] + .m-select-replica .a-input--active {
            border-color: #dee3ed;
            ursor: default;
        }

.m-select--v2 + .select2-container .select2-selection--single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 78px !important;
}

    .m-select--v2 + .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 1 !important;
        overflow: initial;
        -o-text-overflow: initial;
        text-overflow: initial;
        white-space: initial;
    }

.select2 {
    width: 100% !important;
}

.select2-container {
    outline: 0;
}

.select2-container--open .select2-selection {
    border: 0;
    -webkit-box-shadow: 0 0 1.875rem -0.625rem rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 1.875rem -0.625rem rgba(0, 0, 0, 0.5);
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background-color: #ffffff !important;
}

.select2-container--open .select2-selection__rendered {
    color: #5f6b76 !important;
}

.select2-container--open .select2-selection__arrow:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.select2-container--open.select2-container--above .select2-selection.select2-selection--single {
    border-radius: 0.5rem !important;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.select2-container--default .select2-selection--single.select2-selection {
    background-color: #ffffff !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:after {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
    visibility: hidden !important;
}

.select2-selection {
    height: 3.5rem !important;
    overflow: hidden;
    border-color: #dee3ed !important;
    outline: 0;
    border-radius: 0.5rem !important;
}

    .select2-selection:hover {
        border-color: #8e9fad !important;
    }

.select2-selection__rendered {
    line-height: 3.5rem !important;
    padding: 0 1rem !important;
    outline: 0;
    color: #5f6b76;
    font-size: 1rem;
}

.select2-selection__placeholder {
    color: #8e9fad !important;
}

.select2-selection__arrow {
    position: absolute;
    right: 0;
    top: 50% !important;
    margin-top: -0.8125rem;
}

    .select2-selection__arrow b {
        display: none;
    }

    .select2-selection__arrow:before {
        font-family: "IconFont";
        position: absolute;
        right: 0.375rem;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        color: #5f6b76;
        font-size: 1.625rem;
    }

    .select2-selection__arrow:after {
        width: 0 !important;
        height: 0 !important;
        display: none !important;
        visibility: hidden !important;
    }

.select2-dropdown {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    -webkit-box-shadow: 0 0.4375rem 1.875rem -0.625rem rgba(0, 0, 0, 0.5);
    box-shadow: 0 0.4375rem 1.875rem -0.625rem rgba(0, 0, 0, 0.5);
    border: 0;
}

    .select2-dropdown.select2-dropdown--above {
        border-radius: 0.5rem !important;
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        -webkit-box-shadow: 0 -3px 1.875rem -0.625rem rgba(0, 0, 0, 0.5);
        box-shadow: 0 -3px 1.875rem -0.625rem rgba(0, 0, 0, 0.5);
    }

.select2-results__options {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #253342;
    padding: 0.5rem 0;
}

.select2-results__option {
    padding: 0.5rem 1rem;
}

.select2-results__option--highlighted {
    font-weight: 700;
}

.select2-results__option[aria-selected] {
    background: transparent !important;
    color: #253342 !important;
}

.select2-search {
    display: none !important;
}

.search-active .select2-search {
    display: block !important;
}

.search-active .select2-search__field {
    padding: 10px;
    border-radius: 5px;
    font-size: 1rem;
}

.select2-container--blue .select2-selection {
    background-color: #1f4590;
}

.select2-container--blue .select2-selection__rendered {
    color: #ffffff;
}

.select2-container--blue .select2-selection:hover {
    background-color: #263170;
}

.select2-container--blue .select2-selection__arrow:before {
    color: #ffffff;
}

.select2-container--blue .select2-dropdown {
    z-index: 9999999;
}

.select2-container--bordered .select2-selection, .select2-container--login .select2-selection {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    position: relative;
}

.select2-container--bordered .select2-selection__rendered, .select2-container--login .select2-selection__rendered {
    color: #ffffff;
}

.select2-container--bordered .select2-selection:hover, .select2-container--login .select2-selection:hover {
    background-color: #263170;
}

.select2-container--bordered .select2-selection__arrow, .select2-container--login .select2-selection__arrow {
    top: 50%;
    margin-top: -0.8125rem;
}

    .select2-container--bordered .select2-selection__arrow:before, .select2-container--login .select2-selection__arrow:before {
        color: #ffffff;
    }

.select2-container--login .select2-dropdown {
    z-index: 9999999;
}

.select2-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.select2-icons__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .select2-icons__icon .icon-turkcell-logo::before {
        font-size: 1rem;
    }

.select2-icons__value {
    margin-left: 0.5rem;
}

.select2-container--radio .select2-radio__value {
    position: relative;
    padding-left: 2.5rem;
}

    .select2-container--radio .select2-radio__value:after {
        content: "";
        position: absolute;
        height: 1.5rem;
        width: 1.5rem;
        border: 1px solid #8e9fad;
        top: 0px;
        border-radius: 100%;
        left: 0;
        background-color: #ffffff;
    }

    .select2-container--radio .select2-radio__value:before {
        content: "";
        display: block;
        width: 0.875rem;
        height: 0.875rem;
        position: absolute;
        background: #ffc900;
        border-radius: 50%;
        top: 0.375rem;
        left: 0.375rem;
        z-index: 1;
        display: none;
    }

    .select2-container--radio .select2-radio__value span {
        display: block;
        margin-top: 0.875rem;
    }

.select2-container--radio .select2-selection {
    background-color: none;
    border: 1px solid #dee3ed !important;
    position: relative;
    height: auto !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.select2-container--radio .select2-selection__rendered {
    white-space: normal !important;
    line-height: 1.375rem !important;
    padding: 1rem !important;
    font-size: 0.875rem;
}

    .select2-container--radio .select2-selection__rendered .select2-radio__value:before {
        display: block;
    }

.select2-container--radio .select2-selection__arrow {
    display: none;
}

.select2-container--radio .select2-results {
    height: 10.375rem;
    overflow-y: auto;
}

.select2-container--radio .select2-results__option {
    font-size: 0.875rem;
    color: #8e9fad;
    border-bottom: 1px solid #dee3ed;
}

    .select2-container--radio .select2-results__option:last-child {
        border-bottom: 0;
    }

    .select2-container--radio .select2-results__option--highlighted, .select2-container--radio .select2-results__option[aria-selected="true"] {
        font-weight: 500;
        color: #5f6b76;
    }

        .select2-container--radio .select2-results__option--highlighted .select2-radio__value:before, .select2-container--radio .select2-results__option[aria-selected="true"] .select2-radio__value:before {
            display: block;
        }

    .select2-container--radio .select2-results__option[aria-selected="true"] {
        display: none;
    }

.select2-container--radio .select2-dropdown {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.select2-container--double .select2-name__value {
    line-height: 1.125rem;
    font-size: 1.25rem;
    font-weight: 500;
    margin-top: 4px;
}

    .select2-container--double .select2-name__value span {
        display: block;
        font-size: 0.875rem;
        line-height: 1.71;
    }

.select2-container--double .select2-selection {
    background-color: #1f4590;
}

.select2-container--double .select2-selection__rendered {
    color: #ffffff;
}

.select2-container--double .select2-selection:hover {
    background-color: #263170;
}

.select2-container--double .select2-selection__arrow:before {
    color: #ffffff;
}

.select2-container--double .select2-dropdown {
    z-index: 9999999;
}

.m-select[readonly] + .select2-container {
    pointer-events: none;
    -ms-touch-action: none;
    touch-action: none;
}

    .m-select[readonly] + .select2-container .select2-selection__arrow,
    .m-select[readonly] + .select2-container .select2-selection__clear {
        display: none;
    }

.m-select.parsley-error + .select2-container--default .selection .select2-selection {
    border-color: #FF3D71 !important;
    color: #FF3D71 !important;
}

.m-select-native-container {
    position: relative;
}

    .m-select-native-container label {
        color: #8e9fad;
        font-size: 1rem;
        position: absolute;
        pointer-events: none;
        left: 0;
        top: 0;
        -webkit-transform: translate(1rem, 1rem) scale(1);
        -ms-transform: translate(1rem, 1rem) scale(1);
        transform: translate(1rem, 1rem) scale(1);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        z-index: 6;
        -webkit-transition-property: font-size, -webkit-transform;
        transition-property: font-size, -webkit-transform;
        -o-transition-property: transform, font-size;
        transition-property: transform, font-size;
        transition-property: transform, font-size, -webkit-transform;
        will-change: transform, font-size;
        -webkit-transition: 150ms cubic-bezier(0, 0, 0.2, 1);
        -o-transition: 150ms cubic-bezier(0, 0, 0.2, 1);
        transition: 150ms cubic-bezier(0, 0, 0.2, 1);
        line-height: 1.25rem;
        padding-top: 3px;
    }

    .m-select-native-container .m-select-replica--filled + label {
        -webkit-transform: translate(1rem, 0.5625rem) scale(0.75);
        -ms-transform: translate(1rem, 0.5625rem) scale(0.75);
        transform: translate(1rem, 0.5625rem) scale(0.75);
        padding-top: 0;
    }

.m-select-replica {
    width: 100%;
    background: #ffffff;
    border: 1px solid #dee3ed;
    border-radius: 8px;
    height: 3.5rem;
    padding: 0 2.25rem 0 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-product-color .m-select-replica,
.m-product-memory .m-select-replica {
    height: 5rem;
    padding-top: 0.625rem;
}

.m-select-replica__arrow {
    position: absolute;
    right: 0;
    top: 50% !important;
    margin-top: -0.8125rem;
}

    .m-select-replica__arrow:before {
        font-family: "IconFont";
        position: absolute;
        right: 0.375rem;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        color: #5f6b76;
        font-size: 1.625rem;
    }

.m-product-color .m-select-replica__arrow:before,
.m-product-memory .m-select-replica__arrow:before {
    font-size: 0.9375rem;
    top: -0.875rem;
    font-weight: 700;
    right: 0.875rem;
    color: #979797;
}

.m-select-replica--open {
    -webkit-box-shadow: 0 0 1.875rem -0.625rem rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 1.875rem -0.625rem rgba(0, 0, 0, 0.5);
}

.m-select-replica__selected {
    color: #253342;
    font-size: 1rem;
    font-weight: 500;
    line-height: 3rem;
}

.m-select-replica__icon {
    position: relative;
}

    .m-select-replica__icon + .m-select-replica__selected {
        padding-left: 2rem;
    }

    .m-select-replica__icon .icon-turkcell-logo:before {
        font-size: 1rem;
    }

.m-select-replica__color {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 100%;
    margin-right: 0.625rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m-select-replica__color--light {
    border: 1px solid #8e9fad;
}

.m-select--large + .m-select-replica {
    height: 3.5rem;
}

.m-select--has-field + .m-select-replica {
    padding-top: 0.75rem;
}

.m-select--native.parsley-error + .m-select-replica {
    border-color: #FF3D71;
}

.m-select--blue + .m-select-replica {
    background-color: #1f4590;
}

    .m-select--blue + .m-select-replica .m-select-replica__arrow:before {
        color: #ffffff;
    }

    .m-select--blue + .m-select-replica .m-select-replica__selected,
    .m-select--blue + .m-select-replica .m-select-replica__icon {
        color: #ffffff;
    }

.m-select--login + .m-select-replica {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

    .m-select--login + .m-select-replica .m-select-replica__arrow:before {
        color: #ffffff;
    }

    .m-select--login + .m-select-replica .m-select-replica__selected,
    .m-select--login + .m-select-replica .m-select-replica__icon {
        color: #ffffff;
    }

.skrollr-mobile {
    overflow-y: initial !important;
}

    .skrollr-mobile body {
        overflow-y: initial !important;
    }

.a-icon-svg {
    width: 4rem;
    height: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    padding: 0.75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .a-icon-svg img {
        width: 100%;
        height: 100%;
    }

.a-icon-svg--big {
    width: 6rem;
    height: 6rem;
    padding: 1.25rem;
}

.table {
    padding-bottom: 2.5rem;
    background: #ffffff;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0 0.625rem 1.875rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.625rem 1.875rem 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #ecf0f2;
    overflow: hidden;
}

    .table table {
        width: 100%;
        table-layout: fixed;
        margin-bottom: 1.875rem;
    }

        .table table td, .table table thead th, .table table th, .table table thead th {
            line-height: 1.25;
            height: 2.5rem;
            vertical-align: middle;
            padding: 0.625rem 0 0.625rem 1.5rem;
        }

        .table table thead {
            border-radius: 8px;
            background-color: #ecf0f2;
        }

            .table table thead th {
                text-align: left;
                font-weight: 700;
            }

@media only screen and (max-width: 767px) {
    .table table thead th {
        display: none;
    }

        .table table thead th:first-child {
            display: table-cell;
        }
}

.table table thead th.space {
    display: table-cell;
}

.table table thead th a {
    color: #253342;
}

.table table thead th i {
    margin-left: 8px;
}

    .table table thead th i:before {
        font-size: 0.5rem;
    }

.table table thead th:last-child {
    width: 1.25rem;
    padding-right: 1.5rem;
}

.table table tbody {
    font-weight: normal;
}

    .table table tbody tr {
        border-bottom: 1px solid #ecf0f2;
    }

@media only screen and (max-width: 767px) {
    .table table tbody tr td, .table table tbody tr thead th, .table table thead tbody tr th {
        display: block;
        font-size: 0.75rem;
        color: #8e9fad;
        height: initial;
        line-height: 1.67;
        padding: 0 0 0 1.5rem;
    }

        .table table tbody tr td:first-child, .table table tbody tr thead th:first-child, .table table thead tbody tr th:first-child {
            font-size: inherit;
            color: inherit;
            line-height: inherit;
            margin-bottom: 4px;
            padding: 1rem 0 0 1.5rem;
        }

        .table table tbody tr td:last-child, .table table tbody tr thead th:last-child, .table table thead tbody tr th:last-child {
            display: table-cell;
        }

        .table table tbody tr td:nth-last-child(2), .table table tbody tr thead th:nth-last-child(2), .table table thead tbody tr th:nth-last-child(2) {
            padding: 0 0 1rem 1.5rem;
        }
}

.table table tbody tr td .icon-arrow-left, .table table tbody tr thead th .icon-arrow-left, .table table thead tbody tr th .icon-arrow-left, .table table tbody tr td .dropdown-check-list .anchor:after, .dropdown-check-list .table table tbody tr td .anchor:after, .table table tbody tr thead th .dropdown-check-list .anchor:after, .dropdown-check-list .table table tbody tr thead th .anchor:after, .table table thead tbody tr th .dropdown-check-list .anchor:after, .dropdown-check-list .table table thead tbody tr th .anchor:after, .table table tbody tr td .select2-selection__arrow, .table table tbody tr thead th .select2-selection__arrow, .table table thead tbody tr th .select2-selection__arrow, .table table tbody tr td .m-select-replica__arrow, .table table tbody tr thead th .m-select-replica__arrow, .table table thead tbody tr th .m-select-replica__arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.table .pagination {
    text-align: center;
}

@media (min-width: 320px) and (max-width: 767px) {
    .team-card {
        width: 100%;
    }
}

.team-card a:hover .team-card__image img {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

@media (min-width: 768px) and (max-width: 1024px) {
    .team-card a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.team-card__image {
    width: 300px;
    height: 300px;
    min-height: 300px;
    min-width: 300px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    -webkit-box-shadow: 0 20px 30px 0 rgba(37, 51, 66, 0.2);
    box-shadow: 0 20px 30px 0 rgba(37, 51, 66, 0.2);
    will-change: transform;
}

    .team-card__image img {
        display: block;
        width: auto;
        height: 100%;
        -o-transition: transform 0.4s;
        -webkit-transition: transform 0.4s;
        -webkit-transition: -webkit-transform 0.4s;
        transition: -webkit-transform 0.4s;
        transition: transform 0.4s;
        transition: transform 0.4s, -webkit-transform 0.4s;
        will-change: transform;
    }

@media (min-width: 320px) and (max-width: 767px) {
    .team-card__image {
        max-width: 200px;
        max-height: 200px;
        -webkit-box-shadow: 0 13px 20px 0 rgba(37, 51, 66, 0.2);
        box-shadow: 0 13px 20px 0 rgba(37, 51, 66, 0.2);
        margin: 0 auto;
    }
}

.team-card__title {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    color: #4a4a4a;
    margin-top: 45px;
    display: block;
    line-height: 1.31;
    max-height: 120px;
    overflow: hidden;
    text-emphasis: none;
    -webkit-text-emphasis: none;
}

@media (min-width: 320px) and (max-width: 767px) {
    .team-card__title {
        font-size: 1.25rem;
        line-height: 1.4;
        padding: 0 30px;
        margin-top: 16px;
    }
}

.team-card__text {
    font-size: 1.5rem;
    line-height: 1.75;
    text-align: center;
    color: #8e9fad;
    margin: 8px 0 0 0;
    max-height: 90px;
    overflow: hidden;
    text-emphasis: none;
    -webkit-text-emphasis: none;
}

@media (min-width: 320px) and (max-width: 767px) {
    .team-card__text {
        font-size: 0.875rem;
        padding: 0 30px;
        margin-top: 3px;
    }
}

.team-section {
    position: relative;
    margin-top: 60px;
}

@media (min-width: 320px) and (max-width: 767px) {
    .team-section {
        padding-bottom: 40px;
    }
}

.team-section__particules {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
}

@media (min-width: 320px) and (max-width: 767px) {
    .team-section__particules {
        display: none;
    }
}

.team-section__particules .particule-1 {
    width: 100px;
    height: 100px;
    left: -78px;
    top: -5px;
    position: absolute;
    -webkit-transform: rotate(52deg);
    -ms-transform: rotate(52deg);
    transform: rotate(52deg);
}

.team-section__particules .particule-2 {
    width: 330px;
    height: 330px;
    position: absolute;
    bottom: 13px;
    right: -179px;
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
}

.team-section__particules img {
    display: block;
    width: 100%;
}

.team-section__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.team-section .content__body {
    padding-top: 40px;
    position: relative;
}

.team-section .team-card {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 468px;
    margin: 0 50px 66px 50px;
    width: calc(33% - 100px);
}

@media (min-width: 320px) and (max-width: 767px) {
    .team-section .team-card {
        height: initial;
        margin: 0 0 40px 0;
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .team-section .team-card {
        width: 50%;
        height: auto;
        margin: 0 auto;
        padding-bottom: 30px;
    }
}

.text-section {
    max-width: 36.375rem;
    margin: 0 auto;
    text-align: center;
}

    .text-section h3 {
        font-size: 1.75rem;
        line-height: 1.5;
        letter-spacing: -0.53px;
        color: #4a4a4a;
        margin-bottom: 0.5rem;
    }

@media only screen and (max-width: 767px) {
    .text-section h3 {
        font-size: 1.5rem;
        text-align: center;
        padding: 0 24px;
        margin-top: 32px;
        line-height: 1.33;
        position: relative;
    }
}

.text-section p {
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 1.44;
    color: #8e9fad;
    margin-bottom: 1.875rem;
}

@media only screen and (max-width: 767px) {
    .text-section p {
        font-size: 1rem;
        line-height: 1.38;
        text-align: center;
        color: #8e9fad;
        padding: 0 24px;
    }
}

.text-section p:last-child {
    margin-bottom: 0;
}

.bodyHeight {
    height: 100vh;
}

    .bodyHeight footer {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
    }

.error-page {
    background: url(/style%20library/assets/img/error-page-bg.png) no-repeat top center;
    background-size: cover;
    text-align: center;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .error-page img {
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

.error-page-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 370px;
}

.error-page-content__title {
    margin-bottom: 15px;
    font-size: 2rem;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.16;
    letter-spacing: -0.5px;
    text-align: center;
    color: #ffffff;
}

.error-page-content__text {
    margin-bottom: 40px;
    font-size: 1.125rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: -0.23px;
    text-align: center;
    color: #ffffff;
}

.error-page-content button.back-home-btn {
    padding: 17px 5px;
    font-size: 1rem;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #253342;
}

.following-settings {
    margin-top: 60px;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 767px) {
    .following-settings {
        margin-top: 20px;
    }
}

.following-settings .content__title {
    margin-bottom: 40px;
    text-align: left;
    font-size: 2.625rem;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.54px;
    color: #253342;
}

@media screen and (max-width: 767px) {
    .following-settings .content__title {
        margin-bottom: 20px;
        font-size: 1.5rem;
        line-height: 1.33;
        padding: 0;
    }
}

.following-settings-content p {
    color: #8e9fad;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 30px;
}

.following-settings-content .fs-table {
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .following-settings-content .fs-table {
        -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        overflow: hidden;
        border: 1px solid #ecf0f2;
        padding: 10px 0;
    }
}

.following-settings-content .fs-table__col1 {
    width: 40%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 10px;
    height: 60px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .following-settings-content .fs-table__col1 {
        width: 60%;
    }
}

.following-settings-content .fs-table__col1 .position {
    display: none;
}

@media screen and (max-width: 767px) {
    .following-settings-content .fs-table__col1 .position {
        width: 60%;
        display: block;
        color: #8e9fad;
        font-size: 12px;
        margin-top: 8px;
    }
}

@media screen and (max-width: 767px) {
    .following-settings-content .fs-table__col1 .title {
        font-size: 16px;
    }
}

.following-settings-content .fs-table__col2 {
    width: 35%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    height: 60px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .following-settings-content .fs-table__col2 {
        display: none;
    }
}

.following-settings-content .fs-table__col3 {
    width: 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 14px;
    height: 60px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media screen and (max-width: 767px) {
    .following-settings-content .fs-table__col3 {
        width: 40%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}

.following-settings-content .fs-table__header-row {
    height: 52px;
    border-radius: 8px 8px 0 0;
    background-color: #ecf0f2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: bold;
    color: #253342;
}

@media screen and (max-width: 767px) {
    .following-settings-content .fs-table__header-row {
        display: none;
    }
}

.following-settings-content .fs-table__header-row .fs-table__col1,
.following-settings-content .fs-table__header-row .fs-table__col3 {
    border: 0;
}

.following-settings-content .fs-table__row {
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #ffffff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: #253342;
    font-size: 14px;
    font-weight: normal;
    border-left: 2px solid #ecf0f2;
    border-right: 2px solid #ecf0f2;
}

    .following-settings-content .fs-table__row:after {
        content: "";
        width: calc(100% - 28px);
        left: 14px;
        position: absolute;
        bottom: 0;
        height: 1px;
        background-color: #ecf0f2;
    }

@media screen and (max-width: 767px) {
    .following-settings-content .fs-table__row {
        border: 0;
    }
}

.following-settings-content .fs-table__row .button {
    height: 35px;
    padding: 0 5px;
    font-size: 14px;
    font-weight: 500;
    max-width: 130px;
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .following-settings-content .fs-table__row .button {
        max-width: 100%;
    }
}

.following-settings-content .fs-table__row .button.no-follow {
    background-color: #ecf0f2;
    border-color: #ecf0f2;
}

.following-settings-content .fs-table__row:last-child {
    border-bottom: 2px solid #ecf0f2;
    border-radius: 0 0 8px 8px;
}

    .following-settings-content .fs-table__row:last-child:after {
        display: none;
    }

@media screen and (max-width: 767px) {
    .following-settings-content .fs-table__row:last-child {
        border: 0;
    }
}

.following-settings-content .following-settings-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 767px) {
    .following-settings-content .following-settings-action {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.following-settings-content .following-settings-action .button {
    margin-right: 17px;
}

@media screen and (max-width: 767px) {
    .following-settings-content .following-settings-action .button {
        width: 100%;
        margin: 0 0 16px;
    }
}

.gnc-ytnk-banner {
    height: 570px;
}

@media screen and (max-width: 767px) {
    .gnc-ytnk-banner {
        height: 414px;
    }
}

.gnc-ytnk-banner .button {
    width: 160px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1rem;
}

    .gnc-ytnk-banner .button i {
        margin-right: 10px;
    }

        .gnc-ytnk-banner .button i:before {
            font-size: 1.25rem;
        }

.gnc-ytnk-banner .page-banner__bg {
    opacity: 0.8;
}

    .gnc-ytnk-banner .page-banner__bg ~ .container {
        z-index: 1;
    }

.gnc-ytnk-banner .page-banner__content {
    width: 100%;
    margin-left: 0;
    padding-top: 130px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media screen and (max-width: 767px) {
    .gnc-ytnk-banner .page-banner__content {
        padding-top: 30px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .gnc-ytnk-banner .page-banner__content {
        padding-left: 0;
    }
}

.gnc-ytnk-banner .page-banner__content .title {
    padding-top: 20px;
    margin-bottom: 15px;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.16;
    letter-spacing: -0.5px;
    text-align: center;
    color: #ffffff;
}

@media screen and (max-width: 767px) {
    .gnc-ytnk-banner .page-banner__content .title {
        margin-bottom: 10px;
        font-size: 1.5rem;
        font-weight: bold;
        line-height: normal;
        letter-spacing: -0.2px;
    }
}

.gnc-ytnk-banner .page-banner__content .text {
    margin: 0 auto;
    margin-bottom: 25px;
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: -0.23px;
    text-align: center;
    color: #ffffff;
}

@media screen and (max-width: 767px) {
    .gnc-ytnk-banner .page-banner__content .text {
        margin-bottom: 20px;
        font-size: 0.875rem;
        font-weight: normal;
        line-height: 1.71;
        letter-spacing: -0.3px;
    }
}

@media screen and (max-width: 767px) {
    .gnc-ytnk-banner .page-banner__content img {
        width: 60px;
        height: 60px;
    }
}

.gnc-ytnk-text {
    margin-top: 70px;
    margin-bottom: 100px;
}

    .gnc-ytnk-text .content--circle__particules .particule-1 {
        top: -190px;
        right: -250px;
    }

@media screen and (max-width: 767px) {
    .gnc-ytnk-text .content--circle__particules {
        display: none;
    }
}

.gnc-ytnk-text p {
    width: 85%;
    margin: 0 auto;
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    color: #8e9fad;
}

.gnc-ytnk-text .apply-btn {
    display: block;
    margin: 40px auto 10px;
}

@media screen and (max-width: 767px) {
    .gnc-ytnk-text {
        margin-top: 40px;
        margin-bottom: 60px;
    }

        .gnc-ytnk-text p {
            width: 100%;
        }
}

.gncytnk {
    position: relative;
}

@media screen and (max-width: 767px) {
    .gncytnk .hexagon-img {
        display: none;
    }
}

.gncytnk .hexagon-img .gray-big-hexagon {
    position: absolute;
    left: -350px;
    top: 80px;
    width: 810px;
    height: 670px;
}

.gncytnk .hexagon-img .yellow-small-hexagon {
    position: absolute;
    left: 60px;
    top: 50px;
    width: 78px;
    height: 70px;
}

.tag {
    position: absolute;
    left: 0;
    top: 130px;
    z-index: 2;
}

    .tag a {
        display: block;
    }

.tag-item {
    position: relative;
    margin-bottom: 8px;
}

    .tag-item:hover {
        cursor: pointer;
    }

.tag-item__text {
    position: absolute;
    left: 40px;
    top: 0;
    display: block;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 3.15;
    letter-spacing: -0.25px;
    text-align: center;
}

.tag .text-black {
    color: #253342;
}

.tag .text-white {
    color: #ffffff;
}

.tag-container {
    position: relative;
    margin: 0 auto;
    width: 1440px;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
    .tag-container {
        display: none;
    }
}

.line-map {
    width: 100%;
    height: auto;
    margin-top: 60px;
}

    .line-map .roadmap-mobile-img {
        display: none;
    }

    .line-map .roadmap-img {
        width: 100%;
        display: block;
    }

@media screen and (max-width: 767px) {
    .line-map {
        height: auto;
    }

        .line-map .roadmap-mobile-img {
            display: block;
        }

        .line-map .roadmap-img {
            display: none;
        }
}

.adventure {
    padding-bottom: 100px;
}

@media screen and (max-width: 767px) {
    .adventure {
        padding-bottom: 60px;
    }
}

.camp-wrapper {
    background-color: #f1f1f1;
}

.application-form {
    width: auto;
    max-width: 380px;
    height: 100%;
    margin: -100px auto 140px;
    padding: 60px;
    background-color: #ffffff;
    border-radius: 8px;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 767px) {
    .application-form {
        padding: 30px 16px 40px;
    }
}

.application-form .select2 {
    margin-bottom: 15px;
}

.application-form .m-select-error {
    margin-bottom: 10px;
    margin-top: -10px;
}

.application-form .gray-line {
    position: relative;
    padding: 10px;
}

    .application-form .gray-line:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 25px;
        width: 100%;
        height: 1px;
        background-color: #ecf0f2;
    }

    .application-form .gray-line span {
        position: relative;
        display: block;
        width: 40px;
        margin: 0 auto 10px;
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1.14;
        letter-spacing: normal;
        text-align: center;
        color: #8e9fad;
        background-color: #ffffff;
        z-index: 1;
    }

.application-form .text {
    margin-bottom: 10px;
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #253342;
}

.application-form__text {
    margin-bottom: 10px;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
}

    .application-form__text a {
        font-weight: bold;
        color: #2855ac;
    }

.application-form__title {
    margin-bottom: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: center;
    color: #283341;
}

.application-form .captcha-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .application-form .captcha-area .captcha {
        width: 40%;
        margin-right: 10px;
    }

        .application-form .captcha-area .captcha a i {
            color: #253342;
        }

    .application-form .captcha-area .a-input {
        width: 60%;
        margin-bottom: 0;
    }

@media screen and (max-width: 767px) {
    .application-form .captcha-area {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .application-form .captcha-area .captcha {
            width: 100%;
            margin-right: 0;
        }

        .application-form .captcha-area .a-input {
            width: 100%;
        }
}

.application-form .education-status-hidden {
    display: none;
}

.application-form .education-status-show {
    display: block;
}

.application-form .js-hidden {
    display: none;
}

.application-form .choose-opt {
    margin-bottom: 10px;
    margin-top: -12px;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: normal;
    color: #253342;
}

.page-banner-gnc .page-banner__mask path {
    fill: #fcfcfc;
}

.page-banner-gnc p {
    max-width: 43rem;
}

.gnc-tckn input::-webkit-outer-spin-button, .gnc-tckn input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.gnc-tckn input[type=number] {
    -moz-appearance: textfield;
}

.replace {
    margin-bottom: 45px;
}

.replace--area {
    border-radius: 0.5rem;
    background-color: #5f6b76;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dee3ed;
    padding: 7px 2.9rem 0.475rem 1rem;
    font-size: 1rem;
    font-weight: 500;
    min-height: 3.51rem;
    position: relative;
}

.replace--area__label {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.33;
    color: #ffffff;
}

.replace--area .clone-result {
    margin-top: 3px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #ffc900;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 3px;
    scrollbar-width: none;
    scrollbar-track-color: #5f6b76;
    scrollbar-arrow-color: #5f6b76;
}

    .replace--area .clone-result::-webkit-scrollbar {
        height: 3px;
    }

    .replace--area .clone-result::-webkit-scrollbar-thumb {
        background: #8f8f8f;
        border-radius: 8px;
        position: relative;
    }

.replace--area__checkbox {
    position: absolute;
    right: 0;
    top: 9px;
}

.replace--area__notice {
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.23px;
    color: #ffa12c;
    position: absolute;
    bottom: -30px;
    left: 0;
}

.replace--area__border {
    border: 1.5px solid #f34972 !important;
}

    .replace--area__border .replace--area__notice {
        color: #f34972;
    }

    .replace--area__border .parsley-errors-list {
        display: none;
    }

.privacy-span {
    text-align: left;
    font-size: 0.9375rem;
    line-height: 1.5rem;
    color: #253342;
    position: relative;
    font-weight: 500;
    display: block;
}

.business-opportunities-page .sub-text {
    width: 100%;
    margin: 0 auto;
    font-size: 1.25rem;
    font-weight: 500;
    font-style: normal;
    color: #ffc900;
}

.business-opportunities-page .banner-content {
    text-align: center;
}

.business-opportunities {
    margin-bottom: 13.75rem;
}

@media only screen and (max-width: 767px) {
    .business-opportunities {
        margin-bottom: 150px;
    }
}

.business-opportunities.business-opportunities--no-filter h2 {
    margin-bottom: 40px;
}

.business-opportunities h2 {
    margin-bottom: 1.25rem;
    text-align: center;
    padding-top: 8.75rem;
}

.business-opportunities h1 {
    margin-bottom: 1.25rem;
    text-align: center;
    padding-top: 3.75rem;
    font-size: 2.625rem;
    letter-spacing: -0.54px;
    color: #253342;
}

.business-opportunities__bg {
    position: absolute;
    width: 100%;
    height: 1530px;
}

@media only screen and (max-width: 767px) {
    .business-opportunities__bg {
        height: 1940px;
    }
}

.business-opportunities__search {
    margin-bottom: 2.5rem;
}

@media only screen and (max-width: 767px) {
    .business-opportunities__search .m-grid .full {
        max-width: 100%;
        width: 100%;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin: auto;
    }
}

@media only screen and (max-width: 767px) {
    .business-opportunities__search .m-grid .half {
        max-width: 100%;
        width: 50%;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin: auto;
    }
}

@media only screen and (max-width: 767px) {
    .business-opportunities__search .m-grid .full, .business-opportunities__search .m-grid .half {
        margin-bottom: 20px;
    }

        .business-opportunities__search .m-grid .full:last-child, .business-opportunities__search .m-grid .half:last-child {
            margin-bottom: 0;
        }
}

.business-opportunities .table {
    width: 100%;
    max-width: 62.5rem;
    margin: 0 auto;
}

.newsletter {
    margin-bottom: 10rem;
}

@media only screen and (max-width: 767px) {
    .newsletter {
        margin-bottom: 7.5rem;
    }
}

.advert__detail {
    padding-left: 100px;
}

@media only screen and (max-width: 1024px) {
    .advert__detail {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 64px;
    }
}

.advert__detail__bg {
    position: absolute;
    width: 100%;
    height: 1530px;
}

@media only screen and (max-width: 1024px) {
    .advert__detail__bg {
        height: 1940px;
    }
}

.advert__detail .content__title {
    margin-top: 80px;
    margin-bottom: 27px;
    text-align: left;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.54px;
}

@media (min-width: 320px) and (max-width: 1024px) {
    .advert__detail .content__title {
        font-size: 1.5rem;
        margin-top: 40px;
    }
}

.advert__action {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 100px;
    margin-top: -3px;
}

@media (min-width: 320px) and (max-width: 1024px) {
    .advert__action {
        margin-top: 16px;
        margin-bottom: 40px;
        float: none;
        padding-right: 0;
    }
}

.advert__action .button {
    width: 198px;
    height: 50px;
    margin-left: 24px;
}

@media (min-width: 320px) and (max-width: 1024px) {
    .advert__action .button {
        margin-left: 18px;
    }
}

.advert__action a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: -0.34px;
    color: #253342;
}

.advert__action i {
    margin-right: 8px;
}

    .advert__action i:before {
        color: #253342;
    }

.advert__share {
    position: relative;
}

    .advert__share:hover {
        cursor: pointer;
    }

        .advert__share:hover .share-detail {
            display: block;
        }

    .advert__share:after {
        content: '';
        position: absolute;
        right: 0;
        top: 20px;
        height: 30px;
        width: 100px;
        background-color: transparent;
    }

    .advert__share .share-detail {
        display: none;
        position: absolute;
        top: 45px;
        right: 0;
        width: 188px;
        height: 200px;
        padding: 15px 15px 6px 15px;
        color: #253342;
        background-color: #ffffff;
        border-radius: 6px;
        -webkit-box-shadow: 0 5px 15px 0 rgba(37, 51, 66, 0.15);
        box-shadow: 0 5px 15px 0 rgba(37, 51, 66, 0.15);
        z-index: 1;
    }

@media screen and (max-width: 1024px) {
    .advert__share .share-detail {
        right: auto;
        left: 0;
    }
}

.advert__share .share-detail > div {
    padding: 14px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(37, 51, 66, 0.1);
}

    .advert__share .share-detail > div:last-child {
        border-bottom: none;
    }

    .advert__share .share-detail > div:first-child {
        padding-top: 0;
    }

    .advert__share .share-detail > div p {
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 2;
        color: #253342;
    }

.advert__share .share-detail .copy-icon i:before {
    color: #8e9fad;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.advert__share .share-detail .facebook-small i:before {
    color: #2855ac;
}

.advert__share .share-detail .twitter-small i:before {
    color: #00bafc;
}

.advert__share .share-detail .linkedin-small i:before {
    color: #009ed8;
}

.advert__share .share-detail p {
    margin-left: 10px;
}

.advert__text {
    margin-top: 34px;
    padding-right: 100px;
}

    .advert__text p {
        font-size: 1.125rem;
        font-weight: normal;
        line-height: 1.44;
        letter-spacing: -0.2px;
        color: #8e9fad;
    }

@media (min-width: 320px) and (max-width: 1024px) {
    .advert__text {
        padding-right: 0;
    }

        .advert__text p {
            font-size: 1rem;
        }
}

.advert__media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
}

@media (min-width: 320px) and (max-width: 1024px) {
    .advert__media {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.advert__media img {
    width: 100%;
    height: 100%;
}

.advert__video {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 680px;
    min-height: 480px;
    border-radius: 32px;
    -webkit-box-shadow: 0 20px 30px 0 rgba(37, 51, 66, 0.2);
    box-shadow: 0 20px 30px 0 rgba(37, 51, 66, 0.2);
}

@media screen and (max-width: 1024px) {
    .advert__video {
        width: 100%;
        min-width: 100%;
        min-height: 100%;
    }
}

@media (min-width: 320px) and (max-width: 1024px) {
    .advert__video img {
        width: 100%;
    }
}

.advert__video .a-btn-icon:hover {
    background-color: #ffffff;
}

@media only screen and (max-width: 1024px) {
    .advert__video .a-btn-icon {
        width: 3.75rem;
        height: 3.75rem;
    }

        .advert__video .a-btn-icon i:before {
            font-size: 1.125rem;
        }
}

.advert__close-button {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.advert__message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    padding-left: 40px;
    width: 530px;
}

@media only screen and (max-width: 1024px) {
    .advert__message {
        padding-left: 0;
        margin-top: 24px;
        width: 100%;
    }
}

.advert__message h4 {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.53px;
    color: #4a4a4a;
}

@media only screen and (max-width: 1024px) {
    .advert__message h4 {
        font-size: 1.25rem;
    }
}

.advert__message p {
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: -0.2px;
    color: #8e9fad;
}

@media only screen and (max-width: 1024px) {
    .advert__message p {
        font-size: 1rem;
    }
}

.advert__list .title {
    margin-bottom: 24px;
    margin-top: 40px;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: -0.41px;
    color: #253342;
}

@media only screen and (max-width: 1024px) {
    .advert__list .title {
        font-size: 1.25rem;
        margin-top: 32px;
    }
}

.advert__list ul {
    margin-left: 16px;
}

@media only screen and (max-width: 1024px) {
    .advert__list ul {
        margin-left: 12px;
    }
}

.advert__list ul li {
    position: relative;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.78;
    letter-spacing: -0.2px;
    color: #8e9fad;
}

@media only screen and (max-width: 1024px) {
    .advert__list ul li {
        font-size: 1rem;
        margin-left: 5px;
    }
}

.advert__list ul li:before {
    content: '';
    position: absolute;
    left: -16px;
    top: 14px;
    width: 8px;
    height: 8px;
    background-color: #ffc900;
    border-radius: 50%;
}

@media only screen and (max-width: 1024px) {
    .advert__list ul li:before {
        left: -17px;
        top: 10px;
    }
}

.advert__date {
    margin-top: 40px;
}

@media only screen and (max-width: 1024px) {
    .advert__date {
        text-align: center;
    }
}

.advert__date p,
.advert__date span {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 2.33;
    letter-spacing: -0.34px;
    color: #4a4a4a;
}

.advert__date span {
    font-weight: 600;
}

.line {
    width: 100%;
    height: 1px;
    margin-bottom: 80px;
    margin-top: 80px;
    background-color: #dee3ed;
}

@media (min-width: 320px) and (max-width: 1024px) {
    .line {
        margin-bottom: 60px;
        margin-top: 60px;
    }
}

@media only screen and (max-width: 1024px) {
    .button-tag {
        padding: 5px 14px;
        font-size: 0.875rem;
        margin-bottom: 8px;
    }
}

.content.advert__detail {
    padding-bottom: 0;
}

.advert__detail ~ .circle-section .title {
    margin-bottom: 15px;
}

.advert__detail ~ .circle-section .button {
    margin-top: 15px;
}

.advert__detail ~ .circle-section .circle {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (max-width: 767px) {
    .advert__detail ~ .circle-section .circle {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.advert__detail ~ .circle-section .circle__box {
    width: 50%;
    margin: 0;
}

@media (max-width: 767px) {
    .advert__detail ~ .circle-section .circle__box {
        width: 100%;
        margin-bottom: 30px;
    }
}

.button {
    margin: 0 10px;
}

#available-email .button,
#successful .button,
#captcha .button {
    width: 100%;
    min-width: 120px;
    padding: 10px 7px;
    margin: 0 10px;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    color: #253342;
}

@media screen and (max-width: 767px) {
    #available-email .button,
    #successful .button,
    #captcha .button {
        margin: 10px 4px;
    }
}

#available-email,
#successful,
#application {
    padding: 48px 52px;
}

    #available-email .a-icon-svg,
    #successful .a-icon-svg,
    #application .a-icon-svg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        #available-email .a-icon-svg img,
        #successful .a-icon-svg img,
        #application .a-icon-svg img {
            min-width: 96px;
            min-height: 96px;
        }

    #available-email .m-modal__body p,
    #successful .m-modal__body p,
    #application .m-modal__body p {
        width: 90%;
        margin: 0 auto;
        margin-bottom: 35px;
        font-size: 1.125rem;
        font-weight: bold;
        line-height: 1.33;
        text-align: center;
        color: #253342;
    }

#captcha .button-group {
    text-align: center;
}

    #captcha .button-group .button {
        width: 100%;
        max-width: 220px;
        margin: 0 auto;
    }

#captcha .title {
    margin-right: 21px;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.33;
    text-align: center;
    color: #253342;
}

#captcha .captcha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px;
    margin-bottom: 12px;
    margin-top: 16px;
    border-radius: 8px;
    border: solid 1px #dee3ed;
    background-color: #f7f9fa;
}

@media (max-width: 767px) and (min-width: 320px) {
    #captcha .captcha {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 10px;
    }
}

#captcha .captcha p {
    text-align: center;
    margin: 0 auto;
}

#captcha .a-input {
    margin-bottom: 24px;
}

#successful {
    padding: 48px 74px 56px;
}

    #successful .button {
        max-width: 180px;
    }

    #successful p {
        margin-bottom: 32px;
    }

#application span {
    display: block;
    margin-bottom: 25px;
    color: #b0bac8;
    text-align: center;
}

.interview-container {
    width: 1200px;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.interview-title {
    display: block;
    padding: 50px 0px;
}

.interview__list span {
    font-weight: bold;
}

.interview__list .title {
    margin-bottom: 24px;
    margin-top: 40px;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: -0.41px;
    color: #253342;
}

@media only screen and (max-width: 1024px) {
    .interview__list .title {
        font-size: 1.25rem;
        margin-top: 32px;
    }
}

.interview__list ul {
    margin-left: 16px;
}

@media only screen and (max-width: 1024px) {
    .interview__list ul {
        margin-left: 12px;
    }
}

.interview__list ul li {
    position: relative;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.78;
    letter-spacing: -0.2px;
    color: #8e9fad;
}

@media only screen and (max-width: 1024px) {
    .interview__list ul li {
        font-size: 1rem;
        margin-left: 5px;
    }
}

.interview__list ul li:before {
    content: '';
    position: absolute;
    left: -16px;
    top: 14px;
    width: 8px;
    height: 8px;
    background-color: #ffc900;
    border-radius: 50%;
}

@media only screen and (max-width: 1024px) {
    .interview__list ul li:before {
        left: -17px;
        top: 10px;
    }
}

.interview__detail {
    padding-left: 100px;
}

@media only screen and (max-width: 1024px) {
    .interview__detail {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.interview__detail__bg {
    position: absolute;
    width: 100%;
    height: 1530px;
}

@media only screen and (max-width: 1024px) {
    .interview__detail__bg {
        height: 1940px;
    }
}

.interview__detail .content__title {
    margin-top: 80px;
    margin-bottom: 27px;
    text-align: left;
    font-weight: bold;
    line-height: normal;
    letter-spacing: -0.54px;
}

@media (min-width: 320px) and (max-width: 1024px) {
    .interview__detail .content__title {
        font-size: 1.5rem;
        margin-top: 40px;
    }
}

.interview__title {
    margin-top: 80px;
    margin-bottom: 27px;
    text-align: left;
    font-weight: bold;
    line-height: normal;
    letter-spacing: -0.54px;
}

.interview__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    margin-bottom: 40px;
}

    .interview__content img {
        width: 100%;
        height: 100%;
    }

.interview__message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    padding-right: 40px;
}

@media only screen and (max-width: 1024px) {
    .interview__message {
        padding-left: 0;
        margin-top: 24px;
        width: 100%;
    }
}

.interview__message h4 {
    font-size: 1.75rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: -0.53px;
    color: #4a4a4a;
    margin-bottom: 25px;
}

@media only screen and (max-width: 1024px) {
    .interview__message h4 {
        font-size: 1.25rem;
    }
}

.interview__message p {
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: -0.2px;
    color: #8e9fad;
}

@media only screen and (max-width: 1024px) {
    .interview__message p {
        font-size: 1rem;
    }
}

.interview__right {
    padding-left: 40px;
    padding-right: 0px;
}

@media (min-width: 320px) and (max-width: 1024px) {
    .interview__right {
        padding-left: 0px;
    }
}

.interview__media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-bottom: 100px;
}

@media (min-width: 320px) and (max-width: 1024px) {
    .interview__media {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 20px;
    }
}

.interview__media img {
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 13px 20px 0 rgba(37, 51, 66, 0.2);
    box-shadow: 0 13px 20px 0 rgba(37, 51, 66, 0.2);
    border-radius: 40px;
}

.interview__media h3 {
    font-weight: bold;
    font-size: 28px;
}

.interview__media h2 {
    text-align: left;
    font-weight: bold;
    line-height: normal;
    letter-spacing: -0.54px;
}

.interview__media .hexagon {
    position: absolute;
    width: 100px;
    height: 100px;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    z-index: 2;
    background-size: 100%;
    background-repeat: no-repeat;
}

    .interview__media .hexagon img {
        display: block;
        width: 100%;
    }

.interview__media .hexagon-left {
    left: 9%;
    top: -8%;
    background-image: url("/style%20library/assets/img/yellow-hexagon.svg");
}

@media only screen and (max-width: 767px) {
    .interview__media .hexagon-left {
        width: 65px;
        height: 65px;
        left: 0;
        top: 18px;
    }
}

.interview__media .hexagon-top {
    right: 0%;
    top: -7%;
    background-image: url("/style%20library/assets/img/blue-hexagon-2.svg");
}

@media only screen and (max-width: 767px) {
    .interview__media .hexagon-top {
        width: 65px;
        height: 65px;
        right: 0;
        top: 18px;
    }
}

.interview__media .hexagon-right {
    right: -4%;
    top: 9%;
    background-image: url("/style%20library/assets/img/blue-hexagon-2.svg");
}

@media only screen and (max-width: 767px) {
    .interview__media .hexagon-right {
        width: 65px;
        height: 65px;
        right: 0;
        top: 18px;
    }
}

.interview__mini-img img {
    max-width: 380px;
    -webkit-box-shadow: 0 13px 20px 0 rgba(37, 51, 66, 0.2);
    box-shadow: 0 13px 20px 0 rgba(37, 51, 66, 0.2);
    border-radius: 20px;
}

@media only screen and (max-width: 767px) {
    .interview__mini-img img {
        max-width: 100%;
    }
}

@media (min-width: 320px) and (max-width: 900px) {
    .interview__order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

.interview_faq li {
    counter-increment: inst;
    margin-top: 30px;
    position: relative;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.78;
    letter-spacing: -0.2px;
    padding-left: 25px;
    color: #8e9fad;
}

    .interview_faq li:before {
        content: counter(inst);
        position: absolute;
        left: 0;
        top: 0px;
        font-size: 24px;
        font-weight: 800;
        letter-spacing: -0.27px;
        text-align: center;
        color: #ffc900;
        line-height: normal;
    }

@media only screen and (max-width: 1024px) {
    .interview_faq li:before {
        top: 5px;
    }
}

.interview_faq li span {
    font-weight: bold;
    display: block;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.78;
    letter-spacing: -0.2px;
    color: #4a4a4a;
}

.advert__detail {
    padding-left: 100px;
}

@media only screen and (max-width: 1024px) {
    .advert__detail {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 64px;
    }
}

.advert__detail__bg {
    position: absolute;
    width: 100%;
    height: 1530px;
}

@media only screen and (max-width: 1024px) {
    .advert__detail__bg {
        height: 1940px;
    }
}

.advert__detail .content__title {
    margin-top: 80px;
    margin-bottom: 27px;
    text-align: left;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.54px;
}

@media (min-width: 320px) and (max-width: 1024px) {
    .advert__detail .content__title {
        font-size: 1.5rem;
        margin-top: 40px;
    }
}

.advert__text {
    margin-top: 34px;
    padding-right: 100px;
}

    .advert__text p {
        font-size: 1.125rem;
        font-weight: normal;
        line-height: 1.44;
        letter-spacing: -0.2px;
        color: #8e9fad;
    }

@media (min-width: 320px) and (max-width: 1024px) {
    .advert__text {
        padding-right: 0;
    }

        .advert__text p {
            font-size: 1rem;
        }
}

.advert__video {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 680px;
    min-height: 480px;
    border-radius: 32px;
    -webkit-box-shadow: 0 20px 30px 0 rgba(37, 51, 66, 0.2);
    box-shadow: 0 20px 30px 0 rgba(37, 51, 66, 0.2);
}

@media screen and (max-width: 1024px) {
    .advert__video {
        width: 100%;
        min-width: 100%;
        min-height: 100%;
    }
}

@media (min-width: 320px) and (max-width: 1024px) {
    .advert__video img {
        width: 100%;
    }
}

.advert__video .a-btn-icon:hover {
    background-color: #ffffff;
}

@media only screen and (max-width: 1024px) {
    .advert__video .a-btn-icon {
        width: 3.75rem;
        height: 3.75rem;
    }

        .advert__video .a-btn-icon i:before {
            font-size: 1.125rem;
        }
}

.advert__close-button {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.advert__date {
    margin-top: 40px;
}

@media only screen and (max-width: 1024px) {
    .advert__date {
        text-align: center;
    }
}

.advert__date p,
.advert__date span {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 2.33;
    letter-spacing: -0.34px;
    color: #4a4a4a;
}

.advert__date span {
    font-weight: 600;
}

.line {
    width: 100%;
    height: 1px;
    margin-bottom: 80px;
    margin-top: 80px;
    background-color: #dee3ed;
}

@media (min-width: 320px) and (max-width: 1024px) {
    .line {
        margin-bottom: 60px;
        margin-top: 60px;
    }
}

@media only screen and (max-width: 1024px) {
    .button-tag {
        padding: 5px 14px;
        font-size: 0.875rem;
        margin-bottom: 8px;
    }
}

.content.advert__detail {
    padding-bottom: 0;
}

.advert__detail ~ .circle-section .title {
    margin-bottom: 15px;
}

.advert__detail ~ .circle-section .button {
    margin-top: 15px;
}

.advert__detail ~ .circle-section .circle {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (max-width: 767px) {
    .advert__detail ~ .circle-section .circle {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.advert__detail ~ .circle-section .circle__box {
    width: 50%;
    margin: 0;
}

@media (max-width: 767px) {
    .advert__detail ~ .circle-section .circle__box {
        width: 100%;
        margin-bottom: 30px;
    }
}

.interview-inner {
    padding: 50px 0px;
}

    .interview-inner h4 {
        font-size: 28px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -0.53px;
        text-align: center;
        color: #4a4a4a;
    }

    .interview-inner p {
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.78;
        letter-spacing: -0.2px;
        text-align: center;
        color: #4a4a4a;
        max-width: 779px;
        margin: 0 auto;
    }

.interview-box-3 {
    padding-bottom: 90px;
    padding-top: 65px;
}

@media (min-width: 320px) and (max-width: 1024px) {
    .interview-box-3 {
        padding-bottom: 30px;
        padding-top: 0px;
    }
}

.interview-box-3 img {
    margin-top: 40px;
}

.interview-box-5 {
    padding-top: 60px;
    padding-bottom: 30px;
}

.interview-box-5, .interview-box-3 {
    background: url(/style%20library/assets/img/interview-right-bg.svg);
    background-repeat: no-repeat;
    background-position: bottom;
}

.interview-box-4 {
    padding-bottom: 20px;
    padding-top: 30px;
    background: url(/style%20library/assets/img/interview-left-bg.svg);
    background-repeat: no-repeat;
    background-position: bottom;
}

.interview-box-1 {
    background: url(/style%20library/assets/img/interview-right-bg.svg);
    background-repeat: no-repeat;
    background-position: 0px 345px;
}

.privacy-terms {
    margin-top: 100px;
}

@media screen and (max-width: 767px) {
    .privacy-terms {
        margin-top: 20px;
    }
}

.privacy-terms .content__title {
    margin-bottom: 40px;
    text-align: left;
    font-size: 2.625rem;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.54px;
    color: #253342;
}

@media screen and (max-width: 767px) {
    .privacy-terms .content__title {
        margin-bottom: 20px;
        font-size: 1.5rem;
        line-height: 1.33;
        padding: 0;
    }
}

.privacy-terms-content p {
    margin-bottom: 20px;
    font-size: 1.125rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    letter-spacing: -0.2px;
    color: #8e9fad;
}

.privilege {
    padding-top: 0;
}

.privilege-banner .title {
    font-size: 2.625rem;
    font-weight: bold;
    line-height: normal;
    letter-spacing: -0.2px;
    color: #ffffff;
}

@media screen and (max-width: 767px) {
    .privilege-banner .title {
        font-size: 1.5rem;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .privilege-banner .title {
        padding-top: 10px;
    }
}

.privilege-text {
    padding: 100px 210px 60px;
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    color: #8e9fad;
}

@media screen and (max-width: 767px) {
    .privilege-text {
        padding: 40px 0;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .privilege-text {
        padding-right: 90px;
        padding-left: 90px;
    }
}

.privilege .content__title {
    font-size: 2.625rem;
    font-weight: bold;
    line-height: normal;
    letter-spacing: -0.54px;
    text-align: center;
    color: #ffffff;
}

@media screen and (max-width: 767px) {
    .privilege .content__title {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 767px) {
    .privilege .circle:first-child {
        margin-top: 0;
    }
}

.privilege .circle__box {
    z-index: 1;
}

    .privilege .circle__box .title,
    .privilege .circle__box span {
        color: #ffffff;
    }

@media screen and (max-width: 767px) {
    .privilege .circle__box .title,
    .privilege .circle__box span {
        padding: 0 15px;
    }
}

.privilege .circle__box .title {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.31;
    letter-spacing: -0.6px;
}

.privilege .circle__box span {
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: normal;
}

.dark-blue {
    position: relative;
    padding: 100px 150px 140px;
    margin: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#2855ac), to(#263170));
    background: -o-linear-gradient(top, #2855ac, #263170);
    background: linear-gradient(to bottom, #2855ac, #263170);
    border-radius: 40px;
}

@media screen and (max-width: 1024px) {
    .dark-blue {
        padding: 40px 0;
        margin: 0 10px;
        border-radius: 20px;
    }
}

.dark-blue .hexagon-img .blue-big-hexagon {
    position: absolute;
    left: 0;
    top: 0;
    width: 394px;
    height: 430px;
}

@media screen and (max-width: 767px) {
    .dark-blue .hexagon-img .blue-big-hexagon {
        display: none;
    }
}

.dark-blue .hexagon-img .blue-small-hexagon {
    position: absolute;
    top: 175px;
    left: -20px;
    width: 96px;
    height: 110px;
}

@media screen and (max-width: 767px) {
    .dark-blue .hexagon-img .blue-small-hexagon {
        position: absolute;
        top: -25px;
        left: -15px;
        width: 76px;
        height: 80px;
    }
}

.dark-blue .hexagon-img .yellow-small-hexagon {
    position: absolute;
    bottom: 237px;
    right: -25px;
    width: 113px;
    height: 100px;
}

@media screen and (max-width: 767px) {
    .dark-blue .hexagon-img .yellow-small-hexagon {
        width: 93px;
        height: 60px;
    }
}

.dark-blue .privilege.content {
    padding-bottom: 0;
}

.basic-benefits {
    margin: 40px 20px 20px;
    padding-top: 100px;
    border-radius: 40px;
    background-color: #f1f1f1;
}

@media screen and (max-width: 767px) {
    .basic-benefits {
        margin-right: 10px;
        margin-left: 10px;
        padding-top: 40px;
        padding-bottom: 50px;
        border-radius: 20px;
    }
}

.basic-benefits .hexagon-group {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

@media screen and (max-width: 767px) {
    .basic-benefits .hexagon-group {
        margin-bottom: 0;
    }
}

.basic-benefits .hexagon-line {
    margin-bottom: 20px;
}

.basic-benefits .content__title {
    margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
    .basic-benefits .content__title {
        margin-bottom: 30px;
    }
}

.award .circle__box span {
    width: 100%;
    font-size: 1.125rem;
    line-height: 1.42;
    letter-spacing: -0.45px;
    text-align: center;
    font-weight: normal;
    color: #8e9fad;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .award .circle__box span {
        width: 80%;
    }
}

.award .circle__box .title {
    margin-bottom: 12px;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: -0.41px;
    color: #253342;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .award .circle__box .title {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .award {
        padding-top: 40px;
    }

        .award .content__title {
            margin-bottom: 40px;
        }

        .award .circle {
            margin-top: 0;
            padding: 0 10px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .award .circle__box {
            padding: 0 10px;
        }
}

.recruitment-process__banner .page-banner__mask svg path {
    fill: #FBFBFB;
}

.recruitment-process-start {
    padding-top: 80px;
    padding-bottom: 236px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url("/style%20library/assets/img/process-start-bg.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .recruitment-process-start {
        padding-bottom: 156px;
        padding-top: 10px;
        background-image: url("/style%20library/assets/img/process-start-mobile-bg.png");
    }
}

.recruitment-process-start:before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    background: #FBFBFB;
    height: calc(100% - 185px);
    z-index: -1;
    width: 1440px;
    margin: 0 auto;
}

@media only screen and (max-width: 1440px) {
    .recruitment-process-start:before {
        width: 100%;
        height: calc(100% - 128px);
    }
}

.recruitment-process-start .text-section {
    position: relative;
}

    .recruitment-process-start .text-section.active:after {
        opacity: 1;
    }

    .recruitment-process-start .text-section:after {
        content: '';
        position: absolute;
        width: 16px;
        height: 12px;
        background-image: url(/style%20library/assets/img/arrow.png);
        background-repeat: no-repeat;
        bottom: -20px;
        left: 50%;
        margin: -8px;
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

.recruitment-process-end {
    margin-bottom: 8.75rem;
}

@media only screen and (max-width: 767px) {
    .recruitment-process-end {
        margin-bottom: 120px;
    }
}

.recruitment-process-end .text-section {
    width: 690px;
    max-width: inherit;
    position: relative;
    padding: 0 55px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
    .recruitment-process-end .text-section {
        width: initial;
        padding: 0;
    }
}

.recruitment-process-end .text-section h3 {
    padding-top: 80px;
}

@media only screen and (max-width: 767px) {
    .recruitment-process-end .text-section h3 {
        margin-top: 0;
    }
}

.recruitment-process-end .text-section:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
    height: calc(100% - 38px);
    background-image: url("/style%20library/assets/img/process-step.png");
    background-repeat: repeat-y;
    background-position: top right;
}

@media only screen and (max-width: 767px) {
    .recruitment-process-end .text-section:after {
        background-image: url("/style%20library/assets/img/process-step-mobile.png");
        left: -12px;
        right: initial;
    }
}

@media only screen and (max-width: 767px) {
    .recruitment-process-end .step-end {
        padding: 0 50px;
    }
}

@media only screen and (max-width: 767px) {
    .recruitment-process-end .step-end a {
        width: 100%;
    }
}

.recruitment-process-end .step-end__path {
    position: absolute;
    right: 0;
    bottom: 17px;
    width: 200px;
    height: 17px;
    background-image: url(/style%20library/assets/img/process-end.png);
}

@media only screen and (max-width: 767px) {
    .recruitment-process-end .step-end__path {
        background-image: url(/style%20library/assets/img/process-end-mobile.png);
        background-repeat: no-repeat;
        width: 45px;
        height: 16px;
        left: -10px;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
}

.recruitment-process-end .step-end__path:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 12px;
    background-image: url(/style%20library/assets/img/arrow.png);
    background-repeat: no-repeat;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    left: -18px;
    top: 9px;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

@media only screen and (max-width: 767px) {
    .recruitment-process-end .step-end__path:before {
        left: -5px;
        top: 8px;
    }
}

.recruitment-process-end .step-end__path.active:before {
    opacity: 1;
}

.recruitment-process-end:nth-child(even) .text-section:after {
    left: 0;
    right: inherit;
}

@media only screen and (max-width: 767px) {
    .recruitment-process-end:nth-child(even) .text-section:after {
        left: -12px;
    }
}

.recruitment-process-end:nth-child(even) .step-end__path {
    left: 0;
    right: inherit;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

@media only screen and (max-width: 767px) {
    .recruitment-process-end:nth-child(even) .step-end__path {
        left: -10px;
    }
}

@media only screen and (max-width: 767px) {
    .recruitment-process-steps {
        padding: 0 24px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media only screen and (max-width: 767px) {
    .recruitment-process-steps .container {
        width: 275px;
    }
}

.recruitment-process-steps .progress-step-container {
    height: 47.5rem;
    padding-top: 5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url("/style%20library/assets/img/process-odd-bg.png");
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
    .recruitment-process-steps .progress-step-container {
        height: initial;
        padding-top: 0;
        background-image: initial;
    }
}

.recruitment-process-steps .progress-step-container .text-section {
    position: relative;
}

    .recruitment-process-steps .progress-step-container .text-section.active:after {
        opacity: 1;
    }

@media only screen and (max-width: 767px) {
    .recruitment-process-steps .progress-step-container .text-section.active:after {
        opacity: 0;
    }
}

.recruitment-process-steps .progress-step-container .text-section:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 12px;
    background-image: url(/style%20library/assets/img/arrow.png);
    background-repeat: no-repeat;
    top: 50%;
    margin-top: -6px;
    right: -57px;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.recruitment-process-steps .progress-step-container:nth-child(even) {
    background-image: url("/style%20library/assets/img/process-even-bg.png");
}

@media only screen and (max-width: 767px) {
    .recruitment-process-steps .progress-step-container:nth-child(even) {
        background-image: initial;
    }
}

.recruitment-process-steps .progress-step-container:nth-child(even) .text-section:after {
    right: initial;
    left: -60px;
}

.recruitment-process-steps .progress-step-container:nth-child(even) .progress-step__left {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-right: 0;
    margin-left: 3.75rem;
}

@media only screen and (max-width: 767px) {
    .recruitment-process-steps .progress-step-container:nth-child(even) .progress-step__left {
        margin-left: initial;
    }
}

@media screen and (max-width: 767px) {
    .reset-password .m-grid .a-input {
        margin-bottom: 25px;
    }

    .reset-password .sign-in-form {
        margin-bottom: 80px;
        margin-left: 12px;
        margin-right: 12px;
        padding-bottom: 40px;
    }

        .reset-password .sign-in-form .sign-in-account {
            margin-top: 15px !important;
        }
}

.sign-in {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
    background-image: -o-linear-gradient(top, #ffffff, #f1f1f1);
    background-image: linear-gradient(to bottom, #ffffff, #f1f1f1);
}

.sign-in-banner .page-banner__particles {
    display: none;
}

.sign-in-banner h2,
.sign-in-banner p {
    text-align: center;
}

@media (max-width: 767px) and (min-width: 320px) {
    .sign-in-banner h2 {
        padding-top: 60px;
    }
}

.sign-in-form {
    width: auto;
    max-width: 380px;
    height: 100%;
    margin: -180px auto 140px;
    padding: 60px;
    background-color: #ffffff;
    border-radius: 8px;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 767px) {
    .sign-in-form {
        padding: 32px 16px;
        margin-top: -230px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .sign-in-form {
        max-width: 460px;
        margin-top: -120px;
    }
}

.sign-in-form .a-input label {
    color: #5f6b76;
}

@media only screen and (max-width: 767px) {
    .sign-in-form .m-grid .full {
        max-width: 100%;
        width: 100%;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin: auto;
    }
}

@media only screen and (max-width: 767px) {
    .sign-in-form .m-grid .half {
        max-width: 100%;
        width: 50%;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin: auto;
    }
}

@media only screen and (max-width: 767px) {
    .sign-in-form .m-grid .full:last-child, .sign-in-form .m-grid .half:last-child {
        margin-bottom: 0;
    }
}

.sign-in-btn {
    width: 100%;
    margin: 32px auto 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #253342;
}

@media (max-width: 767px) and (min-width: 320px) {
    .sign-in-btn {
        margin-top: 5px;
    }
}

.sign-in-account {
    margin-top: 32px;
}

    .sign-in-account p {
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1.43;
        color: #253342;
    }

    .sign-in-account a {
        font-size: 0.875rem;
        line-height: 1.43;
        font-weight: bold;
        color: #2855ac;
    }

@media (max-width: 767px) and (min-width: 320px) {
    .sign-in-account {
        text-align: center;
        margin-top: 10px !important;
    }
}

.sign-in .password-information {
    margin-bottom: 15px;
    padding: 11px 15px;
    color: #ffc900;
    border-radius: 8px;
    border: solid 1px #ffc900;
    background-color: rgba(255, 201, 0, 0.04);
}

.sign-in .forgot-password {
    margin-bottom: 15px;
    margin-left: 2px;
    margin-top: -5px;
}

    .sign-in .forgot-password a {
        font-size: 0.875rem;
        font-weight: bold;
        line-height: 1.43;
        letter-spacing: normal;
        color: #2855ac;
    }

.sign-in .a-input {
    margin-bottom: 15px;
}

.sign-in .captcha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px;
    border-radius: 8px;
    border: solid 1px #dee3ed;
    background-color: #f7f9fa;
}

    .sign-in .captcha p {
        margin-right: 21px;
    }

@media (max-width: 767px) and (min-width: 320px) {
    .sign-in .captcha {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 10px;
    }
}

.sign-up {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
    background-image: -o-linear-gradient(top, #ffffff, #f1f1f1);
    background-image: linear-gradient(to bottom, #ffffff, #f1f1f1);
}

.sign-up-banner .page-banner__particles {
    display: none;
}

.sign-up-banner h2,
.sign-up-banner p {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.sign-up-banner h2 {
    margin-bottom: 15px;
}

@media (max-width: 767px) and (min-width: 320px) {
    .sign-up-banner h2 {
        padding-top: 30px;
        margin-bottom: 15px;
    }
}

.sign-up-form {
    width: auto;
    max-width: 380px;
    height: 100%;
    margin: -180px auto 140px;
    padding: 60px;
    background-color: #ffffff;
    border-radius: 8px;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 767px) {
    .sign-up-form {
        padding: 25px 16px;
        margin-top: -210px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .sign-up-form {
        max-width: 460px;
        margin-top: -120px;
    }
}

.sign-up-form .a-input label {
    color: #5f6b76;
}

@media only screen and (max-width: 767px) {
    .sign-up-form .m-grid .full {
        max-width: 100%;
        width: 100%;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin: auto;
    }
}

@media only screen and (max-width: 767px) {
    .sign-up-form .m-grid .half {
        max-width: 100%;
        width: 50%;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin: auto;
    }
}

@media only screen and (max-width: 767px) {
    .sign-up-form .m-grid .full:last-child, .sign-up-form .m-grid .half:last-child {
        margin-bottom: 0;
    }
}

.sign-up-btn {
    width: 100%;
    margin: 32px auto 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #253342;
}

    .sign-up-btn:hover {
        cursor: pointer;
    }

@media (max-width: 767px) and (min-width: 320px) {
    .sign-up-btn {
        margin-top: 5px;
    }
}

.sign-up-account {
    margin-top: 32px;
}

    .sign-up-account p {
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1.43;
        color: #253342;
    }

    .sign-up-account a {
        font-size: 0.875rem;
        line-height: 1.43;
        font-weight: bold;
        color: #2855ac;
    }

@media (max-width: 767px) and (min-width: 320px) {
    .sign-up-account {
        text-align: center;
        margin-top: 10px !important;
    }
}

.sign-up .password-information {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 15px;
    padding: 7px 15px;
    color: #ffc900;
    border-radius: 8px;
    border: solid 1px #ffc900;
    background-color: rgba(255, 201, 0, 0.04);
}

    .sign-up .password-information p {
        margin-left: 15px;
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1.43;
        color: #ffc900;
    }

.sign-up .a-input {
    margin-bottom: 15px;
}

.sign-up .captcha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px;
    border-radius: 8px;
    border: solid 1px #dee3ed;
    background-color: #f7f9fa;
}

    .sign-up .captcha p {
        margin-right: 21px;
    }

@media (max-width: 767px) and (min-width: 320px) {
    .sign-up .captcha {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 10px;
    }
}

.sinirsiz-yetenek h2 {
    text-align: left !important;
}

.sinirsiz-yetenek p {
    text-align: left !important;
    margin: initial;
}

.sinirsiz-yetenek .hashtag {
    text-align: left !important;
}

.sinirsiz-yetenek .button-group {
    text-align: left !important;
    margin-top: 15px;
}

.sinirsiz-yetenek-slide {
    position: relative;
    z-index: 1;
}

    .sinirsiz-yetenek-slide i {
        margin-right: 5px;
        vertical-align: middle;
    }

.recruitment-process__banner .page-banner__mask svg path {
    fill: #FBFBFB;
}

.recruitment-process-start {
    padding-top: 80px;
    padding-bottom: 236px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url("/style%20library/assets/img/process-start-bg.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .recruitment-process-start {
        padding-bottom: 156px;
        padding-top: 10px;
        background-image: url("/style%20library/assets/img/process-start-mobile-bg.png");
    }
}

.recruitment-process-start:before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    background: #FBFBFB;
    height: calc(100% - 185px);
    z-index: -1;
    width: 1440px;
    margin: 0 auto;
}

@media only screen and (max-width: 1440px) {
    .recruitment-process-start:before {
        width: 100%;
        height: calc(100% - 128px);
    }
}

.recruitment-process-start .text-section {
    position: relative;
}

    .recruitment-process-start .text-section.active:after {
        opacity: 1;
    }

    .recruitment-process-start .text-section:after {
        content: '';
        position: absolute;
        width: 16px;
        height: 12px;
        background-image: url(/style%20library/assets/img/arrow.png);
        background-repeat: no-repeat;
        bottom: -20px;
        left: 50%;
        margin: -8px;
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

.recruitment-process-end {
    margin-bottom: 8.75rem;
}

@media only screen and (max-width: 767px) {
    .recruitment-process-end {
        margin-bottom: 120px;
    }
}

.recruitment-process-end .text-section {
    width: 690px;
    max-width: inherit;
    position: relative;
    padding: 0 55px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
    .recruitment-process-end .text-section {
        width: initial;
        padding: 0;
    }
}

.recruitment-process-end .text-section h3 {
    padding-top: 80px;
}

@media only screen and (max-width: 767px) {
    .recruitment-process-end .text-section h3 {
        margin-top: 0;
    }
}

.recruitment-process-end .text-section:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
    height: calc(100% - 38px);
    background-image: url("/style%20library/assets/img/process-step.png");
    background-repeat: repeat-y;
    background-position: top right;
}

@media only screen and (max-width: 767px) {
    .recruitment-process-end .text-section:after {
        background-image: url("/style%20library/assets/img/process-step-mobile.png");
        left: -12px;
        right: initial;
    }
}

@media only screen and (max-width: 767px) {
    .recruitment-process-end .step-end {
        padding: 0 50px;
    }
}

@media only screen and (max-width: 767px) {
    .recruitment-process-end .step-end a {
        width: 100%;
    }
}

.recruitment-process-end .step-end__path {
    position: absolute;
    right: 0;
    bottom: 17px;
    width: 200px;
    height: 17px;
    background-image: url(/style%20library/assets/img/process-end.png);
}

@media only screen and (max-width: 767px) {
    .recruitment-process-end .step-end__path {
        background-image: url(/style%20library/assets/img/process-end-mobile.png);
        background-repeat: no-repeat;
        width: 45px;
        height: 16px;
        left: -10px;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
}

.recruitment-process-end .step-end__path:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 12px;
    background-image: url(/style%20library/assets/img/arrow.png);
    background-repeat: no-repeat;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    left: -18px;
    top: 9px;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

@media only screen and (max-width: 767px) {
    .recruitment-process-end .step-end__path:before {
        left: -5px;
        top: 8px;
    }
}

.recruitment-process-end .step-end__path.active:before {
    opacity: 1;
}

.recruitment-process-end:nth-child(even) .text-section:after {
    left: 0;
    right: inherit;
}

@media only screen and (max-width: 767px) {
    .recruitment-process-end:nth-child(even) .text-section:after {
        left: -12px;
    }
}

.recruitment-process-end:nth-child(even) .step-end__path {
    left: 0;
    right: inherit;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

@media only screen and (max-width: 767px) {
    .recruitment-process-end:nth-child(even) .step-end__path {
        left: -10px;
    }
}

@media only screen and (max-width: 767px) {
    .recruitment-process-steps {
        padding: 0 24px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media only screen and (max-width: 767px) {
    .recruitment-process-steps .container {
        width: 275px;
    }
}

.recruitment-process-steps .progress-step-container {
    height: 47.5rem;
    padding-top: 5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url("/style%20library/assets/img/process-odd-bg.png");
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
    .recruitment-process-steps .progress-step-container {
        height: initial;
        padding-top: 0;
        background-image: initial;
    }
}

.recruitment-process-steps .progress-step-container .text-section {
    position: relative;
}

    .recruitment-process-steps .progress-step-container .text-section.active:after {
        opacity: 1;
    }

@media only screen and (max-width: 767px) {
    .recruitment-process-steps .progress-step-container .text-section.active:after {
        opacity: 0;
    }
}

.recruitment-process-steps .progress-step-container .text-section:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 12px;
    background-image: url(/style%20library/assets/img/arrow.png);
    background-repeat: no-repeat;
    top: 50%;
    margin-top: -6px;
    right: -57px;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.recruitment-process-steps .progress-step-container:nth-child(even) {
    background-image: url("/style%20library/assets/img/process-even-bg.png");
}

@media only screen and (max-width: 767px) {
    .recruitment-process-steps .progress-step-container:nth-child(even) {
        background-image: initial;
    }
}

.recruitment-process-steps .progress-step-container:nth-child(even) .text-section:after {
    right: initial;
    left: -60px;
}

.recruitment-process-steps .progress-step-container:nth-child(even) .progress-step__left {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-right: 0;
    margin-left: 3.75rem;
}

@media only screen and (max-width: 767px) {
    .recruitment-process-steps .progress-step-container:nth-child(even) .progress-step__left {
        margin-left: initial;
    }
}

.application-form {
    width: auto;
    max-width: 380px;
    height: 100%;
    margin: -100px auto 140px;
    padding: 60px;
    background-color: #ffffff;
    border-radius: 8px;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 767px) {
    .application-form {
        padding: 30px 16px 40px;
    }
}

.application-form .select2 {
    margin-bottom: 15px;
}

.application-form .m-select-error {
    margin-bottom: 10px;
    margin-top: -10px;
}

.application-form .gray-line {
    position: relative;
    padding: 10px;
}

    .application-form .gray-line:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 25px;
        width: 100%;
        height: 1px;
        background-color: #ecf0f2;
    }

    .application-form .gray-line span {
        position: relative;
        display: block;
        width: 40px;
        margin: 0 auto 10px;
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1.14;
        letter-spacing: normal;
        text-align: center;
        color: #8e9fad;
        background-color: #ffffff;
        z-index: 1;
    }

.application-form .text {
    margin-bottom: 10px;
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #253342;
}

.application-form__text {
    margin-bottom: 10px;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
}

    .application-form__text a {
        font-weight: bold;
        color: #2855ac;
    }

.application-form__title {
    margin-bottom: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: center;
    color: #283341;
}

.application-form .captcha-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .application-form .captcha-area .captcha {
        width: 40%;
        margin-right: 10px;
    }

        .application-form .captcha-area .captcha a i {
            color: #253342;
        }

    .application-form .captcha-area .a-input {
        width: 60%;
        margin-bottom: 0;
    }

@media screen and (max-width: 767px) {
    .application-form .captcha-area {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .application-form .captcha-area .captcha {
            width: 100%;
            margin-right: 0;
        }

        .application-form .captcha-area .a-input {
            width: 100%;
        }
}

.application-form .education-status-hidden {
    display: none;
}

.application-form .education-status-show {
    display: block;
}

.application-form .js-hidden {
    display: none;
}

.application-form .choose-opt {
    margin-bottom: 10px;
    margin-top: -12px;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: normal;
    color: #253342;
}

.application-form .pdf-notice {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.23px;
    color: #ffa12c;
}

.application-form .input__pdf {
    position: relative;
    margin-bottom: 20px;
}

    .application-form .input__pdf .file_pdf {
        opacity: 0;
        filter: alpha(opacity=0);
        color: white;
        position: absolute;
    }

        .application-form .input__pdf .file_pdf + label {
            color: #8e9fad;
            font-size: 1rem;
            left: 0;
            top: 0;
            -webkit-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            transform-origin: 0 0;
            z-index: 6;
            -webkit-transition-property: font-size, -webkit-transform;
            transition-property: font-size, -webkit-transform;
            -o-transition-property: transform, font-size;
            transition-property: transform, font-size;
            transition-property: transform, font-size, -webkit-transform;
            will-change: transform, font-size;
            -webkit-transition: 150ms cubic-bezier(0, 0, 0.2, 1);
            -o-transition: 150ms cubic-bezier(0, 0, 0.2, 1);
            transition: 150ms cubic-bezier(0, 0, 0.2, 1);
            line-height: 1.5rem;
        }

            .application-form .input__pdf .file_pdf + label .fakebutton {
                cursor: pointer;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                border-radius: 0.5rem;
                background-color: #ffffff;
                color: #8e9fad;
                width: 100%;
                height: 100%;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                border: 1px solid #dee3ed;
                padding: 0.875rem 1rem;
                font-size: 1rem;
                font-weight: 500;
                min-height: 3.5rem;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
            }

                .application-form .input__pdf .file_pdf + label .fakebutton:hover {
                    border: 1px solid #8e9fad;
                }

            .application-form .input__pdf .file_pdf + label .filetext {
                margin-left: 10px;
                font-size: 12px;
                color: #000;
            }

    .application-form .input__pdf label span {
        display: block;
        margin-bottom: 0px;
    }

.application-form #filename {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #253342;
}

.text-mute {
    font-size: 16px;
    color: #ffa12c;
}

.pdf-document-title {
    margin-top: 20px;
}

.kisisel-veri {
    text-align: center;
    font-size: 0.9375rem;
    line-height: 1.5rem;
    color: #253342;
    position: relative;
    font-weight: 500;
    display: block;
}

.a-checkbox--checked ~ span {
    font-weight: 500;
}

.a-checkbox input:checked ~ span {
    font-weight: 500;
}

.intl-tel-input {
    display: table-cell;
}

    .intl-tel-input .selected-flag {
        z-index: 4;
    }

    .intl-tel-input .country-list {
        z-index: 5;
    }

.input-group .intl-tel-input .form-control {
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
}

.intl-tel-input {
    font-size: 45px;
}

.country-list {
    width: 900px;
}

input {
    height: auto;
    width: 700px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    input::-webkit-input-placeholder {
        color: #ccc;
    }

    input::-moz-placeholder {
        color: #ccc;
    }

    input:-ms-input-placeholder {
        color: #ccc;
    }

    input::-ms-input-placeholder {
        color: #ccc;
    }

    input::placeholder {
        color: #ccc;
    }

.iti {
    position: relative;
}

    .iti * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .iti input {
        position: relative;
        z-index: 0;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-right: 36px;
        margin-right: 0;
    }

        .iti input[type=text] {
            position: relative;
            z-index: 0;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding-right: 36px;
            margin-right: 0;
        }

        .iti input[type=tel] {
            position: relative;
            z-index: 0;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding-right: 36px;
            margin-right: 0;
        }

.iti__hide {
    display: none;
}

.iti__v-hide {
    visibility: hidden;
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px;
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    max-height: 54px;
    padding: 0 9px 0 8px;
    border-right: 1px solid #dee3ed;
}

.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid #555;
}

.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555;
}

.iti__country-list {
    position: absolute;
    z-index: 999;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px;
}

.iti__flag-box {
    display: inline-block;
    width: 40px;
    vertical-align: middle;
    margin-right: 6px;
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC;
}

.iti__country {
    padding: 5px 10px;
    outline: none;
}

.iti__dial-code {
    color: #999;
    vertical-align: middle;
}

.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, 0.05);
}

.iti__country-name {
    vertical-align: middle;
    margin-right: 6px;
}

.iti--allow-dropdown input {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0;
}

    .iti--allow-dropdown input[type=text] {
        padding-right: 6px;
        padding-left: 52px;
        margin-left: 0;
    }

    .iti--allow-dropdown input[type=tel] {
        padding-right: 6px;
        padding-left: 52px;
        margin-left: 0;
        color: #000000;
        border-radius: 0.5rem;
        width: 100%;
        height: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 1rem;
    }

.iti--allow-dropdown .iti__flag-container {
    right: auto;
    left: 0;
    height: 56px;
}

    .iti--allow-dropdown .iti__flag-container:hover {
        cursor: pointer;
    }

        .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
            background-color: rgba(0, 0, 0, 0.05);
        }

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover {
    cursor: default;
}

    .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag {
        background-color: transparent;
    }

.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default;
}

    .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
        background-color: transparent;
    }

.iti--separate-dial-code input {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0;
    padding-bottom: 0px;
    padding-left: 7.9rem !important;
}

    .iti--separate-dial-code input[type=text] {
        padding-right: 6px;
        padding-left: 52px;
        margin-left: 0;
    }

    .iti--separate-dial-code input[type=tel] {
        padding-right: 6px;
        padding-left: 52px;
        margin-left: 0;
    }

.iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0;
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px;
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px;
}

    .iti--container:hover {
        cursor: pointer;
    }

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed;
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%;
}

.iti-mobile .iti__country {
    padding: 10px 10px;
    line-height: 1.5em;
}

.iti__flag {
    width: 40px;
    height: 15px;
    -webkit-box-shadow: 0px 0px 1px 0px #888;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url("/style%20library/assets/img/flags.png");
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    background-position: 20px 0;
    background-size: 20976px 50px;
    border-radius: 100%;
}

.iti-flag {
    width: 80px;
    width: 80px;
    height: 60px;
    -webkit-box-shadow: 0 0 1px 0 #888;
    box-shadow: 0 0 1px 0 #888;
    background-image: url("/style%20library/assets/img/flags.png");
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    background-position: 80px 0;
}

.iti__flag.iti__be {
    width: 40px;
    height: 40px;
    background-position: -1640px 0px;
}

.iti__flag.iti__ch {
    width: 40px;
    height: 40px;
    background-position: -3515px 0px;
}

.iti__flag.iti__mc {
    width: 75px;
    height: 40px;
    background-position: -11695px 0px;
}

.iti__flag.iti__ne {
    width: 40px;
    height: 40px;
    background-position: -13658px 0px;
}

.iti__flag.iti__np {
    width: 40px;
    height: 40px;
    background-position: -14140px 0px;
    background-color: transparent;
}

.iti__flag.iti__va {
    width: 40px;
    height: 40px;
    background-position: -19767px 0px;
}

.iti__flag.iti__ac {
    height: 40px;
    background-position: 0px 0px;
}

.iti__flag.iti__ad {
    height: 56px;
    background-position: -82px 0px;
}

.iti__flag.iti__ae {
    height: 40px;
    background-position: -164px 0px;
}

.iti__flag.iti__af {
    height: 40px;
    background-position: -246px 0px;
}

.iti__flag.iti__ag {
    height: 40px;
    background-position: -328px 0px;
}

.iti__flag.iti__ai {
    height: 40px;
    background-position: -410px 0px;
}

.iti__flag.iti__al {
    height: 57px;
    background-position: -492px 0px;
}

.iti__flag.iti__am {
    height: 40px;
    background-position: -574px 0px;
}

.iti__flag.iti__ao {
    height: 40px;
    background-position: -656px 0px;
}

.iti__flag.iti__aq {
    height: 40px;
    background-position: -738px 0px;
}

.iti__flag.iti__ar {
    height: 50px;
    background-position: -820px 0px;
}

.iti__flag.iti__as {
    height: 40px;
    background-position: -902px 0px;
}

.iti__flag.iti__at {
    height: 40px;
    background-position: -984px 0px;
}

.iti__flag.iti__au {
    height: 40px;
    background-position: -1066px 0px;
}

.iti__flag.iti__aw {
    height: 40px;
    background-position: -1148px 0px;
}

.iti__flag.iti__ax {
    height: 53px;
    background-position: -1230px 0px;
}

.iti__flag.iti__az {
    height: 40px;
    background-position: -1312px 0px;
}

.iti__flag.iti__ba {
    height: 40px;
    background-position: -1394px 0px;
}

.iti__flag.iti__bb {
    height: 40px;
    background-position: -1476px 0px;
}

.iti__flag.iti__bd {
    height: 48px;
    background-position: -1558px 0px;
}

.iti__flag.iti__bf {
    height: 40px;
    background-position: -1711px 0px;
}

.iti__flag.iti__bg {
    height: 48px;
    background-position: -1793px 0px;
}

.iti__flag.iti__bh {
    height: 48px;
    background-position: -1875px 0px;
}

.iti__flag.iti__bi {
    height: 48px;
    background-position: -1957px 0px;
}

.iti__flag.iti__bj {
    height: 40px;
    background-position: -2039px 0px;
}

.iti__flag.iti__bl {
    height: 40px;
    background-position: -2121px 0px;
}

.iti__flag.iti__bm {
    height: 40px;
    background-position: -2203px 0px;
}

.iti__flag.iti__bn {
    height: 40px;
    background-position: -2285px 0px;
}

.iti__flag.iti__bo {
    height: 55px;
    background-position: -2367px 0px;
}

.iti__flag.iti__bq {
    height: 40px;
    background-position: -2449px 0px;
}

.iti__flag.iti__br {
    height: 56px;
    background-position: -2531px 0px;
}

.iti__flag.iti__bs {
    height: 40px;
    background-position: -2613px 0px;
}

.iti__flag.iti__bt {
    height: 40px;
    background-position: -2695px 0px;
}

.iti__flag.iti__bv {
    height: 58px;
    background-position: -2777px 0px;
}

.iti__flag.iti__bw {
    height: 40px;
    background-position: -2859px 0px;
}

.iti__flag.iti__by {
    height: 40px;
    background-position: -2941px 0px;
}

.iti__flag.iti__bz {
    height: 40px;
    background-position: -3023px 0px;
}

.iti__flag.iti__ca {
    height: 40px;
    background-position: -3105px 0px;
}

.iti__flag.iti__cc {
    height: 40px;
    background-position: -3187px 0px;
}

.iti__flag.iti__cd {
    height: 40px;
    background-position: -3269px 0px;
}

.iti__flag.iti__cf {
    height: 40px;
    background-position: -3351px 0px;
}

.iti__flag.iti__cg {
    height: 40px;
    background-position: -3433px 0px;
}

.iti__flag.iti__ci {
    height: 40px;
    background-position: -3577px 0px;
}

.iti__flag.iti__ck {
    height: 40px;
    background-position: -3659px 0px;
}

.iti__flag.iti__cl {
    height: 40px;
    background-position: -3741px 0px;
}

.iti__flag.iti__cm {
    height: 40px;
    background-position: -3823px 0px;
}

.iti__flag.iti__cn {
    height: 40px;
    background-position: -3905px 0px;
}

.iti__flag.iti__co {
    height: 40px;
    background-position: -3987px 0px;
}

.iti__flag.iti__cp {
    height: 40px;
    background-position: -4069px 0px;
}

.iti__flag.iti__cr {
    height: 48px;
    background-position: -4151px 0px;
}

.iti__flag.iti__cu {
    height: 40px;
    background-position: -4233px 0px;
}

.iti__flag.iti__cv {
    height: 47px;
    background-position: -4315px 0px;
}

.iti__flag.iti__cw {
    height: 40px;
    background-position: -4397px 0px;
}

.iti__flag.iti__cx {
    height: 40px;
    background-position: -4479px 0px;
}

.iti__flag.iti__cy {
    height: 53px;
    background-position: -4561px 0px;
}

.iti__flag.iti__cz {
    height: 40px;
    background-position: -4643px 0px;
}

.iti__flag.iti__de {
    height: 48px;
    background-position: -4725px 0px;
}

.iti__flag.iti__dg {
    height: 40px;
    background-position: -4807px 0px;
}

.iti__flag.iti__dj {
    height: 40px;
    background-position: -4889px 0px;
}

.iti__flag.iti__dk {
    height: 40px;
    background-position: -4971px 0px;
}

.iti__flag.iti__dm {
    height: 40px;
    background-position: -5053px 0px;
}

.iti__flag.iti__do {
    height: 50px;
    background-position: -5135px 0px;
}

.iti__flag.iti__dz {
    height: 40px;
    background-position: -5217px 0px;
}

.iti__flag.iti__ea {
    height: 40px;
    background-position: -5299px 0px;
}

.iti__flag.iti__ec {
    height: 40px;
    background-position: -5381px 0px;
}

.iti__flag.iti__ee {
    height: 40px;
    background-position: -5463px 0px;
}

.iti__flag.iti__eg {
    height: 40px;
    background-position: -5545px 0px;
}

.iti__flag.iti__eh {
    height: 40px;
    background-position: -5627px 0px;
}

.iti__flag.iti__er {
    height: 40px;
    background-position: -5709px 0px;
}

.iti__flag.iti__es {
    height: 40px;
    background-position: -5791px 0px;
}

.iti__flag.iti__et {
    height: 40px;
    background-position: -5873px 0px;
}

.iti__flag.iti__eu {
    height: 40px;
    background-position: -5955px 0px;
}

.iti__flag.iti__fi {
    height: 49px;
    background-position: -6037px 0px;
}

.iti__flag.iti__fj {
    height: 40px;
    background-position: -6119px 0px;
}

.iti__flag.iti__fk {
    height: 40px;
    background-position: -6201px 0px;
}

.iti__flag.iti__fm {
    height: 42px;
    background-position: -6283px 0px;
}

.iti__flag.iti__fo {
    height: 58px;
    background-position: -6365px 0px;
}

.iti__flag.iti__fr {
    height: 40px;
    background-position: -6447px 0px;
}

.iti__flag.iti__ga {
    height: 40px;
    background-position: -6529px 0px;
}

.iti__flag.iti__gb {
    height: 40px;
    background-position: -6611px 0px;
}

.iti__flag.iti__gd {
    height: 48px;
    background-position: -6693px 0px;
}

.iti__flag.iti__ge {
    height: 40px;
    background-position: -6775px 0px;
}

.iti__flag.iti__gf {
    height: 40px;
    background-position: -6857px 0px;
}

.iti__flag.iti__gg {
    height: 40px;
    background-position: -6939px 0px;
}

.iti__flag.iti__gh {
    height: 40px;
    background-position: -7021px 0px;
}

.iti__flag.iti__gi {
    height: 40px;
    background-position: -7103px 0px;
}

.iti__flag.iti__gl {
    height: 40px;
    background-position: -7185px 0px;
}

.iti__flag.iti__gm {
    height: 40px;
    background-position: -7267px 0px;
}

.iti__flag.iti__gn {
    height: 40px;
    background-position: -7349px 0px;
}

.iti__flag.iti__gp {
    height: 40px;
    background-position: -7431px 0px;
}

.iti__flag.iti__gq {
    height: 40px;
    background-position: -7513px 0px;
}

.iti__flag.iti__gr {
    height: 40px;
    background-position: -7595px 0px;
}

.iti__flag.iti__gs {
    height: 40px;
    background-position: -7677px 0px;
}

.iti__flag.iti__gt {
    height: 50px;
    background-position: -7759px 0px;
}

.iti__flag.iti__gu {
    height: 43px;
    background-position: -7841px 0px;
}

.iti__flag.iti__gw {
    height: 40px;
    background-position: -7923px 0px;
}

.iti__flag.iti__gy {
    height: 48px;
    background-position: -8005px 0px;
}

.iti__flag.iti__hk {
    height: 40px;
    background-position: -8087px 0px;
}

.iti__flag.iti__hm {
    height: 40px;
    background-position: -8169px 0px;
}

.iti__flag.iti__hn {
    height: 40px;
    background-position: -8251px 0px;
}

.iti__flag.iti__hr {
    height: 40px;
    background-position: -8333px 0px;
}

.iti__flag.iti__ht {
    height: 48px;
    background-position: -8415px 0px;
}

.iti__flag.iti__hu {
    height: 40px;
    background-position: -8497px 0px;
}

.iti__flag.iti__ic {
    height: 40px;
    background-position: -8579px 0px;
}

.iti__flag.iti__id {
    height: 40px;
    background-position: -8661px 0px;
}

.iti__flag.iti__ie {
    height: 40px;
    background-position: -8743px 0px;
}

.iti__flag.iti__il {
    height: 58px;
    background-position: -8825px 0px;
}

.iti__flag.iti__im {
    height: 40px;
    background-position: -8907px 0px;
}

.iti__flag.iti__in {
    height: 40px;
    background-position: -8989px 0px;
}

.iti__flag.iti__io {
    height: 40px;
    background-position: -9071px 0px;
}

.iti__flag.iti__iq {
    height: 40px;
    background-position: -9153px 0px;
}

.iti__flag.iti__ir {
    height: 46px;
    background-position: -9235px 0px;
}

.iti__flag.iti__is {
    height: 58px;
    background-position: -9317px 0px;
}

.iti__flag.iti__it {
    height: 40px;
    background-position: -9399px 0px;
}

.iti__flag.iti__je {
    height: 48px;
    background-position: -9481px 0px;
}

.iti__flag.iti__jm {
    height: 40px;
    background-position: -9563px 0px;
}

.iti__flag.iti__jo {
    height: 40px;
    background-position: -9645px 0px;
}

.iti__flag.iti__jp {
    height: 40px;
    background-position: -9727px 0px;
}

.iti__flag.iti__ke {
    height: 40px;
    background-position: -9809px 0px;
}

.iti__flag.iti__kg {
    height: 48px;
    background-position: -9891px 0px;
}

.iti__flag.iti__kh {
    height: 40px;
    background-position: -9973px 0px;
}

.iti__flag.iti__ki {
    height: 40px;
    background-position: -10055px 0px;
}

.iti__flag.iti__km {
    height: 48px;
    background-position: -10137px 0px;
}

.iti__flag.iti__kn {
    height: 40px;
    background-position: -10219px 0px;
}

.iti__flag.iti__kp {
    height: 40px;
    background-position: -10301px 0px;
}

.iti__flag.iti__kr {
    height: 40px;
    background-position: -10383px 0px;
}

.iti__flag.iti__kw {
    height: 40px;
    background-position: -10465px 0px;
}

.iti__flag.iti__ky {
    height: 40px;
    background-position: -10547px 0px;
}

.iti__flag.iti__kz {
    height: 40px;
    background-position: -10629px 0px;
}

.iti__flag.iti__la {
    height: 40px;
    background-position: -10711px 0px;
}

.iti__flag.iti__lb {
    height: 40px;
    background-position: -10793px 0px;
}

.iti__flag.iti__lc {
    height: 40px;
    background-position: -10875px 0px;
}

.iti__flag.iti__li {
    height: 48px;
    background-position: -10957px 0px;
}

.iti__flag.iti__lk {
    height: 40px;
    background-position: -11039px 0px;
}

.iti__flag.iti__lr {
    height: 42px;
    background-position: -11121px 0px;
}

.iti__flag.iti__ls {
    height: 40px;
    background-position: -11203px 0px;
}

.iti__flag.iti__lt {
    height: 48px;
    background-position: -11285px 0px;
}

.iti__flag.iti__lu {
    height: 48px;
    background-position: -11367px 0px;
}

.iti__flag.iti__lv {
    height: 40px;
    background-position: -11449px 0px;
}

.iti__flag.iti__ly {
    height: 40px;
    background-position: -11531px 0px;
}

.iti__flag.iti__ma {
    height: 40px;
    background-position: -11613px 0px;
}

.iti__flag.iti__md {
    height: 40px;
    background-position: -11772px 0px;
}

.iti__flag.iti__me {
    height: 40px;
    background-position: -11854px 0px;
}

.iti__flag.iti__mf {
    height: 40px;
    background-position: -11936px 0px;
}

.iti__flag.iti__mg {
    height: 40px;
    background-position: -12018px 0px;
}

.iti__flag.iti__mh {
    height: 42px;
    background-position: -12100px 0px;
}

.iti__flag.iti__mk {
    height: 40px;
    background-position: -12182px 0px;
}

.iti__flag.iti__ml {
    height: 40px;
    background-position: -12264px 0px;
}

.iti__flag.iti__mm {
    height: 40px;
    background-position: -12346px 0px;
}

.iti__flag.iti__mn {
    height: 40px;
    background-position: -12428px 0px;
}

.iti__flag.iti__mo {
    height: 40px;
    background-position: -12510px 0px;
}

.iti__flag.iti__mp {
    height: 40px;
    background-position: -12592px 0px;
}

.iti__flag.iti__mq {
    height: 40px;
    background-position: -12674px 0px;
}

.iti__flag.iti__mr {
    height: 40px;
    background-position: -12756px 0px;
}

.iti__flag.iti__ms {
    height: 40px;
    background-position: -12838px 0px;
}

.iti__flag.iti__mt {
    height: 40px;
    background-position: -12920px 0px;
}

.iti__flag.iti__mu {
    height: 40px;
    background-position: -13002px 0px;
}

.iti__flag.iti__mv {
    height: 40px;
    background-position: -13084px 0px;
}

.iti__flag.iti__mw {
    height: 40px;
    background-position: -13166px 0px;
}

.iti__flag.iti__mx {
    height: 46px;
    background-position: -13248px 0px;
}

.iti__flag.iti__my {
    height: 40px;
    background-position: -13330px 0px;
}

.iti__flag.iti__mz {
    height: 40px;
    background-position: -13412px 0px;
}

.iti__flag.iti__na {
    height: 40px;
    background-position: -13494px 0px;
}

.iti__flag.iti__nc {
    height: 40px;
    background-position: -13576px 0px;
}

.iti__flag.iti__nf {
    height: 40px;
    background-position: -13730px 0px;
}

.iti__flag.iti__ng {
    height: 40px;
    background-position: -13812px 0px;
}

.iti__flag.iti__ni {
    height: 48px;
    background-position: -13894px 0px;
}

.iti__flag.iti__nl {
    height: 40px;
    background-position: -13976px 0px;
}

.iti__flag.iti__no {
    height: 58px;
    background-position: -14058px 0px;
}

.iti__flag.iti__nr {
    height: 40px;
    background-position: -14191px 0px;
}

.iti__flag.iti__nu {
    height: 40px;
    background-position: -14273px 0px;
}

.iti__flag.iti__nz {
    height: 40px;
    background-position: -14355px 0px;
}

.iti__flag.iti__om {
    height: 40px;
    background-position: -14437px 0px;
}

.iti__flag.iti__pa {
    height: 40px;
    background-position: -14519px 0px;
}

.iti__flag.iti__pe {
    height: 40px;
    background-position: -14601px 0px;
}

.iti__flag.iti__pf {
    height: 40px;
    background-position: -14683px 0px;
}

.iti__flag.iti__pg {
    height: 40px;
    background-position: -14765px 0px;
}

.iti__flag.iti__ph {
    height: 40px;
    background-position: -14847px 0px;
}

.iti__flag.iti__pk {
    height: 40px;
    background-position: -14929px 0px;
}

.iti__flag.iti__pl {
    height: 50px;
    background-position: -15011px 0px;
}

.iti__flag.iti__pm {
    height: 40px;
    background-position: -15093px 0px;
}

.iti__flag.iti__pn {
    height: 40px;
    background-position: -15175px 0px;
}

.iti__flag.iti__pr {
    height: 40px;
    background-position: -15257px 0px;
}

.iti__flag.iti__ps {
    height: 40px;
    background-position: -15339px 0px;
}

.iti__flag.iti__pt {
    height: 40px;
    background-position: -15421px 0px;
}

.iti__flag.iti__pw {
    height: 50px;
    background-position: -15503px 0px;
}

.iti__flag.iti__py {
    height: 44px;
    background-position: -15585px 0px;
}

.iti__flag.iti__qa {
    height: 32px;
    background-position: -15667px 0px;
}

.iti__flag.iti__re {
    height: 40px;
    background-position: -15749px 0px;
}

.iti__flag.iti__ro {
    height: 40px;
    background-position: -15831px 0px;
}

.iti__flag.iti__rs {
    height: 40px;
    background-position: -15913px 0px;
}

.iti__flag.iti__ru {
    height: 40px;
    background-position: -15995px 0px;
}

.iti__flag.iti__rw {
    height: 40px;
    background-position: -16077px 0px;
}

.iti__flag.iti__sa {
    height: 40px;
    background-position: -16159px 0px;
}

.iti__flag.iti__sb {
    height: 40px;
    background-position: -16241px 0px;
}

.iti__flag.iti__sc {
    height: 40px;
    background-position: -16323px 0px;
}

.iti__flag.iti__sd {
    height: 40px;
    background-position: -16405px 0px;
}

.iti__flag.iti__se {
    height: 50px;
    background-position: -16487px 0px;
}

.iti__flag.iti__sg {
    height: 40px;
    background-position: -16569px 0px;
}

.iti__flag.iti__sh {
    height: 40px;
    background-position: -16651px 0px;
}

.iti__flag.iti__si {
    height: 40px;
    background-position: -16733px 0px;
}

.iti__flag.iti__sj {
    height: 58px;
    background-position: -16815px 0px;
}

.iti__flag.iti__sk {
    height: 40px;
    background-position: -16897px 0px;
}

.iti__flag.iti__sl {
    height: 40px;
    background-position: -16979px 0px;
}

.iti__flag.iti__sm {
    height: 40px;
    background-position: -17061px 0px;
}

.iti__flag.iti__sn {
    height: 40px;
    background-position: -17143px 0px;
}

.iti__flag.iti__so {
    height: 40px;
    background-position: -17225px 0px;
}

.iti__flag.iti__sr {
    height: 40px;
    background-position: -17307px 0px;
}

.iti__flag.iti__ss {
    height: 40px;
    background-position: -17389px 0px;
}

.iti__flag.iti__st {
    height: 40px;
    background-position: -17471px 0px;
}

.iti__flag.iti__sv {
    height: 40px;
    background-position: -17553px 0px;
}

.iti__flag.iti__sx {
    height: 40px;
    background-position: -17635px 0px;
}

.iti__flag.iti__sy {
    height: 40px;
    background-position: -17717px 0px;
}

.iti__flag.iti__sz {
    height: 40px;
    background-position: -17799px 0px;
}

.iti__flag.iti__ta {
    height: 40px;
    background-position: -17881px 0px;
}

.iti__flag.iti__tc {
    height: 40px;
    background-position: -17963px 0px;
}

.iti__flag.iti__td {
    height: 40px;
    background-position: -18045px 0px;
}

.iti__flag.iti__tf {
    height: 40px;
    background-position: -18127px 0px;
}

.iti__flag.iti__tg {
    height: 50px;
    background-position: -18209px 0px;
}

.iti__flag.iti__th {
    height: 40px;
    background-position: -18291px 0px;
}

.iti__flag.iti__tj {
    height: 40px;
    background-position: -18373px 0px;
}

.iti__flag.iti__tk {
    height: 40px;
    background-position: -18455px 0px;
}

.iti__flag.iti__tl {
    height: 40px;
    background-position: -18537px 0px;
}

.iti__flag.iti__tm {
    height: 40px;
    background-position: -18619px 0px;
}

.iti__flag.iti__tn {
    height: 40px;
    background-position: -18701px 0px;
}

.iti__flag.iti__to {
    height: 40px;
    background-position: -18783px 0px;
}

.iti__flag.iti__tr {
    height: 40px;
    background-position: -18876px -5px;
    background-size: 20974px 57px;
}

.iti__flag.iti__tt {
    height: 48px;
    background-position: -18947px 0px;
}

.iti__flag.iti__tv {
    height: 40px;
    background-position: -19029px 0px;
}

.iti__flag.iti__tw {
    height: 40px;
    background-position: -19111px 0px;
}

.iti__flag.iti__tz {
    height: 40px;
    background-position: -19193px 0px;
}

.iti__flag.iti__ua {
    height: 40px;
    background-position: -19275px 0px;
}

.iti__flag.iti__ug {
    height: 40px;
    background-position: -19357px 0px;
}

.iti__flag.iti__um {
    height: 42px;
    background-position: -19439px 0px;
}

.iti__flag.iti__us {
    height: 42px;
    background-position: -19521px 0px;
}

.iti__flag.iti__uy {
    height: 40px;
    background-position: -19603px 0px;
}

.iti__flag.iti__uz {
    height: 40px;
    background-position: -19685px 0px;
}

.iti__flag.iti__vc {
    height: 40px;
    background-position: -19829px 0px;
}

.iti__flag.iti__ve {
    height: 40px;
    background-position: -19911px 0px;
}

.iti__flag.iti__vg {
    height: 40px;
    background-position: -19993px 0px;
}

.iti__flag.iti__vi {
    height: 40px;
    background-position: -20075px 0px;
}

.iti__flag.iti__vn {
    height: 40px;
    background-position: -20157px 0px;
}

.iti__flag.iti__vu {
    height: 48px;
    background-position: -20239px 0px;
}

.iti__flag.iti__wf {
    height: 40px;
    background-position: -20321px 0px;
}

.iti__flag.iti__ws {
    height: 40px;
    background-position: -20403px 0px;
}

.iti__flag.iti__xk {
    height: 57px;
    background-position: -20485px 0px;
}

.iti__flag.iti__ye {
    height: 40px;
    background-position: -20567px 0px;
}

.iti__flag.iti__yt {
    height: 40px;
    background-position: -20649px 0px;
}

.iti__flag.iti__za {
    height: 40px;
    background-position: -20731px 0px;
}

.iti__flag.iti__zm {
    height: 40px;
    background-position: -20813px 0px;
}

.iti__flag.iti__zw {
    height: 40px;
    background-position: -20895px 0px;
}

@media (max-width: 500px) {
    .iti__country-list {
        white-space: normal;
    }
}

.input__tel {
    position: relative;
}

.iti iti--allow-dropdown {
    min-height: 3.5rem;
}

.iti__flag-container {
    border-right: 1px solid #dee3ed;
}

.iti--allow-dropdown input[type=tel] {
    padding-left: 7.5rem !important;
    padding-top: 22px;
}

.input__tel-title {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    position: absolute;
    left: 65px;
    top: 7.5px;
}

.checkbox-link {
    font-weight: bold !important;
    color: #2855ac !important;
    font-family: GreycliffCF;
    font-size: 16px;
}

label[for=international-input] {
    -webkit-transform: translate(7.9rem, 0.5625rem) scale(0.75);
    -ms-transform: translate(7.9rem, 0.3625rem) scale(0.75);
    transform: translate(7.9rem, 0.3625rem) scale(0.75);
}

#filePdfErr {
    font-size: 12px;
    color: #e30a17;
    line-height: 15px;
    font-weight: 600;
}

.input__pdf ul li {
    position: absolute;
    bottom: -13px;
}

.application-form .input__pdf label .fakebutton {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 0.5rem;
    background-color: #ffffff;
    color: #8e9fad;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dee3ed;
    padding: 0.875rem 1rem;
    font-size: 1rem;
    font-weight: 500;
    min-height: 3.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.page-banner-staj .page-banner__mask path {
    fill: #fcfcfc;
}

.date-area .chars {
    display: none !important;
}

.label-section {
    margin-bottom: 19.5rem;
    padding-top: 100px;
}

.application-form .checkbox-group label > input[type="checkbox"],
.a-checkbox > input {
    display: none;
}

.EducationItem span {
    display: block;
    margin-bottom: 10px;
}

#EducationHistoryPreviewDiv:not(.js-hidden) {
    display: inline-block;
    margin-top: 30px;
    width: 100%;
}

.EducationItem {
    position: relative;
    width: calc(100% - 45px);
    display: inline-block;
    background: #dfdfdf !important;
    color: #000;
    padding: 20px;
    border-radius: 6px;
    margin-bottom: 12px;
    margin-top: 15px;
}

    .EducationItem h4 {
        cursor: pointer;
        display: block;
        width: 100%;
        padding: 20px;
        margin-left: -20px;
        margin-top: -20px;
        border-radius: 5px 5px 0px 0px;
        margin-bottom: 14px;
        border-bottom: 1px solid #fff;
        color: #000;
        text-transform: uppercase;
        font-weight: 600;
    }

.textarea-content {
    color: #98a7b4;
    display: inline-block;
    font-size: 12px;
    float: right;
    margin-top: -24px;
    margin-right: 10px;
}

.EducationItem .educationCollapse:before {
    transform: rotate(180deg);
    position: relative;
    top: -3px;
    left: -10px;
}

.EducationItem h4:before {
    content: "\EA01";
    float: left;
    height: 20px;
    width: 20px;
    font-family: "IconFont";
    transform: rotate(-90deg);
    position: relative;
    top: -5px;
    left: -5px;
}

.hideEducationItem {
    display: none !important;
}

span#close {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 18px;
    background: transparent;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 2px;
    text-indent: 2px;
    color: #000;
    font-weight: bold;
    transform: scaleY(0.7);
}

textarea.parsley-error {
    border-color: #FF3D71;
    color: #FF3D71;
}

textarea::placeholder {
    color: #8e9fad;
    font-weight: 500
}

textarea::-webkit-input-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder,
textarea:-ms-input-placeholder,
textarea::placeholder {
    color: #8e9fad !important;
}

textarea {
    height: 171px;
    border: 1px solid #dee3ed;
    border-radius: 10px;
    resize: none;
    min-height: 200px;
    width: calc(100% - 30px);
    padding: 15px;
    padding-bottom: 26px;
}

    textarea:focus + label,
    textarea[data-dirty=true] + label {
        webkit-transform: translate(1rem, 0.5625rem) scale(0.75);
        -ms-transform: translate(1rem, 0.5625rem) scale(0.75);
        transform: translate(1rem, 0.5625rem) scale(0.75);
    }

@media screen and (max-width: 1025px) {
    .sign-up-banner h2 {
        padding-top: 40px;
    }
}

@media screen and (max-width: 767px) {
    .label-section {
        margin-bottom: 160px;
    }

        .label-section h2 {
            font-size: 1.5rem;
            font-weight: bold;
            line-height: 1.33;
            letter-spacing: -0.4px;
            text-align: center;
            color: #283341;
        }

        .label-section p {
            font-size: 1rem;
            font-weight: normal;
            line-height: 1.38;
            letter-spacing: normal;
            text-align: center;
            color: #8e9fad;
        }
}

.message-section {
    margin-bottom: 6.25rem;
    position: relative;
    padding-top: 0;
}

.message-section__bg {
    position: absolute;
    width: 100%;
    height: 1640px;
    z-index: -1;
}

.message-section h2 {
    margin-bottom: 5rem;
}

@media screen and (max-width: 767px) {
    .message-section {
        padding-top: 60px;
    }
}

.team-detail__bg1 {
    position: absolute;
    width: 100%;
    height: 1090px;
}

@media screen and (max-width: 767px) {
    .team-detail__bg1 {
        height: 1180px;
    }
}

.business-opportunities.team-detail {
    padding-top: 0;
}

    .business-opportunities.team-detail .content__title {
        padding-top: 0;
    }

@media screen and (max-width: 767px) {
    .business-opportunities.team-detail {
        padding-top: 210px;
        margin-bottom: 0;
    }
}

.team-listing {
    padding-top: 180px;
}

@media (max-width: 767px) {
    .team-listing {
        padding-top: 104px;
    }
}

.team-listing .content__title, .team-listing .content__title-sub {
    padding: 0;
}

.team-listing .content__title {
    font-size: 2.625rem;
    font-weight: bold;
    letter-spacing: -0.54px;
    color: #2b3a4c;
}

@media (max-width: 767px) {
    .team-listing .content__title {
        font-size: 1.5rem;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: #2f394b;
    }
}

.team-listing .content__title-sub {
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: -0.2px;
    color: #b9c1cf;
}

@media (max-width: 767px) {
    .team-listing .content__title-sub {
        font-size: 1rem;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.5;
        letter-spacing: -0.18px;
        color: #a5b1c0;
    }
}

.team-listing .content__body {
    position: relative;
}

    .team-listing .content__body .hexagon-line {
        position: absolute;
        left: -240px;
        top: -50px;
        width: 730px;
        height: 640px;
    }

        .team-listing .content__body .hexagon-line .hexagon-small {
            position: absolute;
            left: 180px;
            top: 45px;
            width: 97px;
            height: 90px;
        }

@media (max-width: 767px) {
    .team-listing .content__body .hexagon-line {
        background-image: none !important;
    }

        .team-listing .content__body .hexagon-line .hexagon-small {
            left: 205px;
        }
}

.team-listing .content--circle__particules {
    height: auto !important;
}

    .team-listing .content--circle__particules .particule-1 {
        right: -300px !important;
    }

.working__media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 45px;
}

.textarea-counter {
    color: #98a7b4;
    display: inline-block;
    font-size: 12px;
    float: right;
    margin-right: 0px;
    margin-top: 5px;
}

.parsley-errors-list {
    display: inline-block;
}

.working__media .swiper-container {
    width: 580px;
    height: 480px;
    border-radius: 32px;
    pointer-events: none;
}

@media screen and (max-width: 1024px) {
    .working__media .swiper-container {
        width: 100%;
        height: 100%;
    }
}

.working__media .swiper-wrapper {
    width: 100%;
    pointer-events: none;
}

    .working__media .swiper-wrapper .swiper-slide {
        width: 580px;
        pointer-events: none;
    }

@media screen and (max-width: 1024px) {
    .working__media .swiper-wrapper .swiper-slide {
        width: 100%;
    }
}

.working__media .swiper-wrapper .swiper-slide img {
    max-width: 580px !important;
    height: 480px;
}

@media screen and (max-width: 1024px) {
    .working__media .swiper-wrapper .swiper-slide img {
        max-width: 100% !important;
        height: 100%;
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .working__media {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.working__bottom {
    position: relative;
    background-color: #f6f6f6;
    width: 100%;
    padding: 120px 0;
}

    .working__bottom h1 {
        font-size: 2.625rem;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: -0.54px;
        text-align: center;
        color: #253342;
    }

    .working__bottom .content__body {
        text-align: center;
    }

    .working__bottom .content__title-sub {
        width: 40%;
        margin: 15px auto 32px;
        font-size: 1.125rem;
        line-height: 1.33;
        text-align: center;
        color: #8e9fad;
    }

@media screen and (max-width: 1024px) {
    .working__bottom .content__title-sub {
        width: 80%;
        padding-left: 24px;
        padding-right: 24px;
        font-size: 1rem;
    }
}

.working__slider {
    position: relative;
    max-width: 550px;
    margin-top: 20px;
    padding-left: 65px;
}

@media screen and (max-width: 1024px) {
    .working__slider {
        padding-left: 0;
        margin-top: 50px;
        max-width: 100%;
    }
}

.working__slider__particules {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
}

@media screen and (max-width: 1024px) {
    .working__slider__particules {
        display: none;
    }
}

.working__slider__particules .particule-1 {
    width: 900px;
    height: 900px;
    top: -189px;
    position: absolute;
    left: -204px;
}

.working__slider__particules img {
    display: block;
    width: 100%;
}

.working__slider .list {
    position: relative;
    margin-left: 0;
    margin-top: -30px;
}

    .working__slider .list:after {
        content: '';
        position: absolute;
        top: 42px;
        left: 35px;
        height: calc(100% - 80px);
        border-left: 3px dotted rgba(0, 0, 0, 0.08);
        opacity: 0.4;
    }

    .working__slider .list li {
        position: relative;
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 1.33;
        color: #5f6b76;
        -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;
        transition: background-color 0.3s, -webkit-box-shadow 0.3s;
        -o-transition: box-shadow 0.3s, background-color 0.3s;
        transition: box-shadow 0.3s, background-color 0.3s;
        transition: box-shadow 0.3s, background-color 0.3s, -webkit-box-shadow 0.3s;
        border-radius: 20px;
    }

@media screen and (max-width: 1024px) {
    .working__slider .list li {
        font-size: 1rem;
        margin-left: 0;
        padding-left: 60px;
    }
}

.working__slider .list li:before {
    font-family: "IconFont";
    position: absolute;
    left: 27px;
    top: 50%;
    margin-top: -10px;
    width: 0;
    height: 0;
    font-size: 1.125rem;
    background-color: transparent;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.working__slider .list li p {
    padding: 0 20px 0 80px;
    margin-top: -15px;
    height: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 1024px) {
    .working__slider .list li p {
        padding: 0 20px 0 0;
    }
}

.working__slider .list li.loop-item--active {
    -webkit-box-shadow: 0 6px 15px 0 rgba(37, 51, 66, 0.15);
    box-shadow: 0 6px 15px 0 rgba(37, 51, 66, 0.15);
    background-color: #ffffff;
}

    .working__slider .list li.loop-item--active p {
        color: #253342;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .working__slider .list li.loop-item--active:before {
        color: #ffc900;
        z-index: 1;
    }

.working__particules {
    position: absolute;
    height: 100%;
    width: 40%;
    top: 0;
    overflow: hidden;
}

    .working__particules .particule-1 {
        width: 380px;
        height: 380px;
        left: -18px;
        bottom: -103px;
        position: absolute;
        -webkit-transform: rotate(70deg);
        -ms-transform: rotate(70deg);
        transform: rotate(70deg);
    }

@media screen and (max-width: 1024px) {
    .working__particules .particule-1 {
        width: 300px;
        height: 300px;
        left: -178px;
        bottom: -120px;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.working__particules .particule-2 {
    width: 75px;
    height: 75px;
    left: 259px;
    bottom: 86px;
    position: absolute;
    -webkit-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    transform: rotate(44deg);
}

@media screen and (max-width: 1024px) {
    .working__particules .particule-2 {
        width: 60px;
        height: 60px;
        left: 22px;
        bottom: 51px;
        -webkit-transform: rotate(32deg);
        -ms-transform: rotate(32deg);
        transform: rotate(32deg);
    }
}

.working__particules .particule-3 {
    width: 400px;
    height: 400px;
    left: -100px;
    position: absolute;
    -webkit-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    transform: rotate(9deg);
    top: -100px;
}

@media screen and (max-width: 1024px) {
    .working__particules .particule-3 {
        left: -320px;
        -webkit-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        transform: rotate(-3deg);
        top: 0;
    }
}

.working__particules img {
    display: block;
    width: 100%;
}

.working-turkcell .circle__box .title {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 12px;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: -0.41px;
    color: #253342;
}

@media only screen and (max-width: 1024px) {
    .working-turkcell .circle__box .title {
        font-size: 1.5rem;
    }
}

.working-turkcell .circle__box p {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 24px;
    font-size: 1.125rem;
    line-height: 1.44;
    letter-spacing: -0.2px;
    text-align: center;
    color: #8e9fad;
}

@media only screen and (max-width: 1024px) {
    .working-turkcell .circle__box p {
        font-size: 1rem;
    }
}

.working-turkcell .circle__box span {
    width: 80%;
    margin: 0 auto;
    display: block;
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -0.45px;
    text-align: center;
    font-weight: normal;
    color: #8e9fad;
}

.working-turkcell .circle__box .button {
    width: 170px;
    height: 50px;
    line-height: 21px;
}

.working-turkcell .circle__box-item img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-box-shadow: 0 13px 20px 0 rgba(37, 51, 66, 0.2);
    box-shadow: 0 13px 20px 0 rgba(37, 51, 66, 0.2);
}

.more__information {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 106px auto 0;
}

.content.working-section .content__title {
    margin-bottom: 15px;
}

.content.working-section .content__title-sub {
    margin-bottom: 60px;
}

@media screen and (max-width: 1024px) {
    .content.working-section {
        margin-bottom: 320px;
    }
}

.content--circle__particules {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
}

@media screen and (max-width: 1024px) {
    .content--circle__particules {
        display: none;
    }
}

.content--circle__particules .particule-1 {
    width: 340px;
    height: 340px;
    right: -228px;
    top: -150px;
    position: absolute;
    -webkit-transform: rotate(71deg);
    -ms-transform: rotate(71deg);
    transform: rotate(71deg);
}

.content--circle__particules img {
    display: block;
    width: 100%;
}

.select-modal__content__top {
    padding: 20px 16px;
    background-color: #ecf0f2;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

    .select-modal__content__top .title {
        font-size: 1.25rem;
        font-weight: bold;
        line-height: 1.4;
        color: #4a4a4a;
    }

.select-modal__content__bottom {
    padding: 16px 16px 30px;
    background-color: #ffffff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

    .select-modal__content__bottom .rectangle-box {
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid #ecf0f2;
    }

        .select-modal__content__bottom .rectangle-box:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }

        .select-modal__content__bottom .rectangle-box p {
            margin-bottom: 20px;
        }

        .select-modal__content__bottom .rectangle-box h5 {
            margin-bottom: 10px;
            font-size: 1rem;
            font-weight: normal;
            line-height: 1.25;
            color: #253342;
        }

        .select-modal__content__bottom .rectangle-box p,
        .select-modal__content__bottom .rectangle-box span {
            font-size: 0.75rem;
            font-weight: normal;
            line-height: 1.67;
            color: #8e9fad;
        }

            .select-modal__content__bottom .rectangle-box p a,
            .select-modal__content__bottom .rectangle-box span a {
                outline: none;
                color: #8e9fad;
            }

.select-modal.fancybox-content {
    background-color: transparent;
    padding: 0;
}

.fancybox-close-small {
    right: 0px !important;
    top: 0px !important;
    width: 50px !important;
    height: 68px !important;
}

.hexagon-bg {
    padding-top: 130px;
}

    .hexagon-bg h2 {
        padding-bottom: 110px;
    }

@media screen and (max-width: 1024px) {
    .hexagon-bg {
        padding-top: 60px;
    }

        .hexagon-bg h2 {
            padding-bottom: 10px;
        }
}

.content.circle-section {
    padding-top: 0;
}

@media (max-width: 1024px) {
    .development-opportunities {
        padding-bottom: 0;
        padding-top: 40px;
    }
}

.content--circle.working-turkcell .circle__box h3 {
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: center;
    color: #4a4a4a;
}

.content--circle.working-turkcell .circle__box span {
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.57;
    letter-spacing: -0.26px;
    text-align: center;
    color: #8e9fad;
}

#CheckMacBookDiv > span {
    margin-bottom: 20px;
    font-size: 1rem;
    letter-spacing: normal;
    text-align: center;
    color: #283341;
}

#CheckMacBookDiv label > span {
    position: relative;
    top: 2px;
    color: #8e9fad !important;
}

#CheckMacBookDiv .m-select-error {
    margin-top: 0px !important
}

.a-radio {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

.a-radio input[type="radio"] {
    display: block;
    opacity: 1;
    visibility: visible;
    width: 20px;
    height: 20px;
    padding: 0px;
    appearance: auto;
    float: left;
    margin-right: 8px;
}

#CheckMacBookDiv label > span {
    position: relative;
    top: 1px;
    color: #8e9fad !important;
}