img.img-fluid {border-radius: 10px;}
.uk-sticky {z-index: 99;}
.view-filters {display: none;}
a[href="#modal-views-filter"] {width: 100%;border-radius: 7px;}
.page-node-1071 .header4 h1 { display:none; }
.path-frontpage .container-xxl, .path-frontpage .container-xl, .path-frontpage .container-lg, .path-frontpage .container-md, .path-frontpage .container-sm, .path-frontpage .container {
    padding: 0;
}
.field--name-field-web-adresi {
    text-align: center;
    margin-top: 18px;
    font-size: 1.2em;
}
.field--name-field-googleyorum {
    text-align: center;
}
.node__content li {list-style-type: disclosure-closed;}
.node--type-manset-vitrin .field--name-field-gsm {
    float: none;
    margin-bottom: 26px;
    width: 251px;
}
.node--type-manset-vitrin .field--name-field-insert-html {
    float: left;
}
/****Menu Ulikit .uk-hidden\@m {display: none !important;}*********/
.view-manset-slayt ul li, #block-nb-menuulkit ul li {list-style-type: inherit !important;}
.view-tum-ilans .uk-card-body {padding: 10px!important;}
.view-tum-ilans .view-display-id-block_2 img {width: 100%!important;}
.view-tum-ilans .views-field.views-field-totalcount {position: initial!important;}
.view-tum-ilans ol, .view-tum-ilans ul {padding: 0!important;}
#block-nb-menuulkit {
    display: flex;
    width: 60%;
    position: relative;
    justify-content: flex-end;
    clear: both;
    align-items: center;
    flex-wrap: wrap;
}
#block-nb-menuulkit .uk-container {
    padding-right: 0;
}
#block-nb-menuulkit .uk-navbar-nav>li>a {
    color: #121212;
    font-size: 1em;
     min-height: 30px;
}
.uk-navbar-container:not(.uk-navbar-transparent) {
    background: transparent !important;
}
.uk-navbar-nav > li > a {
    position: relative;
    text-decoration: none; /* Varsayılan alt çizgiyi kaldır */
}

.uk-navbar-nav > li > a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -2px; /* Çizginin link altına mesafesi */
    width: 0;
    height: 2px;
    background-color: #0f6ecd; /* Alt çizginin rengi */
    transition: all 0.3s ease-in-out;
    transform: translateX(-50%);
}

.uk-navbar-nav > li > a:hover::after {
    width: 100%; /* Hover olduğunda tam genişlik */
}

/****Menu Ulikit *********/
.slick img, .slick iframe {
    border: 1px solid #ddd;
    padding: 3px;
    border-radius: 10px !important;
}
.social-sharing-buttons a svg {width: 30px;height: 30px;}
.path-frontpage .social-sharing-buttons {display: none;}
li a[href="/user"] {display: none !important;}
#block-nb-sosyalmedya {width: 100%;}

.navbar-we-mega-menu {background-color: transparent;}
.we-mega-menu-ul>.we-mega-menu-li>a, .we-mega-menu-ul>.we-mega-menu-li>span {
  background-color: #eff0f100 !important;
  border-radius: 0;
   margin-right: 0;
        color: #666;
        font-size: 1.1em;
        font-family: sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        padding: 0 12px 0 12px;
        border-left: 1px solid #ddd !important;
}
.we-mega-menu-ul.nav.nav-tabs {
    margin-top: 21px;
}
#block-logo {width: 45%;}
.region.region-header-top {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 21px;
}

.header-top .menu .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 33px 13px;
    position: relative;
    user-select: none;
}
.header-top .menu .menu-icon .navicon {
    background: #333;
    display: block;
    height: 2px;
    position: relative;
    transition: background .2s ease-out;
    width: 18px;
}
.header-top .menu .menu-icon .navicon:before, .header-top .menu .menu-icon .navicon:after {
    background: #333;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}
.header-top .menu .menu-icon .navicon:before {top: 5px;}
.we-mega-menu-ul li a:first-child {border-left: 0 !important;}
.header-container {display: none !important;}
.path-frontpage .region.region-content {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#block-nb-views-block-vip-uyeler-block-vip-uyeler, #block-nb-views-block-vipler-block-vip-uyeler {width: 70%;}
#block-bugunun-trendleri {width: 29%;}
.view-bugunun-trendleri {background: #f9f9f9;padding: 10px;}
.view-bugunun-trendleri .views-row {border-bottom: 1px dotted #b2b1b1;padding: 3px 0;}
#block-nb-views-block-manset-block-1,
#block-views-block-firmalar-block-2 {width: 100%;}
.view-bugunun-trendleri .view-footer {text-align: end;}
.trentler {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
}
.trentler .sira {
    width: 23px;
    text-align: center;
    height: 50px;
    font-size: 2em;
    font-weight: 800;
    color: #b4b4b4;
}
.servis {
    width: 90%;
    height: auto;
}
.ziyaret {
    font-size: 0.85em;
}
.ziyaret i {
    color: #8f8b8b;
}
.view-display-id-page_trentler .servis {
    width: 96%;
    height: 55px;
}
.view-display-id-page_trentler .servis h2 {
    margin: 0;
}
.view-id-vip_uyeler .views-field-field-image {
    margin: 6px;
}
.view-id-vip_uyeler .views-field-field-image img {
    height: 200px;
    width: 325px;
}
.view-id-vip_uyeler .views-field.views-field-title {
    text-align: center;
}
.view-manset-slayt-yeni .views-field-body {
    color: #000;
    padding: 0 3px;
}
.view-urunler .view-content .views-row img {
    height: 325px;
}
.views-field.views-field-field-urun-turu span, .views-field-created span {
    font-weight: 700;
    float: left;
    padding-right: 5px;
}
time.datetime {
    font-weight: 400;
}
.views-field-field-manset {
    border: 1px solid #ddd;
    padding: 5px;
}
.servisilans.views-row {
    border-top: 4px solid rgb(96 128 139);
    border-bottom: 2px solid hsl(195.35deg 18.3% 46.08% / 32%);
    position: relative;
    min-height: auto;
    border-radius: 10px;
}
.servisilans .views-field-field-sitesine-git {
    display: none;
}
.servisilans .views-field-field-whatsapp {
    position: absolute;
    bottom: 0;
    left: 0;
}
.servisilans .views-field.views-field-field-markalar {
    padding: 0 40px;
}

.iletisim {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px;
}
.iletisim .field--name-field-insert-html, .field--type-telephone, .field--name-field-instagram, .field--name-field-facebook {
    padding: 5px 24px;
    margin: 5px;
    border: 1px solid #e3e3e3;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    background: linear-gradient(90deg, #ffffff 0%, #e0e0e0 50%, #ffffff 100%);
}
.field--name-field-facebook, .field--name-field-instagram, .field--name-field-insert-html {width: 90px;position: relative;}
.field--name-field-instagram a:before, .field--name-field-facebook a:before {top: 6px;left: 25px;}
.field.field--name-field-insert-html a img {width: 65px;}
.node--type-oro-servis .field__label {text-decoration: none;}
.field--name-field-google-mapi .mapss iframe {width: 49.8%;}
.field--name-field-google-mapi .mapss {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #7b929e;
    padding: 5px;
}
 .view-oto-servisler .view-content .views-row {
    border: 1px solid #bababa;
    padding: 10px;
    margin: 10px;
}
.view-oto-servisler .views-field.views-field-totalcount, .views-field.views-field-daycount {
    position: inherit;
    background: transparent;
    color: #000000;
    font-weight: 600;
}
.views-field.views-field-totalcount .field-content:before {
    content: '';
    background: transparent;
    background-size: 100% 100%;
    width: 0;
    height: 0;
    display: inline-block;
    margin-right: -9px!important;
}
.header-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.header-top #block-mainnavigation {
    position: absolute;
    right: 0;
    width: 50%;
    top: 33px;
}
.header-top ul.menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.header-top ul.menu li {
    text-transform: uppercase;
}
.header-top #block-mainnavigation #menu-btn {
    display: none;
}
.smedya {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: absolute;
    top: -9px;
    right: 0;
    width: 393px;
}
.smedya a {
    padding: 6px 8px 4px 8px;
    margin: 8px 3px;
    font-size: 0.85em;
    background: #ebebeb;
    color: #1f1f1f;
    border-radius: 0 0 5px 5px;
    border: 1px solid #c0c0c0;
    background: url(https://img.freepik.com/free-photo/grungy-white-background-natural-cement-stone-old-texture_1258-28318.jpg?ga=GA1.1.212309846.1739536902&semt=ais_hybrid);
    background-size: cover;
}
.ic.soltkr, .ic.sagtkr, .ic.yazi2 {
    display: none;
}
.ic.yazi1 img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 80px;
}
.logobslk {margin-left: 81px;margin-top: -44px;}
.logobslk h3 {margin-top: 18px; margin-bottom: 0;}
.logobslk h3 a {font-weight: 800;}
.logobslk h5 {margin: 0;margin-top: -24px;font-size: 1em;}
.view-personel-alim-ilani .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.view-personel-alim-ilani .view-content .views-row {
    width: 25%;
    margin: 5px;
    background: #fafafa;
    padding: 5px;
    border: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.view-personel-alim-ilani .view-content .views-row .item-list ul,
.view-personel-alim-ilani .view-content .views-row .item-list ul li {
    margin: 0!important;
}
.view-personel-alim-ilani .views-field.views-field-created {
    width: 100%;
    border-bottom: 2px solid #ddd;
    margin-bottom: 10px;
}
.view-personel-alim-ilani .view-content .views-row .views-field-field-image {
    width: 30%;
    margin-right: 5px;
}
.view-personel-alim-ilani .view-content .views-row .views-field-title {
    width: 68%;
    text-transform: uppercase;
}
.view-personel-alim-ilani .view-content .views-row .views-field-term-node-tid {
    width: 100%;
    background: #ffffff;
    padding: 3px;
}
.field--name-field-gsm .field__label, .field--name-field-telefon .field__label, .field--name-field-gsm-2 .field__label {
    color: transparent;
    position: relative;
}
.field--name-field-gsm .field__label::after, .field--name-field-gsm-2 .field__label::after{
    content: ":";
    background-image: url(/sites/default/files/gsm-icon2.png);
    position: absolute;
    left: 0px;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.field--name-field-telefon .field__label::after {
    content: ":";
    background-image: url(/sites/default/files/tlfn-icon.png);
    position: absolute;
    left: 0px;
    top: 5px;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
}
.chosen-container-single .chosen-single {box-shadow:none !important;background-color: transparent;border: 0;}
.chosen-container-single .chosen-single span {margin-top: 3px;}
#edit-submit-anasayfailanlar {width: 93%!important;margin-top: 0!important;}

/* Animasyonlu çizgi için ::after pseudo-elementi */
#block-nb-mainnavigation-2-menu ul li {
    position: relative;
}
.uk-navbar-nav li a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background-color: #383838;
  transition: width 0.3s ease;
}

/* Menü öğesi üzerine gelindiğinde çizgi genişlesin */
.uk-navbar-nav li a:hover::after {
  width: 100%;
}

/* Alt menülerin görünürlüğünü ve hover davranışını ayarlayalım */
.uk-navbar-nav .menu-item--expanded > span {
  cursor: pointer;
}

/* Sub menülerin başlangıçta gizlenmesini sağlıyoruz */
.uk-navbar-nav .menu-item--expanded .menu {
  display: none;
  list-style-type: none;
  padding-left: 0;
  position: absolute; /* Sub menüyü doğru konumda tutalım */
  left: 0;
  top: 80%; /* Alt menü, üst menünün hemen altında yer almalı */
  z-index: 10; /* Alt menüyü üstte tutmak için */
}

/* Menü öğesinin üzerine gelindiğinde alt menü açılacak */
.uk-navbar-nav .menu-item--expanded:hover > .menu {
  display: block;
  animation: slideIn 0.3s ease-out;
}

/* Alt menü animasyonu */
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(-10px); /* Yukarıdan kayarak gelsin */
  }
  to {
    opacity: 1;
    transform: translateY(0); /* Son haline gelsin */
  }
}

.uk-navbar-nav .menu-item--expanded:hover > span {
  background-color: #f0f0f0; 
  color: #545454;
}

.uk-navbar-nav .menu-item--expanded:hover > .menu,
.uk-navbar-nav .menu-item--expanded .menu:hover {
  display: block;
}

.uk-navbar-nav .menu-item--expanded:hover > .menu {
  z-index: 999;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.uk-navbar-nav .menu-item--expanded:hover > .menu {
  animation: scaleIn 0.3s ease-out;
}
@keyframes slideFromRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.uk-navbar-nav .menu-item--expanded:hover > .menu {
  animation: slideFromRight 0.4s ease-out;
}
@keyframes bounceIn {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  60% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}

.uk-navbar-nav .menu-item--expanded:hover > .menu {
  animation: bounceIn 0.6s ease-out;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.uk-navbar-nav .menu-item--expanded:hover > .menu {
  animation: fadeIn 0.8s ease-out;
}

/* Menü öğesi üzerine gelindiğinde çizgi genişlesin bitti */