/* Site container genişlik (Monota) */ .container{ max-width: 1600px; } /* Header Style - Monota HTML yapısı */ .header-top{ min-height: 34px; line-height: 40px; color: #fff; } .header-top a,.header-top .telephone ul li a,.header-top ul.top-link a,.header-top .welcome-msg .socials a{ color: #fff !important; } .header-top a:hover{ color: rgba(255,255,255,0.85) !important; } .header-top .container{ max-width: 1600px; margin: 0 auto; padding: 0 15px; } .header-top .d-flex{ width: 100%; }
.header-top .header-top-left{ text-align: left; }
.header-top .header-top-right{ display: flex; align-items: center; justify-content: flex-end; flex-wrap: nowrap; text-align: right; } .header-top .telephone ul{ list-style: none; margin: 0; padding: 0; display: flex; align-items: center; flex-wrap: nowrap; gap: 0; } .header-top .telephone ul li{ display: inline-block; line-height: 40px; position: relative; padding-right: 20px; margin-right: 20px; list-style: none; vertical-align: middle; } .header-top .telephone ul li:last-child{ padding-right: 0; margin-right: 0; } .header-top .telephone ul li:not(:last-child)::after{ content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 13px; background: #181818; opacity: .5; } .header-top ul.top-link{ list-style: none; margin: 0; padding: 0; display: inline-flex; align-items: center; vertical-align: top; } .header-top ul.top-link > li{ line-height: 40px; position: relative; list-style: none; padding-left: 20px; margin-left: 20px; } .header-top ul.top-link > li:first-child{ padding-left: 0; margin-left: 0; } .header-top ul.top-link > li:not(:first-child)::before{ content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 13px; background: #181818; opacity: .5; } .header-top .welcome-msg{ margin-right: 20px; display: inline-block; } .header-top .welcome-msg .socials{ margin: 0; padding: 0; display: inline-flex !important; align-items: center; } .header-top .header-top-right .socials,.header-top .welcome-msg .socials{ list-style: none; margin: 0; padding: 0; display: inline-flex; align-items: center; gap: 8px; } .header-top .header-top-right .socials li{ display: inline-block; } .header-top .header-top-right .socials a{ color: inherit; opacity: .9; } .header-top .header-top-right .socials a:hover{ opacity: 1; } .header-middle{ border-bottom: 1px solid #181818; padding: 15px 0; } .header-middle .container{ max-width: 1600px; margin: 0 auto; padding: 0 15px; } .header-middle .row{ display: flex; align-items: center; flex-wrap: wrap; margin: 0 -15px; } .header-middle .middle-left{ padding: 0 15px; } .header-middle .middle-left .logo img{ max-height: 70px; max-width: 100%; width: auto; } .header-middle .middle-right-w{ padding: 0 15px; display: flex; align-items: center; flex-wrap: nowrap; gap: 24px; flex: 1; min-width: 0; } .header-middle .search-header-w{ flex: 1; min-width: 200px; max-width: 560px; } .header-middle #sosearchpro .search.input-group.form-group{ display: flex; align-items: stretch; width: 100%; border: 1px solid #ebebeb; border-radius: 22px; overflow: hidden; background: #ffffff; } .header-middle #sosearchpro .search.input-group:focus-within{ border-color: #000000; } .header-middle .select_category.select_category{ border: none; padding: 0; margin: 0; } .header-middle .header-search-cat-select{ border: none !important; background: transparent !important; height: 48px; line-height: 48px; padding: 0 28px 0 14px; font-size: 14px; cursor: pointer; max-width: 180px; border-right: 1px solid #ebebeb !important; -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 10px center !important; color: #333333; border-radius: 22px 0 0 22px; box-sizing: border-box; } .header-middle .header-search-input-monota{ flex: 1; min-width: 80px; height: 48px; line-height: 48px; border: none !important; padding: 0 14px; font-size: 14px; color: #333333; background: transparent !important; box-sizing: border-box; } .header-middle .header-search-input-monota::placeholder{ color: #666666; line-height: 48px; } .header-middle .header-search-btn-monota{ border: none; padding: 0; width: 40px; height: 40px; min-width: 40px; border-radius: 50%; background: #333333 !important; color: #fff !important; cursor: pointer; display: flex; align-items: center; justify-content: center; margin: 4px; } .header-middle .header_block.hotline-header{ flex-shrink: 0; } .header-middle .header_block.hotline-header .contact-header{ margin: 0; display: flex; flex-direction: row; align-items: center; text-align: left; gap: 10px; } .header-middle .contact-header .contact-header-icon{ font-size: 28px; color: #333; margin: 0; flex-shrink: 0; } .header-middle .contact-header .contact-header-text{ display: flex; flex-direction: column; align-items: flex-start; } .header-middle .contact-header p{ margin: 0 0 2px; font-size: 12px; color: #666; } .header-middle .contact-header a{ color: #696868; font-weight: 600; font-size: 16px; text-decoration: none; line-height: 1.2; } .header-middle .middle-right.header-desktop-right-area{ display: flex; align-items: center; flex-wrap: nowrap; gap: 20px; margin-left: auto; } .header-middle .header-desktop-navbutton-box{ display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; } .header-middle .header-desktop-navbutton-box > a{ display: flex; flex-direction: column; align-items: center; text-align: center; color: #333; text-decoration: none; } .header-middle .header-desktop-navbutton-box > a i{ font-size: 24px; margin-bottom: 4px; }
.header-middle .header-desktop-navbutton-box > a .header-nav-icon{ display: inline-flex; align-items: center; justify-content: center; margin-bottom: 4px; }
.header-middle .header-desktop-navbutton-box > a .header-nav-icon img{ width: 24px; height: 24px; display: block; vertical-align: middle; }
.header-middle .header-desktop-navbutton-box > a .header-nav-icon svg{ width: 24px; height: 24px; display: block; vertical-align: middle; } .header-middle .header-desktop-navbutton-box-t{ font-size: 12px; color: #666; } .header-middle .header-desktop-navbutton-box > a[data-tooltip]::after{ content: attr(data-tooltip); font-size: 12px; color: #666; display: block; margin-top: 4px; }
/* Header nav ikonlarda hover'da çıkan çapraz tooltip'i kapat (Üyelik vb. çift yazı ve çapraz ok) */
.header-middle .header-desktop-navbutton-box > a.tooltip-bottom::before,
.header-middle .header-desktop-navbutton-box > a.tooltip-bottom::after{ display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
.header-middle .header-desktop-navbutton-box > a.tooltip-bottom::before{ content: none !important; }
.header-middle .header-desktop-navbutton-box > a.tooltip-bottom::after{ content: none !important; } .header-middle .header-desktop-navbutton-box .header-desktop-navbutton-box-count{ position: absolute; top: -4px; right: -4px; min-width: 18px; height: 18px; line-height: 18px; font-size: 11px; background: #e74c3c; color: #fff; border-radius: 50%; text-align: center; padding: 0 4px; } /* Monota 1.görsel: nav bar beyaz, sadece KATEGORİLER butonu kırmızı, menü linkleri koyu */ .header-bottom{ background: #ffffff !important; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .header-bottom .container{ max-width: 1600px; margin: 0 auto; padding: 0 15px; } .header-bottom .bottom1{ display: flex; align-items: center; flex-wrap: wrap; padding: 0; } .header-bottom .top-level-menu-main-div-in{ padding: 0px 0; width: 100%; } .header-bottom .head-new-area-left{ flex: 0 0 auto !important; width: 260px !important; min-width: 260px !important; flex-shrink: 0; } .header-bottom .head-new-area-left .header-categories-wrap{ width: 100% !important; max-width: 260px; } .header-bottom .main-menu-w{ flex: 1; min-width: 0; padding-left: 30px; } .header-bottom .main-menu-w .top-level-menu{ margin: 0; padding: 0; list-style: none; display: flex; align-items: center; flex-wrap: nowrap; flex: 1; min-width: 0; } .header-bottom .main-menu-w .top-level-menu > li{ background: none !important; } .header-bottom .main-menu-w .top-level-menu > li span{ color: #333333 !important; font-weight: 600; text-transform: uppercase; font-size: 13px; } .header-bottom .main-menu-w .top-level-menu > li:hover span{ color: #e74c3c !important; } .header-bottom .main-menu-w .top-level-menu > li a{ color: inherit; text-decoration: none; } .header-bottom .head-new-area-right{ margin-left: auto; } .header-bottom .head-new-area-right a{ color: #e74c3c !important; font-weight: 700; text-transform: uppercase; font-size: 13px; } .header-desktop-main-div{ border-bottom: none; } .header-desktop-search1 form button{ color: #333333; } .header-desktop-call-i{ color: #696868; } .header-desktop-call-t{ color: #696868; } .header-desktop-call-t a{ color: #696868; } .header-desktop-call-t a:hover{ text-decoration: none; color: #696868; } .header-desktop-navbutton-box a{ color: #000000; } .header-desktop-navbutton-box a:hover{ color: #b70d09; } .header-desktop-main-div { padding: 15px 3%; } .topheader-desktop-main-div{ background-color: #181818; border-bottom: 1px solid #181818; font-size: 13px ; } .topheader-desktop-main-left a{ padding: 10px; color: #bbbbbb; font-weight: 600; } .topheader-desktop-main-left a:hover{ color: #bbbbbb; text-decoration: none; } .topheader-desktop-main-right a{ padding: 10px; color: #bbbbbb; font-weight: 600; } .topheader-desktop-main-right a:hover{ color: #bbbbbb; text-decoration: none; } .topheader-lang-currency-box{ border-left: 1px solid #181818; white-space: nowrap; display: inline-block; } .topheader-lang-currency-box a{ padding: 10px 13px; white-space: nowrap; display: inline-flex; align-items: center; } .dropdown-menu.currency-drop.dropdown-menu:before{ content: ''; height: 11px; width: 11px; position: absolute; background-color: #fff; top: -7px; right:15px; border-top: #181818 solid 1px; border-left: #181818 solid 1px; transform: rotate(45deg); } .dropdown-menu.currency-drop{ background:#333; margin-top: 0; margin-right: -1px !important; border-radius:0 !important; border:1px solid #181818 !important; box-shadow:0 0 5px 0 rgba(0,0,0,.05) !important; } .topheader-html-main{ background-color: #ffffff; padding : 0px 0 ; color: #000000 !important; } .topheader-html-main span{ color: #000000 !important; } .topheader-html-main a{ color:#000000; } .topheader-html-main a:hover{ color:#000000; 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: #000000} .top-level-menu > li span{ color:#000000; padding: 13px 18px; font-size: 13px ; font-weight: 600; } .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 #b70d09; } .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; } /*  <========SON=========>>> Desktop Dropdown Menu SON */ body{background-color: #ffffff !important} #return-to-top{background-color: #000000; bottom:50px; border-radius:0} #return-to-top:hover{background-color: #000000} #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 : 'Rubik',sans-serif ;background:#111111 ;padding:50px 0; margin: 0px 0 0 0; } .footer-module-box-telif{ width: 90%; font-family : 'Rubik',sans-serif ; color: #888888; } .footer-module-box-social a{ display: block; color: #ffffff; 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: #ffffff; } .footer-module-contact-box{ color: #888888; } .footer-module-contact-box a{ color: #888888; } .footer-module-workhour-div{ color: #888888; } .footer-module-links-div a{ display: block; width: 100%; margin-bottom: 10px; color: #888888; } /* Ticaret Kutuları ///////////////////////////////////////////*/.ticaret-kutulari-inside{font-family : 'Jost',sans-serif ;border: 1px solid #ffffff;background-color: #ffffff;}.ticaret-kutu-box{border-right: 1px solid #ffffff;} @media screen and (max-width:410px) and (min-width:321px) {.ticaret-kutu-box{border-right: 0 !important;border-bottom: 1px solid #ffffff;}.ticaret-kutu-box:last-child{border-bottom:0 !important;} } /* Ticaret Kutuları Tema 2 */ .ticaret-kutulari-tema2{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; font-family:'Jost',sans-serif; padding:20px 0; } .ticaret-kutu-tema2-item{ display:flex; flex-direction:column; align-items:center; text-align:center; } .ticaret-kutu-tema2-icon{ line-height:1; width:32px; height:32px; display:flex; align-items:center; justify-content:center; margin-bottom:11px; } .ticaret-kutu-tema2-icon svg{ width:32px; height:32px; } .ticaret-kutu-tema2-icon i{ font-size:32px; } .ticaret-kutu-tema2-heading{ margin:0 0 10px; font-size:16px; font-weight:600; } .ticaret-kutu-tema2-spot{ font-size:15px; line-height:1.5; } @media screen and (max-width:768px){ .ticaret-kutulari-tema2{ grid-template-columns:1fr; } } /* Ürün Detay */ #urundetaytabs .ui-tabs-active a { background-color: #ff1f55 !important; color: #ffffff !important; } #urundetaytabs{ font-family : 'Rubik',sans-serif ; } .urun-detay-main{ font-family : 'Rubik',sans-serif ; background-color: #f3f6f9; } /* 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 #181818; background-color: #181818; } .mobil-top-header-currency, .mobil-top-header-lang{border-left: 1px solid #181818; } .swiper-top-header .swiper-slide a{ color: #bbbbbb; } .swiper-top-header .swiper-slide a:hover{ color: #bbbbbb; text-decoration:none; } .mobil-header-select-area{ color: #bbbbbb; } .mobil-header-select-area:hover{ color: #bbbbbb; 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: #b70d09; 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: #b70d09; } .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: #b70d09; } .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 */