.ikPullLeft{float:left !important}
.ikPullRight{float:right !important}
.ikClear:after,.ikClear:before{content:"";display:table}
.ikClear:after{clear:both}
.ikClear{zoom:1;position:relative}
.mt-20{margin-top:20px}
body, html{width:100%;height:inherit;min-height:100%}
input::-webkit-input-placeholder{color:#aaa}
input:focus::-webkit-input-placeholder{color:#aaa}
::-webkit-input-placeholder{color:#999 !important},
:-moz-placeholder{color:#999 !important}
::-moz-placeholder{color:#999 !important}
:-ms-input-placeholder{color:#999 !important}
a{text-decoration:none;position:relative}
a:hover{text-decoration:none}
.ikBox-4 .ikBox-icon,.tp-tab *, a, img, li{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.form-btn,.form-btn-cancel,.form-btn-error{background:0 0;font-size:1rem;color:#fff;cursor:pointer;border:1px solid transparent;padding:5px 24px;margin-top:2.25rem;position:relative;z-index:0;transition:transform .28s ease;will-change:transform}
.form-btn-cancel::after,.form-btn-cancel::before,.form-btn-error::after,.form-btn-error::before,.form-btn::after,.form-btn::before{position:absolute;content:"";top:-1px;left:-1px;right:-1px;bottom:-1px}
.form-btn-cancel::before,.form-btn-error::before,.form-btn::before{background:#3c4957;z-index:-2}
.form-btn-cancel::after,.form-btn-error::after,.form-btn::after{background:#000;z-index:-1;opacity:0;transition:opacity .28s ease;will-change:opacity}
.form-btn-cancel:focus,.form-btn-error:focus,.form-btn:focus{outline:0}
.form-btn-cancel:focus::after,.form-btn-cancel:hover::after,.form-btn-error:focus::after,.form-btn-error:hover::after,.form-btn:focus::after,.form-btn:hover::after{opacity:.3}
.form-btn-cancel:active,.form-btn-error:active,.form-btn:active{transform:translateY(1px)}
.form-btn-error::before{background:#d9534f}
.form-btn-cancel{transition:color .28s ease, transform .28s ease;color:#b52b27;border-color:currentColor;will-change:color, transform}
.form-btn-cancel.-nooutline{border-color:transparent}
.form-btn-cancel::before{background:#b52b27;opacity:0;transition:opacity .28s ease;will-change:opacity}
.form-btn-cancel::after{display:none}
.form-btn-cancel:focus,.form-btn-cancel:hover{color:#fff}
.form-btn-cancel:focus::before,.form-btn-cancel:hover::before{opacity:1}
.form-btn-block{display:block;width:100%;padding:5px}
.form-checkbox,.form-radio{position:relative;margin:.5em 0;text-align:left}
.form-checkbox-inline .form-checkbox-label,.form-radio-inline .form-radio-label{display:inline-block;margin-right:1rem}
.form-checkbox-legend,.form-radio-legend{margin:0 0 .125rem 0;font-weight:500;font-size:1rem;color:#333}
.form-checkbox-label,.form-radio-label{position:relative;cursor:pointer;padding-left:1.5rem;text-align:left;color:#333;display:block;margin-bottom:.5rem}
.form-checkbox-label:hover i,.form-radio-label:hover i{color:#da0d0d}
.form-checkbox-label span,.form-radio-label span{display:block;margin-left:5px}
.form-checkbox-label input,.form-radio-label input{width:auto;opacity:.0001;position:absolute;left:.25rem;top:.25rem;margin:0;padding:0}
.form-checkbox-button{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;color:#999;left:0;top:.25rem;width:1rem;height:1rem;z-index:0;border:.125rem solid currentColor;border-radius:.0625rem;transition:color .28s ease;will-change:color}
.form-checkbox-button::after,.form-checkbox-button::before{position:absolute;height:0;width:.2rem;background-color:#da0d0d;display:block;transform-origin:left top;border-radius:.25rem;content:"";transition:opacity .28s ease, height 0s linear .28s;opacity:0;will-change:opacity, height}
.form-checkbox-button::before{top:.65rem;left:.38rem;transform:rotate(-135deg);box-shadow:0 0 0 .0625rem #fff}
.form-checkbox-button::after{top:.3rem;left:0;transform:rotate(-45deg)}
.form-checkbox-field:checked ~ .form-checkbox-button{color:#da0d0d}
.form-checkbox-field:checked ~ .form-checkbox-button::after,.form-checkbox-field:checked ~ .form-checkbox-button::before{opacity:1;transition:height .28s ease}
.form-checkbox-field:checked ~ .form-checkbox-button::after{height:.5rem}
.form-checkbox-field:checked ~ .form-checkbox-button::before{height:1.2rem;transition-delay:.28s}
.form-radio-button{position:absolute;left:0;cursor:pointer;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#999}
.form-radio-button::after,.form-radio-button::before{content:"";position:absolute;left:0;top:0;margin:.25rem;width:1rem;height:1rem;transition:transform .28s ease, color .28s ease;border-radius:50%;border:.125rem solid currentColor;will-change:transform, color}
.form-radio-button::after{transform:scale(0);background-color:#da0d0d;border-color:#da0d0d}
.form-radio-field:checked ~ .form-radio-button::after{transform:scale(.5)}
.form-radio-field:checked ~ .form-radio-button::before{color:#da0d0d}
.form-has-error .form-checkbox-button,.form-has-error .form-radio-button{color:#d9534f}
.form-card{text-align:left;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);transition:all .56s cubic-bezier(.25, .8, .25, 1);padding:0;margin:40px 25px}
.form-card:focus,.form-card:hover{box-shadow:0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22)}
.form-card:focus-within{box-shadow:0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22)}
.form-actions{position:relative;display:-ms-flexbox;display:flex;margin-top:2.25rem}
.form-actions .form-btn-cancel{-ms-flex-order:-1;order:-1}
.form-actions::before{content:"";position:absolute;width:100%;height:1px;background:#999;opacity:.3}
.form-actions>*{-ms-flex:1;flex:1;margin-top:0}
.form-fieldset{padding:30px;border:0}
.form-fieldset + .form-fieldset{margin-top:15px}
.form-legend{padding:1em 0 0;margin:0 0 -.5em;font-size:1.5rem;text-align:center}
.form-legend + p{margin-top:1rem}
.form-element{position:relative;margin-top:2.25rem;margin-bottom:2.25rem}
.form-element-hint{font-weight:400;font-size:.6875rem;/*color:#a6a6a6;*/display:block;line-height: 1.1em !important}
.form-element-bar{position:relative;height:1px;background:#999;display:block}
.form-element-bar::after{content:"";position:absolute;bottom:0;left:0;right:0;background:#da0d0d;height:2px;display:block;transform:rotateY(90deg);transition:transform .28s ease;will-change:transform}
.form-element-label{position:absolute;top:.75rem;line-height:1.5rem;pointer-events:none;padding-left:.125rem;z-index:1;font-size:1rem;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;color:#a6a6a6;transform:translateY(-50%);transform-origin:left center;transition:transform .28s ease, color .28s linear, opacity .28s linear;will-change:transform, color, opacity}
.form-element-field{outline:0;height:1.5rem;display:block;background:0 0;padding:.125rem .125rem .0625rem;font-size:1rem;border:0 solid transparent;line-height:1.5;width:100%;color:#333;box-shadow:none;opacity:.001;transition:opacity .28s ease;will-change:opacity}
.form-element-field:-ms-input-placeholder{color:#a6a6a6;transform:scale(.9);transform-origin:left top}
.form-element-field::placeholder{color:#a6a6a6;transform:scale(.9);transform-origin:left top}
.form-element-field:focus ~ .form-element-bar::after{transform:rotateY(0)}
.form-element-field:focus ~ .form-element-label{color:#da0d0d}
.form-element-field.-hasvalue,.form-element-field:focus{opacity:1}
.form-element-field.-hasvalue ~ .form-element-label,.form-element-field:focus ~ .form-element-label{transform:translateY(-100%) translateY(-.5em) translateY(-2px) scale(.9);cursor:pointer;pointer-events:auto}
.form-has-error .form-element-hint,.form-has-error .form-element-label.form-element-label{color:#d9534f}
.form-has-error .form-element-bar,.form-has-error .form-element-bar::after{background:#d9534f}
.form-is-success .form-element-hint,.form-is-success .form-element-label.form-element-label{color:#259337}
.form-is-success .form-element-bar::after{background:#259337}
input.form-element-field:not(:placeholder-shown), textarea.form-element-field:not(:placeholder-shown){opacity:1}
input.form-element-field:not(:placeholder-shown) ~ .form-element-label, textarea.form-element-field:not(:placeholder-shown) ~ .form-element-label{transform:translateY(-100%) translateY(-.5em) translateY(-2px) scale(.9);cursor:pointer;pointer-events:auto}
textarea.form-element-field{height:auto;min-height:3rem}
select.form-element-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}
.form-select-placeholder{color:#a6a6a6;display:none}
.form-select .form-element-bar::before{content:"";position:absolute;height:.5em;width:.5em;border-bottom:1px solid #999;border-right:1px solid #999;display:block;right:.5em;bottom:0;transition:transform .28s ease;transform:translateY(-100%) rotateX(0) rotate(45deg);will-change:transform}
.form-select select:focus ~ .form-element-bar::before{transform:translateY(-50%) rotateX(180deg) rotate(45deg)}
.form-element-field[type=number]{-moz-appearance:textfield}
.form-element-field[type=number]::-webkit-inner-spin-button,.form-element-field[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.ikContainer{max-width:calc(100% - 30px);margin:0 auto}
.ikContainer:after{content:'';display:block;clear:both}
.ikRow{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}
.ikCol{position:relative;width:100%;padding:0 15px 30px;float:left}
@media (min-width:31.250em){
    .ikCol-l{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
    .ikCol-m{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
}
@media (min-width:48em){
    .ikContainer{max-width:80%}
    .ikCol-l{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
    .ikCol-m{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
    .ikDetail.left{width:40%}
    .ikDetail.right{width:60%}
    .Col-Two{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
}
@media (min-width:64em){
    .ikCol-m{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
    .ikCol-l{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
    .ikDetail.left{width:30%}
    .ikDetail.right{width:70%}
}
@media (min-width:85.375em){
    .ikCol-l{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
}
@media (min-width:100em){
    .ikCol-m{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
    .ikCol-l{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
}
@media (min-width:120em){
    .ikCol-ls{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
}
@media (min-width:160em){
    .ikCol-l{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
    .ikContainer{max-width:80%}
}
.ikButton{padding:1em 1.5em;border:none;background-color:transparent;cursor:pointer;outline:0;font-size:18px;margin:1em .8em;display:inline-block}
.ikButton:after,.ikButton:before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.ikEffect{position:relative}
.ikEffect.type1{color:#566473}
.ikEffect.type1.type1::after,.ikEffect.type1.type1::before{content:"";display:block;position:absolute;width:20%;height:20%;border:2px solid;transition:all .6s ease;border-radius:2px}
.ikEffect.type1.type1::after{bottom:0;right:0;border-top-color:transparent;border-left-color:transparent;border-bottom-color:#566473;border-right-color:#566473}
.ikEffect.type1.type1::before{top:0;left:0;border-bottom-color:transparent;border-right-color:transparent;border-top-color:#566473;border-left-color:#566473}
.ikEffect.type1.type1:hover:after,.ikEffect.type1.type1:hover:before{width:100%;height:100%}
.ikEffect.type2.type2:after,.ikEffect.type2.type2:before{content:"";display:block;position:absolute;top:100%;left:0;width:100%;height:2px;background-color:#566473;transition:all .3s ease;transform:scale(.85)}
.ikEffect.type2.type2:hover:after,.ikEffect.type2.type2:hover:before{background-color:#da0d0d}
.ikEffect.type2.type2:hover:before{top:0;transform:scale(1)}
.ikEffect.type2.type2:hover:after{transform:scale(1)}
.ikEffect.type3{color:#435a6b}
.ikEffect.type3.type3::after,.ikEffect.type3.type3::before{content:"";display:block;position:absolute;width:20%;height:20%;border:2px solid;transition:all .6s ease;border-radius:3px}
.ikEffect.type3.type3::after{bottom:0;right:0;border-top-color:transparent;border-left-color:transparent;border-bottom-color:#435a6b;border-right-color:#435a6b}
.ikEffect.type3.type3::before{top:0;left:0;border-bottom-color:transparent;border-right-color:transparent;border-top-color:#435a6b;border-left-color:#435a6b}
.ikEffect.type3.type3:hover:after,.ikEffect.type3.type3:hover:before{border:6px solid #435a6b;width:100%;height:100%}
.ikEffect.type3.type3:hover:before{top:-5px;z-index:1;left:-15px}
.ikBgBlack .ikEffect.type3.type3::after{border-bottom-color:#f2f2f2;border-right-color:#f2f2f2}
.ikBgBlack .ikEffect.type3.type3::before{border-top-color:#f2f2f2;border-left-color:#f2f2f2}
.ikBgBlack .ikEffect.type3.type3:hover:before{border-color:#f2f2f2}
.ikEffect.type3.type3:hover:after{border-right-color:#a09a9a;border-top-color:#a09a9a;border-left-color:#a09a9a;border-bottom-color:transparent;right:-15px;bottom:12px}
#ikFilter .ikNavTab, button{overflow:visible;padding:0;background:0 0;color:inherit;font:inherit;line-height:normal;border:0;outline:0 !important;cursor:pointer;-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#ikFilter{display:flex;justify-content:right;align-items:center;margin:0}
#ikFilter .ikNavTab{display:flex;align-items:center;position:relative;margin:0 10px;font-size:1rem;font-weight:400;line-height:1;text-align:center;text-decoration:none;z-index:5;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .1s ease-in-out, background .2s ease-in-out;transform:scale(1);-webkit-appearance:none;-moz-appearance:none;appearance:none}
#ikFilter .ikNavTab::before{position:absolute;bottom:-12px;left:50%;width:0%;height:1px;content:'';transform:translate(-50%, -50%);transition:width .4s ease, bottom .15s ease;background-color:#000}
#ikFilter .ikNavTab.ikActive::before{bottom:calc(50% - 2px) !important;width:calc(100% + 10px) !important}
#ikFilter .ikNavTab:active{transform:scale(.99)}
#ikFilter .ikNavTab:hover::before{width:100%}
#ikFilter .ikNavTab i{margin-left:10px}
.ikTab{visibility:hidden;max-height:0;overflow:hidden}
.ikTab.ikActive{visibility:visible;max-height:100%}
#projectMap{height:calc(100vh - 220px);width:100%;display:block}
#ikGrid>#ikGridSizer, #ikGrid .ikGridItem{padding:0;margin:0}
#ikProjectGallery>li{margin-bottom:15px}
#ikProjectGallery>li a{border:3px solid #FFF;border-radius:3px;display:block;overflow:hidden;position:relative;float:left}
#ikProjectGallery>li a>img{-webkit-transition:-webkit-transform 0.5s ease 0s;-moz-transition:-moz-transform 0.5s ease 0s;-o-transition:-o-transform 0.5s ease 0s;transition:transform 0.5s ease 0s;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);width:100%}
#ikProjectGallery>li a:hover>img{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}
#ikProjectGallery>li a:hover .demo-gallery-poster>img{opacity:1}
#ikProjectGallery>li a .demo-gallery-poster{background-color:rgba(0, 0, 0, 0.1);bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition:background-color 0.4s ease 0s;-o-transition:background-color 0.4s ease 0s;transition:background-color 0.4s ease 0s}
#ikProjectGallery>li a .demo-gallery-poster>img{left:50%;margin-left:-10px;margin-top:-10px;opacity:0;position:absolute;top:50%;-webkit-transition:opacity 0.6s ease 0s;-o-transition:opacity 0.6s ease 0s;transition:opacity 0.6s ease 0s;width:auto}
#ikProjectGallery>li a:hover .demo-gallery-poster{background-color:rgba(0, 0, 0, 0.5)}
#ikContainerFluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;margin-bottom:20px}
#ikContainerFluid .ikCol{padding:0 0 5px 0;margin:0}
.gridCover{position:relative;display:block;margin:0px;max-width:100%;background-color:#fff;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
.gridCover>img{vertical-align:top;max-width:100%}

.gridCover figcaption {
    background-color: #fff;
    display: flex;
    padding: 10px 2px;
    flex-direction: column;
    justify-content: center;
    min-height: 70px
}
.gridCover h3,
.gridCover p{font-weight:bold;padding:0;font-size:18px;margin:0}
.gridCover>a{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}
.gridCover,.gridCover:before,.gridCover:after,.gridCover *,.gridCover *:before,.gridCover *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.35s ease;-moz-transition:all 0.35s ease;transition:all 0.35s ease}

/* Resim kapsayıcısı */
.ikImageWrapper {
    width: 100%;
    height: 100%;
    overflow: hidden; /* Resmin taşmasını önle */
    display: flex;
    justify-content: center;
    align-items: center;
}

.ikImageWrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
}
.imghvr-fade:hover img {
    transform: scale(1.05);
}
/*.imghvr-fade figcaption{opacity:0}*/
/*.imghvr-fade:hover>img{opacity:0}*/
/*.imghvr-fade:hover figcaption{opacity:1}*/
/*.imghvr-fade:hover>img,.imghvr-fade:hover figcaption{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}*/


:root {
    --transition-speed: 0.4s;
    --header-height: 60px;
    --dropdown-transform:-23px
}


#ikHeader {
    position: fixed;
    display: flex;
    justify-content: space-between;
    width: 100%;
    top:0;
    left:0;
    color: white;
    padding: 15px 25px;
    align-items: center;
    z-index: 10;
    border-bottom: 1px solid rgba(221, 221, 221, 0.6);
}
#ikHeader,
#ikHeader button {
    text-shadow: 0 0 10px rgba(0, 0, 0, 1);
}
#ikHeader::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    /*background-color: rgba(100,100,100,0.4);*/
    z-index: -2;
    backdrop-filter: blur(8px); /* Blur efekti */
    -webkit-backdrop-filter: blur(8px); /* Safari */
    -webkit-mask-composite: destination-out; /* Webkit için */

}

#ikHeader ul{
    margin: 0;
    list-style: none;
}
#ikHeader .logo {
    width:170px;
    font-size: 24px;
    font-weight: bold;
}

#mainNav {
    display: flex;
    gap: 20px;
    position: relative;
    padding: 0;
    margin: 0;
}

#nav-right {
    display: flex;
    align-items: center;
    gap: 15px;
}

#nav-right .dropdown,
#nav-right #lang-dropdown {
    position: relative;
}

#nav-right .dropdown > label {
    cursor: pointer;
    margin: 0;
}

#nav-right .dropdown > label > i {
    margin-left: 10px;
    transition: transform .3s .3s !important;
    -webkit-transition: transform .3s .3s !important;
    -moz-transition: transform .3s .3s !important;
}

#nav-right .dropdown.open > label > i {
    -webkit-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
}

#nav-right .dropdown > .dropdown-content,
#nav-right #lang-dropdown > .lang-dropdown-content
{
    position: absolute;
    top: var(--header-height);
    background: #292929;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    pointer-events: none;
    transition:
            max-height var(--transition-speed) ease,
            opacity var(--transition-speed) ease,
            transform var(--transition-speed) ease;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}

#nav-right .dropdown > .dropdown-content a,
#nav-right #lang-dropdown > .lang-dropdown-content a
{
    font-size: 16px;
    color: #b6b6b6;
    display: block;
    padding: 5px 0;
    position: relative;
    text-decoration: none;
    outline: none;
    text-transform: none;
    -webkit-transition: padding 0.3s linear;
    -moz-transition: padding 0.3s linear;
    -o-transition: padding 0.3s linear;
    -ms-transition: padding 0.3s linear;
}

#nav-right .dropdown > .dropdown-content a:before,
#nav-right #lang-dropdown > .lang-dropdown-content a:before
{
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 0;
    height: 2px;
    background: #da0d0d;
    visibility: hidden;
    -webkit-transition: width 0.3s linear;
    -moz-transition: width 0.3s linear;
    -o-transition: width 0.3s linear;
    -ms-transition: width 0.3s linear;
    opacity: 0
}

#nav-right .dropdown > .dropdown-content a:hover:before,
#nav-right #lang-dropdown > .lang-dropdown-content a:hover:before,
#nav-right #lang-dropdown > .lang-dropdown-content > li.active a:before
{
    left: 0;
    visibility: visible;
    opacity: 1;
    width: 15px
}

#nav-right .dropdown > .dropdown-content a:hover,
#nav-right #lang-dropdown > .lang-dropdown-content a:hover,
#nav-right #lang-dropdown > .lang-dropdown-content > li.active a
{
    padding-left: 20px
}

#nav-right .search-btn,
#nav-right button,
#nav-right .lang-btn,
#nav-right .hamburger,
#mainNav a,
#lang-dropdown a{
    background: none;
    border: none;
    color: white;
    font-size: 18px;
    cursor: pointer;
    text-decoration: none;
    line-height: 24px;
}

#nav-right .hamburger {
    display: none;
}/*

        .lang-dropdown {
            position: relative;
        }*/

/*.lang-dropdown-content {
    position: absolute;
    top: var(--header-height);
    right: 0;
    background: #444;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(10px);
    transition: max-height var(--transition-speed) ease, opacity var(--transition-speed) ease, transform var(--transition-speed) ease;
    border-radius: 4px;
}*/

#nav-right .lang-dropdown-content{
    right: 0;
    width: max-content;
    border-radius: 0 0 15px 15px;
    z-index: 1000;
    padding: 15px 24px;
    min-width: 120px
}

#nav-right #lang-dropdown.open .lang-dropdown-content {
    max-height: fit-content;
    opacity: 1;
    visibility: visible;
    transform: translateY(var(--dropdown-transform));
    pointer-events: auto;
}

#ikHeader #nav-icon{display:inline-block; width:25px;height:18px;position:relative;cursor:pointer;z-index:4;margin: 0}
#ikHeader #nav-icon span{display:block;position:absolute;height:2px;width:100%;background:#ddd;opacity:1;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
#ikHeader #nav-icon span:nth-child(1){top:0;width:40%}
#ikHeader #nav-icon span:nth-child(2){top:7px}
#ikHeader #nav-icon span:nth-child(3){top:14px;width:60%;right:0 !important}
#ikHeader #nav-icon:hover span:nth-child(1),#ikHeader #nav-icon:hover span:nth-child(3){width:100%}
#ikHeader #nav-icon.open{opacity:.8}
#ikHeader #nav-icon.open span{background:#fff}
#ikHeader #nav-icon.open span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:-3px;left:0;width:100%}
#ikHeader #nav-icon.open span:nth-child(2){width:0;opacity:0}
#ikHeader #nav-icon.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:15px;left:0;width:100%}
#ikHeader #nav-icon.open:hover{opacity:1}


@media (min-width: 769px) {
    #nav-right .dropdown > .dropdown-content{
        left: 0;
        width: max-content;
        /*box-shadow: 0 4px 8px rgba(0,0,0,0.2);*/
        border-radius: 0 0 15px 15px;
        z-index: 1000;
        padding: 15px 24px;
        min-width: 170px
    }

    #nav-right .dropdown.open .dropdown-content {
        max-height: fit-content;
        opacity: 1;
        visibility: visible;
        transform: translateY(var(--dropdown-transform));
        pointer-events: auto;
    }
}

@media (max-width: 768px) {
    #mainNav {
        flex-direction: column;
        width: 100%;
        background: #333;
        padding: 30px 20px;
        position: fixed;
        top: var(--header-height);
        gap:10px;
        /*bottom: 0;*/
        left: 0;
        transform: translateY(20px);
        opacity: 0;
        visibility: hidden;
        transition:
                transform 0.4s ease,
                opacity 0.4s ease,
                visibility 0.4s ease;
    }

    #mainNav.mobile-open {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }

    #nav-right .dropdown > label {
        display: block;
        width: 100%;
    }

    #nav-right .dropdown > .dropdown-content {
        position: static;
        border-radius: 5px;
        margin-left: 30px;
    }

    #nav-right .dropdown.open .dropdown-content {
        max-height: fit-content;
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
        visibility: visible;
        padding: 10px 20px;
        margin-top:10px
    }
    #nav-right .hamburger {
        display: block;
    }
}