/* Header Style */ .header-desktop-search1 form button{ color: #333333; } .header-desktop-call-i{ color: #000000; } .header-desktop-call-t{ color: #000000; } .header-desktop-call-t a{ color: #000000; } .header-desktop-call-t a:hover{ text-decoration: none; color: #000000; } .header-desktop-navbutton-box a{ color: #000000; } .header-desktop-navbutton-box a:hover{ color: #8260e3; } .header-desktop-main-div { padding: 15px 3%; } .topheader-desktop-main-div{ background-color: #ffffff; border-bottom: 1px solid #ebebeb; font-size: 11px ; } .topheader-desktop-main-left a{ padding: 7px; color: #000000; font-weight: 400; } .topheader-desktop-main-left a:hover{ color: #a6a2a2; text-decoration: none; } .topheader-desktop-main-right a{ padding: 7px; color: #000000; font-weight: 400; } .topheader-desktop-main-right a:hover{ color: #a6a2a2; text-decoration: none; } .topheader-lang-currency-box{ border-left: 1px solid #ebebeb; } .topheader-lang-currency-box a{ padding: 7px 13px; } .dropdown-menu.currency-drop.dropdown-menu:before{ content: ''; height: 11px; width: 11px; position: absolute; background-color: #fff; top: -7px; right:15px; border-top: #ebebeb solid 1px; border-left: #ebebeb solid 1px; transform: rotate(45deg); } .dropdown-menu.currency-drop{ margin-top: 0; margin-right: -1px !important; border-radius:0 !important; border:1px solid #ebebeb !important; box-shadow:0 0 5px 0 rgba(0,0,0,.05) !important; } .topheader-html-main{ background-color: #000000; padding : 8px 0 ; color: #ffffff !important; } .topheader-html-main span{ color: #ffffff !important; } .topheader-html-main a{ color:#fff1a6; } .topheader-html-main a:hover{ color:#ffac9a; text-decoration:none; } /*  <========SON=========>>> Header Style SON */ /* Dropdown Style */ .dropdown-menu{ border: 1px solid #ebebeb !important; } .dropdown-menu.cart-drop{ border-radius: 1px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);} .dropdown-menu.user-drop{ border-radius: 1px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);} .dropdown-menu.bell-drop{ border-radius: 1px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);} .dropdown-menu:before{ content: ''; height: 11px; width: 11px; position: absolute; background-color: #fff; top: -7px; right:9px; border-top: #ebebeb solid 1px; border-left: #ebebeb solid 1px; transform: rotate(45deg); } /*  <========SON=========>>> Dropdown Style SON */ /* Desktop Dropdown Menu */ .top-level-menu-main-div{ background-color : #ffffff; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; } .top-level-menu{ justify-content:center; } .top-level-menu > li{ background: none; margin-right:0; margin-left: 0; } .top-level-menu > li:hover { background-color: #f96e51} .top-level-menu > li span{ color:#000000; padding: 13px 18px; font-size: 13px ; font-weight: 400; } .top-level-menu > li:hover span{ color:#ffffff; } .second-level-menu { width: 210px; background-color: #ffffff; padding: 5px; } .second-level-menu > li { border-bottom: 1px solid #ffffff; padding: 9px; } .second-level-menu > li:hover { background: #f8f8f8; } .second-level-menu > li p{ color: #000000; font-size:13px; } .second-level-menu > li:hover p{ color:#000000; } .third-level-menu { left:200px; width: 200px; margin-left: 200px; background-color: #ffffff; padding: 5px; } .third-level-menu > li { padding: 8px 12px; border-bottom: 1px solid ##ffffff; } .third-level-menu > li:hover { background: #ebebeb; } .second-level-menu > li > .third-level-menu li p{ color: #000000; font-size:13px; } .second-level-menu > li > .third-level-menu li:hover p{ color:#000000; } .top-level-menu li:hover > ul { border-top: 1px solid #ff441b; } .sablon2-level-menu{ background-color: #ffffff; } .sablon2-level-menu-left-item-h{ color:#000000 !important; border-bottom: 1px solid #ebebeb; padding-bottom:10px; } .sablon2-level-menu-left-item-s{ color:#333333!important; } .sablon2-level-menu-left-item-s:hover{ text-decoration: underline !important; } .slider-categories{
width: 250px;
margin-bottom: -2px;
}
.slider-categories-header{
border: 1px solid #ffffff;
background-color: #f7f7f7;
color: #000000 !important;
}
.slider-categories-header svg{
fill:#000000;
}

.categories-menus{
width: 250px;
}
.categories-menus > li {
display: block;
}
.categories-menus > li > a {
background-color: #ffffff;
padding: 15px 20px;
border: 1px solid #eeeeee;
color: #000000;
transition-duration: 0.1s; transition-timing-function: linear;
}
.categories-menus > li:hover > a {
color: #000000;
background-color: #f7f7f7;
}
.categories-menus > li > .categories_st_side,
.categories-menus > li > .categories_mega_side {
left: 250px;
}


/* Header Style */
.header-desktop-call-i svg{
fill: #000000;
}
.header-desktop-call-i{
color: #000000;
}
.header-desktop-call-t{
color: #000000;
}
.header-desktop-call-t a{
color: #000000;
}
.header-desktop-call-t a:hover{
text-decoration: none;
color: #000000;
}

.sepetimizhere,
.header-desktop-navbutton-box a {
color: #000000}

.sepetimizhere:hover,
.header-desktop-navbutton-box a:hover{
color: #8260e3;
}
.header-desktop-navbutton-box div i{
}

.header-desktop-navbutton-box a svg{
fill: #000000;
}
.header-desktop-navbutton-box a svg:hover{
fill: #8260e3;
}

.header-desktop-main-div {
padding: 15px 3%;
border-bottom:1px solid #;
}
.topheader-desktop-main-div{
background-color: #ffffff;
border-bottom: 1px solid #ebebeb;
font-size: 11px ;
}
.topheader-desktop-main-left a{
padding: 7px;
color: #000000;
font-weight: 400;
}
.topheader-desktop-main-left a:hover{
color: #a6a2a2;
text-decoration: none;
}
.topheader-desktop-main-right a{
padding: 7px;
color: #000000;
font-weight: 400;
}
.topheader-desktop-main-right a:hover{
color: #a6a2a2;
text-decoration: none;
}
.topheader-lang-currency-box{
border-left: 1px solid #ebebeb;
}
.topheader-lang-currency-box a{
padding: 7px 13px;
}
.dropdown-menu.currency-drop.dropdown-menu:before{
content: '';
height: 11px;
width: 11px;
position: absolute;
background-color: #fff;
top: -7px;
right:15px;
border-top: #ebebeb solid 1px;
border-left: #ebebeb solid 1px;
transform: rotate(45deg);
}
.dropdown-menu.currency-drop{
margin-top: 0;
margin-right: -1px !important;
border-radius:0 !important;
border:1px solid #ebebeb !important;
box-shadow:0 0 5px 0 rgba(0,0,0,.05) !important;
}
.topheader-html-main{
background-color: #000000;
padding : 8px 0 ;
color: #ffffff !important;
}
.topheader-html-main span{
color: #ffffff !important;

}
.topheader-html-main a{
color:#fff1a6;
}
.topheader-html-main a:hover{
color:#ffac9a;
text-decoration:none;
}
/*  <========SON=========>>> Header Style SON */






/* Dropdown Style */
.dropdown-menu{
border: 1px solid #ebebeb !important;
}
.dropdown-menu.cart-drop{
    border-radius: 1px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
}
.dropdown-menu.user-drop{
    border-radius: 1px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
}
.dropdown-menu.bell-drop{
    border-radius: 1px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
}
.dropdown-menu:before{
content: '';
height: 11px;
width: 11px;
position: absolute;
background-color: #fff;
top: -7px;
right:9px;
border-top: #ebebeb solid 1px;
border-left: #ebebeb solid 1px;
transform: rotate(45deg);
}
/*  <========SON=========>>> Dropdown Style SON */



/* Desktop Dropdown Menu */
.top-level-menu-main-div{
z-index:99;
}

.top-level-menu > li{
background: none;
margin-right:0;
margin-left: 0;
}
.top-level-menu > li:hover {
background-color: #f96e51;
}
.top-level-menu > li span{
color:#000000;
padding: 13px 18px;
font-size: 13px ;
font-weight: 400;
}
.top-level-menu > li:hover span{
color:#ffffff;
}

.topmenu-arrow-left,
.topmenu-arrow-right{
 background-color: #;
}



.second-level-menu
{
width: 210px;
background-color: #ffffff;
padding: 5px;
border-top: 1px solid #ff441b;

}
.second-level-menu > li
{
border-bottom: 1px solid #ffffff;
padding: 9px;
}
.second-level-menu > li:hover {
background: #f8f8f8;
}
.second-level-menu > li p{
color: #000000;
font-size:13px;
}
.second-level-menu > li:hover p{
color:#000000;
}
.third-level-menu
{
left:200px;
width: 200px;
margin-left: 200px;
background-color: #ffffff;
padding: 5px;
}
.third-level-menu > li
{
padding: 8px 12px;
border-bottom: 1px solid ##ffffff;
}

.third-level-menu > li:hover {
background: #ebebeb;
}

.second-level-menu > li > .third-level-menu li p{
color: #000000;
font-size:13px;
}

.second-level-menu > li > .third-level-menu li:hover p{
color:#000000;
}




.sablon2-level-menu-2023-in{
background-color: #ffffff;
border-top: 1px solid #ff441b;

}
.sablon2-level-menu-left-item-h{
color:#000000 !important;
border-bottom: 1px solid #ebebeb;

}


.sablon2-level-menu-left-item-h img{
border: 1px solid #ebebeb;
}



.sablon2-level-menu-left-item-s{
color:#333333!important;
}
.sablon2-level-menu-left-item-s:hover{
text-decoration: underline !important;
}


    .sablon2-level-menu-2023-in{
        }








/*  <========SON=========>>> Desktop Dropdown Menu SON */ body{background-color: #ffffff !important} #return-to-top{background-color: #3c3c3c; bottom:50px; border-radius:0} #return-to-top:hover{background-color: #3c3c3c} #return-to-top i{color: #ffffff} #return-to-top:hover i{color: #ffffff} .header-desktop-search1 form input{ border: 1px solid #ebebeb; border-radius: 0; color: 333333; background-color:#ffffff; } .header-desktop-search1 form input::placeholder{ color: #666666; } .header-desktop-search1 form input:-ms-input-placeholder{ color: #666666; } .header-desktop-search1 form input::-ms-input-placeholder{ color: #666666; } .header-desktop-search1 form input:focus{ border: 1px solid #000000 !important;box-shadow: 0 0 10px 0 rgba(0,0,0,.1) !important;} /* Footer */ .footer-module-main-div{ border-top: 1px solid #ffffff; font-family : 'Open Sans',sans-serif ;background:#ffffff ;padding:50px 0; margin: 0px 0 0 0; } .footer-module-box-telif{ width: 90%; font-family : 'Open Sans',sans-serif ; color: #4a4a4a; } .footer-module-box-social a{ display: block; color: #000000; padding: 10px 14px; box-sizing: border-box; line-height: 15px; font-size: 15px ; } .footer-module-box-social a:first-child{ padding-left: 0; } .footer-module-header-text{ color: #000000; } .footer-module-contact-box{ color: #4a4a4a; } .footer-module-contact-box a{ color: #4a4a4a; } .footer-module-workhour-div{ color: #4a4a4a; } .footer-module-links-div a{ display: block; width: 100%; margin-bottom: 10px; color: #4a4a4a; } /* Ticaret Kutuları ///////////////////////////////////////////*/.ticaret-kutulari-inside{font-family : 'Open Sans',sans-serif ;border: 1px solid #ebebeb;background-color: #ffffff;}.ticaret-kutu-box{border-right: 1px solid #ebebeb;} @media screen and (max-width:410px) and (min-width:321px) {.ticaret-kutu-box{border-right: 0 !important;border-bottom: 1px solid #ebebeb;}.ticaret-kutu-box:last-child{border-bottom:0 !important;} } /* Ürün Detay */ #urundetaytabs .ui-tabs-active a { background-color: #ff1f55 !important; color: #ffffff !important; } #urundetaytabs{ font-family : 'Open Sans',sans-serif ; } .urun-detay-main{ font-family : 'Open Sans',sans-serif ; background-color: #f5f5f5; } /* Genel Modal */ .modal-content{ font-family : 'Poppins',Sans-serif !important ; } /* hizmet detay sağ butonlar */ .hizmetler-detay-right-box{ border: 1px solid #ffffff; border-left:6px solid #d43867; background-color: #ffffff; color:#000000; } .hizmetler-detay-right-box:hover{ background-color: #d43867; color: #ffffff; border: 1px solid #d43867; border-left:6px solid #d43867; } .hizmetler-detay-right-box-act{ border: 1px solid #d43867; border-left:6px solid #d43867; background: #d43867; } /* Pricing Tabs Ayar */ /* pricing */ .pricing-tablolar-module-main-div{ border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; font-family : 'Roboto Condensed',sans-serif ;background:#f3f6f9 ;padding:20px 0; margin: 0px 0; } .pricing-tab-system ul{ background-color: #d63766; border-radius: 100px;} .pricing-tab-system a:first-child{ border-radius: 100px 0 0 100px !important; } .pricing-tab-system a:last-child{ border-radius: 0 100px 100px 0 !important; } .pricing-tab-system a{ color: #ffffff; font-size: 18px ; } .pricing-tab-system a.active{ background-color: #ffffff !important; color: #000000 !important; } .pricing-tab-system a:hover{ background-color: #ffffff; color: #000000; } @media screen and (max-width:1000px) and (min-width:0) {.pricing-tab-system a{border-radius: 100px !important ;}.pricing-tab-system a:first-child{border-radius: 100px !important ;}.pricing-tab-system a:last-child{border-radius: 100px !important ;} } /*  <========SON=========>>> Pricing Tabs Ayar SON */ /* Pre Loader */ .preload-main { display: flex; height: 100vh; width: 100%; position: fixed; z-index: 9999; justify-content: center; align-items: center; background: #d9f6ff; overflow: hidden; top: 0; left: 0; } .loader { position: relative; } /*  <========SON=========>>> Pre Loader SON */ /* Mobil Tema */ .mobile-top-header-main{ border-bottom: 1px solid #ebebeb; background-color: #ffffff; } .mobil-top-header-currency, .mobil-top-header-lang{border-left: 1px solid #ebebeb; } .swiper-top-header .swiper-slide a{ color: #000000; } .swiper-top-header .swiper-slide a:hover{ color: #a6a2a2; text-decoration:none; } .mobil-header-select-area{ color: #000000; } .mobil-header-select-area:hover{ color: #a6a2a2; text-decoration:none; } .mobile-header-main-area{ background-color: #ffffff; border-bottom:1px solid #ebebeb; } .mobile-header-icons{ color: #000000 !important; } .mobile-header-bars{ color: #000000; border: 1px solid #ebebeb; background-color: #ffffff;border-radius:5px;} .mobile_side_wrap_in_close label{ background-color: #7135f0; color: #ffffff; } .mobile_side_wrap{ background-color: #ffffff; } .mobile_side_wrap_in_search input{ background-color: #f8f8f8; border: 1px solid #f8f8f8; color:#000000; } .mobile_side_wrap_in_search button{ color:#000000; } .mobile_side_wrap_in_search input:focus{ border: 1px solid #f8f8f8 !important; } .mobile_side_wrap_in_footer{ background-color: #f9f9f9; border: 1px solid #f9f9f9; } .mobile-menu-categories-main{ border-top: 1px solid #ebebeb; } .mobile-menu-categories-main #categories-parent-main ul li a { color: #000000; border-bottom: 1px solid #ebebeb; } .mobile-menu-categories-main #categories-parent-main ul li a:hover { color: #ffffff; background-color: #408cff; } .mobile-menu-categories-main #categories-parent-main ul li a i{ color: #000000; } .mobile-menu-categories-main #categories-parent-main ul li a i:hover { color: #ffffff; background-color: #408cff; } .fixed-foot-navigation{background-color: #ffffff;box-shadow:0 0 15px rgba(0,0,0,.1);} .fixed-foot-navigation-in-box{color : #000000} .fixed-foot-navigation-in-box:hover{color : #000000;text-decoration:none; } /*  <========SON=========>>> Mobil Tema SON */
/* Header kategori alanı hizalama - Tema11 */
@media screen and (min-width: 1200px) {
  .top-level-menu-main-div-in {
        width: min(1620px, calc(100% - 280px));
      }
  .slider-categories {
    margin-left: 0;
    margin-right: 34px;
  }
  .categories-menus > li > .categories_mega_side {
    width: min(1190px, calc(100vw - 520px));
    max-width: calc(100vw - 520px);
    box-sizing: border-box;
  }
  .categories_mega_side img {
    max-width: 100%;
    height: auto;
  }
}
/* Tema11 ana menü aralık düzeni */
@media screen and (min-width: 1200px) {
  .top-level-menu {
    gap: 5px;
    align-items: center;
  }
  .top-level-menu > li {
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex: 0 0 auto;
  }
  .top-level-menu > li span {
    white-space: nowrap;
  }
}
/* Tema11 kategori açıkken menü ferahlığı */
@media screen and (min-width: 1200px) {
  .slider-categories + .head-new-area-left .top-level-menu {
    gap: 5px;
  }
}
/* Tema11 mega menu layout - Tema1 tasarimi */
.sablon2-level-menu {
  width: 100% !important;
  left: 0;
}
.sablon2-level-menu-2023-in {
  width: min(1366px, calc(100vw - 160px)) !important;
  max-width: calc(100vw - 160px);
  display: flex !important;
  justify-content: flex-start;
  align-items: stretch;
  height: auto;
  z-index: 9;
  margin: 0 auto;
  box-sizing: border-box;
}
.sablon2-level-menu-left {
  flex: 1 1 auto;
  min-width: 0;
  padding: 30px 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.sablon2-level-menu-left-item {
  width: 175px;
  margin: 0 15px 10px 20px;
  box-sizing: border-box;
}
.sablon2-level-menu-left-item-h {
  font-size: 16px;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.sablon2-level-menu-right {
  flex: 0 0 410px;
  width: 410px;
  padding: 15px;
  box-sizing: border-box;
}
.sablon2-level-menu-right img {
  max-width: 100% !important;
  width: 100% !important;
}
.sablon2-level-menu-right-product-box img {
  height: auto;
}
