@charset "utf-8"; /* CSS Document */ #temizle {clear:both; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;} table { border-collapse: collapse; border-spacing: 0; } ol, ul { list-style: none; } a{ text-decoration:none !important; } body{margin:0px;text-align: left;padding:0;overflow-x: hidden;font-family: 'Montserrat', sans-serif;font-weight:300; font-size:15px; color:#959595; line-height:25px; padding:0px !important;} #wrapper{ position:relative; width: 1200px; max-width:95%; margin: 0 auto; } #wrapper2{ position:relative; width: 95%; margin: 0 auto; } #NotFound404Resim{max-width:60% !important; float:left !important;} #NotFound404Resim img{ max-width:100%; } #NotFound404IcKutu{max-width:30%; float:right; text-align:right; padding-top:130px;} #NotFound404IcKutuBaslik{font-size:70px; font-weight:900; color:#666;} #NotFound404IcKutuBaslik2{font-size:40px; font-weight:500; } #NotFound404IcKutuMetin{line-height:24px} #Enust{position:absolute; width:100%; height:auto; top:0; left:0; right:0; z-index:999; background:#f0f0f0; padding:8px 0px; border-bottom:1px solid #e1e1e1;} #EnustA-sol{position:relative; float:left;font-family: 'Montserrat', sans-serif; color:#8e8e8e; font-size:11px; line-height:20px; font-weight:400; padding-right:25px; display:block;} #EnustA-sag{position:relative;float:right;font-family: 'Montserrat', sans-serif; color:#8e8e8e; font-size:12px; line-height:20px; font-weight:400; padding-left:20px; display:block;} #EnustA-sag span{ font-weight:600;} #EnustA-sol:hover{ color:#000; } #Anasayfa-Kutular{ position:relative; width:100%; margin-top:-30px; padding:0px 0px; } #Anasayfa-Kutular ul{ list-style:none; } #Anasayfa-Kutular ul li{ position:relative; display:block; float:left; width:49%; margin:0.5%; text-align:left; border-radius:5px; overflow:hidden; box-sizing:border-box; text-align:center; cursor:pointer; overflow:hidden; } #Anasayfa-Kutular ul li img{ max-width: 100%; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); transition:all .2s ease-in; border-radius:5px; } #Anasayfa-Kutular ul li:hover img{ -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); opacity:0.9; transition:all .2s ease-in; } #Anasayfa-Kutular ul li span{ position:absolute; bottom:80px; right:30px; text-decoration:none; font-size:32px; color:#fff; font-weight:300; line-height:30px; text-shadow: 0px 0px 20px rgba(0,0,0,1); text-align:right; } #Anasayfa-Kutular ul li span b{ font-size:24px; font-weight:700 !important; } #Anasayfa-Kutular ul li p{ position:absolute; bottom:30px; right:30px; background:#fe9800; padding:4px 10px; text-decoration:none; font-size:12px; color:#fff; font-weight:600; border-radius:3px; } #Anasayfa-Kutular ul li p:hover{ background:#000; } #Home-product-box{ position:relative; width:19%; margin:0.5%; float:left; padding:0px; background:#fff; transition:all 0.2s ease-in; box-shadow: 0px 0px 0px rgba(0,0,0,0.1); border:1px solid #f0f0f0; border-radius:5px; box-sizing:border-box; text-align:center; z-index:1; } .prBoxUrun{ width:18% !important;} #Home-product-box > #PrResim{ position:relative; width:100%; height:330px; } #Home-product-box img{ position:absolute; max-width:95%; max-height:330px; top: 50%; left:50%; transform: translate(-50%, -50%); } #Home-product-box:hover{ -webkit-transform: scale(1.02); transform: scale(1.02); transition:all 0.2s ease-in; box-shadow: 0px 0px 30px rgba(0,0,0,0.1); z-index:2; } #Home-product-box > .prTitle{ position:relative; width:100%; font-size:13px; line-height:18px; padding:10px 20px; height:75px; margin:0 auto; font-weight:500; background:#f9f9f9; color:#212121; overflow:hidden; transition:all 0.2s ease-in; display: flex; justify-content: center; align-content: center; flex-direction: column; } #Home-product-box:hover> .prTitle{ background:#fe9800; color:#fff; } #Home-product-box > .prTitle span{ color:#999; font-weight:300; } #Home-product-box > .prPrice{ position:relative; max-width:100%; font-size:20px; line-height:18px; padding:10px 20px; min-height:70px; font-weight:500; color:#252525; background:#fff; text-align:left; } #Home-product-box > .prPrice span{ color:#fe9800; font-size:14px; font-weight:300; text-decoration:line-through; } #Home-product-box > .prDetail{ position:absolute; z-index:2; bottom:0; width:100%; height:50px; line-height:50px; font-size:13px; font-weight:500; color:#252525; } #BolumBas{ position:relative; width:100%; font-size:22px; line-height:24px; font-weight:600; color:#666; padding:10px 0.5%; height:auto; margin:0 auto; overflow:hidden; transition:all 0.2s ease-in; text-align:center; } .arkabg{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0); top:0; left:0; z-index:98; visibility:hidden; transition:all .4s ease-in; } .arkabg.arkaac{ visibility:visible; background:rgba(0,0,0,0.8); transition:all .4s ease-in; } .arkabg.arkaac > header{ background: #FFFFFF; } #baslik{ font-family: 'Montserrat', sans-serif; font-size:26px; font-weight:300; color:#000; } #baslik-beyaz{ font-family: 'Montserrat', sans-serif; font-size:30px; font-weight:300; color:#fff; } #baslik-beyaz p{ font-weight: 500; } #page-title{ position:fixed; width:100%; height:auto; border-top:1px solid #f0f0f0; top:200px; height:50px; line-height:50px; background:#000; box-shadow: 0px 1px 20px rgba(0,0,0,0.1); transition:all .2s ease-in; z-index:45;} #page-title.kaydir{ top:-100px; } #page-title-beyaz{ font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:600; color:#fff; float:right; } .page-space{ height:270px; } #takip{ position:relative; float:left; text-align:right; font-family: 'Montserrat', sans-serif; font-size:15px; font-weight:600; color:#fff; } #takip a{ font-family: 'Montserrat', sans-serif; font-size:13px; font-weight:300; color:#fff; padding:5px; } #takip a:hover{ color:#e2c288; background:#000; } #urun-kutu-detay2:hover{ -webkit-transform: scale3d(1.3,1.3,1.3); transform: scale3d(1.3,1.3,1.3); transition:all .2s ease-in; cursor:pointer; } #urun-kutu-resim2{ position: relative; width: 100%; height: auto; display: block; } #urun-kutu-incele2{ position:absolute; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:15px; padding:10px; text-align:center; display:inline-block; clear:both; border-radius:5px; background: rgba(0,0,0,0.4); transition:all .2s ease-in; cursor:pointer; top:0; left:0%; right: 0; bottom: 0; -webkit-transform: rotate(-360deg) scale(0);-ms-transform: rotate(-360deg) scale(0);transform: rotate(-360deg) scale(0);z-index:55; } #urun-kutu-resim2:hover > #urun-kutu-incele2{ visibility: visible;-webkit-transform: rotate(0deg) scale(1);-ms-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1);} #urun-kutu-incele2 a{padding: 20px;margin-top: 30%;color: #ffffff;display:inline-block;font-size: 30px;line-height: 30px;text-align: center;text-decoration: none;border:3px solid rgba(255,255,255,0.50);-webkit-border-radius: 2px;border-radius: 2px;-webkit-transition: all 0.7s cubic-bezier(0.3,1,0,1);transition: all 0.7s cubic-bezier(0.3,1,0,1);border-radius: 50px;z-index: 55; font-size: 14px; line-height: 15px; font-weight: 700; } #urun-kutu-incele2 a:hover{ background: #e32129;} #urun-kutu-incele2 a > img{ opacity: 1; } #product-box{ position:relative; width:23%; margin:1%; float:left; padding:0px; background:#fff; transition:all 0.2s ease-in; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); box-sizing:border-box; text-align:center; z-index:1; } .prBoxUrun{ width:18% !important;} #product-box > #PrResim{ position:relative; width:100%; height:330px; } #product-box img{ position:absolute; max-width:95%; max-height:330px; top: 50%; left:50%; transform: translate(-50%, -50%); } #product-box:hover{ -webkit-transform: scale(1.08); transform: scale(1.08); transition:all 0.2s ease-in; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); z-index:2; } #product-box-2{ position:relative; width:32.3%; margin:0.5%; float:left; padding:15px; background:#fff; transition:all 0.2s ease-in; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); box-sizing:border-box; border-radius:5px; } #product-box-2 img{ width:100%; max-width:100%; } #product-box-2:hover{ -webkit-transform: scale(1.05); transform: scale(1.05); transition:all 0.2s ease-in; } #product-box > .prTitle{ position:relative; width:100%; font-size:13px; line-height:18px; padding:10px 20px; height:60px; margin:0 auto; font-weight:500; background:#f9f9f9; color:#212121; overflow:hidden; display: flex; justify-content: center; align-content: center; flex-direction: column; } #product-box > .prTitle span{ color:#999; font-weight:300; } #product-box > .prPrice{ position:relative; max-width:100%; font-size:20px; line-height:18px; padding:10px 20px; min-height:70px; font-weight:500; color:#252525; background:#fff; text-align:left; } #product-box > .prPrice span{ color:#fe9800; font-size:14px; font-weight:300; text-decoration:line-through; } #product-box > .prDetail{ position:absolute; z-index:2; bottom:0; width:100%; height:50px; line-height:50px; font-size:13px; font-weight:500; color:#252525; } #product-box > .VaryantAna{ position:absolute; top:-5px; left:0; right:0; text-align:left; width:100%; } #product-box > .VaryantAna > .VrListesi{ position:relative; width:auto; height:auto; padding:3px; font-size:11px; font-weight:600; background:#fe9800; color:#fff; display:inline-block; } #product-menu{ position:relative; width:20%; float:left; border-radius:5px; padding:0; margin:0; background:#FFF; } .product-menu-border{ position:relative; width:100%; border-radius:5px; padding:10px; margin:0; border-radius:0px; border:1px solid #f0f0f0; display:block; } .product-filter-border{ position:relative; width:100%; max-height:250px; border-radius:5px; padding:20px; margin:0; border-radius:0px; border:1px solid #f0f0f0; display:block; } .product-filter-border-alt{ position:relative; max-width:100%; max-height:210px; border-radius:5px; padding:0px; margin:0; border-radius:0px; overflow-x:hidden; overflow-y:scroll; display:block; } .product-filter-border-alt::-webkit-scrollbar { width: 4px; } .product-filter-border-alt::-webkit-scrollbar-track { box-shadow: inset 0 0 5px white; border-radius: 0px; } .product-filter-border-alt::-webkit-scrollbar-thumb { background: #ccc; border-radius: 0px; } .product-filter-border-alt::-webkit-scrollbar-thumb:hover { background: #ccc; } #product-menu ul{ font-family: 'Montserrat', sans-serif; list-style:none; padding:0; margin:0; } #product-menu ul li a{ position:relative; color:#000; font-size:12px; line-height:20px; padding:10px 20px; font-weight:500; display:block; } #product-menu ul li a > .hover-arrow{ position:absolute; right:0px; top:30%; color:#fe9800; display:none; font-size:28px; } #product-menu ul li a:hover > .hover-arrow{ display:block; } #product-menu ul li{ border-bottom:1px solid #f7f7f7; box-sizing:border-box; transition:all 0.2s ease-in; } #product-menu ul li:last-child{ border-bottom:0px;} #product-menu ul li:hover{ border-left:3px solid #fe9800; transition:all 0.2s ease-in; } #product-menu ul li a:hover span{ } #product-menu ul li.active{ transition:all 0.2s ease-in; border:0px; border-radius:0px; font-weight:700 !important; color:#f00; } #product-menu ul li.active a{ font-weight:700; color:#f00; } #product-menu ul li.active a > .hover-arrow{ color:#fff; display:block; right:-2px; } #product-menu ul li:last-child{} #product-menu ul li.active ul{ } #product-menu ul li.active ul li a{ font-weight:500; color:#000; } #product-menu ul li.active ul li.active a{ font-weight:500; color:#f00; } #product-menu ul li ul li{ border:0px solid #CCC; } #product-menu ul li ul li.active{ } #product-menu ul li ul li a{ color:#000; font-size:12px; font-weight:300; padding:10px; padding-left:30px; transition:all 0.2s ease-in; } #product-menu ul li ul li a:hover{ background:#b2b2b2; border-radius:0px;transition:all 0.2s ease-in; } #product-menu ul li ul li:hover{ border:0px; } #product-menu ul li ul li ul li a{ font-size:12px; font-weight:300; padding:5px; padding-left:60px; transition:all 0.2s ease-in; box-sizing:border-box; } .more-category { display: none; } .show-more { display: none; margin-top: 1rem; } #showMore{ border: 0; outline: 0; text-align: left; background: none; cursor: pointer; font-family: 'Montserrat', sans-serif;font-weight:400; font-size:12px; color:#000; width:100%; text-align:center; border-top:1px solid #f0f0f0; padding:5px; background:#f0f0f0; } #product-filter{ position:relative; width:100%; float:left; border-radius:5px; padding:0; margin:10px auto; background:#FFF; } #product-filter > .Filter{ font-family: 'Montserrat', sans-serif; color:#ccc; font-size:13px; line-height:40px; padding:5px 20px; font-weight:500; display:block; background:#f0f0f0; } #product-filter > .TitleFilter{ font-family: 'Montserrat', sans-serif; color:#000; font-size:12px; line-height:20px; padding:10px; font-weight:700; display:block; background:#f9f9f9; } #product-filter ul{ font-family: 'Montserrat', sans-serif; list-style:none; padding:0; margin:0; } #product-filter ul li a{ position:relative; color:#000; font-size:11px; line-height:20px; padding:5px 5px; font-weight:500; display:block; } #product-filter ul li a > .hover-arrow{ position:absolute; right:0px; top:30%; color:#fe9800; display:none; font-size:28px; } #product-filter ul li a:hover > .hover-arrow{ display:block; } #product-filter ul li{ border-bottom:1px solid #f7f7f7; box-sizing:border-box; transition:all 0.2s ease-in; } #product-filter ul li:hover{ border-left:none; background:#f0f0f0; transition:all 0.2s ease-in; } #product-filter ul li a span{ width:auto; height:20px; line-height:20px; margin-top:0px; text-align:center; font-size:11px; color:#000; font-weight:400; } #product-filter ul li.active{ background:#fe9800; transition:all 0.2s ease-in; border:0px; border-radius:0px; } #product-filter ul li.active a{ color:#FFF; } #product-filter ul li.active a > .hover-arrow{ color:#fff; display:block; right:-2px; } #marka-filter{ position:relative; width:100%; float:left; border-radius:5px; padding:0; margin:10px auto; background:#FFF; } #marka-filter > .Filter{ font-family: 'Montserrat', sans-serif; color:#ccc; font-size:13px; line-height:40px; padding:5px 20px; font-weight:500; display:block; background:#f0f0f0; } #marka-filter > .TitleMarka{ font-family: 'Montserrat', sans-serif; color:#000; font-size:12px; line-height:20px; padding:10px; font-weight:700; display:block; background:#f9f9f9; } #marka-filter ul{ font-family: 'Montserrat', sans-serif; list-style:none; padding:0; margin:0; } #marka-filter ul li a{ position:relative; color:#000; font-size:11px; line-height:20px; padding:5px 5px; font-weight:500; display:block; } #product-content{ position:relative; float:right; width:78%; min-height:500px; padding:0; background:#FFF; border-radius:5px; box-sizing:border-box; z-index:3; } #product-content img{ max-width:100%; margin-top:0%; margin-bottom:3%; } #product-content #dvUrunListesi > .FilterContent{ position:relative; width:100%; margin-bottom:20px; padding:0px 20px; background:#f9f9f9; box-sizing:border-box; z-index:56; text-align:left; } #product-content #dvUrunListesi > .FilterContent > .ranking{ position:relative; width:auto; min-height:25px; line-height:25px; margin:12.5px auto; box-sizing:border-box; z-index:56; display:inline-block; text-align:center; } #product-content > .FilterContent > .ranking a{ width:25px; height:25px; line-height:25px; border:0px solid #666; color:#666; font-size:11px; margin-left:-4px; display:inline-block; box-sizing:border-box; vertical-align:top; } #product-content #dvUrunListesi > .FilterContent > .ranking a:hover{ width:25px; height:25px; line-height:25px; border:1px solid #000; color:#000; font-size:11px; display:inline-block; } #product-content #dvUrunListesi > .FilterContent > .ranking a.AktifSyf{ width:25px; height:25px; line-height:25px; border:1px solid #666; background:#666; color:#fff; font-size:11px; display:inline-block; border:0px; } #product-content #dvUrunListesi > .FilterContent > .ranking a.Sonraki{ width:auto; height:25px; line-height:25px; color:#666; font-size:11px; display:inline-block; border:0px; } #product-content #dvUrunListesi > .FilterContent > .ranking a.Sonraki:hover{ color:#fe9800; } #Marka-box{ position:relative; width:9%; margin:0.5%; float:left; padding:0px; background:#fff; transition:all 0.2s ease-in; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); box-sizing:border-box; text-align:center; z-index:1; } #Marka-box > #MrkResim{ position:relative; width:80%; height:100px; margin:0 auto; } #Marka-box img{ position:absolute; max-width:90%; max-height:100px; top: 50%; left:50%; transform: translate(-50%, -50%); } #Marka-box:hover{ -webkit-transform: scale(1.08); transform: scale(1.08); transition:all 0.2s ease-in; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); z-index:2; } #Marka-box-2{ position:relative; width:32.3%; margin:0.5%; float:left; padding:15px; background:#fff; transition:all 0.2s ease-in; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); box-sizing:border-box; border-radius:5px; } #Marka-box-2 img{ width:100%; max-width:100%; } #Marka-box-2:hover{ -webkit-transform: scale(1.05); transform: scale(1.05); transition:all 0.2s ease-in; } #Marka-box > .MrkTitle{ position:relative; width:100%; font-size:13px; line-height:18px; padding:10px 20px; height:60px; margin:0 auto; font-weight:500; background:#f9f9f9; color:#212121; overflow:hidden; } .rankingRight{ float:right; line-height:25px; margin:10px auto; color:#fff; font-size:11px; background:none;} .rankingRight button{ background:#666 !important; border-radius:0; } .rankingRight button:active{ color:#fff; } .rankingRight button:focus{ color:#fff; } .rankingRight ul{ line-height:25px; margin:12.5px auto; color:#fff; font-size:11px; background:rgba(102,102,102,0.70); border-radius:0; margin-top:0px;} .rankingRight ul li a{ color:#fff; } .rankingTop{ width:50%; float:left; line-height:25px; margin:0px auto; font-size:11px; background:none;} .rankingTop button{ width:100%; line-height:40px; background:#fe9800 !important; color:#fff; border-radius:0; } .rankingTop button:active{ color:#fff; } .rankingTop button:focus{ color:#fff; } .rankingTop ul{ width:100%; line-height:25px; margin:12.5px auto; color:#fff; font-size:11px; background:rgba(156,125,61,1.00); border-radius:0; margin-top:0px;} .rankingTop ul li a{ color:#fff; } .style1{font-family: 'Montserrat', sans-serif; font-size:12px; width:100%; margin:10px auto; background:#f1f3f4 !important; color:#666; border:0px; padding:15px; box-sizing:border-box; border-radius:3px; outline:0 !important; font-weight:300; min-height:40px !important; } .style2{ font-family: 'Montserrat', sans-serif; font-size:12px; width:100%; height:150px; margin:10px auto; background:#f1f3f4 !important; color:#666; border:0px; padding:15px; box-sizing:border-box; border-radius:3px; outline:0; font-weight:300; } .buton-form{ font-family: 'Montserrat', sans-serif; font-weight:500; font-size:16px; color:#fff; font-weight: 700; background:#fe9800;width:150px;height:50px;line-height:50px;padding:0px 30px;border:0px;box-sizing:border-box;cursor:pointer; display:inline-block; text-align: center; float: right; border-radius: 5px; } .buton-form:hover{ background:#000; } #yarim{ position:relative; width:50%; float:left; box-sizing: border-box;} #yarim1{ position:relative; width:49%; float:left; box-sizing: border-box;} #yarim2{ position:relative; width:49%; float:right; box-sizing: border-box;} #ucceyrek{ position:relative; width:75%; float:left; box-sizing: border-box; } #ceyrek{ position:relative; width:25%; float:left; box-sizing: border-box; } #uclu{ position:relative; width:31.3%; margin: 1% 0; display: inline-block; vertical-align: top; box-sizing: border-box;} .text{ font-family: 'Montserrat', sans-serif; font-size:14px; line-height: 24px; font-weight:500; color:#000; } .text-white{ font-family: 'Montserrat', sans-serif; font-size:14px; line-height: 24px; font-weight:500; color:#fff; } #kapsam{ position:relative; width: 1200px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #orta-resim{width: 100%; border-radius: 5px;} #orta-resim-yazi{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: auto; float: right; margin-top: -160px; padding-right: 15px;} #orta-resim-yazi > #yazi1{font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 100; color: #FFFFFF; line-height: 35px;} #orta-resim-yazi > #yazi1 span{font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 600; color: #FFFFFF; } #orta-resim-yazi-detay{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 190px; height: 50px; text-align: center; line-height: 50px; float: right; background: #fc3a6e; color: #fff; font-size: 16px; text-decoration: none; margin-top: -80px; transition:all 0.3s ease-in;} #orta-resim-yazi-detay span{font-weight: 700;} #orta-resim-yazi-detay:hover{ background: #000000; } #orta-hizmetler{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 75%; border:1px solid #fc3a6e; border-radius: 5px; margin: 0 auto; height: 200px; margin-top: -50px; z-index: -1;} #orta-hizmetler-kutu{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 24%; margin: 0.5%; float: left; font-size: 16px; font-weight: 900; color: #4f4d4d; margin-top: 50px; } #orta-hizmetler-kutu span{ font-weight: 300;} #orta-hizmetler-kutu img{max-width: 100%; float: left; padding-right: 15px; } #orta-baslik-resimli{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 1px; background: #e1e1e1; text-align: center;} #orta-baslik-resimli-img{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center;background: #FFFFFF; width: 35px; margin: 0 auto; margin-top: -18px; } #coksatanlar-baslik{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; font-family: 'Montserrat', sans-serif; font-size: 30px; text-align: center; font-weight: 300; color:#4f4d4d; letter-spacing: 5px;} #urunlersol{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 55%; min-height:545px; padding:0px; float: left; text-align: center; border:10px solid #f9f9f9; border-top:0px; border-right:0;} #urunlersol > #kucuk-resim{position: relative; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 34%; margin: 0.5%; text-align: center;} #urunlersag{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 45%; float: right; padding: 0px 0; font-family: 'Montserrat', sans-serif;font-weight:300; font-size:13px; color:#4f4d4d; min-height:545px; padding:30px 50px; padding-bottom:0; background:#f9f9f9; } #urunlersag p{ font-family: 'Montserrat', sans-serif; font-size: 12px; text-align: center; font-weight: 400; color:#787878; text-align:left; } #urunlersag > #envelope{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: auto; float: left; margin-right: 15px; color:#4f4d4d; font-size: 22px; padding-bottom:15px; } #urunlersag > #facebook{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: auto; float: left; margin-right: 15px; color:#3b5998; font-size: 22px; padding-bottom:15px; } #urunlersag > #twitter{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: auto; float: left; margin-right: 15px; color:#5ea9dd; font-size: 22px; padding-bottom:15px; } #urunlersag > #DetayFormAlan{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0px; border: 0px solid #f0f0f0; margin: 5px 0;} #urunlersag > #DetayFormAlan > form > #DetayFormAlanBaslik{width:100%; height:auto; display:block; padding:10px; background:#eee; text-align:center; color:#000; } #urunlersag > #DetayFormAlan > #zorunlualan{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: auto; float: right; font-family: 'Montserrat', sans-serif;font-weight:400; font-size:11px; color:#FF0004;} #urunlersag > #DetayFormAlan > form h5{ font-size:16px; margin-top:10px; font-weight:500; } .buttonclass{border: 0; outline: 0; text-align: left; margin-left: -5px; background: none; cursor: pointer; font-family: 'Montserrat', sans-serif;font-weight:300; font-size:12px; color:#fd712d;} #urunlersag > #DetayFormAlan select{width: 29%; border: 0; outline: 0; border: 1px solid #d9d9d9; padding: 10px; font-family: 'Montserrat', sans-serif;font-weight:300; font-size:13px; color:#4f4d4d;} #urunlersag > #DetayFormAlan select option{ border: 0; outline: 0; padding: 10px; font-family: 'Montserrat', sans-serif;font-weight:500; font-size:14px; color:#4f4d4d;} #urunlersag > #DetayFormAlan select option:hover{ background: #000;} #urunlersag > #fiyat-alan{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 45%; float: left;} #urunlersag > #fiyat-alan > #fiyatindirim{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Montserrat', sans-serif;font-weight:400; font-size:22px; color:#4f4d4d; text-decoration: line-through; width: 100%;} #urunlersag > #fiyat-alan > #fiyatnormal{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Montserrat', sans-serif;font-weight:700; font-size:36px; color:#fe9800; line-height:30px; width: 100%;} #urunlersag > #sayilar{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 10%; float: left;} #sepeteekleme{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:auto; padding:0px 3px; height:40px; line-height:40px; text-align: center; background: #fe9800; color:#fff; float: left; font-family: 'Montserrat', sans-serif;font-weight:600; font-size:13px; text-decoration: none; margin: 0% 2%; transition:all 0.2s ease-in; border:0px; } #sepeteekleme:hover{background: #000;} #magazadanal{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 24%; padding: 7.5px; text-align: center; background: #fe9800; color:#fff; float:right; font-family: 'Montserrat', sans-serif;font-weight:600; font-size:15px; text-decoration: none; transition:all 0.2s ease-in; } #magazadanal:hover{background: #4f4d4d;} #magazadanal span{ font-weight:300; font-size:12px; } #urunlerbaslik{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; font-family: 'Montserrat', sans-serif; font-weight:600; font-size:20px; color:#2c2c2c; line-height:normal; padding:0; margin:0; } #urunlerkategori{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:12px; color:#666666; line-height:12px; padding:0 0 10px 0; margin:0 0 20px 0; text-align:left; border-bottom:3px solid #b7b7b7; min-height:50px; display:table; } #urunlerkategori span{ display: table-cell; vertical-align: middle; } #urunlerurunkodu{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:12px; color:#666666; line-height:12px; padding:0 0 10px 0; margin:0 0 20px 0; text-align:right; border-bottom:3px solid #fe9800; min-height:50px; display:table; } #urunlerurunkodu span{ display: table-cell; vertical-align: middle; } #urunlersag > #BilgiKutu{ font-family: 'Montserrat', sans-serif; position:relative; float:left; width:49%; height:70px; text-align:center; padding:0px; line-height:14px; margin:0.5%; text-align:center; border:1px solid #ccc; border-radius:0px; } #urunlersag > #BilgiKutu > div{ position:absolute; width:75%;top: 50%; left:20%; transform: translate(-20%, -50%); line-height:10px; color:#000; text-align:left; } #urunlersag > #BilgiKutu > i{ position:absolute; font-size:16px; color:#fff; width:auto; line-height:70px; height:100%; background:#666; right:0; text-align:center; padding:0 10px; } #urunlersag > #BilgiKutu > div span{ font-size:12px; font-weight:500; line-height:12px; display:inline-block; padding:0; margin:0; } #urunlersag > #BilgiKutu > div p{ font-size:12px; font-weight:500; line-height:12px; color:#000; padding:0; margin:0; display:inline-block; } .quantity {position: relative; width:auto; float:right; } input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;} input[type=number]{-moz-appearance: textfield;} .quantity input {font-family: 'Montserrat', sans-serif; font-size:20px; font-weight:900;width: 80px;height: 40px;line-height:40px;float: left;display: block;padding: 0; margin: 0;border: 1px solid #ccc; text-align: left; padding-left:15px; box-sizing:border-box; } .quantity input:focus {outline: 0;} .quantity-nav { float: left;position: relative; height: 40px;} .quantity-button {position: relative;cursor: pointer;border-left: 1px solid #252525;width: 30px;text-align: center;color: #fff;font-size: 12px;font-family: 'Montserrat', sans-serif;font-weight:500; line-height: 20px;-webkit-transform: translateX(-100%);transform: translateX(-100%);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; background:#000;} .quantity-button.quantity-up { position: absolute;height: 50%;top: 0;border-bottom: 1px solid #333;} .quantity-button.quantity-down { position: absolute;bottom: 0px;height: 50%; } #tabbeyaz{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 33.3%; text-align: center; color: #715b36; padding: 15px; font-size: 14px;font-family: 'Montserrat', sans-serif;font-weight:500; float: left;} #tabbeyaz h3{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border-top: 1px solid #c2c2c2; text-align: center; color: #c2c2c2; padding: 15px; font-size: 14px;font-family: 'Montserrat', sans-serif;font-weight:500; float: left;} #icdiv{position: relative; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:30%; margin: 0.5%; text-align: center; color: #715b36; font-size: 14px;font-family: 'Montserrat', sans-serif;font-weight:500;} #icdiv img{max-width: 100%;} #tabbeyaz2{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 33.3%; text-align: center; color: #715b36; padding: 15px; font-size: 14px;font-family: 'Montserrat', sans-serif;font-weight:500; float: left;} #tabbeyaz2 h3{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border-top: 1px solid #c2c2c2; text-align: center; color: #c2c2c2; padding: 15px; font-size: 14px;font-family: 'Montserrat', sans-serif;font-weight:500; float: left;} #icdiv2{position: relative; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:30%; margin: 0.5%; text-align: center; color: #715b36; font-size: 14px;font-family: 'Montserrat', sans-serif;font-weight:500;} #icdiv2 img{max-width: 100%;} #ciplakgozlekusursuz{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 13%; margin: 0.5%; float: left; text-align: center; color: #715b36; padding: 15px; font-size: 14px;font-family: 'Montserrat', sans-serif;font-weight:500;} #ciplakgozlekusursuz-baslik{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border-top: 1px solid #c2c2c2; text-align: center; color: #c2c2c2; padding: 15px; font-size: 14px;font-family: 'Montserrat', sans-serif;font-weight:500; float: left;} #ciplakgozlekusursuz img{width: 100%;} #kesimkalitesi{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 24%; margin: 0.5%; float: left; text-align: center; color: #715b36; padding: 15px; font-size: 14px;font-family: 'Montserrat', sans-serif;font-weight:500;} #kesimkalitesi img{width: 100%} #pirlanta-sertifika{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 32.3%; margin: 0.5%; float: left; text-align: center; color: #715b36; padding: 15px; font-size: 14px;font-family: 'Montserrat', sans-serif;font-weight:500;} #pirlanta-sertifika img{max-width: 100%} #tavsiyelerimiz{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 49%; margin: 0.5%; float: left;} #tavsiyelerimiz input{vertical-align: middle !important; float: left; margin-top: 80px;} #tavsiyelerimiz label{ float: right; width: 95%; border: 1px solid #dedede; padding: 15px;} #tavsiyelerimiz label > #tavsiyebaslik{ font-family: 'Montserrat', sans-serif;font-weight:300; font-size:14px; color:#4f4d4d; padding: 10px 0;} #tavsiyelerimiz label p{ font-family: 'Montserrat', sans-serif;font-weight:400; font-size:12px; color:#4f4d4d;} footer{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; background:none; padding: 40px 0;} footer .link-alan{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 18%; margin: 1%; min-height:500px; float: left; text-align:left; border-right:1px solid #e5e5e5; } footer .link-alan2{ position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 38%; margin: 1%; float: left; text-align:left; border-right:1px solid #e5e5e5; min-height:220px; } footer .link-alan3{ position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 18%; margin: 1%; float: left; text-align:left; min-height:220px; } footer .link-baslik{ position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; font-family: 'Montserrat', sans-serif;font-weight:700; font-size:14px; color: #666; padding: 15px 0; text-align:left; } footer .link{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; font-family: 'Montserrat', sans-serif;font-weight:500; font-size:13px; color: #bababa; padding:5px; display:inline-block; text-align:left; border-bottom:1px solid rgba(0,0,0,0); box-sizing:border-box; } footer .link:hover{ color:#000; } footer .link2{ width: 49%; } footer .cizgi{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 1px; background: #dddddd; margin: 35px 0; } footer .sosyalmedya{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #222;font-size: 13px; font-weight:600; line-height:45px; cursor:pointer; } footer .sosyalmedya i{ float:left; border-radius:100%; width:40px; height:40px; line-height:40px; background:#fe9800; border:1px solid #fe9800; color:#fff; margin-right:15px; text-align:center;} footer .sosyalmedya:hover i{ background:#000; border:1px solid #000; color:#fff; } footer .copy{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; text-align: center;font-family: 'Montserrat', sans-serif;font-weight:500; font-size:13px; color: #bababa; padding:5px; margin: 25px 0; } #filtrekapa{ position:relative; width:auto; display:inline-block; min-width:110px; vertical-align:top; box-sizing:border-box; padding:5px; font-size:11px; color:#666; line-height:normal; border:1px solid #ccc; text-align:left; } #filtrekapa span{ font-size:11px; color:#ccc; } #filtrekapa a{ position:relative; float:right; margin-left:10px; padding:5px; font-size:16px; background:#ccc; color:white; display:block; box-sizing:border-box; } #sepetucceyrek{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 74%; float: left; box-shadow: 0px 0px 100px rgba(0,0,0,0.1);} #sepetceyrek{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 24%; float: right; } #sepetaciklama{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 15px 25px; background: #FFFFFF;} #h1z1{position: relative; width:50px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Montserrat', sans-serif;font-weight:600; font-size:24px; color:#fe9800; line-height:35px; padding-bottom: 0px; margin-bottom:-25px; float:left; } #DayZ{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Montserrat', sans-serif;font-weight:300; font-size:12px; } #bilgilendirme{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 200px; overflow: auto; background-color: #f5f5f5; padding: 15px;} #ozeturun{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 99%; background-color: #f5f5f5; padding: 15px; margin: 5px;} #sepetaciklamaresim{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 10%; float: left; padding: 15px 0; } #sepetaciklamaresim img{width: 100%} #sepetaciklamaurun,#sepetaciklamaurun2{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 40%; float: left; padding: 0px 0; font-family: 'Montserrat', sans-serif;font-weight:500; font-size:15px; color:#000; margin-left:5%;} #sepetaciklamaurun-kargo{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Montserrat', sans-serif;font-weight:400; font-size:14px; color:#000;} #sepetaciklamaurun-kargo i{color:#fe9800; font-size: 18px; padding-right: 5px;} #sepetaciklama-sil{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Montserrat', sans-serif;font-weight:500; font-size:15px; color:#000; background: #eee; text-align: center; width:auto; height:auto; line-height:normal; margin: 1px; padding:5px 8px; text-decoration: none; float:left;} #cizikhulo{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 1px; background: #eee; margin: 10px 0;} #sepetaciklama-adet{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 15%; float: left;} #sepetaciklama-adet2{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 15%; float: left; padding: 25px 0 0 35px; font-weight: 500;} #sepetaciklama-fiyat{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 15%; float: left; text-align: right;} #sepetaciklama-fiyat-indirim{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Montserrat', sans-serif;font-weight:500; font-size:15px; text-decoration: line-through; color: #bfbfcd;} #sepetaciklama-fiyat-indirimsiz{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Montserrat', sans-serif;font-weight:600; font-size:18px; color: #484848;} #tutarozet{ position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Montserrat', sans-serif;font-weight:500; font-size:15px; color: #bfbfcd; width: 100%; margin: 0; padding: 0; } #ozetsepetlink{position: absolute; text-decoration: none; font-size: 14px; font-weight: 500; color: #000; top: 0; } #ozetsepetlink:hover{color: #999;} #sepetaciklama-adet-baslik{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Montserrat', sans-serif;font-weight:600; font-size:15px; color:#9f9191; text-align: right; width: 15%; float: right;} #sepetaciklama-fiyat-baslik{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Montserrat', sans-serif;font-weight:600; font-size:15px; color:#9f9191; text-align: right; width: 15%; float: right;} #sepetaciklama2{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding-top: 25px; background: #FFFFFF;} #ozetbaslik{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#fe9800; font-size: 22px; font-weight:600; padding: 0px 25px;} #urunadet{font-weight: 500; padding: 0px 25px;} #tutar{font-size: 15px; font-weight: 400; color: #907b7b; padding-top: 10px; padding: 0px 25px;} #tutar2{font-size: 26px; font-weight: 600; color: #000; padding: 0px 25px;} #sepetbutton { position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;outline: 0; border: 0; width: 90%; padding: 15px; background-color: #fe9800; color: #FFF; font-weight: 600; border-radius: 5px; margin: 15px; text-decoration: none; text-align: center; } #sepetbutton:hover{background-color: #000; cursor: pointer;} #sepetbutton2 { position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;outline: 0; border: 0; width: 90%; padding: 15px; background-color: #fe9800; color: #FFF; font-weight: 600; border-radius: 5px; margin: 15px; text-decoration: none; text-align: center; } #sepetbutton2:hover{background-color: #000; cursor: pointer;} #sepetbutton3 { position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;outline: 0; border: 0; width: 90%; padding: 15px; background-color: #fe9800; color: #FFF; font-weight: 600; border-radius: 5px; margin: 15px; text-decoration: none; text-align: center; } #sepetbutton3:hover{background-color: #000; cursor: pointer;} #urunlertoplam{font-size: 13px; font-weight: 400; color: #907b7b;} #urunlertoplamfiyat{font-size: 24px; font-weight: 600; color: #000;} #alisverisdevam { position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; border: 0; width: 150px; padding: 5px; background-color: #dddddd;color: #919191;font-weight: 600; border-radius: 5px;margin: 15px;line-height: 25px; } #alisverisdevam:hover { background-color: #000; cursor: pointer; } #teslimatust{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; background-color: #ededed;} #teslimatalan,#teslimatalan2{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 74%; padding: 15px 0px; background:#e0e0e0; } #teslimatalan2{width: 100%;} #teslimataltalan{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 90%; margin: 0 auto;} #h1Baslik{position: relative; width:100%; display: block; box-sizing: border-box; font-family: 'Montserrat', sans-serif; font-weight:600; font-size:24px; color:#fe9800; line-height:35px; padding-bottom: 0px; margin-bottom:0; } .teslimatkutu, .teslimatkutu2{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 25%; text-align: center; float: left;} .teslimatkutu::after{position: absolute; content: ''; width: 60%; height: 3px; background-color: rgba(255, 255, 255, 0.5); right:-60px; top: 30px;} .teslimatkutu::after:last-child{position: absolute; content: ''; width: 60%; height: 0px; background-color: #FFF; right:-45px; top: 30px;} .teslimatkutu2::after{position: absolute; content: ''; width: 80%; height: 3px; background-color: rgba(255, 255, 255, 0.5); right:-75px; top: 30px;} .kaldiroc::after{display: none;} .teslimatkutu p{color: #666; font-weight: 300; font-size: 11px; line-height:10px; margin-top:15px; } .teslimatkutu a{text-decoration: none;} .teslimatkutu a:hover{background-color: #fe9800;} .yuvarlak{width: 60px; height: 60px; line-height: 60px; border-radius: 100%; background:rgba(255, 255, 255, 0.5); text-align: center; font-size: 24px; color: #fe9800; margin: 0 auto;} .yuvarlak i{ line-height: 60px; color: #666;} .yaktif{background-color: rgba(255, 255, 255, 1); box-shadow: 0px 10px 5px rgba(0,0,0,0.1); } .yaktif > i {display: block; color: #fe9800;} .xaktif::after{background-color: rgba(255, 255, 255, 1);} .teslimatadres{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 49%; margin: 0.5%; float: left; } .teslimatadresbaslik{ font-size:13px; font-weight: 600; line-height:40px;} #adreseklebutton{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; border:0; width: 150px; padding: 10px; background-color: #dddddd; color: #000; font-weight: 600; border-radius: 5px; margin: 15px 0;} #adreseklebutton:hover{background-color: #000; color: #FFF; cursor: pointer;} #havale { position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } #havale-radio { position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 8%; padding: 1%; float: left; line-height: 65px; } #havale-radio input[type=radio]{ width: 25px; height: 25px; border-radius: 100%; background-color: #FFF; border: 1px solid #CCC; color: #907b7b; } #havalebanka{ position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 13%; padding: 1%; float: left; line-height: 70px; } #havalebanka img{ width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #iban{ position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 73%; padding: 1%; float: left; text-align: left; } #ibannumara, #ibanbilgi{ position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } #sepetaciklama-adet-baslik{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Montserrat', sans-serif;font-weight:600; font-size:15px; color:#9f9191; text-align: right; width: 15%; float: right;} #sepetaciklama-fiyat-baslik{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Montserrat', sans-serif;font-weight:600; font-size:15px; color:#9f9191; text-align: right; width: 15%; float: right;} #sepetaciklama2{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding-top: 25px; background: #FFFFFF;} #ozetbaslik{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#fe9800; font-size: 22px; font-weight:600; padding: 0px 25px;} #urunadet{font-weight: 500; padding: 0px 25px;} #tutar{font-size: 15px; font-weight: 400; color: #907b7b; padding-top: 10px; padding: 0px 25px;} #tutar2{font-size: 26px; font-weight: 600; color: #000; padding: 0px 25px;} #sepetbutton { position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;outline: 0; border: 0; width: 90%; padding: 15px; background-color: #fe9800; color: #FFF; font-weight: 600; border-radius: 5px; margin: 15px; text-decoration: none; text-align: center; } #sepetbutton:hover{background-color: #000; cursor: pointer;} #fiyatbg{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f5f5f5; width: 100%!important; padding: 15px 25px;} #uyelik-content{ width:100%; min-height:600px; background:url(/img/userbg.jpg) top center repeat-y; } #uyelik-image { width:20%; height:auto; float:left; display:block; } #uyelik-image img { width:100%; border-top-left-radius:3px; border-bottom-left-radius:3px; } #uyelik-icon{ width:60px; height:60px; line-height:60px; background:#fff; color:#9e7f41; text-align:center; font-size:25px; float:left; box-shadow:0px 0px 0px 7px rgba(0,0,0,0.1); } #uyelik-icon-text { width:80%; height:100px; margin-left:30px; color:#333; text-align:left; font-size:20px; float:left; vertical-align:text-top; } #uyelik-icon-text h3{ font-size:20px; line-height:normal; padding:0px; margin:5px auto !important; font-family: 'Montserrat', sans-serif; font-weight:300; } #uyelik-icon-text p{ font-size:12px; font-family: 'Montserrat', sans-serif; font-weight:300; } ::-webkit-input-placeholder { font-size:14px; font-family: 'Montserrat', sans-serif; font-weight:500; color: #666; } :-moz-placeholder { font-size:14px; font-family: 'Montserrat', sans-serif; font-weight:500; color: #666; } ::-moz-placeholder { font-size:14px; font-family: 'Montserrat', sans-serif; font-weight:500; color: #666;} :-ms-input-placeholder { font-size:14px; font-family: 'Montserrat', sans-serif; font-weight:500; color: #666; } * { outline: 0; } .dropdown { width: 100%; display: inline-block; background-color: #fff; border-radius: 3px; box-shadow: 0 0 2px rgb(204, 204, 204); transition: all .5s ease; position: relative; font-size: 14px; color: #474747; height: 100%; text-align: left; } .dropdown .select { cursor: pointer; display: block; padding: 15px 10px; } .dropdown .select > i { font-size: 13px; color: #888; cursor: pointer; transition: all .3s ease-in-out; float: right; line-height: 20px } .dropdown:hover { box-shadow: 0 0 4px rgb(204, 204, 204) } .dropdown:active { background-color: #f8f8f8 } .dropdown.active:hover, .dropdown.active { box-shadow: 0 0 4px rgb(204, 204, 204); border-radius: 5px 5px 0 0; background-color: #f8f8f8} .dropdown.active .select > i { transform: rotate(-90deg) } .dropdown .dropdown-menu { position: absolute; background-color: #f0f0f0; width: 100%; left: 0; margin-top: 1px; box-shadow: 0 0px 0px rgb(204, 204, 204); border-radius: 0; overflow: hidden; display: none; max-height: 144px; overflow-y: auto; border:0px; border-bottom:3px solid #ccc; z-index: 9; } .dropdown .dropdown-menu li { padding: 10px; border-bottom:1px solid #ccc; transition: all .2s ease-in-out; cursor: pointer} .dropdown .dropdown-menu { border-radius:0px; padding: 0; list-style: none} .dropdown .dropdown-menu li:hover { background-color: #ccc; } .dropdown .dropdown-menu li:active { background-color: #e2e2e2 } .dropdown .dropdown-menu li.Yeni{ padding:0px; text-align:center; border-bottom-left-radius:10px; border-bottom-right-radius:10px; display:block; } .dropdown .dropdown-menu li a{ padding:10px; background:#fe9800; color:#fff; font-weight:700; width:100%; display:block; } .dropdown .dropdown-menu li a:hover{ background:#000; color:#fe9800; } .container-check {display: block;position: relative; padding-left: 35px;margin-bottom: 12px; cursor: pointer; font-size: 13px; -webkit-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none; line-height:30px; } .container-check input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px;background-color: #eee; border-radius:100%; font-size:15px; font-weight:300; } /* On mouse-over, add a grey background color */ .container-check:hover input ~ .checkmark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .container-check input:checked ~ .checkmark { background-color: #2196F3; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none;} /* Show the checkmark when checked */ .container-check input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .container-check .checkmark:after { left: 10px; top: 5px; width: 7px; height: 14px;border: solid white; border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .accordion { max-width: 100%; background: #fff; margin: 0 auto; box-shadow: 0 1px 2px rgb(220, 220, 220); } .heading { font-family: 'Montserrat', sans-serif; color: #252525; font-size:16px; box-shadow: 0 1px 2px rgb(220, 220, 220); letter-spacing: 0.8px; padding: 15px; cursor: pointer; } .heading:nth-last-child(2){ border-bottom:0; } .heading:hover { background: #fe9800; border-radius: 0; } .heading:first-child:hover { border-radius: 0; } .heading:nth-last-child(2):hover{ border-radius:0; } .heading::before { content: ''; vertical-align: middle; display: inline-block; border-top: 7px solid #f5f5f5; border-left: 7px solid transparent; border-right: 7px solid transparent; float: right; transform: rotate(0); transition: all 0.5s; margin-top: 5px; } .active.heading::before { transform: rotate(-180deg); } .not-active.heading::before { transform: rotate(0deg); } .contents { display: none; background: #FFFAFA; padding: 15px; color: #7f8fa4; font-size: 13px; line-height: 1.5; } .contents form { margin: 10px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .contents form input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 49%; margin: 1% 0.5%; display: block; outline: 0; border: 0; float: left; border: 1px solid #eee; height: 50px; line-height: 50px; padding-left: 15px; } .contents form input:focus { background-color: #F5F5F5; } #onay-odeme{ position:relative; width:100%; min-height:350px; padding:50px; margin-bottom:30px; border-radius:3px; background:url(/img/Onay-Siparis.jpg) no-repeat center; display:block; } #onay-odeme > .leftBarOdeme{ position:relative; width:50%; float:left; display:block; } #onay-odeme > .leftBarOdeme > .Title1{ font-family: 'Montserrat', sans-serif; font-size: 40px; font-weight: 100; line-height:normal; padding:0; margin:0; color: #FFFFFF; } #onay-odeme > .leftBarOdeme > .Text1{ font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 400; color: #FFFFFF; } #onay-odeme > .leftBarOdeme > .Text2{ font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 700; color: #FFFFFF; } #ciz-onay { width:100%; height:1px; background:#ffcfd1; margin:20px auto; display:block; } .acil{ display:none !important; } .kapa{ display:block; } #BanUstu{position:relative; width:100%; height:auto; padding:20px; background:#000; border-bottom:2px solid #fff; text-align:center; font-family: 'Montserrat', sans-serif; font-size: 17px; font-weight: 300; color:#fff;} #BanUstu span{ font-size: 21px; font-weight: 700; color:#f00; } #BanUstu span a{ color:#f00; border-bottom:1px solid rgba(255,0,0,0.4); font-size:17px; display:inline-block; vertical-align:bottom;} #Siyah{ position:relative; width:100%; height:auto; background:#000; display:block; padding:20px 0; text-align:center; } #Siyah a{ position:relative; width:auto; display:inline-block; margin:0 30px; vertical-align:top; } #Siyah a img{ width:auto; float:left; display:block; padding:0 15px; max-height:40px; } #Siyah a span { width:auto; float:left; text-align:left; display:block; font-size:14px; font-weight:500; color:#c0c0c0; line-height:12px; padding-top:10px; } #Siyah a span b{ font-size:12px; font-weight:400; } #Siyah a:hover span{ color:#f0f0f0; } #urun-aciklama-kutu{ background:#f8f8f8; border-top:1px solid #f0f0f0; padding:50px; } #fixedFooter{position:fixed; width:100%; height:65px; background:#fff; bottom:0; left:0; right:0; z-index:57; text-align:center; box-shadow: 0px 1px 30px rgba(0,0,0,0.1); display:none; } #fixedFooter ul{ list-style:none; width:100%; vertical-align:top; } #fixedFooter ul li{ width:auto; display:inline-block; padding:15px 20px; } #fixedFooter ul li a{ position:relative; width:100%; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 600; color: #000; line-height:20px; display:block; } #fixedFooter ul li a i{position:relative; width:100%; font-size:20px; display:block; text-align:center; } #fixedFooter ul li:hover{ background:#f0f0f0; } .SayacAna{ position:absolute; background:#666; border-radius:0%; height:22px; width:22px; line-height:22px; text-align:center; font-family: 'Montserrat', sans-serif; font-size:10px; color:#fff; font-weight:400; right:15px; top:-25px; border-radius:100%;} #YorumPuan{width:100%; padding:20px; border:1px solid #f0f0f0; box-sizing:border-box; border-radius:50px; background:#fff;} #YorumPuanAlan{float:left; width:40%;} #YorumPuanAlanToplam{float:left; width:40%; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 500; line-height:53px; color: #ccc; text-align:left;} #YorumPuanHesap{float:left; width:15%; font-size:28px; font-weight:700; line-height:53px; color:#000;} #YorumPuanYildiz{float:left; width:85%; font-size:16px; line-height:53px; color:#000;} #YorumButon{background:#fe9800; border-radius:0px; height:53px; width:auto; line-height:53px; padding:0px 15px; text-align:center; float:right; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 500; color:#fff; transition:all 0.2s ease-in; border-radius:30px;} #YorumButon:hover{ background:#000; } #YorumYaziAlan{font-family: 'Montserrat', sans-serif;width:100%; padding:50px; padding-top:100px; border:1px solid #f0f0f0; border-top: 0px; box-sizing:border-box; margin-top:-50px;} #YorumYaziMetin{width:100%; background:#f9f9f9; padding:15px; margin-bottom:15px;} #YorumYaziMetinYildiz{float:left; width:85%; font-size:11px; line-height:24px; color:#000;} #YorumYaziMetinText{float:left; width:85%; font-size:12px; line-height:20px; color:#000;font-weight:700;} #Ortala{position:absolute; top: 50%; left:50%; transform: translate(-50%, -50%); min-width:75%; } .cookieinfo { max-width: 320px; height: auto;left: 20px !important;right: auto !important;bottom: 30px !important;background: rgba(0,0,0,0.8) !important; font-family: 'Montserrat',sans-serif;font-weight: 400 !important;font-size: 11px !important; } .cookieinfo-close { min-width: 20px !important;width: 30px !important;height: 30px !important;line-height: 24px !important; border-radius: 100% !important; margin-top: -20px !important;margin-right: -20px !important;text-align: center !important;padding: 0 !important;background: #fe9800 !important; border: 3px solid #fff !important;color: #fff !important; font-weight: 700 !important; } .ana-urun-indirim { position: absolute; top: 0; left: 0; background: #fe9800; color: #fff; padding: 5px 15px; z-index: 9; font-weight: 600; } .ana-urun-kargo { position: absolute; top: 0; right: 0; background: #fe9800; color: #fff; padding: 5px 15px; z-index: 9; font-weight: 600; } @media only screen and (max-width: 1500px) { #BanUstu{ padding:10px; font-size: 13px; } #BanUstu span{ font-size: 16px; font-weight: 700; color:#fff; } #BanUstu span a{ color:#fff; border-bottom:2px solid #fff; font-size:14px; height:30px; display:inline-block; vertical-align:top;} } @media only screen and (max-width: 1200px) { } @media only screen and (max-width: 1000px) { .acil{ display:block !important; } .kapa{ display:none !important; } #Enust{ display: none; } #fixedFooter{ display:block; z-index:999999999999; } #wrapper{ width: 100%; padding: 0 15px; box-sizing: border-box; } #wrapper2{ width: 100%; padding: 0 15px; box-sizing: border-box; } #anasayfa-urunleri{position: relative; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-bottom: 25px; } #Home-product-box{ position:relative; width:48%; margin:0.5%; float:left; padding:0px; background:#fff; transition:all 0.2s ease-in; box-shadow: 0px 0px 0px rgba(0,0,0,0.1); border:1px solid #f0f0f0; border-radius:5px; box-sizing:border-box; text-align:center; z-index:1; } #Home-product-box > .prPrice{ font-size:16px; line-height:18px; padding:5px; min-height:90px; } #Home-product-box > .prTitle{ font-size:12px; line-height:14px; padding:5px; height:90px; } #product-box > .prPrice{ font-size:16px; line-height:18px; padding:5px; min-height:90px; } #product-box > .prTitle{ font-size:12px; line-height:14px; padding:5px; height:90px; } footer{position: relative; display: block; } footer .link-baslik{ text-align:center; } footer .link-alan{ width: 100%; min-height:50px; text-align: center;} footer .link-alan2{ width: 100%; min-height:50px; text-align: center;} footer .link-alan3{ width: 100%; min-height:50px; text-align: center;} footer .link{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:auto; font-family: 'Montserrat', sans-serif;font-weight:400; font-size:10px; display:inline-block; text-align:center; background:#ccc; color:#fff; } #logo{ position:relative; float:left; width:30%; max-height:50px; margin:10px 0px 10px 0px; transition:all .4s ease-in; text-align:center; } #logo img{ max-width:100%; max-height:50px; } #logo.lkucul{ position:relative; float:left; width:30%; max-height:40px; margin:10px 0px 10px 0px; transition:all .4s ease-in; text-align:center; transition:all .4s ease-in;} #logo.lkucul img{ height: 50px; padding:0px; border-radius:5px; box-shadow: 0px 0px 0px rgba(0,0,0,0.1); } #coksatanlar-baslik{ font-size: 20px; font-weight: 600; color:#4f4d4d; letter-spacing: 10px; margin-top: 25px; line-height: 55px;} #kapsam{ width: 100%; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #page-title{ top:65px; } #page-title.kaydir{ top:0px; } #page-title a{ font-size:10px; } #page-title-beyaz{ font-size:12px;} .page-space{ height:65px; } #product-menu{ width:100%; } #product-menu ul{ display:none; } .product-menu-border{ border-radius:0px; border:0px solid #f0f0f0; } #product-content #dvUrunListesi > .FilterContent{ padding:0px; } .dropdown-siralama{margin-right:0px !important;} #product-filter{ min-width:300px; padding-right:50px; max-height:80vh; overflow-y:scroll; overflow-x:hidden; background:none; } #product-filter ul{ display:block; } #product-filter .TitleFilter{ background:none; color:#fff; padding:10px 0px; } #product-menu ul li{border:none;} #product-menu ul li:hover{border:none; background:#252525;} #product-filter ul li a{ color:#fff; } #product-filter ul li a span{ color:#fff; } .toggle{color:#fff !important;} #marka-filter ul{ display:block; } #marka-filter ul li{ display:inline-block; width:auto; } #product-content{ position:relative; float:right; width:100%; min-height:500px; padding:3%; background:#FFF; border-radius:5px; box-sizing:border-box; z-index:42; } #product-box{ width:49% !important; margin:0.5% !important; } #urunlersol{width: 100%; height:auto; min-height:0; border:0;} #urunlersol > #kucuk-resim{width: 45%; margin: 0.5%; text-align: center;} #urunlersag{width: 100%; height:auto; min-height:1px; padding:15px; } #urunlerbaslik{width: 100%;} #urunlersag > #DetayFormAlan select{width: auto;} #urunlersag > #fiyat-alan{ width: auto; float: left; } #urunlersag > #sayilar{ width: auto; float: right; margin: 0; } #urunlersag > #sepeteekleme{ width: 49%; margin-top: 30px; margin: 0.5%; clear: both; } #urunlersag > #magazadanal{width: 49%; margin: 0.5%; } #tabbeyaz{ width:100%; } #tabbeyaz2{ width: 100%; } #ciplakgozlekusursuz{width: 32.3%;} #kesimkalitesi{width: 49%;} #tavsiyelerimiz{width: 100%;} #sepetaciklama-sil{ float:right; } #DetayFormAlan { position: fixed !important; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 160px; padding: 0px; padding-bottom: 10px; border: 0px solid #f0f0f0; margin: 5px 0; bottom: 0; left: 0; right: 0; z-index: 57; background: #f9f9f9; padding: 0px 20px !important; margin: 0 !important; box-sizing: border-box; } #urunlersag > #DetayFormAlan > form h5{ font-size:13px; margin:0px; margin-top:5px; font-weight:500; } #urunlersag > #DetayFormAlan > form > #DetayFormAlanBaslik{padding:0px; padding-top:5px; background:none; text-align:left; font-size:11px; } #urunlersag > #BilgiKutu{ width:100%; } #urun-aciklama-kutu{ width:100%; padding:15px; } #sepetucceyrek{width: 100%;} #sepetceyrek{width: 100%} #sepetaciklamaresim{width: 20%;} #sepetaciklamaurun{width: 77%; margin-left:3%;} #sepetaciklamaurun2{width: 100%;} #sepetaciklama-adet{width: 20%;} #sepetaciklama-adet2{width: 30%;} #sepetaciklama-fiyat{width: 70%; } #yarim{ width:100%; } #yarim1{ width:100%; } #yarim2{ width:100%; } #h1z1 { margin-bottom:0px; } #teslimatalan{width: 100%;} #teslimataltalan{width: 100%; line-height: 20px;} .teslimatkutu::after{right:-35px;} #havale { margin:20px auto; } #havale-radio,#havalebanka{width: auto;} #havalebanka img{width:auto !important; max-width:100% !important; float:left!important;} #iban{width: 100%;} .teslimatadres{width: 100%;} #dortlu{width: 49%;} #ozetsepetlink{width: 100%;} .teslimatkutu2::after{width: 70%; right: -45px;} #uyelik-content{ width:100%; min-height:100px; height:auto; background:none; display:block; } #uyelik-icon{ width:15%; height:40px; line-height:40px; font-size:20px; } #uyelik-icon-text { width:70%; height:auto; margin-left:30px; color:#333; text-align:left; font-size:20px; float:left; } #Siyah{ position:relative; width:100%; height:auto; background:#000; display:block; padding:20px 0; text-align:center; } #Siyah a{ margin:10px auto; vertical-align:top; } #Siyah a img{ padding:0 10px; height:30px; } #Siyah a span { width:auto; float:left; text-align:left; display:block; font-size:14px; font-weight:500; color:#c0c0c0; line-height:12px; padding-top:10px; } #Siyah a span b{ font-size:12px; font-weight:400; } #Siyah a:hover span{ color:#f0f0f0; } .quantity input {font-size:16px; font-weight:700;width: 80px;height: 30px;line-height:30px;padding-left:10px; } .quantity-nav { float: left;position: relative; height: 30px;} .quantity-button {font-size: 10px;line-height: 15px;} #sepeteekleme{ padding:0px 10px; height:30px; line-height:30px; font-weight:500; font-size:14px; text-decoration: none; margin: 0% 0%; transition:all 0.2s ease-in; border:0px; } #ucceyrek{ position:relative; width:100%; float:left; box-sizing: border-box; } #ceyrek{ position:relative; width:100%; float:left; box-sizing: border-box; } #Marka-box{ width:32.3%; margin:0.5%; } #onay-odeme{ background:url(/img/Onay-Siparis-M.jpg) no-repeat center; } #onay-odeme > .leftBarOdeme{ position:relative; width:100%; float:left; display:block; } #onay-odeme > .leftBarOdeme > .Title1{ font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 100; line-height:normal; padding:0; margin:0; color: #FFFFFF; } #onay-odeme > .leftBarOdeme > .Text1{ font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 400; color: #FFFFFF; } #onay-odeme > .leftBarOdeme > .Text2{ font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; color: #FFFFFF; } footer{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; background: #fff; padding: 40px 0;} footer .link-alan{ width: 100%; text-align: center;} footer .sosyalmedya{position: relative; width:120px; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #222;font-size: 13px; font-weight:600; line-height:45px; margin-right:20px; cursor:pointer; } footer .sosyalmedya i{ float:left; border-radius:100%; width:40px; height:40px; line-height:40px; background:#fe9800; border:1px solid #fe9800; color:#fff; margin-right:15px; text-align:center;} .cookieinfo { max-width: 100%;right: 0px !important;bottom: 65px !important; } #NotFound404Resim{max-width:100% !important; width:100%} #NotFound404Resim img{ max-width:100%; } #NotFound404IcKutu{width:100%; max-width:100%; padding-top:70px;} #NotFound404IcKutuBaslik{font-size:50px; font-weight:900; color:#666;} #NotFound404IcKutuBaslik2{font-size:30px; font-weight:500; } #NotFound404IcKutuMetin{line-height:16px} } @media only screen and (max-width: 759px) { #Anasayfa-Kutular{ margin-top:0px; padding:0px 0px; text-align:center; } #Anasayfa-Kutular ul li{ width:48% !important; margin-bottom:4px; text-align:center; } #Anasayfa-Kutular ul li a{ left:10px; bottom:10px; font-size:9px; } .UyelikMob{min-height:400px !important;} #YorumPuan{width:100%; padding:10px; border:1px solid #f0f0f0; box-sizing:border-box; border-radius:0px; background:#fff; text-align:center;} #YorumPuanAlan{float:left; width:100%;} #YorumPuanAlanToplam{width:49%; line-height:20px; padding-top:10px;} #YorumPuanHesap{float:left; width:40%; font-size:28px; font-weight:700; line-height:53px; color:#000; text-align:left;} #YorumPuanYildiz{float:left; width:60%; font-size:16px; line-height:53px; color:#000; text-align:right; } #YorumYaziAlan{padding:15px; border:1px solid #f0f0f0; border-top: 0px; box-sizing:border-box; margin-top:0px;} } .toggle{ --uiToggleSize: var(--toggleSize, 20px); --uiToggleIndent: var(--toggleIndent, .4em); --uiToggleBorderWidth: var(--toggleBorderWidth, 1px); --uiToggleColor: var(--toggleColor, #000); --uiToggleDisabledColor: var(--toggleDisabledColor, #868e96); --uiToggleBgColor: var(--toggleBgColor, #fff); --uiToggleArrowWidth: var(--toggleArrowWidth, 2px); --uiToggleArrowColor: var(--toggleArrowColor, #fff); display: inline-block; position: relative; } .toggle__input{ position: absolute; left: -99999px;} .toggle__label{ display: inline-flex; cursor: pointer;min-height: var(--uiToggleSize); padding-left: calc(var(--uiToggleSize) + var(--uiToggleIndent));} .toggle__label:before, .toggle__label:after{ content: ""; box-sizing: border-box; width: 1em; height: 1em;font-size: var(--uiToggleSize); position: absolute; left: 0; top: 0;} .toggle__label:before{ border: var(--uiToggleBorderWidth) solid var(--uiToggleColor); z-index: 2;} .toggle__input:disabled ~ .toggle__label:before{border-color: var(--uiToggleDisabledColor);} .toggle__input:focus ~ .toggle__label:before{ box-shadow: 0 0 0 2px var(--uiToggleBgColor), 0 0 0px 4px var(--uiToggleColor); } .toggle__input:not(:disabled):checked:focus ~ .toggle__label:after{box-shadow: 0 0 0 2px var(--uiToggleBgColor), 0 0 0px 4px var(--uiToggleColor);} .toggle__input:not(:disabled) ~ .toggle__label:after{ background-color: var(--uiToggleColor); opacity: 0;} .toggle__input:not(:disabled):checked ~ .toggle__label:after{ opacity: 1;} .toggle__text{ margin-top: auto; margin-bottom: auto; color:#000 !important; } .toggle__text:before{content:"";box-sizing:border-box;width:0;height:0;font-size:var(--uiToggleSize);border-left-width:0;border-bottom-width:0;border-left-style:solid;border-bottom-style:solid;border-color:var(--uiToggleArrowColor);position:absolute;top:.5428em;left:.2em;z-index:3;transform-origin:left top;transform:rotate(-40deg) skew(10deg)} .toggle__input:not(:disabled):checked ~ .toggle__label .toggle__text:before{ width: .5em;height: .25em; border-left-width: var(--uiToggleArrowWidth); border-bottom-width: var(--uiToggleArrowWidth); will-change: width, height; transition: width .1s ease-out .2s, height .2s ease-out; } .toggle__label:before, .toggle__label:after{ border-radius: 0px;} .toggle__input:not(:disabled) ~ .toggle__label:before, .toggle__input:not(:disabled) ~ .toggle__label:after{ opacity: 1; transform-origin: center center; will-change: transform; transition: transform .2s ease-out;} .toggle__input:not(:disabled) ~ .toggle__label:before{transform: rotateY(0deg); transition-delay: .2s;} .toggle__input:not(:disabled) ~ .toggle__label:after{ transform: rotateY(90deg);} .toggle__input:not(:disabled):checked ~ .toggle__label:before{transform: rotateY(-90deg); transition-delay: 0s;} .toggle__input:not(:disabled):checked ~ .toggle__label:after{ transform: rotateY(0deg); transition-delay: .2s;} .toggle__text:before{ opacity: 0;} .toggle__input:not(:disabled):checked ~ .toggle__label .toggle__text:before{ opacity: 1; transition: opacity .1s ease-out .3s, width .1s ease-out .5s, height .2s ease-out .3s; } .toggle { width: 100%; --toggleColor: #fe9800; --toggleBgColor: #fe9800; --toggleSize: 15px; margin: 5px;color: #000;font-size: 11px;line-height: 20px; padding: 0px 20px;font-weight: 500; color:#000 !important; } .toggle .toggle__label{ width:100%; display:block; } label::before{ border:0px !important; } .dropbtn { font-family: 'Montserrat',sans-serif; font-weight: 400; font-size: 12px; color: #252525; border: none; cursor: pointer; height: 48px; line-height: 48px; padding: 0 10px } .dropdown-siralama{width:auto;position:relative;display:inline-block;float:right;margin-right:-20px} .dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:100%;z-index:1} .dropdown-content a{color:#000;padding:10px;text-decoration:none;display:block;font-family:'Montserrat',sans-serif;font-weight:400;font-size:11px} .dropdown-content a:hover {background-color: #000; color:#fff;} .dropdown-siralama:hover .dropdown-content {display: block;} .dropdown:hover .dropbtn {background-color: #f3f3f3;float:right;} .overlay .closebtn{display:none;} .MobileFiltre{ display:none; } @media only screen and (max-width: 1000px) { #myNav{ z-index:999999999999999999999999999999999999999999999; } .overlay{height:0;width:100%;position:fixed;top:0;left:0;background-color:#000;background-color:rgba(0,0,0,0.9);overflow-y:hidden;transition:.5s;z-index:9999999999 !important;} .overlay-content{position:absolute; top: 50%; left:50%; transform: translate(-50%, -50%);} .overlay .closebtn{position:absolute;top:20px;right:45px;width:30px;height:30px;font-size:30px;line-height:30px;text-align:center;display:block; color:#fff; border-radius:100%;border:1px solid #fff;} .overlay .closebtn:hover{ color:#f00; border:1px solid #f00;} .MobileFiltre{ font-family:'Montserrat',sans-serif;font-weight:400;font-size:12px;color:#fff;background-color:#666;border:none;cursor:pointer;height:48px;line-height:48px;padding:0 8px;display:block; } .dropbtn{font-size:11px;padding:0 8px} } @media screen and (max-height: 450px) { .overlay {overflow-y: auto;} .overlay a {font-size: 20px} .overlay .closebtn { font-size: 40px; top: 15px;right: 35px; } } ::-webkit-scrollbar { width: 4px; } ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 0px; } ::-webkit-scrollbar-thumb { background: #2c2c2c; border-radius: 0px; } ::-webkit-scrollbar-thumb:hover { background: #2c2c2c; } .rating { border: none; float: left; } .rating > input { display: none; } .rating > label:before { margin: 5px; font-size: 1.25em; font-family: "Font Awesome 5 Free"; display: inline-block; content: "\f005"; font-weight: 900; } .rating > .half:before { content: "\f089"; position: absolute; } .rating > label { color: #ddd; float: right; } /***** CSS Magic to Highlight Stars on Hover *****/ .rating > input:checked ~ label, /* show gold star when clicked */ .rating:not(:checked) > label:hover, /* hover current star */ .rating:not(:checked) > label:hover ~ label { color: #FFD700; } /* hover previous stars in list */ .rating > input:checked + label:hover, /* hover current star when changing rating */ .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, /* lighten current selection */ .rating > input:checked ~ label:hover ~ label { color: #FFED85; } .modal { display: none; /* Hidden by default */ opacity: 0; position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ transition: all .3s; } /* Modal Content */ .modal-content { position:absolute !important; top: 50%; left:50%; transform: translate(-50%, -50%); width:500px !important; max-width:70% !important; padding:0px; border-radius:0 !important; display:block; } .modal-content img{ width: auto !important; height:auto !important; max-width:100% !important; max-height:100% !important; } #TestImgModal{ width: auto !important; height:auto !important; max-height:100% !important; } /* The Close Button */ .close { position: absolute; color: #fff !important; float: right; font-size: 28px; font-weight: bold; background: #f00; border-radius: 0%; width: 35px; height: 35px; line-height: 35px; text-align: center; text-decoration: none; top: -15px; right: 0px; opacity: 1 !important; text-shadow: 0 0px 0 #fff; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } .close { transition: all .3s; } .openBtn { background: #fff; border: none; padding: 10px 15px; font-size: 20px; cursor: pointer; float:right; margin-right:50px; margin-top:10px; border-radius:5px; } .openBtn:hover { background: #fe9800; color:#fff; } .overlaySearch { height: 100%; width: 100%; display: none; position: fixed; z-index: 999999 !important; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); } .overlay-content { position: relative; top: 46%; width: 100%; text-align: left; margin-top: 30px; margin: 0; } .overlaySearch .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px; cursor: pointer; color: white; } .overlaySearch .closebtn:hover { color: #ccc; } .overlaySearch input[type=text] { padding: 15px; font-size: 17px; border: none; float: left; width: 80%; background: white; } .overlaySearch input[type=text]:hover { background: #f1f1f1; } .overlaySearch button { float: left; width: 20%; padding: 15px; background: #ddd; font-size: 17px; border: none; cursor: pointer; } .overlaySearch button:hover { background: #bbb; } #myCarousel .list-inline { } #myCarousel .carousel-indicators { position: absolute; top: 15px; left: 15px; bottom: auto; width: 60px; margin: 0; padding: 0; background: none; display: block; } #myCarousel .carousel-indicators > li { width: 100%; height: initial; text-indent: initial; width: 100%; display: block; padding: 0; margin: 0; border-radius: 0; clear: both; } #myCarousel .carousel-indicators > li.active { clear: both; } #myCarousel .carousel-indicators > li img { padding: 0; margin: 0; border: 1px solid #fff; } #myCarousel .carousel-indicators > li.active img { border: 1px solid #000; } #myCarousel .carousel-inner { position:relative; display: flex; justify-content: center; align-content: center; flex-direction: column; height: 490px; } .carousel-item img { position: absolute; max-height: 490px; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%) } .carousel-control-next, .carousel-control-prev { color: #ccc; } .float { position: fixed; width: 60px; height: 60px; bottom: 40px; right: 40px; background-color: #25d366; color: #FFF; border-radius: 50px; text-align: center; font-size: 30px; box-shadow: 2px 2px 3px #999; z-index: 99999999999 !important; } .my-float { margin-top: 16px; } @media only screen and (max-width: 1000px) { #myCarousel .carousel-indicators { position: absolute; top: 0px; left: 0px; bottom: auto; width: 60px; margin: 0; padding: 0; background: none; display: block; overflow:scroll; max-height:100%; } .carousel-item img { max-width: 80% !important; float: right !important; margin-right: 0% !important; } #myCarousel .carousel-inner { height: 250px; } .carousel-item img { max-height: 250px; } .float { position: fixed; width: 30px; height: 30px; bottom: 80px; right: 30px; background-color: #25d366; color: #FFF; border-radius: 50px; text-align: center; font-size: 15px; line-height:15px; box-shadow: 2px 2px 3px #999; z-index: 99999999999 !important; } .my-float { margin-top: 8px; } } .page-link{ background:none !important; color:#000 !important; border:0px !important; outline:0 !important; } .page-link:hover{ background:#666 !important; color:#fff !important; } .pagination > .enabled{ background:#666666!important; color:#fff !important; } .pagination > .enabled a{ color:#fff !important; } .fancybox-slide--iframe .fancybox-content { width: 600px !important; height: 600px !important; max-width: 80% !important; max-height: 80% !important; margin: 0; } @media only screen and (max-width: 1000px) { .fancybox-slide--iframe .fancybox-content { width: 100% !important; height: 100% !important; max-width: 95% !important; max-height: 95% !important; margin: 0; } } .slides { width: 100%; margin: 0 auto; } .slides ul { list-style: inside none disc; margin: 0; padding: 0; } .blog-posts { padding:35px 0; } .first-img img { max-width:100%; width:100%; } .title a { color:#000; }