﻿a.button:visited {
    color: #253342;
}

input[type=button],
input[type=reset],
input[type=submit],
button {
    min-width: 0;
    padding: 13px 5px;
    border: none;
    background-color: #ffc900;
    font-family: 'GreycliffCF';
    font-size: 1rem;
}

    input[type=button]:hover,
    input[type=reset]:hover,
    input[type=submit]:hover,
    button:hover,
    input[type=button]:active,
    input[type=reset]:active,
    input[type=submit]:active,
    button:active {
        background-color: #ffc900;
    }

a:hover, a:active {
    text-decoration: none;
}

.text-bold {
    font-weight: bold;
}

#outdatedbrowser {
    position: relative;
    z-index: 1000;
}

.m-outdated-browser--container {
    width: 100%;
}

h1,
h2,
h3,
.ms-h2,
.ms-h3,
.ms-headerFont,
h4,
h5,
h6,
.ms-h4,
.ms-h5,
.ms-h6 {
    font-family: 'GreycliffCF', 'Helvetica', 'Calibri', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

.flex-wrap {
    flex-wrap: wrap;
}

.header {
    top: 0;
}

    .header.bordered .logo,
    .header.header--striped .logo {
        display: block;
    }

    .header.header--with-background .mobile-logo {
        display: block;
    }

@media only screen and (max-width: 767px) {
    .logo {
        display: none !important;
    }
}



.content--with-header {
    margin-top: 100px;
}

@media screen and (max-width: 767px) {
    .content--with-header {
        margin-top: 20px;
    }
}

.content--with-header .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) {
    .content--with-header .content__title {
        margin-bottom: 20px;
        font-size: 1.5rem;
        line-height: 1.33;
        padding: 0;
    }
}

.hidden {
    display: none;
}

.hidden-im {
    display: none !important;
}

.ms-formfieldvaluecontainer {
    margin-bottom: 20px !important;
}


div.ms-formfieldlabelcontainer span.ms-formfieldlabel {
    border-bottom: none !important;
    padding: 3px 10px !important;
    display: inline-block;
}

.working__media .swiper-wrapper .swiper-slide img {
    height: auto;
    border-radius: 32px;
}

.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2 {
    color: #253342;
    line-height: 1.4;
}

#s4-bodyContainer,
#contentRow {
    padding: 0;
}

.working__bottom .button,
.working__bottom .content__title,
.working__bottom .content__title-sub {
    z-index: 10;
    position: relative;
}

.circle-big {
    flex-wrap: wrap;
}

.circle.flex-wrap .circle__box {
    width: 30%;
    margin-bottom: 80px;
}

@media(max-width: 767px) {
    .circle.flex-wrap .circle__box {
        width: 100%;
        margin-bottom: 0;
    }
}


@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.page-loader {
    font-size: 90px;
    border: .6rem solid #f2f2f2;
    border-top: .6rem solid #40afe8;
    border-radius: 50%;
    width: 1em;
    height: 1em;
    margin: 0 auto;
    animation: spin 1.5s linear infinite;
}

.page-loader--sm {
    font-size: 60px
}

.page-loader--lg {
    font-size: 120px
}

.page-loader-wrapper {
    width: 100%;
    margin: 30px 0;
}

.full-page-loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100Vw;
    height: 100Vh;
    z-index: 9999;
    display: flex;
    align-items: center;
    background-color: rgba(0,0,0,.5)
}

.header-nav ul li#selected > a:after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 3px !important;
    background-color: #ffc900 !important;
    border-radius: 4.5px !important;
}

[type="checkbox"]:not(:checked), [type="checkbox"]:checked, [type="radio"]:not(:checked), [type="radio"]:checked {
    position: static;
    left: auto;
}

.home-banner__left {
    max-width: 325px;
}

.home-banner__sprite-animation {
    background-image: url(/PublishingImages/sprite-animation/sprite-animation.png);
}

.home-banner__sprite-animation:after {
    background-image: url(/style%20library/assets/img/cizgiler-butun.png);
}

@media screen and (max-width: 767px) {
    .home-banner__left {
        max-width: 255px;
        margin-left: auto;
        margin-right: auto;
    }
}

.basic-benefits .hexagon-line {
    margin-left: auto;
    margin-right: auto;
}

.basic-benefits__item {
    width: 33.33333%;
}

@media screen and (max-width: 767px) {
    .basic-benefits__item {
        width: 100%;
    }
}

.fancybox-slide--iframe {
    padding: 0;
}

    .fancybox-slide--iframe .fancybox-content {
        width: 750px !important;
        height: 440px !important;
        max-width: 100%;
        max-height: 80%;
        margin: 0;
    }

@media screen and (max-width: 767px) {
    .award .circle__box {
        padding: 0 10px;
        padding: 0;
    }
}

.page-banner__content .text {
    line-height: 1.5;
    letter-spacing: -0.23px;
    max-width: 36.25rem;
}






.newsletter-form__item {
    position: relative;
}

    .newsletter-form__item input.error,
    .newsletter-form__item select.error + .select2 .select2-selection--single {
        border: 1px solid #a94442 !important;
    }

    .newsletter-form__item label.error {
        position: absolute;
        bottom: -45px;
        left: 5px;
        z-index: 10;
        display: block;
        height: 40px;
        color: #a94442;
    }

@media screen and (max-width: 767px) {
    .newsletter-form__item input.error,
    .newsletter-form__item select.error + .select2 {
        margin-bottom: 45px;
    }

    .newsletter-form__item label.error {
        bottom: 0;
    }
}

.table-sortable .icon-triangle {
    display: none;
}

.table-sortable .sorted .icon-triangle {
    display: inline-block;
    transform: rotate(180deg);
}

.table-sortable .desc .icon-triangle {
    transform: rotate(0deg);
}

.header-nav ul li#selected > a:after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 3px !important;
    background-color: #ffc900 !important;
    border-radius: 4.5px !important;
}

.share-detail {
    display: none !important;
}

#s4-ribbonrow + #s4-workspace header {
    top: 80px;
}

@media screen and (max-width: 767px) {
    .team-listing .content__body .circle:first-child {
        margin-top: 0;
    }
}

.fail-text {
    max-width: 350px;
    display: inline-block;
    text-align: center;
}

.small-area.captcha-area .captcha {
    padding: 4px;
}

.small-area.captcha-area p {
    margin-right: 5px;
}

.small-area.captcha-area img {
    width: 100%;
}

#WorkingModelDiv .circle__box-item {
    width: 300px;
    height: 300px;
}

@media screen and (max-width: 1200px) {
    .header-nav ul li > a.login {
        display: block;
        width: 100%;
        height: 50px;
        margin: 0;
        display: inline-flex;
        position: absolute;
        bottom: -80px;
        width: calc(100% - 32px);
        left: 16px;
    }
}

.team-circle-section .circle__box-item {
    width: 300px;
    height: 300px;
}

.a-checkbox {
    display:block !important;
}

.chatbox_controller__label {
    border: solid 0.6px #3354a6;
}

.chatbox_controller__icon-holder {
    background-color: #3354a6;
}

.application-form__department-text {
    margin-top: -10px;
    margin-bottom: 10px;
}

#YoungTalentFormCaptcha > .a-input label {
    margin-top: 10px;
}

.jobMessage {
    text-align: center;
}

@media screen and (max-width: 1300px) {
    .page-banner div .container {
        margin: 0 !important;
    }

    .privilege-banner div .container {
        margin: 0 auto !important;
    }
}

