.navbar-version-three{
    width:100%;
    position:relative;
    color:#ffffff;
    font-size:14px;
    background-color:var(--renk2);
    z-index:12;
}
.navbar-version-three a{
    -webkit-transition:all 150ms linear 0s;
    -moz-transition:all 150ms linear 0s;
    -ms-transition:all 150ms linear 0s;
    -o-transition:all 150ms linear 0s;
    transition:all 150ms linear 0s;
}
.navbar-version-three :is(ul, li){padding:0;margin:0;list-style-type:none;}
.navbar-version-three :is(ul, li, a){text-decoration:none;color:inherit;}
.navbar-version-three > ul{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:nowrap;
    flex-direction:row;
    max-width:1320px;
    margin:0 auto;
}
.navbar-version-three > ul:not(.container){width:100%;}
.navbar-version-three.full-width > ul{max-width:100%;}
.navbar-version-three > ul > li:hover > a{color:var(--renk1)}
.navbar-version-three > ul > li > a{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px 20px;
    line-height:1;
    position:relative;
    font-size:1em;
    font-weight:500;
}
.navbar-version-three > ul > li:has(.submenu, .submenu-sub) > a:before{
    content:"\276F";
    position:absolute;
    right:0px;
    width:14px;
    height:14px;
    top:50%;
    transform:rotate(90deg) translate(-50%, 0%);
    -webkit-transform:rotate(90deg) translate(-50%, 0%);
    -moz-transform:rotate(90deg) translate(-50%, 0%);
    -o-transform:rotate(90deg) translate(-50%, 0%);
    -ms-transform:rotate(90deg) translate(-50%, 0%);
    transform-origin:center;
    display:flex;
    align-items:center;
    justify-content:center;
}
.navbar-version-three > ul > li:has(.submenu, .submenu-sub) > a:after{
    position:absolute;
    content:"";
    bottom:0;
    z-index:1;
    width:0px;
    height:0px;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-bottom:8px solid var(--renk1);
    -webkit-transition:all 150ms linear 0s;
    -moz-transition:all 150ms linear 0s;
    -ms-transition:all 150ms linear 0s;
    -o-transition:all 150ms linear 0s;
    transition:all 150ms linear 0s;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}
.navbar-version-three > ul > li:has(.submenu-sub) > a:after{border-bottom:8px solid #ffffff;}
.navbar-version-three > ul > li:has(.submenu) > a:after{border-bottom:8px solid var(--renk1);}
.navbar-version-three > ul > li:hover:has(.submenu, .submenu-sub) > a:after{
    opacity:1;
    visibility:visible;
    pointer-events:all;
}
.navbar-version-three .submenu{
    background-color:var(--renk1);
    position:absolute;
    width:100%;
    left:0;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    -webkit-transition:all 150ms linear 0s;
    -moz-transition:all 150ms linear 0s;
    -ms-transition:all 150ms linear 0s;
    -o-transition:all 150ms linear 0s;
    transition:all 150ms linear 0s;
}
.navbar-version-three .submenu > ul{
    width:100%;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:center;
    margin:0 auto;
}
.navbar-version-three.full-width .submenu > ul{max-width:100%;}
.navbar-version-three .submenu > ul > li > a{
    padding:18px 10px;
    color:inherit;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:0.8285em;
    font-weight:500;
}
.navbar-version-three .submenu > ul > li:hover > a{
    background-color:#ffffff;
    color:var(--renk1);
}
.navbar-version-three .submenu-sub{
    position:absolute;
    width:100%;
    left:0;
    top:100%;
    background-color:#ffffff;
    -webkit-transition:all 150ms linear 100ms;
    -moz-transition:all 150ms linear 100ms;
    -ms-transition:all 150ms linear 100ms;
    -o-transition:all 150ms linear 100ms;
    transition:all 150ms linear 100ms;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    box-shadow:0px 15px 10px 0px rgb(0 0 0 / 10%);
}
.navbar-version-three .submenu-sub{max-height:454px;overflow:hidden;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.navbar-version-three .submenu-sub::-webkit-scrollbar{width:5px;}
.navbar-version-three .submenu-sub::-webkit-scrollbar-track{background-color:#f5f5f5;}
.navbar-version-three .submenu-sub::-webkit-scrollbar-thumb{background-color:#202020;}
.navbar-version-three .submenu-sub::-webkit-scrollbar-thumb:hover{background-color:#585858;}
@-moz-document url-prefix(){
    .navbar-version-three .submenu-sub{overflow-y:scroll;}
}
.navbar-version-three .submenu > ul > li:hover > .submenu-sub{
    -webkit-transition:all 150ms linear 0s;
    -moz-transition:all 150ms linear 0s;
    -ms-transition:all 150ms linear 0s;
    -o-transition:all 150ms linear 0s;
    transition:all 150ms linear 0s;
    opacity:1;
    visibility:visible;
    pointer-events:all;
}
/* .navbar-version-three > ul > li:hover > .submenu,
.navbar-version-three > ul > li:hover > .submenu-sub{
    opacity:1;
    visibility:visible;
    pointer-events:all;
} */
.navbar-version-three .submenu-sub > ul{
    margin:0 auto;
    padding:15px 0;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}
.navbar-version-three.full-width .submenu-sub > ul:not(.container){max-width:1320px;}
.navbar-version-three .submenu-sub > ul > li{width:calc(100% / 4);}
.navbar-version-three.full-width .submenu-sub > ul > li{width:calc(100% / 5);}
.navbar-version-three .submenu-sub > ul > li > a{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;color:var(--renk2);gap:15px;font-weight:500;padding:15px;font-size:0.9em;}
.navbar-version-three .submenu-sub > ul > li > a > span.submenu-sub-image{
    width:76px;
    height:76px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.navbar-version-three .submenu-sub > ul > li > a > span.submenu-sub-image img{max-width:76px;max-height:76px;}
.navbar-version-three *:focus-visible{outline:none;border:none;}
@media (min-width: 1200px){
    html.custom_design_active .navbar-version-three > ul.container,
    html.custom_design_active .navbar-version-three .submenu-sub > ul.container {
        width: var(--tm_width);
        max-width: var(--tm_width);
    }
}