�� @charset "UTF-8"; @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@300;400;500;600;700&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap'); /*Slider*/ body{ font-family: "Montserrat", "Open Sans", sans-serif; font-weight: 400; } .slider-mm { float: right; max-height: 75vh; background: #fff; padding: 0px; margin: 0px; position: relative; transition: all 0s ease; overflow: hidden; opacity: 0; visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease; } .slider-mm.slick-initialized { visibility: visible; opacity: 1; } .slider-mm .slick-slide img { width: 100%; } .slider-mm .slick-list { height: 100%; } .slider-mm-link { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; z-index: 99; } .slick-prev, .slick-next { background: rgba(34,43,174,0.7); border-radius: 50%; } .slick-prev:hover, .slick-prev:focus { color: transparent; outline: none; background: #222BAE; } .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: #222BAE; } .slick-prev:before { content: ''; left: 45%; bottom: 40%; position: absolute; border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 5px; transform: rotate(135deg); -webkit-transform: rotate(135deg); } .slick-next:before { content: ''; left: 35%; bottom: 40%; margin: auto; position: absolute; border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } @media (max-width: 992px) { .slider-mm .slick-arrow::before { border: solid #fff; border-width: 0 2px 2px 0; } .slider-mm .slick-dots { bottom: 5px; } .slider-mm .slick-dots li { width: 10px; height: 10px; padding: 0 7px; overflow: hidden; transition: all 0.3s ease; } .slider-mm .slick-dots li button { width: 7px; height: 7px; border: 1px solid #fff; border-radius: 50%; background: #fff; padding: 0px; margin: 0px; } .slider-mm .slick-dots li button::before { display: none; } .slider-mm .slick-dots li.slick-active button { background: #222BAE; } .footer-logo{ display: none; } .yt-video-title{ display: none; } .anasayfa-spotlar{ margin-bottom:25px; } } @media (max-width: 390px) { .hover-liste-incele{ display:none; } } /*Ozel Banner*/ .top-banner-box { text-align: center; border-radius: 16px; overflow: hidden; } .top-banner-box img { max-width: 100%; width: auto !important; height: auto !important; border-radius: 16px; transition: transform 0.4s ease; } .top-banner-box:hover img { transform: scale(1.03); } .urun-kategori-baslik-bg { width: 100%; height: auto; text-align: center; padding-left: 4px; margin-bottom: 10px; border-bottom: 3px solid #C2E6EC; } .urun-kategori-baslik { font-family: "Montserrat", "Open Sans", sans-serif; padding: 10px 20px; vertical-align: bottom; position: relative; display: inline-block; float: none; width: auto; font-size: 20px; color: #222BAE; margin: 0; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 992px) { .urun-kategori-baslik { width: 100%; padding: 0px; height: 40px; font-size: 22px; display: block; padding-left: 10px; line-height: 40px; } } .home-sag-alt { width: 40px; height: auto; display: inline-block; position: fixed; bottom: 20px; right: 20px; text-align: center; z-index: 1000; } .sag-alt-wp { width: 40px; height: 40px; display: inline-block; background: #222020; color: #00e676; line-height: 39px; font-size: 19px; border-radius: 50%; transition: all 0.5s ease; } .sag-alt-wp.asagi { border-radius: 0px; transition: all 0.5s ease; line-height: 33px; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } .sag-alt-wp .ion-social-whatsapp-outline:before { line-height: 36px; } .sag-alt-wp:hover, .sag-alt-wp:focus { color: #fff; background: #000; } /*Anasayfa Prod Slide*/ .home-slide-prod { padding: 0px 4px; } .home-slide-prod .slick-track { float: left; } .home-slide-prod .slick-arrow { bottom: -30px; background: transparent; box-shadow: none; top: inherit; width: 30px; height: 30px; } .home-slide-prod .slick-arrow:hover:before, .home-slide-prod .slick-arrow:focus:before { border: solid #333; border-width: 0 1px 1px 0; } .home-slide-prod .slick-next { left: 40px; } .home-slide-prod .slick-prev { left: 0px; } /*Tab List*/ .home-urun-tabs ul { height: auto; list-style: none; display: inline-block; width: 100%; text-align: center; } .home-urun-tabs ul li { display: inline-block; cursor: pointer; padding: 0 1.5rem; transition: all 0.5s ease; } .home-urun-tabs ul li h3 { margin: 0rem 0px; float: left; line-height: 40px; } .home-urun-tabs ul li h3 span { letter-spacing: 0.5px; font-weight: 400; color: #282828; font-size: 14px; font-weight: bold; float: left; display: block; } .home-urun-tabs ul li.activetab { background: #222BAE; -webkit-box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.17); box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.17); } .home-urun-tabs ul li.activetab span { color: #fff; } @media (max-width: 992px) { .home-urun-tabs ul li h3 { margin: 0px; } .home-urun-tabs ul li h3 span { font-size: 13px; } } #back-top { display: inline-block; background-color: #222020; width: 40px; height: 40px; text-align: center; position: relative; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; color: #fff; line-height: 38px; font-size: 20px; border-top-left-radius: 50%; border-top-right-radius: 50%; } #back-top .ion-ios-arrow-up:before { line-height: 38px; } #back-top:hover { cursor: pointer; background-color: #000; } #back-top:active { background-color: #000; } #back-top.show { opacity: 1; visibility: visible; } #back-top.single-top { border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } footer { margin-top: 25px; clear: both; background: #ffffff; } #footer { text-align: left; padding: 40px 0 0px 0px; } .footer-mm1 { display: flex; margin: 0px auto !important; justify-content: space-between; align-items: flex-start; flex-flow: row wrap; } .footer-sayfalar { } .footer-iletisim-bilgileri ul { width: 70%; } .footer-iletisim-bilgileri li{ display: flex; align-items: center; margin-top: 5px; } .footer-iletisim-bilgileri li i{ font-size:25px; margin-right: 5px; margin-top: -2px; } .footer-social { padding-bottom: 30px; padding-left: 0px; } .footer-social ul { width: 100%; padding-bottom: 25px; } .footer-social ul li { display: inline-block; } .footer-social ul li.footer-social-baslik { width: 100%; } .footer-social ul li a { font-size: 18px !important; padding: 0 24px !important; } .footer-social ul li a:first-child { padding-left: 0 !important; } .footer-e-bulten { padding: 0px; } .footer-e-bulten p { font-size: 13px; } .footer-e-bulten-content { position: relative; padding: 0px; } .footer-e-bulten #ebulten { padding: 10px 10px; width: 100%; font-size: 13px; border: 1px solid #eee; } .footer-e-bulten #ebulten-gonder { background: #222BAE; color: #fff; padding: 3px 15px; height: 100%; display: inline-block; position: absolute; right: 0; top: 0; font-size: 23px; border: 1px solid #eee; } #footer ul { list-style: none; } #footer .footer-mm1 ul li { position: relative; padding: 0px; } #footer .footer-mm1 ul li:first-child { font-weight: 700; font-family: "Montserrat", "Open Sans", sans-serif; margin: 0px; color: #222BAE; font-size: 17px; padding-bottom: 0; height: 40px; letter-spacing: 1px; text-transform: uppercase; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #footer .footer-mm1 ul li a { color: #282828; font-family: "Montserrat", "Open Sans", sans-serif; text-decoration: none; position: relative; display: block; font-weight: 400; font-size: 13px; padding: 6px 0px 5px 0px; word-break: break-word; transition: all 0.3s ease; display: flex; align-items: center; } #footer .footer-mm1 ul li.social-media{ display: flex; align-items: center; } #footer .footer-mm1 ul li.social-media a{ font-size: 18px !important; margin-right:5px; width: 35px; height: 35px; border-radius: 2px; display: flex !important; align-items: center; justify-content: center; } #footer .footer-mm1 ul li a span { padding-left: 2%; font-family: "Montserrat", "Open Sans", sans-serif; } #footer .footer-mm1 ul li a:hover { color: #222BAE; } .footer-bottom-mm { width: 100%; border-top: 1px solid #eee; height: auto; padding: 10px; display: flex; justify-content: center; align-items: center; background: #ffffff; color: #333; } .footer-bottom-mm a { text-decoration: none; color: #666; transition: color 0.3s; } .footer-bottom-mm a:hover { color: #222BAE; } .footer-bottom-mm p { width: auto; float: left; margin: 0px; text-align: center; font-size: 11px; } .footer-bottom-mm p img { display: block; text-align: center; margin: auto; } .footer-bottom-mm p:last-child { text-align: right; float: right; } .odeme-sprite-box { float: left; margin-bottom: 5px; width: 160px; height: 45px; } .footer-odeme { display: flex; justify-content: center; flex-flow: row wrap; } .footer-tel{ margin-top: 30px; } .footer-tel img{ filter: invert(100%); width: 45px; margin-right: 10px; } .footer-tel a{ color: #222BAE; font-size: 18px; font-weight: 600; } @media all and (max-width: 992px) { .footer-social { order: 1; } .footer-sayfalar { order: 2; } .footer-bottom-mm { order: 3; } .footer-social ul { width: 100%; } .footer-e-bulten { width: 40%; } .footer-bottom-mm p img #footer ul li:first-child { margin: 30px 0 10px; } #footer ul li a:before { display: none; } .footer-bottom-mm p { text-align: left; } .footer-bottom-mm p img { float: right; } } @media all and (max-width: 700px) { .footer-sayfalar ul { width: 100%; margin-bottom: 25px; } .footer-e-bulten { width: 100%; } .footer-bottom-mm p:last-child{ width: 100%; text-align:center; } .anasayfa-spotlar .anasayfa-spot{ justify-content: start !important; padding: 20px 10px !important; } .video{ margin-bottom:15px; } } /*--------------------------------HEADER-TOP-BAR----------------------------------*/ .top-slogan { text-align: center; background: #222BAE; color: #fff; } .top-slogan *, .top-slogan b, .top-slogan strong, .top-slogan span, .top-slogan a { color: #fff; } .top-slogan img { max-width: 100% !important; width: auto !important; height: auto !important; } .top-bar-content { width: 100%; height: 40px; background: #222BAE; margin: auto; position: relative; display: flex; align-items: center; transition: all 0.5s ease; border-bottom: none; } .top-bar-content *, .top-bar-content a, .top-bar-content span, .top-bar-content i { color: #fff; } .top-inner { height: 40px !important; } /*topbar sol*/ .header-sol-social { height: 100%; float: left; padding-left: 1%; border-left: 1px solid rgba(255, 255, 255, 0.1); } .header-social-link { float: left; color: #fff; font-family: "Montserrat", "Open Sans", sans-serif; line-height: 40px; height: 100%; display: inline-block; font-size: 14px; margin-right: 20px; transition: all 0.5s ease; } .header-social-link i { line-height: 40px; } .header-social-link:hover { color: #fff; } /*topbar sag*/ .top-bar-pages { float: right; height: 100%; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.10196); border-left: 1px solid rgba(255, 255, 255, 0.10196); } .top-bar-pages .header-statik-link { color: #fff; line-height: 40px; padding-left: 10px; font-size: 13px; font-weight: 500; } .top-bar-pages .header-statik-link:last-child { display: inline-block; padding-right: 10px; margin-left: 10px; letter-spacing: 0.5px; } .top-bar-hesap-button { font-family: "Montserrat", "Open Sans", sans-serif; float: right; color: #282828; width: 100%; height: 100%; font-size: 12px; margin-bottom: 0px; font-weight: 600; line-height: 1; cursor: pointer; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease-in-out; } .top-bar-hesap-button i { width: 20%; font-size: 19px; position: relative; text-align: center; } .top-bar-hesap-button .top-bar-hesap-down { font-size: 23px; } .top-bar-hesap-button .top-bar-hesap-yazi { color: #757575; margin: 0; padding: 0px 5px; min-width: 45%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .top-bar-hesap-button .top-bar-hesap-yazi span { color: #282828; padding-bottom: 3px; font-size: 15px; display: block; font-weight: 600; } .top-bayi-buton { font-family: "Montserrat", "Open Sans", sans-serif; display: inline-block; float: right; color: #292828; width: 50%; height: 100%; font-size: 12px; text-transform: capitalize !important; font-weight: 600; line-height: 1; cursor: pointer; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease-in-out; } #callbayi:checked~.login-menu { visibility: visible; top: 100%; z-index: 11; opacity: 1; transition: all 0.5s ease; } #callbayi:checked~.login-menu ul li { display: block; } #callbayi:hover~.login-menu { visibility: visible; top: 100%; z-index: 11; opacity: 1; transition: all 0.5s ease; } #callbayi:hover~.login-menu ul li { display: block; } .login-menu:hover { visibility: visible; top: 100%; z-index: 11; opacity: 1; transition: all 0.5s ease; } .login-menu:hover ul li { display: block; } .login-menu { width: 100%; visibility: hidden; height: auto; background: #fff; margin: auto; top: 50%; right: 0px; opacity: 0; position: absolute; margin-bottom: 20px; -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18); transition: all 0.5s ease; } .login-menu ul { list-style: none; width: 100%; height: auto; margin: 0px; display: inline-block; } .login-menu ul li { width: 100%; display: none; height: 50px; transition: all 0.3s ease; } .login-menu ul li:hover { background: #222BAE; color: #fff; } .login-menu ul li:hover a, .login-menu ul li:hover i { color: #fff; } .login-menu li a { font-family: "Montserrat", "Open Sans", sans-serif; color: #282828; font-size: 12px; display: flex; height: 100%; justify-content: flex-start; align-items: center; padding: 0 15px; font-weight: 600; transition: all 0.3s ease; } .login-menu li i { color: #000; font-size: 16px; line-height: 50px; float: left; margin-right: 8px; } @media all and (max-width: 1500px) { .login-menu { width: 100%; } } @media all and (max-width: 992px) { .top-bar-content { display: none; margin-bottom: 50px; } .top-slogan { display: none; } } /*Header Bar*/ .header-content { width: 100%; height: auto; min-height: 50px; display: inline-block; background: #fff; position: relative; transition: all 0.5s ease-in-out; } .header-align { width: 75%; margin: auto; height: 80px; z-index: 1; transition: all 0.5s ease; } .header-align input[type=checkbox] { display: none; } .header-logo { width: auto; padding: 0 1%; width: 22%; max-width: 350px; height: 100%; float: left; position: relative; display: flex; margin: 0 auto; justify-content: flex-start; align-items: center; } .header-logo a { width: 100%; height: 100%; display: block; overflow: hidden; position: relative; } .header-logo img { position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; width: 90%; height: 90%; } .header-arama { width: 49%; display: flex; flex-flow: column wrap; justify-content: center; padding: 0px 1%; height: 100%; float: left; position: relative; } .header-arama-content { width: 100%; height: 55px; max-height: 55px; position: relative; z-index: 9; background: #fff; padding: 0px; margin: 0px; border: 2px solid #eee; border-radius: 25px; overflow: hidden; transition: all 0.5s ease; } .header-arama-content form { width: 100%; height: 100%; margin: 0px; position: absolute; top: 0; bottom: 0; margin: auto; background: #fbfbfb; float: right; display: flex; justify-content: space-around; align-items: center; } .header-arama-content button { background: #222BAE; outline: none; border: none; display: block; width: 50px; height: 102%; position: relative; float: right; color: #fff; font-size: 23px; transition: all 0.3s ease-in-out; border-radius: 0 25px 25px 0; } .header-arama-content button:hover { background: #222BAE; color: #fff; } .header-arama-content button:active .mm-control { display: block; } .header-sag { width: 29%; height: 100%; position: relative; float: right; display: flex; justify-content: flex-start; align-items: center; } .header-sag ul.login-ul { list-style: none; width: 50%; height: 100%; display: flex; align-items: center; padding: 0px 1%; margin-bottom: 0px; } .header-sag ul.login-ul li { display: block; position: relative; float: left; display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; cursor: pointer; } .header-sag ul.login-ul li:hover { cursor: pointer; } .header-sag ul.login-ul li i { font-size: 22px; width: 20%; text-align: center; } .header-sag-hesap { width: 50%; height: 100%; font-size: 18px; position: relative; padding: 0px 1%; } @media all and (max-width: 992px) { .header-content { display: flex; justify-content: center; align-items: center; position: fixed; top: 0px; z-index: 5; background: #fff; } .header-align { height: 50px; } .header-logo { margin: 0 auto; border: 0px; float: none; width: 40%; max-width: inherit; } .header-logo a { width: 100%; text-align: center; display: block; } .header-logo img { margin: auto; float: none; right: 0; left: 0; width: 30%; min-width: 170px; max-width: inherit; } .header-arama, .header-arama-content, .header-sag { display: none; } } @media all and (max-width: 530px) { .header-logo img { width: 100%; min-width: inherit; } } /*Header Kategori*/ .kategori-mm { background: #222BAE; height: 50px; position: relative; padding: 0px; float: none; margin: 0 auto; display: flex; align-items: center; z-index: 7; border-radius: 0 0 20px 20px; box-shadow: 0 4px 20px rgba(34,43,174,0.25); border-bottom: none; } .kategori-mm input[type=checkbox] { display: none; } .affix { position: fixed !important; top: 0 !important; left: 0; right: inherit; min-height: inherit !important; height: auto !important; z-index: 9999 !important; padding: 0px !important; transition: all 0.5s ease-in-out; -webkit-box-shadow: 0px 2px 16px -2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0px 2px 16px -2px rgba(0, 0, 0, 0.17); box-shadow: 0px 2px 16px -2px rgba(0, 0, 0, 0.17); } .kategori-mm-inner { margin: auto; height: 50px; display: flex; justify-content: space-between; align-items: center; transition: all 0.5s ease; background: transparent; padding: 0px; } .button { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; position: relative; display: none; height: 100%; width: 33.33%; float: left; cursor: pointer; margin-bottom: 0px; } .button i { font-size: 22px; color: #151440; padding: 0; position: relative; width: initial; height: initial; top: inherit; left: inherit; background: transparent; } .sepet-icon { background: #222BAE; margin-right: .5%; } .sepet-li { position: absolute; content: "0"; top: 23%; margin: auto; left: 15%; background: #222BAE; border-radius: 50%; width: 15px; height: 15px; font-size: 10px; text-align: center; z-index: 0; color: #fff; line-height: 15px; font-style: normal; } .search-icon { height: 40px; background: transparent; margin-right: 5px; } .search-icon i { font-size: 25px; color: #101010; } .header-mm-arama1 { width: 100%; display: none; height: auto; min-height: 50px; background: #fff; margin: auto; top: 100%; left: 0; position: absolute; border-top: 1px solid whitesmoke; -webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.06); } .header-mm-arama1 form { width: 100%; margin: 0px; padding: 0px; background: #fff; position: relative; float: right; height: 100%; display: flex; align-items: center; justify-content: space-between; } .header-mm-arama1 form input { display: block; width: 100%; padding-left: 15px; font-size: 14px; box-shadow: none; outline: none; background: #fff; border: 0px; line-height: 1.42857143; color: #555; font-size: 12px; border: none; float: left; color: #666; position: relative; } *:focus { outline: none !important; border-color: inherit; -webkit-box-shadow: none; box-shadow: none; } .header-mm-arama1 form input::focus { outline: none; box-shadow: none; border: none; } .header-mm-arama1 button { background: transparent; outline: none; float: right; border: none; display: block; padding-right: 20px; position: absolute; top: 0; bottom: 0; margin: auto; right: 10px; } .mm-control { display: block; height: 100%; width: 60%; font-size: 13px; box-shadow: none; outline: none; background: transparent; line-height: 1.42857143; color: #555; border: none; float: left; color: #666; position: relative; } .mm-control::placeholder { color: #8a8a8a !important; opacity: 1 !important; font-size: 12px !important; font-weight: 400 !important; } .mm-control:-ms-input-placeholder { color: #8a8a8a !important; font-size: 12px !important; font-weight: 400 !important; } .mm-control::-ms-input-placeholder { color: #8a8a8a !important; font-size: 12px !important; font-weight: 400 !important; } .header-input { width: 100%; color: #403c3c; font-size: 13px; border-radius: 0px !important; border: 0px !important; font-family: "Montserrat", "Open Sans", sans-serif; } .header-input ::placeholder { letter-spacing: 0px; color: #ccc; } .header-input:-ms-input-placeholder { letter-spacing: 0px; color: #ccc; } .header-input::-ms-input-placeholder { letter-spacing: 0px; color: #ccc; } .mm-control:focus { outline: none !important; box-shadow: none !important; border: none !important; } @media all and (max-width: 992px) { .button i { font-size: 18px; } .search-icon i { font-size: 21px; } #divAjaxAramaSonuc1 { width: 100%; position: absolute; top: 100%; margin: auto; width: 100%; -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18); z-index: 999; } .header-mm-arama1 { flex-flow: column wrap; } #call3:checked~.header-mm-arama1 { display: block; display: flex; justify-content: center; align-items: center; } } @media all and (max-width: 580px) { .arama-urun-adi a { font-size: 12px; } } .cubuk { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; margin: auto; display: none; z-index: 9999; position: absolute; left: 0; right: 0; height: 2px; width: 28px; } #bir { top: 35%; } #iki { top: 50%; } #uc { top: 63%; } #call1:checked~.button #bir { top: 50%; -webkit-transform: rotate(405deg); -moz-transform: rotate(405deg); -ms-transform: rotate(405deg); -o-transform: rotate(405deg); transform: rotate(405deg); } #call1:checked~.button #iki { opacity: 0; } #call1:checked~.cubuk { background: #000; } #call1:checked~.button #uc { top: 50%; -webkit-transform: rotate(-405deg); -moz-transform: rotate(-405deg); -ms-transform: rotate(-405deg); -o-transform: rotate(-405deg); transform: rotate(-405deg); } @media all and (max-width: 1600px) { .kategori-mm-inner, .inner-align { width: 90%; } } @media all and (max-width: 1500px) { .kategori-mm-inner, .inner-align { width: 95%; } } @media all and (max-width: 1300px) { .kategori-mm-inner, .inner-align { width: 95%; } } @media all and (max-width: 992px) { .kategori-mm { padding: 0px; background: #fff; width: 25px; height: 50px; position: absolute; left: 2%; border: 0px; box-shadow: none; } .kategori-mm-inner { background: transparent; width: 100%; height: 50px; } .inner-align { width: 100%; } .cubuk { background-color: #737373; display: block; width: 20px; } #bir { top: 40%; } #iki { top: 50%; } #uc { top: 60%; } .button { width: 40px; height: 100%; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; z-index: 99; } .sepet-icon { right: 2%; background: transparent; } .sepet-icon i { color: #737373; } .search-icon { right: 12%; color: #222BAE; } .menu-button { width: 100%; } .button1 { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; position: relative; z-index: 999; height: 30px; width: 30px; float: right; cursor: pointer; margin-right: 0px; margin-top: 2px; margin-bottom: 0px; } .mobil-menu-sol-icon { float: left; } .button1 .cubuk { background: #737373; } #call1:checked~.kategori-mm-menu .button1 #bir { top: 50%; -webkit-transform: rotate(405deg); -moz-transform: rotate(405deg); -ms-transform: rotate(405deg); -o-transform: rotate(405deg); transform: rotate(405deg); } #call1:checked~.kategori-mm-menu .button1 #iki { opacity: 0; } #call1:checked~.kategori-mm-menu .button1 #uc { top: 50%; -webkit-transform: rotate(-405deg); -moz-transform: rotate(-405deg); -ms-transform: rotate(-405deg); -o-transform: rotate(-405deg); transform: rotate(-405deg); } .menu-kapat1 { width: 0vw; height: 100vh; position: fixed; z-index: 0; bottom: 0; top: 0; left: 0; right: 0; z-index: 9999; } #call1:checked~.menu-kapat1 { width: 100vw; background: rgba(0, 0, 0, 0.5); } } /*--------------------------------KATEGORI MENUUU----------------------------------*/ .kategori-mm-menu { width: 100%; margin: auto; height: 100%; position: relative; padding: 0px 0px; } @media all and (min-width: 993px) { .header-category-item { padding: 0 1.5rem; line-height: 50px; display: inline-block; color: #fff; font-weight: bold; font-size: 13px; } .header-category-item:hover { color: #fff; } .kategori-mm-menu ul.ana-menu>li a { line-height: 50px; padding: 0 1.5rem !important; } .kategori-mm-menu ul.ana-menu>li:hover { background: rgba(194,230,236,0.2); border-radius: 20px; } .kategori-mm-menu ul.ana-menu>li:hover > a { color: #C2E6EC; } } .kategori-mm-menu ul { list-style: none; width: 100%; float: left; padding-left: 0%; height: 100%; margin-bottom: 0; position: relative; } .kategori-mm-menu ul li { display: inline-block; float: left; width: auto; height: 100%; display: flex; justify-content: center; text-align: center; align-items: center; } #header-mm-img { max-height: 250px; } .kategori-mm-menu ul li img.menu-icon { width: 40px; } .kategori-mm-menu ul li a { color: #fff; width: 100%; font-style: normal; display: inline-block; font-weight: 600; font-size: 13.5px; line-height: 1.2; letter-spacing: 1.2px; text-align: left; padding-left: 0px !important; font-family: "Montserrat", "Open Sans", sans-serif; text-transform: uppercase; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .menu-tum-urun-link { display: none !important; } .menu-kategori-icon-link { width: auto !important; padding-left: 0px !important; padding-right: 7px; } .menu-kategori-icon-link img { width: auto !important; max-width: 25px; } .menu-kategori-icon1 { width: auto !important; max-width: 27px; max-height: 35px; padding-right: 5px; } .menu-kategori-icon2 { width: auto !important; display: block; margin: auto; max-height: 75px; padding-right: 5px; } .mm-menu-a-none img { width: 100%; display: block; margin: auto; } .kategori-mm-menu ul li a span { font-size: 16px; color: #999; font-weight: 300; display: block; } .kategori-mm-menu ul li label { display: none; } .kategori-mm-menu ul li ul { pointer-events: none; width: 100%; padding-top: 1%; height: auto; min-height: 200px; position: absolute; top: 130%; left: -0; background: #fff; visibility: hidden; opacity: 0; transition: all 0.3s ease, opacity 0.4s ease; z-index: -99; } .menu-level-2 { padding: 8px 0 !important; background: #ffffff; border: none !important; border-top: 3px solid #C2E6EC !important; border-radius: 0 0 16px 16px; -moz-box-shadow: 0 12px 40px rgba(34,43,174,0.15); -webkit-box-shadow: 0 12px 40px rgba(34,43,174,0.15); box-shadow: 0 12px 40px rgba(34,43,174,0.15); overflow: visible; } .menu-level-2 *, .menu-level-2 img { border-left: none !important; border-right: none !important; } .kategori-mm-menu ul ul li { display: none; float: left; width: 33.333%; text-align: center; height: inherit !important; border: 0px !important; } .kategori-mm-menu ul ul li a { line-height: 35px; font-weight: 500; color: #444; text-transform: inherit; font-family: "Montserrat", "Open Sans", sans-serif; font-size: 13px; border-radius: 8px; transition: all 0.25s ease; padding: 8px 16px 8px 20px; margin: 2px 8px; position: relative; } .kategori-mm-menu ul ul li a.buyuk-icon-link { line-height: 1; text-align: center; margin-bottom: 15px; } .kategori-mm-menu ul li:hover>ul { top: 98%; visibility: visible; opacity: 1; pointer-events: all; z-index: 9; } .kategori-mm-menu ul li:hover>ul li { display: block; } .kategori-mm-menu ul ul ul { width: 100%; left: 0%; position: relative; float: left; height: auto; display: inline-block; display: block; top: 100%; visibility: visible; opacity: 1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .kategori-mm-menu ul ul ul li { display: block; float: inherit; width: 100%; text-align: left; } .kategori-mm-menu ul ul ul li a { line-height: 35px; margin-bottom: 0px; font-weight: 300; color: #777; transition: all 0.2s ease-in-out; } .kategori-mm-menu ul ul li a:hover { padding-left: 26px; background: linear-gradient(90deg, #E8F5F7, transparent); color: #222BAE; border-radius: 8px; } .menu-hiza { font-size: 14px; color: #232323; width: 100%; height: 100%; margin-bottom: 0px; padding: 0px 4%; display: block; font-weight: 600; display: flex; align-items: center; cursor: pointer; position: relative; justify-content: end; } .menu-hiza:hover { color: #000; } .menu-hiza:hover i { color: #232323; } .menu-hiza p { color: #757575; margin: 0; padding: 0px 5px; min-width: 45%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 12px; } .menu-hiza span { color: #282828; font-size: 15px; display: block; padding-bottom: 0px; font-weight: 600; margin-right: 3px !important; } .mobil-menu-top, .menu-login { display: none; } .menu-social { width: 0%; position: fixed; bottom: 0; margin-top: 10px; visibility: hidden; transition: all 0.5s ease; } #divAjaxAramaSonuc { position: absolute; top: 100%; margin: auto; width: 100%; -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18); z-index: 999; } .arama-urun-row { background: #fff; border-radius: 0px !important; padding: 5px 0 !important; min-height: 65px; display: flex; align-items: center; } .arama-urun-row:hover, .arama-urun-row:nth-child(2n+2):hover { background: #dadada; } .arama-urun-adi { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .arama-urun-adi a { color: #444; font-size: 14px; } .arama-urun-resmi { width: 15%; padding: 0px; } .arama-urun-resmi img { width: 90%; margin: 0 auto; padding: 0px; } .arama-tum-sonuclar { text-align: center; display: block; width: 100%; } .arama-tum-sonuclar a { text-align: center; display: block; padding: 20px 0px; background: #222BAE; color: #FFF; } @media all and (max-width: 1300px) { #divAjaxAramaSonuc { position: absolute; top: 100%; left: 0%; margin: auto; width: 100%; z-index: 999; } } @media all and (max-width: 1200px) { #urun-detay-sag-banner { border: 2px solid #efefef; border-radius: 3px; height: auto; padding: 20px 15px; } .border-banner { padding: 5px 0px !important; border: 0px !important; } #anasayfa-urunleri { width: 95%; min-width: inherit; } .kategori-mm-menu ul li { padding: 0 5px; } .kategori-mm-menu ul li a { font-size: 10px; } .kategori-mm-menu ul ul li a { font-size: 12px; } } .menu-kategori { float: left; width: 75%; background: #fff; } .menu-kategori.kategori-full { width: 100%; } .menu-kategori-spot { float: right; width: 25%; height: 100%; display: flex !important; align-items: center; background: #fff; } @media all and (max-width: 992px) { .menu-kategori { float: left; width: 100%; } .menu-kategori-spot { display: none !important; } .arama-urun-row { padding: 10px 0 !important; } .sepet-fixed-container { width: auto; max-width: 50px; } .slider-sol-img { margin-right: 0px; margin-top: 10px; order: 2; } .inner-align { width: 95%; border-radius: 0px; align-items: center; justify-content: center; flex-flow: column wrap; margin: auto; } .container { width: 100%; } .top-bar-wp-buton { font-size: 11px; } .top-bar-social ul li a i { font-size: 12px; margin: 0px; padding: 0px; } .menu-kapat { width: 0vw; height: 100vh; position: fixed; z-index: 0; bottom: 0; top: 0; left: 0; right: 0; z-index: 9999; } .mobil-menu-top { display: block; } .mobil-menu-top img { width: 135px; } .menu-level-2 { min-width: 100% !important; padding: 0px !important; } .menu-level-2 li { min-width: 100% !important; padding: 0px !important; } .menu-level-3 { padding: 0px !important; } .menu-level-3 li { min-width: 100% !important; padding: 0px !important; } .kategori-mm-menu ul li a { width: 75%; color: #282828; float: left; font-size: 13px; height: 35px; text-align: left; display: flex; justify-content: flex-start; align-items: center; } .mm-menu-full { width: 100% !important; } .mm-menu-a-none { display: none !important; } .kategori-mm-menu ul li label { display: block; font-size: 15px; color: #444; float: right; width: 25%; background: #ececec; height: 35px; font-weight: 600; text-align: left; cursor: pointer; position: relative; margin-bottom: 0px; } .menu-kategori-icon1 { max-width: 27px; } .kategori-mm-menu { width: 0px; margin: 0; padding: 0px; height: 100%; position: fixed; left: -50%; top: 0; float: none; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: all 0.5s ease; overflow-x: hidden; background: #fff; z-index: 999; } .kategori-mm-menu ul li img { float: left; } .kategori-mm-menu ul li img.menu-kategori-icon2 { max-width: 27px; float: left; margin: 0; } .kategori-mm-menu ul li label::before { font-size: 25px; color: #999; font-weight: 300; cursor: pointer; right: 0%; left: 0; text-align: center; content: "\f3d0"; font-family: Ionicons; position: absolute; transition: all 0.2s ease; } .kategori-mm-menu ul ul li label::before { font-size: 20px; color: #999; font-weight: 300; cursor: pointer; right: 0%; bottom: 12%; left: 0; text-align: center; content: "\f3d0"; font-family: Ionicons; position: absolute; transition: all 0.2s ease; } .kategori-mm-menu ul.ana-menu input[type=checkbox]:checked~label { background: #222BAE; } .kategori-mm-menu ul.ana-menu input[type=checkbox]:checked~label::before { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); color: #fff; } .kategori-mm-menu ul ul li { display: inline; float: left; border-bottom: 0px; border-right: 0px; width: 100%; min-height: 35px; max-width: inherit; } .kategori-mm-menu ul ul ul li a:hover { padding: 0px; } .kategori-mm-menu ul li ul { width: 98%; position: relative; min-height: 0px; height: 0px; right: -100%; opacity: 0; left: inherit; z-index: 0; padding: 0; overflow: hidden; transition: all 0.5s ease; margin: auto; visibility: hidden; float: right; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .kategori-mm-menu ul li:hover { cursor: pointer; } .kategori-mm-menu ul li:hover>ul { top: inherit; visibility: inherit; opacity: inherit; z-index: inherit; } .user-menu-mobil { width: 0px; margin: 0; height: 100%; position: fixed; right: inherit; right: -50%; top: 0; float: none; overflow: hidden; transition: 0.5s ease; background: #fff; z-index: 999; } .mobil-menu-top { width: 100%; height: 35px; background: #fff; border-bottom: 1px solid #f7f7f7; } .mobil-menu-top p { text-align: center; font-size: 17px; line-height: 31px; margin-bottom: 0px; font-family: "Montserrat", "Open Sans", sans-serif; } .menu-login { padding: 0px 3%; width: 100%; margin-bottom: 10px; height: auto; display: inline-block; border-bottom: 1px solid #f7f7f7; } .menu-login a:first-child { border-right: 1px solid #f7f7f7; background: #222BAE; color: #fff; } .menu-login-button { width: 50%; font-family: "Montserrat", "Open Sans", sans-serif; padding: 10px 0px; float: left; color: #222BAE; text-align: center; } #call1:checked~.kategori-mm-menu .menu-social { position: fixed; bottom: 0; margin-top: 10px; width: 60%; visibility: visible; background: #fff; padding-top: 5px; z-index: 1; border-top: 1px solid #f7f7f7; transition: all 0.5s ease; } .menu-social p { font-family: "Montserrat", "Open Sans", sans-serif; float: left; padding: 4px 0px; font-weight: 900; margin-bottom: 0px; padding-right: 10px; } .menu-telephone { font-size: 15px !important; font-family: "Montserrat", "Open Sans", sans-serif; } .menu-telephone i { font-size: 20px; margin-right: 10px; } .menu-social a { text-align: center; color: #585454; padding: 4px 8px; font-size: 16px; float: left; display: block; } .top-sol { justify-content: flex-end; } .ana-menu { overflow-y: auto; padding-bottom: 75px; } .kategori-mm-menu ul { list-style: none; width: 100%; margin: 0; height: auto; overflow: hidden; position: relative; transition: all 0.5s ease; } .kategori-mm-menu .ana-menu { margin: auto; display: block !important; } .kategori-mm-menu ul li { display: inline-block; float: none; max-width: inherit; min-height: 40px; width: 95% !important; float: right; padding-right: 2%; height: auto; border: 0px !important; } #call1:checked~.kategori-mm-menu { width: 60%; height: 100%; left: 0%; z-index: 99999; transition: all 0.5s ease; } #call1:checked~.ana-menu { list-style: none; width: 95%; height: 100%; background: #fff; display: block; margin: auto; } #call2:checked~.menu-kapat { width: 100vw; background: rgba(0, 0, 0, 0.5); } #call2:checked~.user-menu-mobil { width: 60%; padding: 0px; height: 100%; right: 0%; z-index: 99999; transition: all 0.5s ease; } input[type=checkbox]:checked~ul { list-style: none; height: auto; display: inline-block; margin: auto; top: 0; left: inherit; visibility: visible; opacity: 1; position: relative; z-index: 5; right: 0; transition: all 0.5s ease; padding: 10px 0px !important; } .uyeol-icon-mm::after { position: absolute; content: "+"; top: -2px; right: -0%; font-weight: 900; margin: auto; font-size: 15px; } } @media all and (max-width: 500px) { #call1:checked~.kategori-mm-menu { width: 100%; z-index: 99999; } #call1:checked~.kategori-mm-menu .menu-social { width: 100%; z-index: 99999; } } a { text-decoration: none !important; } .container { height: auto; margin: auto; }/*GiriA? ve A?ye Ol*/ .login-form-giris { background: #091f40; color: #fff; } .login-form-giris:hover { background: #415c7f; color: #fff; } /*Bayi Newmem*/ #bayi_basvuru tr td { padding: 10px 0px; } #bayi_basvuru .bayi-adres input { margin: 10px 0px; } /*Loader*/ #loader { background: rgba(255, 255, 255, 0.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .spinner { width: 40px; height: 40px; position: relative; margin: 100px auto; } .double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #222BAE; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes sk-bounce { 0%, 100% { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } } /*Form Elementleri*/ .modal-content { border-radius: 0px; } .modal { z-index: 999950 !important; } select option:disabled { color: #eee; font-weight: bold; } textarea:focus, input:focus { outline: none !important; } .btn { border-radius: 0px !important; } .btntm-default { background: #eee; color: #919191; border: 1px solid #eee; } .btntm-success { background: #6aac3b; border: 1px solid #6aac3b; line-height: 40px; padding: 0 20px; color: #fff; } .btntm-success:hover { background: #fff; color: #6aac3b; } .btntm-danger { background: #ca3e39; border: 1px solid #ca3e39; line-height: 40px; padding: 0 20px; color: #fff; } .btntm-danger1 { background: #d0504c; border: 1px solid #d0504c; line-height: 40px; padding: 0 20px; color: #fff; } .btntm-danger1:hover { background: #fff; color: #e26e6a; } .btntm-danger:hover { background: #fff; color: #ca3e39; } .btn1 { height: 34px; line-height: 34px; background: #353535; border: 1px solid #353535; } .btn1:hover { color: #353535; } /*Sepet Popup*/ .sepete-eklendi-popup { background: #091f40; padding: 7px 20px; color: #FFF; } .popup-urun-kazancin { background: #e5e5e5; text-align: center; padding: 4px 22px; font-weight: 700; color: #FE3B3B; } .sepete-eklendi-row { padding: 10px 0; border: 1px solid #DDD; margin-bottom: 10px; display: flex; align-items: center; } .sepete-eklendi-urunresmi img { width: 80px; border: 1px solid #eee; margin: 0 auto; } .sepete-eklendi-urunadi { font-size: 14px; text-align: left; } /*Loader*/ .loading-gif { position: absolute; width: 100%; text-align: center; left: 0; z-index: 999; background: rgba(255, 255, 255, 0.55); height: 100%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } /*Breadcrumb*/ .bread-bg { padding: 0.8rem 0rem; background-color: #fbfbfb; margin-bottom: 15px !important; border-radius: 0px !important; border-bottom: 1px solid #fbfbfb; } #genel-bread { font-size: 13px; padding: 0px; } #genel-bread .container { min-height: 40px; width: 100%; height: auto; padding: 0px; display: inline-block; display: flex; align-items: center; justify-content: flex-start; flex-flow: row wrap; } #genel-bread .container::before, #genel-bread .container::after { display: none; } #genel-bread>.container>div { float: left; font-weight: 600; white-space: nowrap; padding-right: 15px; } #genel-bread ol { background: 0 0; margin: 0; max-width: 100%; position: relative; overflow: hidden; white-space: normal; padding: 5px 10px; border-radius: 0px !important; } #genel-bread ol li a, #genel-bread ol li span { color: #757575; font-family: "Montserrat", "Open Sans", sans-serif; font-weight: 600; } #genel-bread ol li:last-child a, #genel-bread ol li:last-child span { color: #282828; } .breadcrumb>li+li:before { padding: 0 5px; color: #757575; content: "\f3d3"; font-family: "Ionicons"; } #genel-bread ol li a span { font-family: "Montserrat", "Open Sans", sans-serif; } @media all and (max-width: 1100px) { .breadcrumb>li { white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; float: left; position: relative; } .breadcrumb>li>span { max-width: 100%; } } @media all and (max-width: 992px) { .bread-bg .inner-align { height: auto !important; display: inline-block; } } @media all and (max-width: 480px) { #genel-bread ol { white-space: normal; } } /*Markalar*/ #marka-sayfasi { text-align: center; height: auto; min-height: 200px; display: flex; padding: 10px; align-items: center; justify-content: center; border: 5px solid transparent; } #marka-sayfasi a { border: 1px solid #DDD; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #444; font-weight: 600; overflow: hidden; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; } #marka-sayfasi a:hover { color: #000; } @media all and (max-width: 480px) { #marka-sayfasi { min-height: 100px; } } /* Hiza */ #anasayfa-slider-container { width: 100%; margin-top: 10px; height: auto; display: inline-block; position: relative; } .inner-align { width: 75%; margin: auto; float: none; transition: all 0.5s ease; } .ana-sayfa-urunleri-slide { float: right; padding-left: 0px; } #anasayfa-urunleri { width: 75%; min-width: 1185px; padding: 0px; margin: auto; margin-top: 5vh; margin-bottom: 5vh; } .page-inner { padding: 0px; float: none; margin: auto; height: auto; } .pd0 { padding: 0 !important; } .margin-bottom-10 { margin-bottom: 10px; } .container-fluid { width: 100%; } .left_col, .mid_col, .right_col { background-color: transparent !important; } @media all and (max-width: 992px) { body { margin-top: 51px !important; } } @media all and (max-width: 1600px) { .inner-align, #anasayfa-urunleri { width: 90%; } } @media all and (max-width: 1500px) { .inner-align, #anasayfa-urunleri { width: 95%; } } @media all and (max-width: 1300px) { .inner-align { width: 95%; } #anasayfa-urunleri { width: 100%; min-width: inherit; } } @media all and (max-width: 992px) { .inner-align { width: 95%; padding: 0px; border-radius: 0px; align-items: center; justify-content: center; flex-flow: column wrap; margin: auto; } .ana-sayfa-urunleri-slide { padding: 0px; } } @media all and (max-width: 530px) { .container, .container-fluid { padding: 0px; } .inner-align { width: 98%; padding: 0; } .inner-align p span { font-size: 11px; } } /*Statik Sayfalar*/ .geridon-link { padding: 15px 30px; font-weight: 600; background: #fbfbfb; color: #282828; display: inline-block; font-size: 14px; margin-bottom: 25px; } .geridon-link i { padding-right: 15px; } .geridon-link:hover { color: #222BAE; } .content-sol { padding: 25px 25px; background: #fbfbfb; margin-bottom: 25px; } .content-sol ul { float: left; width: 100%; margin: 0px; list-style: none; } .content-sol ul li { margin: 0px; float: left; width: 100%; } .content-sol ul li.blog-link { color: #5f5f5f; font-size: 15px; font-weight: normal; display: block; cursor: pointer; } .content-sol ul li p.content-sol-baslik { font-weight: bold; font-size: 18px; margin: 0px; cursor: pointer; padding: 10px 0px; } .content-sol ul li p.content-sol-baslik i { float: right; font-size: 19px; color: #9c9c9c; } .content-sol ul li.active-menu ul { display: block; } .content-sol ul li a { text-decoration: none; color: #282828; font-size: 15px; font-weight: normal; display: block; } .content-sol ul li a:hover { color: #222BAE; } .content-sol ul li a.active-menu-link { font-weight: bold; color: #222BAE; } .content-sol ul li:first-child { margin: 0px; } .content-sol ul ul { margin: 7px 0 25px 0px; width: 100%; display: none; } .content-sol ul ul li { margin: 7px 0px; } .content-sol ul ul li:first-child { margin: 7px 0px; } .content-sol .bagimsiz-sayfalar { margin-top: 0px; float: left; width: 100%; } .statik-sayfa-baslik { margin: 10px 0px 20px 0px; } .statik-sayfa-baslik h1 { margin: 0; color: #333333; font-size: 25px; font-weight: bold; } .statik-sayfa-detay { padding: 0; margin-bottom: 50px; line-height: 25px; } .statik-sayfa-detay .gorsel { max-width: 100%; } .iletisim-row { padding: 10px 0; display: inline-block; width: 100%; } .iletisim-label { margin: 0px 0px 5px 0px; font-weight: bold; } .iletisim-h2 { font-size: 17px; font-weight: 600; margin-bottom: 20px; margin-top: 10px; display: block; width: 100%; } .iletisim-form-container { background: #fbfbfb; margin: 0px 0px 15px 0px; padding: 15px; } .iletisim-container { background: #fbfbfb; margin: 15px 0px 15px 0px; padding: 15px; display: flex; align-items: center; justify-content: center; flex-flow: row wrap; } .iletisim-container .iletisim-info p a { color: #282828; } .iletisim-container .iletisim-info p a i { background: #fff; border: 1px solid #e6e6e6; border-radius: 50%; font-size: 22px; width: 50px; height: 50px; margin-right: 15px; display: inline-block; text-align: center; color: #222BAE; } .iletisim-container .iletisim-info p a i:before { line-height: 50px; } .iletisim-container .iletisim-map iframe { width: 100%; height: 400px; border: 0px; } @media all and (max-width: 998px) { .content-sol { padding: 15px 15px; } .content-sol ul ul { margin: 15px 0px; display: none; padding-left: 10px; } .content-sol ul ul li { margin: 5px 0px; } .content-sol ul ul li:first-child { margin: 5px 0px; } .content-sol ul li p.content-sol-baslik { font-size: 15px; padding: 5px 0px; } .content-sol ul li a { font-size: 13px; } } /*Kampanyalar*/ .kampanyalar-list .kampanya-box { background: whitesmoke; margin-bottom: 25px; display: flex; align-items: flex-start; justify-content: center; flex-flow: row wrap; } .kampanyalar-list .kampanya-box h2 { font-size: 22px; } .kampanyalar-list .kampanya-box .kampanya-content { padding: 25px 25px 0px 25px; } .kampanyalar-list .kampanya-box .kampanya-content .kampanya-head { font-weight: bold; color: #282828; font-size: 27px; } .kampanyalar-list .kampanya-box .kampanya-button-content { padding-top: 35px; display: flex; align-items: center; justify-content: center; flex-flow: row wrap; } .kampanyalar-list .kampanya-box .kampanya-button-content .more-button { display: inline-block; padding: 15px 30px; border: 2px solid #282828; color: #282828; background: transparent; font-weight: 600; letter-spacing: 2px; } .kampanyalar-list .kampanya-box .kampanya-button-content .more-button.active-more-button { color: #222BAE; border-color: #222BAE; } @media all and (max-width: 998px) { .kampanyalar-list .kampanya-box { padding-bottom: 10px !important; } .kampanyalar-list .kampanya-box h2 { margin: 10px 0px 7px 0px; } .kampanyalar-list .kampanya-box .kampanya-content { padding: 10px 10px 0px 10px; } .kampanyalar-list .kampanya-box .kampanya-content .kampanya-head { font-size: 20px; } .kampanyalar-list .kampanya-box .kampanya-content .kampanya-tarih { font-size: 13px; margin: 0px; } .kampanyalar-list .kampanya-box .kampanya-content .kampanya-aciklama { font-size: 13px; } .kampanyalar-list .kampanya-box .kampanya-button-content { justify-content: flex-end; } .kampanyalar-list .kampanya-box .kampanya-button-content .more-button { padding: 10px 15px; font-size: 13px; } } /*Blog*/ .blog-baslik-bg { position: relative; text-align: center; display: block; } .blog-baslik-bg::before { position: absolute; content: ''; background: #b6b6b6; height: 2px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 0; } .blog-baslik-bg h3 { position: relative; text-align: center; display: inline-block; font-weight: 700; background: #fff; color: #e23e01; margin: 10px 0px; padding: 0px 15px; } .blog-button-content { text-align: center; height: auto; margin-top: 25px; display: inline-block; } .blog-button { margin: 0 auto; background: #222BAE; color: #fff; padding: 10px 15px; } .blog-box { background: #fff; padding: 0px; border: 5px solid #fff; border-radius: 16px; overflow: hidden; transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s; } .blog-box:hover { border-color: #C2E6EC; box-shadow: 0 8px 25px rgba(194,230,236,0.4); transform: translateY(-3px); } .blog-box-inner { width: 100%; height: auto; display: inline-block; padding: 15px 0px; border-radius: 3px; } .blog-box-img { height: 300px; padding: 0px; position: relative; overflow: hidden; border-radius: 16px 16px 0 0; } .blog-box-img img { max-width: 100%; position: relative; } .fixed-blog-tarih { display: inline-block; padding: 7px 0px; margin-top: 5px; z-index: 2; color: #fff; font-size: 14px; font-weight: 300; background: #222BAE; border-radius: 12px; padding: 5px 12px; } .blog-box-yazi { height: auto; padding: 0px 5px; display: inline-block; } .blog-box-yazi h3 { margin: 0px; } .blog-box-yazi a { color: #222BAE; font-weight: 600; font-size: 20px; } .blog-box-yazi header { margin-bottom: 10px; } .blog-box-yazi .blog-box-konu-baslik { color: #636161; letter-spacing: 2px; display: block; margin: 15px 0px 5px 0px; text-transform: uppercase; } .blog-box-yazi h2 { font-weight: 600; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px; margin-bottom: 20px; min-height: 70px; } .blog-box-yazi h2 a { color: #282828; } .blog-box-yazi footer { background: transparent; margin-bottom: 15px; } .blog-box-yazi footer a { color: #757575; font-weight: 300; font-size: 15px; padding: 0px; background: transparent; display: inline-block; border: 1px solid #eee; max-width: 150px; display: flex; justify-content: flex-start; align-items: center; position: relative; transition: all 0.5s ease; } .blog-box-yazi footer a i { font-size: 25px; height: 100%; width: 25%; display: block; text-align: center; float: right; padding: 2px 5px; color: #fff; position: relative; z-index: 1; background: #222BAE; } .blog-box-yazi footer a span { width: 75%; display: block; float: left; position: relative; z-index: 1; height: 100%; padding-left: 10px; letter-spacing: 0.5px; } .blog-box-yazi footer a:before { position: absolute; right: 0; top: 0; bottom: 0; content: ""; transition: all 0.3s ease; width: 0px; opacity: 0; background: #008de9; } .blog-box-yazi footer a:hover:before { opacity: 1; width: 100%; } .blog-box-yazi footer a:hover span { color: #fff; } .blog-detay:first-line { display: block; } .blog-detay-img { max-width: 100%; } @media all and (max-width: 700px) { .blog-box { width: 100%; } .blog-box-img { height: inherit; max-height: 200px; } .blog-box-yazi { min-height: inherit; } } /*--------------------------------KATEGORI-SOL-FILTRE----------------------------------*/ .filtre-gorunum { text-align: right; } .stok-filtre-item-ara button { color: #fff; background: #222BAE !important; font-family: "Montserrat", "Open Sans", sans-serif; } .stok-filtre-item-ara button:hover { color: #fff; } .stok-filtre-temizle a { color: #FFF; background: #222BAE !important; font-family: "Montserrat", "Open Sans", sans-serif; } #secili-sayfa { background: #222BAE; border-radius: 50% !important; color: #FFF; } #v3-loader { background: #ffffff4f; } #v3-loader-filter { background: #ffffff91; } #filtre-baslik { color: #282828; font-size: 13px; text-transform: uppercase !important; letter-spacing: 0.5px; } .marka-filtre-item label::before, .grup-filtre-item label::before, .varyant-filtre-item label::before { border: 2px solid #bfbfbf; } #secimidaralt_v3 .marka-filtre-item input[type="checkbox"]:checked+label::before, #secimidaralt_v3 .grup-filtre-item input[type="checkbox"]:checked+label::before, #secimidaralt_v3 .varyant-filtre-item input[type="checkbox"]:checked+label::before { background: #222BAE !important; color: #fff; border: 2px solid #222BAE !important; font-size: 20px !important; line-height: 15px !important; } #secimidaralt_v3 .marka-filtre-item input[type="checkbox"]:checked+label, #secimidaralt_v3 .grup-filtre-item input[type="checkbox"]:checked+label, #secimidaralt_v3 .varyant-filtre-item input[type="checkbox"]:checked+label { color: #222BAE; } .marka-filtre-item label, .grup-filtre-item label, .varyant-filtre-item label, .kategori-filtre-item label { font-family: "Montserrat", "Open Sans", sans-serif; color: #282828; font-weight: 400 !important; font-size: 13px; display: flex; align-items: flex-end; justify-content: flex-start; } .marka-filtre-item label::before, .grup-filtre-item label::before, .varyant-filtre-item label::before { border-radius: 50% !important; border: 1px solid #bfbfbf !important; } .grup-baslik, .varyant-baslik, .kategori-baslik, .marka-baslik, .stok-baslik { font-family: "Montserrat", "Open Sans", sans-serif; } #cat_rw_03 { border: 1px solid #eee; } #formfilterV23 { border: 1px solid #eee; padding: 20px 20px; height: auto; display: inline-block; width: 90%; } .secim_baslik { font-weight: 600; font-size: 15px; display: block; width: 100%; padding-bottom: 15px; } .secim_icerik { height: auto; display: block; width: 100%; padding: 0px 0px 20px 0px; } .secim_icerik1 { padding: 0px 10px; width: 48%; min-height: 45px; line-height: 45px; background: #F0F0F0; float: left; margin-right: 2%; margin-bottom: 5px; cursor: pointer; text-align: center; } .secim_icerik1on { padding: 0px 10px; width: 48%; min-height: 45px; line-height: 45px; background: #222BAE; float: left; margin-right: 2%; margin-bottom: 5px; border: 1px solid #222BAE; cursor: pointer; color: #fff; text-align: center; } .secim_icerik2 { padding: 0px 10px; min-width: 75px; width: 100%; display: block; min-height: 45px; line-height: 45px; background: #F0F0F0; float: left; margin-right: 5px; margin-bottom: 5px; border: 1px solid #DDD; cursor: pointer; text-align: center; } .secim_icerik2on { padding: 0px 10px; min-width: 75px; width: 100%; display: block; min-height: 45px; line-height: 45px; background: #222BAE; float: left; margin-right: 5px; margin-bottom: 5px; border: 1px solid #222BAE; cursor: pointer; color: #fff; text-align: center; } .kategori-filter-input { border: 1px solid #ccc; width: 45%; font-weight: 400; margin: 5px 0px 15px 0px; height: 39px; text-align: center; outline: none; float: left; font-size: 13px; margin-right: 5px; } .kategori-filter-button { height: 40px; width: 94%; border: none; outline: none; letter-spacing: 2px; background: #222BAE; color: #FFF; font-size: 14px; } .stok-filtre-item { width: 50%; float: left; } .stok-filtre-item-ara { clear: both; padding-top: 10px; } #v3-loader { position: fixed; top: 0; height: 100%; width: 100%; background: #ffffff4f; z-index: 99; display: flex; align-items: center; justify-content: center; } #v3-loader-filter { position: absolute; top: 0; height: 100%; width: 100%; background: #ffffff91; display: flex; align-items: center; justify-content: center; } #secimidaralt_v3 { background: #fbfbfb !important; border: 1px solid #fbfbfb !important; position: relative; height: auto; display: inline-block; margin-bottom: 150px; } .sirala-content { display: flex; align-items: center; justify-content: center; flex-flow: row wrap; } .sirala-div select { height: 42px; } .sirala-div-margin { padding: 0px; padding-right: 15px; } .cat-gorunum-box { background: #fbfbfb; padding: 5px; border: 1px solid #eee; display: inline-block; cursor: pointer; } .cat-gorunum-box:hover { background: #efefef; } .pagination>li>a, .pagination>li>span { border: 0px; } .varyant-baslik { padding-left: 0px !important; } .form-control { border: 1px solid #eee; box-shadow: none; outline: none; border-radius: 0px !important; } .form-control:focus { box-shadow: none; border: 1px solid #222BAE; } #katalogGorunumu { margin-top: 25px; } @media all and (max-width: 992px) { #secimidaralt_v3 { background: #fff !important; } #cat_rw_05 { padding: 0px; } .cat-filtre { font-family: "Montserrat", "Open Sans", sans-serif; background: #222BAE !important; } .cat-menu-top p { font-family: "Montserrat", "Open Sans", sans-serif; } } /*UYE OL*/ .newmem-content { padding: 0px; border: 1px solid #eee; margin: 30px auto 40px; float: none; } .newmem-content .container-fluid { padding: 15px 0px 25px; margin: 0 auto; background-color: #FFF; } .newmem-content input[type=checkbox] { display: inline-block !important; } .newmem-baslik { font-size: 25px; margin: 0px; letter-spacing: -0.5px; text-align: center; background: #222BAE; color: #fff; padding: 15px 0px; } .newmem-content .newmem-row { margin: 7px 0px; padding: 0px 15px; } .newmem-content .newmem-row input { margin-top: 5px; } label { font-weight: normal; } /*Kategori Banner*/ .cat-banner img { width: 100%; } .cat-banner .slick-next { right: 0; } .cat-banner .slick-prev { left: 0; } .cat-banner .slick-dots { bottom: 0%; } .cat-banner .slick-dots li { overflow: hidden; transition: all 0.3s ease; -webkit-box-shadow: 0px 2px 16px -2px rgba(0,0,0,0.17); -moz-box-shadow: 0px 2px 16px -2px rgba(0,0,0,0.17); box-shadow: 0px 2px 16px -2px rgba(0,0,0,0.17); } .cat-banner .slick-dots li:hover { border-bottom: 20px solid #222BAE; } .cat-banner .slick-dots li button { background: #fff; padding: 0px; margin: 0px; } .cat-banner .slick-dots li.slick-active { border-bottom: 4px solid #222BAE; } .cat-banner .slick-dots li.slick-active button { background: #fff; } .cat-banner .slick-dots li button::before { display: none; } @media all and (max-width: 992px) { .slick-next:before, .slick-prev:before { bottom: 35%; } .slick-next:before { left: 30%; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { border: solid #fff; border-width: 0 1px 1px 0; opacity: 1; } .cat-banner.slick-dotted.slick-slider { margin-bottom: 10px; } .cat-banner .slick-arrow:hover { background: #222BAE; } .cat-banner .slick-arrow:before { border: solid #fff; border-width: 0 2px 2px 0; opacity: 1; padding: 3px; bottom: 33%; } .cat-banner .slick-next:before { left: 29%; } .cat-banner .slick-prev:before { right: 26%; } .cat-banner .slick-dots li { width: 5px; height: 5px; } .cat-banner .slick-dots li button { width: 5px; height: 5px; border-radius: 50%; } .cat-banner .slick-dots li.slick-active { border: none; width: 7px; height: 7px; } .cat-banner .slick-dots li.slick-active button { width: 7px; height: 7px; } } /* --------------------------------- KATALOG GORUNUM ---------------------*/ .urun-kutusu { overflow: visible; outline: 0 !important; padding: 0px; margin: 0px; transition: all 0.5s ease; border: 4px solid transparent; } .urun-box-genel-href { border: 1px solid #f1f1f1; width: 100%; height: 100%; display: block; position: absolute; top: 0; z-index: 1; left: 0; } .super-indirim-timer { width: 100%; float: left; margin-top: 5px; padding: 7px 5px; border: 2px solid #fc1414; } .super-indirim-timer .timer-div { float: left; width: 25%; text-align: center; } .super-indirim-timer .timer-div .timer-time { color: #fc1414; font-size: 20px; font-weight: 600; } .super-indirim-timer .timer-div span { text-transform: uppercase; color: #fc1414; font-size: 12px; } .urun-kutusu .kutu-urun-border { overflow: visible; position: relative; display: inline-block; border: 2px solid #eee; width: 100%; border-radius: 16px; transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s; } .urun-kutusu .kutu-urun-border:hover { border-color: #C2E6EC; box-shadow: 0 8px 25px rgba(194,230,236,0.4); transform: translateY(-2px); } .urun-kutusu:hover .urun-hover-detay { top: 0px; visibility: visible; opacity: 1; -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); } .urun-hover-detay { position: absolute; left: 0; right: 0; height: 100%; top: -60px; background: linear-gradient(to top, rgba(194,230,236,0.75) 0%, rgba(194,230,236,0.5) 25%, rgba(194,230,236,0.25) 40%, rgba(194,230,236,0.1) 50%, transparent 60%); opacity: 0; -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); transition: all 0.3s ease; border-radius: 0 0 14px 14px; } .kutu-oran-sol { right: 0; z-index: 1; top: 0px; position: absolute; margin: auto; text-align: center; border: none; width: 100%; height: auto; padding-left: 10px; background: none; font-size: 18px; color: #000; } .urun-sag-indirim { font-family: "Montserrat", "Open Sans", sans-serif; position: absolute; cursor: pointer; right: 5px; top: 5px; margin: auto; border: 2px solid #fc1414; background: #fc1414; color: #fff; font-size: 13px; font-weight: 600; padding: 5px 10px; text-align: center; border-radius: 20px; } .kutu-sag-yeni { position: absolute; cursor: pointer; left: 5px; top: 5px; margin: auto; border: 2px solid #333333; background: #ffffff; color: #333333; font-family: "Montserrat", "Open Sans", sans-serif; font-size: 12px; font-weight: 600; padding: 5px 9px; text-align: center; letter-spacing: 1px; } .urun-kutusu .kutu-urun-resmi { padding: 0.5rem; margin: auto; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; border-radius: 14px 14px 0 0; } .kutu-urun-detay-mm { position: relative; margin-top: 5px; background: transparent; height: auto; display: inline-block; z-index: 2; padding: 0 10px; transition: all 0.5s ease; } .katalog-detay { width: 100%; min-height: 100px; } .kutu-urun-detay-mm h2 { margin: 0px; font-family: "Montserrat", "Open Sans", sans-serif; } .kutu-urun-detay-mm h2 a { font-weight: 400; font-size: 14px; line-height: 1.3em; padding: 6px 0 6px; color: #282828; z-index: 5; text-align: center; display: -webkit-box; overflow: hidden; height: 45px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .urun-fiyat { margin-top: 5px; text-align: center; font-weight: 700; font-size: 17px; color: #222BAE; font-family: "Montserrat", "Open Sans", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .urun-fiyat a { font-weight: 700; font-family: "Montserrat", "Open Sans", sans-serif; color: #000; } #eski-fiyat { font-size: 15px; font-weight: 600; min-height: 30px; display: block; line-height: 21px; color: #9e9e9e; padding: 0px; text-decoration: line-through; } .kutu-puan-container { min-height: 25px; } .kutu-puan { text-align: center; margin: 0px; } .kutu-puan i { font-size: 18px; color: #b2b2b2; } .kutu-puan i.star-active { color: #ff7000; } .liste-puan { text-align: left; margin-bottom: 5px; } .liste-puan i { font-size: 16px; } .hover-butons { width: auto; float: none; background: rgba(255,255,255,0.92); margin: 0 5px; height: 40px; text-align: center; color: #282828 !important; overflow: hidden; font-size: 15px; letter-spacing: 1px; line-height: 40px; cursor: pointer; font-weight: 400; position: relative; border: 2px solid #eee; z-index: 0; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; width: 40px; transition: all 0.3s; box-shadow: 0 2px 8px rgba(0,0,0,0.1); } .hover-butons:after { display: none; } .hover-butons:hover:after { display: none; } .hover-butons:hover { background: #C2E6EC !important; border-color: #C2E6EC !important; color: #1a1a5e !important; box-shadow: 0 4px 15px rgba(194,230,236,0.5); transform: scale(1.1); } .hover-butons:hover i { color: #1a1a5e; } .hover-butons i { color: #282828; font-size: 18px; line-height: 1; position: relative; transition: all 0.3s ease-in-out; } .hover-butons-incele { width: auto; display: inline-block; margin: 0 auto; height: 40px; overflow: hidden; font-size: 12px; line-height: 40px; cursor: pointer; position: relative; text-align: center; letter-spacing: 1.5px; font-weight: 700; z-index: 0; text-transform: uppercase; color: #1a1a5e; border: 2px solid #C2E6EC; display: flex; justify-content: center; align-items: center; background: #C2E6EC; border-radius: 25px; padding: 8px 22px; font-family: "Montserrat", "Open Sans", sans-serif; box-shadow: 0 4px 12px rgba(194,230,236,0.4); transition: all 0.3s; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .hover-butons-incele i { color: #1a1a5e; font-size: 25px; padding-left: 6px; line-height: 1; position: relative; transition: all 0.4s ease-in-out; } .hover-butons-incele:before { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; background: #C2E6EC; z-index: -1; opacity: 1; -moz-transform: translate3d(0,0,0) scale3d(1,1,1); -ms-transform: translate3d(0,0,0) scale3d(1,1,1); -o-transform: translate3d(0,0,0) scale3d(1,1,1); -webkit-transform: translate3d(0,0,0) scale3d(1,1,1); transform: translate3d(0,0,0) scale3d(1,1,1); transition: transform 0.4s, opacity 0.4s; transition-timing-function: cubic-bezier(0.2,1,0.3,1); } .hover-butons-incele:hover { color: #1a1a5e; border: 2px solid #1a1a5e; background: #fff; } .hover-butons-incele:hover:before { opacity: 0; -moz-transform: scale3d(0.7,1,1); -ms-transform: scale3d(0.7,1,1); -o-transform: scale3d(0.7,1,1); -webkit-transform: scale3d(0.7,1,1); transform: scale3d(0.7,1,1); } .hover-butons-incele:hover i { color: #1a1a5e; } .hover-liste-incele i { font-size: 22px; } .liste-incele { font-size: 13px !important; letter-spacing: 1px; line-height: 50px; width: 75%; margin: auto; height: 50px; } .hover-butons-stok i { font-size: 19px; } .kutu-fiyat-gosterim-list { margin-bottom: 1rem; } @media all and (max-width: 1500px) { .katalog-detay { padding: 0 5px; } } @media all and (max-width: 1300px) { .katalog-detay { min-height: 150px; } } @media (min-width: 992px) { .urun-kutusu.active { clear: left; } .urun-kutusu.active h2 { margin: 15px 0px; } .urun-kutusu.active a { font-size: 18px; } .urun-kutusu.active .kutu-link { width: 100%; } .urun-kutusu.active .kutu-link img { width: 100%; max-width: inherit; } } @media all and (max-width: 992px) { .urun-kutusu.active { margin: 0 auto; float: none !important; } .urun-kutusu.active img { max-width: 100%; max-height: 216px; } .urun-kutusu .kutu-urun-detay-mm h2 { min-height: auto; } .katalog-detay { padding-top: 0px; min-height: auto; } .urun-sag-indirim { font-size: 14px; padding: 5px 14px; } .urun-kutusu .kutu-urun-resmi { min-height: inherit; } .kutu-urun-detay-mm { padding-bottom: 5px; } .urun-hover-detay { position: relative; padding: 0px; width: 100%; top: inherit; bottom: 0px; visibility: visible; opacity: 1; -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); } } @media all and (max-width: 600px) { .kutu-urun-detay-mm h2 { min-height: auto; } .kutu-urun-detay-mm h2 a { font-size: 13px; height: 34px; } .urun-fiyat { font-size: 16px; } #eski-fiyat { font-size: 12px; font-weight: 600; min-height: 21px; display: block; } } /* --------------------------------- LISTE GORUNUM ---------------------*/ .kutu-link { display: inline-block; } .urun-liste-resmi { border-right: 2px solid #eee; } .liste-ozellik { text-align: left; margin-bottom: 5px; } .liste-ozellik .liste-yeni { cursor: pointer; margin: auto; border: 2px solid #333333; background: #ffffff; color: #333333; font-family: "Montserrat", "Open Sans", sans-serif; font-size: 12px; font-weight: 600; padding: 5px 9px; text-align: center; letter-spacing: 1px; display: inline-block; } .liste-ozellik .liste-indirim { font-family: "Montserrat", "Open Sans", sans-serif; cursor: pointer; margin: auto; border: 2px solid #fc1414; background: #fc1414; color: #fff; font-size: 13px; font-weight: 600; padding: 5px 10px; text-align: center; display: inline-block; } .urun-liste-detay { margin: 0px; padding: 10px 15px; font-family: "Montserrat", "Open Sans", sans-serif; } .urun-liste-detay h2 { float: left; width: 100%; text-align: left; margin: 0px; } .urun-liste-detay h2 a { font-weight: 600; font-size: 17px; line-height: 1em; padding: 0px; z-index: 5; text-align: left; display: inline-block; color: #282828; } .urun-liste-fiyat { text-align: left; padding-left: 0px; float: left; } .urun-liste-fiyat a { font-family: "Montserrat", "Open Sans", sans-serif; color: #000; } .urun-liste-fiyat #eski-fiyat { min-height: inherit; padding: 0px; } .urun-liste-puan { padding: 0px; } .liste-aciklama { text-align: left; padding: 0px; font-size: 13px; } .liste-aciklama p { color: #757575; margin: 0px; } .urun-liste-hover { padding: 0px; margin-top: 10px; } .urun-liste-hover .hover-butons { max-width: 50px; line-height: 40px; height: 40px; } .urun-liste-hover .hover-butons-sepet { max-width: 250px; font-size: 13px; font-weight: 600; margin-right: 10px; line-height: 37px; position: relative; z-index: 1; color: #fff; border: 2px solid #222BAE; } .urun-liste-hover .hover-butons-sepet:after { display: none; } .urun-liste-hover .hover-butons-sepet:before { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; background: #222BAE; z-index: -1; opacity: 1; transform: translate3d(0,0,0) scale3d(1,1,1); transition: transform 0.4s, opacity 0.4s; transition-timing-function: cubic-bezier(0.2,1,0.3,1); } .urun-liste-hover .hover-butons-sepet:hover { color: #222BAE !important; border: 2px solid #222BAE; } .urun-liste-hover .hover-butons-sepet:hover:before { opacity: 0; transform: scale3d(0.7,1,1); } .urun-liste-hover .hover-butons-sepet:hover i { color: #222BAE; } .urun-liste-hover .hover-butons-sepet i { font-size: 20px; padding-right: 10px; color: #fff; } .urun-liste-hover .hover-butons-stok { display: flex; justify-content: center; align-items: center; border: 2px solid #fc1414; } .urun-liste-hover .hover-butons-stok:before { background: #fc1414; } .urun-liste-hover .hover-butons-stok:hover { color: #fc1414 !important; border: 2px solid #fc0f0f; } .urun-liste-hover .hover-butons-stok:hover i { color: #fc1414 !important; } .urun-liste-buton { display: inline-block; padding: 10px 10px; outline: none; border: 0; color: #505050; text-align: center; margin: 0; width: 49%; font-size: 25px; cursor: pointer; } .urun-liste-buton:hover { color: #222BAE; } .urun-liste-buton-sepet { background: #222BAE; color: #fff; border-right: 1px solid #eee; } .urun-liste-buton-sepet:hover { color: #fff; } .urun-liste-buton-fav { background: none; color: #222BAE; } .urun-liste-buton-stok { background: #222BAE; color: #fff; line-height: 42px; font-size: 15px; border-right: 1px solid #eee; } .urun-liste-buton-stok:hover { color: #fff; } @media all and (max-width: 1200px) { .urun-liste-detay h2 { font-size: 13px; } .urun-liste-buton { padding: 5px 10px; font-size: 20px; } .urun-liste-buton-stok span { font-size: 12px; } .urun-liste-buton-stok span i { font-size: 15px; } } @media all and (max-width: 992px) { .mobile-none { display: none; } .urun-liste-detay { border-left: 2px solid #eee; } .urun-liste-resmi { border-right: 0px; } .liste-gorunum .kutu-urun-border { display: flex; align-items: center; } .urun-liste-detay h2 a { font-weight: 400; font-size: 14px; line-height: 1em; padding: 6px 0 6px; color: #282828; z-index: 5; display: -webkit-box; overflow: hidden; height: 36px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .urun-liste-hover .hover-butons-sepet i { display: block; line-height: 35px; height: 100%; padding-right: 0 !important; } .urun-liste-hover .hover-butons-stok { display: block; } } /* E BULTEN MODAL*/ #e-bulten-modal { -webkit-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; margin: 0 auto; } #e-bulten-modal .modal-header, #e-bulten-modal button.close { padding: 0 15px; border: 0px; } #e-bulten-modal .modal-content { padding: 25px 0px; overflow: hidden; } #e-bulten-modal .modal-content::before { content: "\f422"; font-family: "Ionicons"; font-size: 115px; color: #d0d0d0; position: absolute; left: -15px; top: -45px; transform: rotate(-45deg); } .modal-ebulten-baslik { display: block !important; text-align: center; margin-bottom: 20px; } .modal-ebulten-p { color: #7d7878; font-size: 13px; margin-bottom: 13px; } .nothanks { cursor: pointer; margin-top: 10px; } /*--------------------------------URUN-DETAY----------------------------------*/ .banner { margin: 0 !important; overflow: hidden; } .banner .slick-slide img { display: none; } .banner .slick-dots { bottom: 30px; } .banner .slick-dots li { margin: 0 10px 0 0; background: #FFF; overflow: hidden; height: 5px; width: 70px; } .banner .slick-dots li.slick-active { background: #FE3B3B; } .banner .slick-dots li button { text-indent: -9999px; height: inherit; margin: 0; padding: 0; width: 100%; } .urun-detay-resim { padding-right: 15px !important; } .urun-resmi { border: 1px solid #f5f5f5; } .urun-detay-resim .slider-nav { margin-top: 10px; } .urun-detay-resim .slider-nav .slick-track { float: left; } .slider-nav__item { padding: 5px; border: 1px solid #eee; cursor: pointer; } .jqzoom { text-decoration: none; float: left; } .zoomWrapperImage img { width: auto; } .zoomWrapper { border: 0px; } .urun-detay-resim .slider-nav .slick-arrow { width: 35px; height: 35px; background: rgba(255,255,255,0.95); } .urun-detay-resim .slider-nav .slick-prev { left: 0; } .urun-detay-resim .slider-nav .slick-next { right: 0; } .urun-detay-resim .slider-nav .slick-arrow::before { padding: 3px; border: solid #222BAE; border-width: 0 1px 1px 0; } @media all and (max-width: 992px) { .urun-detay-resim { padding: 0px !important; } .urun-detay-resim .slick-dots { bottom: 0px; } .urun-detay-resim .slider-nav { display: none !important; } .urun-detay-resim .slick-dots li { width: 10px; height: 10px; padding: 0 7px; overflow: hidden; transition: all 0.3s ease; } .urun-detay-resim .slick-dots li button { width: 7px; height: 7px; border: 1px solid #222BAE; border-radius: 50%; background: #222BAE; padding: 0px; margin: 0px; } .urun-detay-resim .slick-dots li.slick-active button { background: #fff; } } #urun-fiyat-bilgileri { border: 2px solid #C2E6EC; border-radius: 12px; padding: 15px; } .urun-detay-top-bilgi { padding: 0px; border-bottom: 1px solid #f5f5f5; height: auto; display: inline-block; } .detay-none { min-height: 0px; } .fiyat-row { color: #333; white-space: nowrap; font-size: 14px; width: 100%; padding: 15px 5px 15px 0px; font-weight: 600; display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end; } .detay-fiyat-row { padding: 5px 5px 0px 0; } .detay-butons { padding-top: 0px !important; } .urun-detay-baslik { display: block; width: 100%; text-align: left; color: #222BAE; font-size: 25px; font-weight: 700; margin: 0 0 15px; font-family: "Montserrat", "Open Sans", sans-serif; } .urun-detay-aciklama { padding: 0px; padding-bottom: 10px; margin-bottom: 5px; border-bottom: 2px solid #C2E6EC; padding-top: 10px; } .urun-detay-aciklama p { letter-spacing: -0.4px; font-size: 13px; margin: 0px; color: #5a5959; } .urun-detay-stok { padding: 0; display: block; margin-bottom: 10px; font-size: 13px; display: block; color: #757575; } .urun-detay-stok strong { color: #282828; } .urun-detay-marka { padding: 0; display: block; margin-bottom: 10px; font-size: 13px; display: block; } .urun-detay-marka a { font-weight: 300; color: #757575; } .urun-detay-marka a strong { font-weight: 600; color: #282828; } .urun-detay-marka img { max-width: 100px; } .detay-puan .detay-puan-val { text-align: left; } #prod_pricing_v3 .varyant-baslik { float: left; display: block; font-weight: 600; font-family: "Montserrat", "Open Sans", sans-serif; letter-spacing: 0.5px; font-size: 15px; width: 100%; padding: 12px 10px 5px 10px; margin: 0px !important; } .detay-kargo-row { padding: 5px 5px 5px 0px; font-weight: 300; } .detay-kargo-row .detay-kargo { font-weight: 600; } .varyant-deger.varyant-renk { padding: 0px !important; } button.off { font-family: "Montserrat", "Open Sans", sans-serif; padding: 2px 10px; min-width: 65px; min-height: 50px; float: left; display: block; margin: 0 5px; border: 2px solid #C2E6EC; background: transparent; text-align: center; line-height: 34px; margin-bottom: 5px; cursor: pointer; margin-left: 0px; transition: all 0.2s ease; border-radius: 8px; } button.off:hover { background: #C2E6EC; color: #1a1a5e; } button.on { font-family: "Montserrat", "Open Sans", sans-serif; padding: 2px 10px; min-width: 65px; min-height: 50px; border: 2px solid #222BAE !important; float: left; display: block; background: #222BAE; margin: 0 5px; cursor: pointer; text-align: center; line-height: 34px; margin-bottom: 5px; color: #fff; margin-left: 0px; border-radius: 8px; } .select-div { width: auto; min-width: 310px; line-height: 40px; height: 40px; padding: 0 0 0 15px; border: none; background: #f4f4f4; color: #888; font-size: 13px; } .select-div:focus { border: 0px; } @media all and (max-width: 400px) { .select-div { min-width: 100%; } } .varyant-deger img { width: 59px; height: 44px; } .satis-fiyati { color: #5d635d; font-size: 25px; font-weight: 600; padding: 0px; } .urun-detay-fiyat { font-family: "Montserrat", "Open Sans", sans-serif; float: left; } .urun-detay-fiyat #SatisFiyati { float: left; padding-right: 10px; color: #282828; } .urun-detay-fiyat #eski-fiyat { font-size: 22px; font-weight: 600; color: #757575; padding: 10px 0px; display: inline-block; font-family: "Montserrat", "Open Sans", sans-serif; text-decoration: line-through; } .detay-ozellik { padding: 0px; float: left; margin-bottom: 10px; } .detay-ozellik .indirim-detay { float: left; } .detay-ozellik .indirim-detay .urun-detay-indirim { font-family: "Montserrat", "Open Sans", sans-serif; width: auto; font-weight: 600; padding: 4px 10px; display: block; border: 2px solid #fc1414; background: #fc1414; color: #fff; font-size: 13px; text-align: center; height: 30px; float: left; } .detay-ozellik .indirim-detay .indirim-detay-yazi { font-family: "Montserrat", "Open Sans", sans-serif; width: auto; font-weight: 600; padding: 4px 10px; display: block; border: 2px solid #fc1414; background: #fff; color: #fc1414; letter-spacing: 1px; font-size: 12px; text-align: center; height: 30px; float: left; } .detay-ozellik .yeni-detay { margin-right: 4px; float: left; border: 2px solid #333333; background: #ffffff; color: #333333; font-family: "Montserrat", "Open Sans", sans-serif; font-size: 12px; font-weight: 600; padding: 5px 9px; text-align: center; letter-spacing: 1px; height: 30px; } .detay-fiyat-gosterim-list { margin-bottom: 1rem; } .urun-adet-dis { margin-right: 3%; width: 32%; height: 60px; float: left; background: #E8F5F7; border: 2px solid #C2E6EC; border-radius: 12px; } .urun-adet-input { width: 65%; text-align: center; height: 100%; float: left; border-right: none; } .urun-adet-input input { width: 100%; color: #282828; display: block; font-size: 14px; height: 100%; } .urun-adet-input input:focus { outline: none; box-shadow: 0px; border: 0px; } .urun-adet-input span { font-size: 13px; display: block; text-align: center; position: absolute; margin: -6px 0 0 17px; } .urun-adet { border: none !important; background: 0 0 !important; outline: 0; font-size: 20px; color: #292929; padding: 0; text-align: center; box-shadow: none; outline: none; } .satin-al { font-family: "Montserrat", "Open Sans", sans-serif; color: #1a1a5e; border-radius: 30px; font-size: 14px; text-transform: uppercase; cursor: pointer; width: 65%; min-width: 185px; float: left; text-align: center; letter-spacing: 0.5px; font-weight: 700; height: 60px; line-height: 60px; margin-bottom: 0px; padding: 0px !important; position: relative; border: 2px solid #C2E6EC; } .satin-al:before { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; background: #C2E6EC; z-index: -1; border-radius: 30px; opacity: 1; transform: translate3d(0,0,0) scale3d(1,1,1); transition: transform 0.4s, opacity 0.4s; transition-timing-function: cubic-bezier(0.2,1,0.3,1); } .satin-al:hover { color: #fff; border: 2px solid #222BAE; background: #222BAE; } .satin-al:hover:before { opacity: 0; transform: scale3d(0.7,1,1); } .satin-al i { font-size: 22px; margin-right: 7px; line-height: 1; } .stokta-yok { display: flex; justify-content: center; align-items: center; border: 2px solid #fc1414; } .stokta-yok:before { background: #fc1414; } .stokta-yok:hover { color: #fc1414; border: 2px solid #fc0f0f; } .urun-adet-butons { width: 35%; height: 100%; float: left; padding: 5px; display: flex; justify-content: center; align-items: center; flex-flow: column wrap; } .urun-adet-butons span { background: #f4f4f4; color: #888; font-size: 17px; float: left; margin-bottom: 0px; cursor: pointer; position: relative; text-indent: 0; width: 100%; text-align: center; height: 20px; line-height: 20px; position: relative; z-index: 1; border-radius: 0px !important; } .stokta-haber-ver { margin-right: 3%; width: 32%; height: 60px; float: left; background: #f4f4f4; display: flex; justify-content: center; align-items: center; cursor: pointer; } .stokta-haber-ver i { font-size: 20px; } .urun-butons { width: 50px; height: 100%; float: left; border-left: 5px solid #fff; } .urun-butons a:hover { color: #fff; } .urun-buttons-ilk { border-left: 0px; } .detay-fav-button { font-family: "Montserrat", "Open Sans", sans-serif; width: 100%; display: block; height: 100%; line-height: 60px; outline: none; border: 0px; color: #282828; background: #fff; margin: 0px; padding: 0px; font-weight: 400; text-align: center; letter-spacing: 2px; font-size: 22px; position: relative; cursor: pointer; z-index: 1; } .detay-fav-button:before { content: ""; position: absolute; border-radius: 50%; left: 0; z-index: -1; background: #3c3b3b; transition: all 0.3s ease; right: 0; top: 0; bottom: 0; margin: auto; width: 0px; height: 0px; } .detay-fav-button:hover { color: #fff; } .detay-fav-button:hover:before { padding: 20px; } .urun-detay-statik-bolum { display: flex; flex-flow: row wrap; padding: 0px; } .urun-detay-statik img { width: auto !important; max-width: 100% !important; height: auto !important; } .urun-detay-kargo img, .urun-detay-statik1 img, .urun-detay-statik2 img { width: auto !important; max-width: 100% !important; height: auto !important; float: right; } .detay-puan { color: #333; font-weight: 400; border-radius: 0px; font-size: 13px; cursor: pointer; padding: 0px 1rem 0 0; float: left; text-align: left; white-space: normal; width: 100% !important; letter-spacing: 0px; height: 40px; line-height: 32px; margin-bottom: 0px; } .detay-puan span { font-weight: 600; color: #222BAE; margin-bottom: 5px; display: inline-block; } .urun-paylas { margin-top: 20px; } #icon-social a { text-decoration: none; color: #fff; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 13px; display: inline-block; border-radius: 50%; margin: 0px 0.5%; } .social-facebook { background: #365396; } .social-twitter { background: #00a8f0; } .social-google { background: #e0462e; } .social-pinterest { background: #cc1919; } .urun-tablari .nav li { margin: 0 !important; border: 0px; } .urun-tablari .nav li a { border-radius: 8px !important; padding: 1rem 2rem; font-size: 14px; letter-spacing: 0.5px; color: #757575; background: 0 0 !important; font-family: "Montserrat", "Open Sans", sans-serif; text-transform: uppercase; transition: all 0.3s; } .urun-tablari .nav li a:hover { color: #222BAE; background: #E8F5F7 !important; } .uruntablari-alias.active { font-family: "Montserrat", "Open Sans", sans-serif; background-color: #222BAE; } .uruntablari-alias.active a { font-weight: 600; color: #fff !important; } #tdContainerBorder { border: 1px solid #eee; line-height: 25px; border-radius: 0px !important; margin-top: 20px; margin-bottom: 50px; } #divUrunAciklama, #divUrunTabs { padding: 15px 20px; border-radius: 0px !important; } #divUrunTabs { width: 100%; } .timer-detay { max-width: 300px; margin-bottom: 10px; } @media all and (max-width: 992px) { #urun-fiyat-bilgileri { margin-top: 20px; } .urun-detay-fixed { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 4; padding: 0px !important; background: #fff !important; margin: 0 auto; } .urun-adet-dis { margin: 0px; width: 25%; } .satin-al { width: 75%; float: right; } .satin-al i { font-size: 18px; } .detay-butons-div { padding: 0px; } .stokta-haber-ver { border-left: 0px; min-width: inherit; width: 25%; margin-right: 0px; } .urun-detay-fiyathaber { height: 40px; } .urun-detay-statik-bolum { justify-content: flex-start; align-items: flex-start; } .detay-puan { height: auto; display: inline-block; line-height: 24px; } .urun-paylas { margin-top: 0px; } .urun-tablari { margin-top: 15px; } } @media only screen and (max-width: 600px) { .urun-detay-statik-bolum { margin-bottom: 25px; } .urun-detay-fiyathaber, .urun-detay-puan, .urun-tablari .nav li { width: 100%; } .detay-butons { flex-flow: row wrap; } } @media all and (max-width: 330px) { .indirim-detay { display: block; float: none !important; } .satis-fiyati #eski-fiyat { padding-left: 0px; } } #kampanya-bilgileri>div { background: #FE3B3B; padding: 7px 20px; color: #FFF; } .urun-detay-benzer-urunler-baslik { font-size: 22px; font-weight: 600; color: #333333; font-family: "Montserrat", "Open Sans", sans-serif; } .benzer-urunler-slide .slick-track { float: left; } #haftanin-urunleri .slick-arrow { top: -40px !important; background: #222BAE; opacity: 1; width: 25px; height: 25px; border: transparent; margin-right: 15px; z-index: 1; } #haftanin-urunleri .slick-arrow:before { opacity: 1; border-width: 0 1px 1px 0 !important; } #haftanin-urunleri .slick-next { right: 0; } #haftanin-urunleri .slick-next::before { padding: 4px; border: solid #fff; border-width: 0 2px 2px 0; left: 28%; bottom: 31%; } #haftanin-urunleri .slick-prev { right: 30px; left: inherit; } #haftanin-urunleri .slick-prev::before { padding: 4px; border: solid #fff; border-width: 0 2px 2px 0; left: 37%; bottom: 31%; } #haftanin-urunleri .slick-slider .kutu-urun-detay-mm h2 { width: 80%; margin: 0 auto; } @media all and (max-width: 992px) { #divUrunTabs { padding: 30px 0px; } } #divUrunAciklama, #divUrunTabs { height: auto; display: inline-block; } .yorum-box-baslik { color: #333333; font-size: 26px; font-weight: 600; margin: 5px 0px 35px 0px; } .yorum-ortalama-box { text-align: center; margin-bottom: 25px; } .yorum-ortalama { font-size: 45px; font-weight: 600; } .yorum-ortalama i { font-size: 16px; margin: -5px; color: #b8b8b8; } .yorum-ortalama i.yorum-active { color: #ffa000; } .yildiz-box { margin-bottom: 15px; } .yorum-yildiz-ad { font-size: 14px; margin-bottom: 7px; } .yorum-yildiz-sayi { color: #a5a5a5; } .yorum-istatik { border: 1px solid #f5f5f5; border-radius: 5px; padding: 45px 15px; background: #fafafa; } .yorum-progress { height: auto; border-radius: 9px; background-color: #f0f0f0; font-size: 12px; font-weight: 500; line-height: 18px; border-radius: 5px; } .yorum-progress-bar { border-radius: 5px; height: 3px; background: #ffa000; } .yorum-user { width: 50px; position: absolute; left: 0; padding: 0px; } .yorum-uye-avatar { display: inline-block; width: 50px; height: 50px; line-height: 50px; border: 1px solid #eee; border-radius: 50%; text-transform: uppercase; margin: 0px; text-align: center; font-size: 20px; color: #3e3e3e; background: #fafafa; } .yorum-content { padding: 0px; } .yorumlar-box { padding-left: 65px; border-radius: 3px; margin-bottom: 15px; } .yorumlar-inner { padding: 10px 15px; border: 1px solid #eee; position: relative; } .yorumlar-inner::before, .yorumlar-inner::after { position: absolute; top: 12px; right: 100%; width: 0; height: 0; border: solid transparent; content: ''; pointer-events: none; } .yorumlar-inner::before { margin-top: -1px; border-width: 10px; border-color: transparent; border-right-color: #e5e5e5; } .yorumlar-inner::after { border-width: 9px; border-color: transparent; border-right-color: #fff; } .yorum-box-ust { position: relative; height: auto; display: inline-block; width: 100%; } .yorum-box-uyead { float: left; color: #4f4e4e; font-size: 13px; letter-spacing: 0px; } .yorum-box-puan { float: right; } .yorum-box-puan i.yorum-active { color: #ffa000; } .yorum-box-yorum { font-size: 14px; color: #454444; } .yorum-box-tarih { color: #8f8f8f; font-size: 13px; } .yorumlar-yorum-yap { margin-top: 25px; } .yorum-yap-txt { width: 100%; height: 110px; padding: 10px; resize: none; outline: none; margin: 10px 0px; font-weight: 400; font-size: 13px; border: 1px solid #f1f1f1; } .yorum-yap-p { float: left; } .yorum-yap-p:last-child { padding-left: 15px; } .yorum-yap-puan { padding-right: 25px; height: 40px; } #yorum-yap { background: #222BAE !important; color: #fff !important; border: 0px; font-weight: 900; padding: 7px 10px; font-size: 12px !important; } @media all and (max-width: 992px) { .yorum-istatik { margin-bottom: 25px; } } @media all and (max-width: 600px) { #divUrunAciklama { padding: 5px 0px; } .yorum-user { display: none; } .yorumlar-box { padding: 0px; } } @media all and (max-width: 480px) { .yorum-box-uyead { float: none; display: block; } .yorum-box-puan { float: left; display: block; } } @media all and (max-width: 600px) { .kutu-fiyat-gosterim-list { font-size: 11px !important; } } .PropRow { display: flex; flex-direction: row; border: 1px solid #ccc; } .PropName { width: 50%; border-right: 1px solid #ccc; padding: 10px; } .PropProperty { width: 50%; padding: 10px; } input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select:focus, textarea { font-size: 16px !important; } .flex-justify-between { display: flex; align-items: center; justify-content: space-between; } .slick-prev, .slick-next { box-shadow: none !important; background: rgba(34,43,174,0.7) !important; border-radius: 50% !important; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background: #222BAE !important; } .anasayfa-spotlar { background: #ffffff; padding: 0 3%; float: inherit; display: block; padding: 40px 0; margin-left: auto; margin-right: auto; max-width: 1400px; border-top: 3px solid #C2E6EC; border-bottom: 3px solid #C2E6EC; box-shadow: none; } .anasayfa-spotlar .row { margin: 0; } .anasayfa-spotlar .anasayfa-spot { padding: 10px; display: flex; align-items: center; justify-content: center; padding: 20px 0; } .anasayfa-spotlar .spot-icon { display: flex; justify-content: center; align-items: center; margin-right: 5%; } .anasayfa-spotlar .spot-icon i { font-size: 26px; color: #222BAE; background: #E8F5F7; min-width: 65px; width: 65px; height: 65px; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-shadow: none; } .anasayfa-spotlar .spot-text { display: flex; flex-direction: column; align-items: flex-start; font-size: 13px; color: #333; } .anasayfa-spotlar .spot-text b { font-size: 18px; color: #222BAE; font-family: "Montserrat", "Open Sans", sans-serif; font-weight: 700; letter-spacing: 0.5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .footer-iletisim-bilgileri ul { width: 100%; } .footer-tel a { font-size: 14px; } .footer-tel img { width: 25px; } .footer-logo img { max-width: 90% !important; } .top-bar-pages .header-statik-link { font-size: 11px; } .flex-justify-between { font-size: 11px; } .anasayfa-spotlar .spot-text b { font-size: 13px; } } * { font-family: "Montserrat", "Open Sans", sans-serif; margin: 0; padding: 0; } body { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ============================================================ EK KURALLAR - Scrollbar, Copyright, Btn, Temizlik ============================================================ */ /* Scrollbar */ ::-webkit-scrollbar { width: 8px; height: 6px; } ::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; } ::-webkit-scrollbar-thumb { background: #222BAE; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: #1a2290; } /* Copyright bar */ .footer-bottom-mm > .col-lg-12 > div:last-child, .copyright-bar, .copy-right { background: #222BAE; color: rgba(255,255,255,0.7); padding: 12px; border-radius: 12px 12px 0 0; text-align: center; margin-top: 20px; } .copyright-bar a, .copy-right a { color: #C2E6EC; } /* Footer sosyal medya ikonlari */ .footer-bottom-mm i, .footer-mm1 i { color: #222BAE; transition: color 0.3s; } .footer-bottom-mm i:hover, .footer-mm1 i:hover { color: #C2E6EC; } /* Footer basliklar */ .footer-bottom-mm h4, .footer-mm1 h4, .footer-sayfalar h4 { color: #222BAE; font-family: "Montserrat", "Open Sans", sans-serif; font-weight: 700; letter-spacing: 1px; font-size: 16px; text-transform: uppercase; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Genel buton */ .btn-primary { background-color: #222BAE; border-color: #222BAE; } .btn-primary:hover, .btn-primary:focus { background-color: #C2E6EC; border-color: #C2E6EC; color: #222BAE; } /* Slider dots */ .slick-dots li.slick-active button { background: #222BAE; border-color: #222BAE; } /* Header arama focus */ .header-arama-content:focus-within { border-color: #222BAE; box-shadow: 0 0 6px rgba(34,43,174,0.12); } /* Dropdown bullet isaretleri */ .kategori-mm-menu ul ul li a::before { content: "\25B8"; margin-right: 8px; color: #C2E6EC; font-size: 10px; display: inline-block; } .kategori-mm-menu ul ul li a:hover::before { color: #222BAE; } /* Dropdown gradient header - sadece menu-kategori icerisindeki baslik linkler */ .menu-level-2 > .menu-kategori > a:first-child, .menu-level-2 > li:first-child > a { background: linear-gradient(135deg, #222BAE, #3a3ad4); color: #fff; padding: 12px 20px; font-family: "Montserrat", "Open Sans", sans-serif; font-weight: 700; letter-spacing: 1.5px; font-size: 13px; text-transform: uppercase; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: none !important; } /* Spot resim linklerine gradient uygulama */ .menu-level-2 > .menu-kategori-spot > a, .menu-level-2 > .menu-kategori-spot > a:first-child { background: #fff !important; padding: 0 !important; border: none !important; } /* Dropdown tum border temizlik */ .kategori-mm-menu ul li ul, .kategori-mm-menu ul ul, .kategori-mm-menu ul ul ul, .menu-level-2 li, .menu-level-2 div, .menu-level-2 a, .menu-level-3 { border-left: none !important; border-right: none !important; } /* Dropdown mavi cizgi fix - nav bg bleed-through onleme */ .menu-level-2 .menu-kategori, .menu-level-2 .menu-kategori-spot, .menu-level-2 > div, .menu-level-2 > li { background: #fff !important; } .menu-kategori-spot img, .menu-kategori-spot a { display: block; background: #fff; } .menu-level-2::after { content: ""; display: table; clear: both; } /* Eski inline renkleri ezme */ [style*="004aad"] { color: #222BAE !important; } [style*="background-color: #004aad"], [style*="background:#004aad"] { background-color: #222BAE !important; } /* Debug temizlik */ #claude-agent-glow-border { display: none !important; } /* h1, h2.baslik */ h1, h2.baslik { font-family: "Montserrat", "Open Sans", sans-serif; font-weight: 700; letter-spacing: 1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Blog h3 */ .blog-box-yazi h3 { font-family: "Montserrat", "Open Sans", sans-serif; font-weight: 700; letter-spacing: 0.5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ============================================================ MOBIL DUZELTMELER ============================================================ */ @media all and (max-width: 992px) { /* Spot seridi - 2x2 kompakt grid */ .anasayfa-spotlar { padding: 8px 5px !important; border-top: 2px solid #C2E6EC; border-bottom: 2px solid #C2E6EC; margin-bottom: 10px !important; } .anasayfa-spotlar .row { display: flex !important; flex-wrap: wrap !important; margin: 0 !important; } .anasayfa-spotlar .anasayfa-spot, .anasayfa-spotlar [class*="col-"] { width: 50% !important; flex: 0 0 50% !important; max-width: 50% !important; padding: 5px 8px !important; justify-content: flex-start !important; float: none !important; } .anasayfa-spotlar .spot-icon { margin-right: 6px !important; } .anasayfa-spotlar .spot-icon i { min-width: 30px !important; width: 30px !important; height: 30px !important; font-size: 14px !important; } .anasayfa-spotlar .spot-text b { font-size: 10px !important; letter-spacing: 0 !important; line-height: 1.2 !important; } .anasayfa-spotlar .spot-text { font-size: 9px !important; line-height: 1.2 !important; } /* Incele butonu - mobilde okunur ve ortali */ .hover-butons-incele { background: #222BAE !important; border-color: #222BAE !important; color: #fff !important; margin: 5px auto !important; display: flex !important; justify-content: center !important; align-items: center !important; width: 90% !important; max-width: 250px; overflow: visible !important; z-index: 1 !important; height: auto !important; min-height: 38px; padding: 8px 20px !important; line-height: 1.3 !important; font-size: 11px !important; white-space: nowrap !important; } .hover-butons-incele:before { display: none !important; } .hover-butons-incele i { color: #fff !important; font-size: 18px !important; padding-left: 4px !important; } .hover-butons-incele span { color: #fff !important; } }/* TA?RKAi??i??E KARAKTER FIX - Latin Extended subset */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Open+Sans:ital,wght@0,300..800;1,300..800&subset=latin-ext&display=swap'); @media all and (max-width: 992px) { #footer, #footer .footer-mm1 ul li:first-child, #footer .footer-mm1 ul li a, #footer .footer-mm1 ul li a span, .footer-bottom-mm, .footer-bottom-mm p, .footer-bottom-mm a, .footer-sayfalar, .footer-iletisim-bilgileri { font-family: "Montserrat", "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%; } }/* WHATSAPP ICON - BA?yA?k ve dikkat Ai??i??ekici */ .home-sag-alt { width: 60px; } .sag-alt-wp { width: 100px; height: 100px; font-size: 50px; line-height: 68px; background: #25D366; color: #fff; box-shadow: 0 4px 15px rgba(37,211,102,0.4); animation: wp-pulse 2s infinite; } .sag-alt-wp:hover, .sag-alt-wp:focus { background: #128C7E; color: #fff; transform: scale(1.1); } .sag-alt-wp .ion-social-whatsapp-outline:before { line-height: 58px; } @keyframes wp-pulse { 0% { box-shadow: 0 0 0 0 rgba(37,211,102,0.5); } 70% { box-shadow: 0 0 0 15px rgba(37,211,102,0); } 100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); } }/* YOUTUBE THUMBNAIL HOVER */ .video { overflow: hidden; border-radius: 12px; transition: transform 0.3s ease, box-shadow 0.3s ease; } .video:hover { transform: scale(1.05); box-shadow: 0 8px 30px rgba(34,43,174,0.3); z-index: 2; position: relative; } .video img, .video iframe { transition: transform 0.4s ease; border-radius: 12px; } .video:hover img, .video:hover iframe { transform: scale(1.08); } /* FIYAT KUSURAT GIZLEME - CSS ile mumkun degil (duz metin node). Admin panelinde Ozel JavaScript/Footer Script alanina ekleyin: <script> document.addEventListener('DOMContentLoaded', function(){ document.querySelectorAll('.urun-fiyat a.kutu-link').forEach(function(el){ el.childNodes.forEach(function(node){ if(node.nodeType===3){ var t=node.textContent.trim(); if(t.match(/\d+,\d+\s*TL/)){ node.textContent=t.replace(/,\d+\s*TL/,' TL'); } } }); }); }); </script> */ /* === SON === */