.goog-te-combo  { display: none !important; }
.skiptranslate  { position: fixed; z-index: -9999; transform:scale(0) !important; bottom:0; left: 0; width: 0px; height: 0px; opacity: 0 !important; display: none !important; }
header {position:relative;padding:0 calc(50% - 585px);height:90px;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;}
.header-logos {display:flex;align-items:center;align-self:flex-start;}
.header-logos img {margin-right:1rem;}
#logo img {height:90px; margin-top:10px;}
.header-logos img:nth-child(2) {}
.header-logos img:nth-child(3), .header-logos img:nth-child(4) {width:97px;height:65px;}
.header-buttons {display:flex;align-items:center;gap:1rem;}
.header-button {color:#fff;padding:.5rem 1rem;border-radius:2rem;display:flex;justify-content:center;align-items:center;cursor:pointer;}
.header-button img {margin-right:.5rem;}

.header-button-mobile {display:none;}

.search-bar {background:#9f13e7;width:200px;}
.search-bar input {background:transparent;border:none;color:#fff;font-style:italic;font-weight:100;width:100%;}
.search-bar input::placeholder {color:#fff;opacity:1;font-size:14px;}
.gizli {display:none;}
.e-services {background:#9f13e7;}

.header-user {position:relative;background:#9f13e7;max-height:40px;flex-direction:column;justify-content:flex-start;padding:0 1rem;min-width:200px;}
.header-user strong {position:relative;z-index:5;display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;background:#9f13e7;}
.header-user span {white-space:nowrap;}
.header-user a {position:absolute;z-index:1;top:0;display:flex;align-items:center;justify-content:flex-end;color:#fff;visibility:hidden;background:#9f13e7;padding:.25rem 1rem;border-top:1px solid #fff;border-radius:0 0 1rem 1rem;}
.header-user a img {margin-left:.5rem;}
.header-user:hover > a {top:40px;visibility:unset;}
.header-user a:hover {background:#3a3432;}

#langChanger { display: inline-block; width:32px; height: 32px;  }
.langButton { display: block; width: 100%; height: 100%; cursor: pointer; transition: 0.4s; border: 1px solid #fff; border-radius: 50%; }
.langButton:hover { border:1px solid #9f13e7; }
.trButton { background: url(../images/tur.png) no-repeat center center / 75% auto; }
.enButton { background: url(../images/eng.png) no-repeat center center / 75% auto; }

.header-menu-button {display:none;} /* for mobile */
nav {background:#f9f9f9;padding:0 calc(50% - 585px);height:50px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
nav a {color:#1d1d1d;}
nav section {position:relative;cursor:pointer;}
nav span {display:flex;align-items:center;height:50px;}
nav ul {display:none;position:absolute;z-index:50;top:50px;left:-3rem;border:1px solid #ddd;border-top:none;}
nav li {background:#f9f9f9;transition:.4s;color:#1d1d1d;font-size:14px;white-space:nowrap;}
nav li a {color:#1d1d1d;font-size:14px;padding:.5rem 4rem .5rem 1.5rem;white-space:nowrap;}
nav li:hover {background:#9f13e7;color:#f9f9f9;}
nav li:hover a {color:#f9f9f9;}
nav li a:not(:last-child) {border-bottom:1px solid #9f13e7;}
nav section:hover > ul {display:block;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.top-bar {height:30px;padding:0 calc(50% - 585px);display:flex;justify-content:space-between;color:#1d1d1d;background:#f1f1f1;margin-bottom:1rem;font-size:12px;}
.currency {display:flex;align-items:center;}
.currency-piece {margin-right:1rem;display:flex;align-items:center;}
.currency-piece span {padding-right:.5rem;}
.currency-piece mark {background:none;}
.currency-up {border-bottom:8px solid #5d8fc7;border-left:7px solid transparent;border-right:7px solid transparent;}
.currency-down {border-top:8px solid #9f13e7;border-left:7px solid transparent;border-right:7px solid transparent;}
.weather {display:flex;align-items:center;pointer-events:none;cursor:default;}
.weather span:nth-child(2) {margin:0 .5rem;}
.e-services-cont {position:fixed;z-index:500000;top:-100vh;bottom:100vh;left:0;right:0;height:100vh;transition:.4s;background:rgba(255,255,255,.9);display:flex;justify-content:center;align-items:center;}
.e-services-cont-opened {top:0;bottom:0;}
.e-services-closer {position:absolute;top:0;right:0;background:#5d8fc7;border:1px solid #5d8fc7;color:#fff;cursor:pointer;transition:.4s;}
.e-services-closer span {display:block;font-size:2rem;padding:1rem 2rem;}
.e-services-closer:hover {background:#fff;color:#5d8fc7;}
.e-services-list {max-width:1170px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;grid-gap:1px;}
.e-services-list h1 {flex-basis:100%;text-align:center;margin-bottom:1rem;color:#5d8fc7;}
.e-services-list a {flex:1;background:#f9f9f9;color:#5d8fc7;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;border:1px solid #ddd;}
.e-services-list a img {flex:1;width:64px;margin-bottom:1rem;filter:invert(54%) sepia(12%) saturate(1772%) hue-rotate(171deg) brightness(97%) contrast(87%);transition:.4s;}
.e-services-list a span {flex:1;}
.e-services-list a small {flex:1;display:block;text-align:center;margin-top:1rem;}
.e-services-list a:hover {background:#fff;}

.online-services {display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;}
.online-services a {background:#f9f9f9;color:#5d8fc7;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;border:1px solid #ddd;}
.online-services a img {flex:1;width:64px;margin-bottom:1rem;filter:invert(54%) sepia(12%) saturate(1772%) hue-rotate(171deg) brightness(97%) contrast(87%);transition:.4s;}
.online-services a span {flex:1;}
.online-services a small {flex:1;display:block;text-align:center;margin-top:1rem;}
.online-services a:hover {background:#fff;}

/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */


.login-card {position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);border:1px solid #dfe0eb;border-radius:8px;padding:1rem;background:#fff;color:#9FA2B4;width:20%;}
.login-card h5 {text-align:center;margin-bottom:.8rem;color:#000;}
.login-card p {font-size:.8rem;margin-bottom:1rem;text-align:center;}
.login-card section {margin-bottom:.5rem;}
.login-card section label {display:block;font-size:.8rem;margin-bottom:.5rem;}
.login-card section input {width:100%;padding:.5rem;background:#FCFDFE;border:1px solid #f0f1f7;border-radius:8px;}
.login-card section div {display:flex;justify-content:space-between;align-items:center;}
.login-card section div a {font-size:.7rem;text-decoration:none;color:#9FA2B4;flex:none;background:transparent;display:block;padding:0;border:none}
.login-card #login-post {width:100%;color:#fff;padding:.6rem;border:none;background: #9f13e7;box-shadow: 0px 4px 12px rgba(55, 81, 255, 0.24);border-radius: 8px;margin-top:1rem;}
.formStt {margin-top:.7rem;font-size:.8rem;text-align:center;}
.formStt span {display:flex;flex-direction:column;justify-content:center;align-items:center;}
.formStt span img {margin-top:1rem;}


@media only screen and (max-width:600px){
    header {padding:10px;margin-bottom:0;}
    .header-logos > img {display:none;}
    #logo img {height:80px;}
    #akrlogo {
        visibility: hidden;
        clear: both;
        float: left;
        margin: 10px auto 5px 20px;
        width: 28%;
        display: none;
    }

    /* MERT */
    .header-user {position:absolute;top:6.1rem;right:0;left:1rem;font-size:.8rem;}
    .header-user a {position:absolute;top:1.2rem;right:1rem;}
    /* MERT */
    .header-buttons {gap:.5rem;}
    .header-button {}
    .header-button:nth-child(2) {margin:0 .5rem;}
    .header-button span {display:none;}
    .header-button img {margin:0;}
    .header-button-mobile {display:block;}
    .search-bar {min-width:unset;display:none;}
    .search-link {background:#9f13e7;}
    .search-link a {}
    .search-link img {}
    .e-services {}
    .e-services-list {}
    .e-services-list a {flex-basis:49%;}
    .e-services-list a small {display:none;}
    .header-menu-button {display:flex;justify-content:flex-end;align-items:center;height:40px;background:#f9f9f9;}
    .menu-button {display:flex;flex-direction:column;}
    .menu-button div {width:30px;height:3px;background:#3679BD;border-radius:1rem;transition:.4s;}
    .menu-button div:nth-child(2) {margin:3px 0;}
    .change .bar1 {transform:rotate(-45deg) translate(-6px, 2px);}
    .change .bar2 {opacity:0;}
    .change .bar3 {transform:rotate(45deg) translate(-6px, -2px);}

    nav {height:unset;position:fixed;z-index:5000;top:100px;bottom:0;right:-100%;left:100%;padding:0 1rem;flex-direction:column;justify-content:flex-start;transition:.4s;overflow-y:scroll;}
    nav section {width:100%;position:unset;}
    .nav-opened {left:0;right:0;}
    nav ul {position:unset;border:0;overflow:hidden;}
    nav li {padding:.5rem;border-left:2px solid #9f13e7;margin-bottom:1px;}

    nav section:hover > ul {display:block;}

    .top-bar {height:unset;flex-direction:column;}
    .currency {display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1px;padding:1px;}
    .currency-piece {justify-content:center;margin:0;padding:.5rem;border:1px solid #ddd;width:100%;}
    .weather {justify-content:center;padding:.5rem 0;}

    .login-card {position:relative;top:1rem;left:1rem;width:unset;transform:unset;}
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 100;
    display: none;
}

.cnt223 a {
    text-decoration: none;
}

.popup {
    width: 100%;
    margin: 0 auto;
    display: none;
    position: fixed;
    z-index: 1001;
}

.cnt223 {
    min-width: 400px;
    width: 80%;
    min-height: 150px;
    height: 80%;
    margin: 100px auto;
    background: #f3f3f3;
    position: relative;
    z-index: 1001;
    padding: 15px 35px;
    border-radius: 5px;
    box-shadow: 0 2px 5px #000;
}

    .cnt223 p {
        clear: both;
        color: #555555;
        /* text-align: justify; */
        font-size: 20px;
        font-family: sans-serif;
    }

        .cnt223 p a {
            color: #d91900;
            font-weight: bold;
        }

    .cnt223 .x {
        float: right;
        height: 35px;
        left: 22px;
        position: relative;
        top: -25px;
        width: 34px;
    }

        .cnt223 .x:hover {
            cursor: pointer;
        }


.-shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1) !important;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color) !important;
    box-shadow: 0 0 transparent,0 0 transparent,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1) !important;
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important
}

.-shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1) !important;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color) !important;
    box-shadow: 0 0 transparent,0 0 transparent,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1) !important;
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important;
}

.-shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1) !important;
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color) !important;
    box-shadow: 0 0 transparent,0 0 transparent,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1) !important;
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important
}

.-shadow-none {
    --tw-shadow: 0 0 transparent !important;
    --tw-shadow-colored: 0 0 transparent !important;
    box-shadow: 0 0 transparent,0 0 transparent,0 0 transparent !important;
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important
}

.-shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05) !important;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
    box-shadow: 0 0 transparent,0 0 transparent,0 1px 2px 0 rgba(0,0,0,.05) !important;
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important
}

.-shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1) !important;
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color) !important;
    box-shadow: 0 0 transparent,0 0 transparent,0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1) !important;
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important
}