/*HomePage Mod�l - 115871*/ /*HomePage Mod�l - 116058*/ .Modul_116058{margin:15px auto;} .Modul_116058 .SliderArea{width:100%;display: flex;} .Modul_116058 .SliderArea .Ban{width: 100%;float: left;} .Modul_116058 .SliderArea .Ban .Item{width:100%;} .Modul_116058 .SliderArea .Ban .Item img{width:100%;} .Modul_116058 .SliderArea .Ban .Empty{width:100%;height: 320px;background: #ff980014;box-shadow: 0px 0px 0px 1px #efe3ce;border-radius: 4px;} .Modul_116058 .owl-nav{display:none} .Modul_116058 .owl-dots{display: flex;position: absolute;bottom: 10px;left: 10px;} .Modul_116058 .owl-dots .owl-dot{display: block;} .Modul_116058 .owl-dots .owl-dot span{display:block;width: 30px;height: 4px;background: #ffffff7a;margin-right: 5px;} .Modul_116058 .owl-dots .owl-dot.active span{background: #00BCD4;} @media (max-width: 780px){.Modul_116058{margin-top:0} } /*HomePage Mod�l - 116064*/ .Modul_116064 .ProductList{width: initial;margin-left: -15px;margin-right: -15px;} .Modul_116064 .ProductList .Empty{width:100%;} @media (max-width: 980px){.Modul_116064 .ProductList{margin:0;padding:10px} } /*HomePage Mod�l - 116153*/ .TopBar { width: 100%; text-align: center; color: #000; padding: 0; font-size: 13px; position: relative; z-index: 5; display: flex; background: #f8f8f8} .TopBar .TopNavArea { float: left; width: 100%; margin: 0; position: relative; display: flex; justify-content: space-between} .TopBar .Left { margin: 0; position: relative; display: flex; align-items: stretch} .TopBar .Right { margin: 0; position: relative; display: flex; justify-content: flex-end; padding: 5px 0} .TopBar .Left .Link { float: left; margin: 5px 0; cursor: pointer; line-height: 25px; padding: 0 15px} .TopBar .Left .But-Oturum { float: right; line-height: 25px; margin: 5px 0; padding: 0 10px; margin-left: 10px; cursor: pointer; border-radius: 2px} .TopBar .Left .But-Siparis { float: right; line-height: 25px; margin: 5px 0; color: #2196f3; padding: 0 10px; margin-left: 10px; cursor: pointer; border-radius: 2px} .TopBar .Left .Link.R { float: right; margin-left: 4px; padding: 0 10px} .TopBar .Left .Link:first-child { border: 0; padding-left: 0} .TopBar .Left .Link.R:last-child { border: 0} .TopBar .Left .Text { float: left; padding: 0; margin: 3px 0; margin-right: 15px; padding-right: 15px; font-size: 14px; cursor: pointer; color: #fff; font-weight: 600} .TopBar .Left .Link:hover { color: #000} .TopBar .Left .Link i { float: left; font-size: 16px; line-height: 25px; margin-right: 5px} .TopBar .Left .Link span { float: left; font-size: 14px} .Tual { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; position: relative; float: left; width: 100%; text-align: center} .Tual .Page { margin: 0 auto; display: inline-block; border-radius: 8px; text-align: left; padding: 20px} .Tual .Hiza .SepetIco { margin: 100px auto 60px; width: 100%; font-size: 123px; x;text-align: center; color: #fff} .Tual .Hiza .Title { width: 100%; text-align: center; padding: 0; font-size: 18px} .Tual .Hiza .Btn_Alisveris { border-radius: 8px; padding: 20px; text-align: center; display: table-row; background: #4bae4f; color: #fff; width: 40%; margin: 0 30% 50px; float: left; text-decoration: none; font-size: 18px} .Tual .Hiza .Btn_Alisveris:hover { text-decoration: none; background: #41a245} .Tual.w1 .Page { width: 1240px; padding: 20px} .Tual.w2 .Page { width: 1340px; padding: 0 20px 20px} .Tual.w3 .Page { width: 1440px; padding: 0 20px 20px} .Tual.w4 .Page { width: 1640px; padding: 0 20px 20px} .Tual.wBox .Page { background: #fff; border-radius: 3px; box-shadow: 0 0 7px -4px #000} .Head:last-child { z-index: 5; background: #f8f8f8} .Head { width: 100%; margin: 0 auto; padding: 0; position: relative; z-index: 6; border-bottom: 1px solid #e9e9e9; background: #fff} .Head .Hiza { margin: 0 auto; display: table} .Head .MobilSearch { width: 100%; display: none} .Head .HeadArea { display: flex; width: 100%; align-items: center; align-content: center; position: relative; justify-content: flex-start; gap: 40px} .Head .Logo { margin: 15px 0; flex: none; display: flex} .Head .Logo a { width: 100%; display: flex; justify-content: center} .Head .Logo a img { width: initial; max-height: 64px} .Head .LocationBar { margin: 15px 0; display: flex; width: initial; max-width: 220px} .Head .LocationBar>span { display: none} .Head .LocationBar .LocationBox { width: 100%; display: flex; align-items: center} .Head .LocationBar .LocationBox>svg { height: 20px; flex: none; margin-right: 2px; fill: #c93273} .Head .LocationBar .LocationBox>span { width: 100%; font-weight: 600; font-size: 11px; text-transform: uppercase} .Head .LocationBar .LocationBox>i { margin-left: 5px; color: #2d9961} .HeadArea .Nav { display: flex; width: 100%} .HeadArea .Nav .MenuList { display: flex} .HeadArea .Nav .MobilNavArea { display: none} .HeadArea .Nav .MenuList .MenuTab { position: relative} .HeadArea .Nav .MenuList .MenuTab:first-child {} .HeadArea .Nav .MenuList .MenuTab:last-child { border-right: 0} .HeadArea .Nav .MenuList .MenuTab i { margin-left: 5px; font-size: 16px; line-height: 18px} .HeadArea .Nav .MenuList .MenuTab.BtnHome { padding: 0 8px; float: left; line-height: 32px; background: #fff; cursor: pointer; color: #000; font-size: 29px; border-left: 0; text-decoration: none; display: none} .HeadArea .Nav .MenuList .MenuTab.BtnHome:hover { background: #014d71; border-bottom: 0; height: 52px; color: #fff} .HeadArea .Nav .MenuList .MenuTab>a { font-size: 16px; color: #000; cursor: pointer; text-decoration: none; display: flex; border: 1px solid transparent; padding: 10px} .HeadArea .Nav .MenuList .MenuTab>a .Icon { width: 39px; height: 40px; display: block; float: left; margin: 7px 3px 10px -9px} .HeadArea .Nav .MenuList .MenuTab:hover>a { z-index: 2; position: relative; display: flex} .HeadArea .Nav .MenuList .MenuTab.SubNav:hover>a { background: #ededed} .HeadArea .Nav .MenuList .MenuTab:hover .Penc { display: flex} .HeadArea .Nav .MenuList .MenuTab .Penc { display: none; position: absolute; top: 100%; left: 2px; width: inherit; min-height: 290px; box-shadow: 0 10000px 0 10000px #0000008f; border-radius: 0 0 2px 2px; z-index: 1} .HeadArea .Nav .MenuList .MenuTab .Penc .Sub.SB1 { width: 210px; float: left; padding: 10px 2px; background: #fff; min-height: 290px; box-shadow: -1px 0 0 0 #cccccc42} .HeadArea .Nav .MenuList .MenuTab .Penc .Sub.SB1 a { width: 100%} .HeadArea .Nav .MenuList .MenuTab .Penc .Sub.SB2 { width: 420px; float: left; padding: 10px 2px; background: #fff; box-shadow: -1px 0 0 0 #cccccc42} .HeadArea .Nav .MenuList .MenuTab .Penc .Sub.SB2 a { width: 50%} .HeadArea .Nav .MenuList .MenuTab .Penc .Sub.SB3 { width: 630px; float: left; padding: 10px 2px; background: #fff; box-shadow: -1px 0 0 0 #cccccc42} .HeadArea .Nav .MenuList .MenuTab .Penc .Sub.SB3 a { width: 33.33%} .HeadArea .Nav .MenuList .MenuTab .Penc .Sub.SB4 { width: 850px; float: left; padding: 10px 2px; background: #fff; box-shadow: -1px 0 0 0 #cccccc42} .HeadArea .Nav .MenuList .MenuTab .Penc .Sub.SB4 a { width: 25%} .HeadArea .Nav .MenuList .MenuTab .Penc .Sub.SB5 { width: 1060px; float: left; padding: 10px 2px; background: #fff; box-shadow: -1px 0 0 0 #cccccc42} .HeadArea .Nav .MenuList .MenuTab .Penc .Sub.SB5 a { width: 20%} .HeadArea .Nav .MenuList .MenuTab .Penc .Sub a { float: left; font-weight: 400; cursor: pointer; text-align: left; font-size: 13px; margin-bottom: 0; line-height: initial; text-decoration: none} .HeadArea .Nav .MenuList .MenuTab .Penc .Sub a:hover { background: #f5f5f5} .HeadArea .Nav .MenuList .MenuTab .Penc .Sub>a.Img { padding: 10px; text-indent: 0; background: 0 0} .HeadArea .Nav .MenuList .MenuTab .Penc .Sub>a.Img img { width: 100%} .HeadArea .Nav .MenuList .MenuTab .Penc .Sub>a.Img .Name { width: 100%; text-align: left; padding: 5px 2px 10px; font-weight: 600} .HeadArea .Nav .MenuList .MenuTab .Penc .Sub>a.Img .Desc { width: 100%; text-align: left; font-size: 14px} .HeadArea .Nav .MenuList .MenuTab .Penc .Sub .SutunAdi { width: 100%!important; float: left; text-align: left; font-weight: 600; padding: 4px 0 0; border-radius: 3px; font-size: 16px; color: #050505; text-indent: 10px; margin-bottom: 10px} .HeadArea .Nav .MenuList .MenuTab .Penc .Sub .SutunAdi:hover { text-decoration: underline} .HeadArea .Nav .MenuList .MenuTab .Penc .Sub a { float: left; padding: 3px 0 2px; font-weight: 400; width: 25%; text-align: left} .HeadArea .Nav .MenuList .MenuTab .Penc .Sub a { border-radius: 3px; text-indent: 10px; padding: 4px 0; color: #444; font-size: 16px; line-height: 17px} .HeadArea .Nav .MenuList .MenuTab .Penc .Sub a { text-decoration: none; cursor: pointer} .HeadArea .Nav .MenuList .MenuTab .Penc .Sub a .Badge { font-size: 12px; border-radius: 4px; padding: 0 4px; text-indent: 0} .HeadArea .Nav .MenuList .MenuTab .Penc .Sub a:hover::before { font-family: "font awesome 5 free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; content: "\f111"; margin-right: 4px; font-size: 6px; display: none} .HeadArea .Nav .MenuList .MenuTab .Penc .Sub .SutunAdi:hover::before { display: none} .Head .MobilNav { display: none; margin-right: 10px; cursor: pointer} .Head .MobilNav { position: absolute; z-index: 30; top: 15px; left: 10px; box-sizing: border-box; width: 30px; height: 22px; border-top: 2px solid #000; cursor: pointer; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -khtml-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in} .Head .MobilNav img {} .Head .MobilNav:before { content: ""; position: absolute; top: 8px; left: 0; display: block; width: 30px; height: 1px; background: #000; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -khtml-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; display: none} .Head .MobilNav:after { content: ""; position: absolute; bottom: 0; left: 0; display: block; width: 30px; height: 1px; background: #000; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -khtml-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; display: none} .Head .Search { margin: 10px 0; display: flex; align-items: center; align-content: center; justify-content: flex-start; width: 34%} .Head .Search .LocationBox { display: flex; border: 1px solid transparent; background: #4caf50; color: #fff; border-radius: 3px; padding: 10px; align-items: center; justify-content: flex-start; align-content: center; cursor: pointer} .Head .Search .LocationBox.Active { border-color: #4caf50; color: #4caf50; background: 0 0} .Head .Search .LocationBox:hover { background: #38933c; color: #fff} .Head .Search .LocationBox i:first-child { width: 24px; font-size: 18px; text-align: center; flex: none} .Head .Search .LocationBox i:last-child { width: 24px; font-size: 18px; text-align: center; flex: none} .Head .Search .LocationBox span { width: 100%; text-align: left} .Head .Search .SearchBox { width: 100%} .Head .Search .SearchBox .Form { display: flex; flex-direction: row; position: relative} .Head .Search .SearchBox .Form input { float: left; border: 0; padding: 6px 54px 6px 10px; width: 100%; outline: none; box-shadow: 0 0 0 1px #d8d8d8; background: #fff; color: #929292; border-radius: 26px; box-sizing: border-box; line-height: 29px; font-size: 13px} .Head .Search .SearchBox .Form .Icon { float: left; position: absolute; box-shadow: none; right: 0; top: 0; width: initial; text-indent: 0; background: 0 0; color: #2d9961; padding: 10px 14px; border-radius: 2px; cursor: pointer; font-size: 18px} .Head .Search .SearchBox .SearchKeyList { display: flex; flex-direction: row; padding: 0 10px; font-size: 12px; display: none} .Head .Search .SearchBox .SearchKeyList span { padding: 4px 0; flex: none} .Head .Search .SearchBox .SearchKeyList a { padding: 4px 3px; color: #8a8a8a; cursor: pointer; font-size: 12px} .Head .Search .SearchBox .SearchKeyList a:hover { padding: 4px 3px; color: #ba127d; cursor: pointer} .TopBarNotification { max-width: 620px; margin: 0; padding: 0; height: 28px; overflow: hidden} .TopBarNotification a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 28px; list-style: none; font-size: 14px; text-align: left} .TopBarNotificationContainer { text-align: left; overflow: hidden; display: flex; height: auto; align-items: center} .Head .BtnList { margin: 10px; display: flex; align-items: center; align-content: center; margin-left: auto; justify-content: flex-end} .Head .BtnList .But-Sepet { display: flex; flex: none; position: relative; margin-left: 20px} .Head .BtnList .But-Sepet>a { display: flex; margin: 0} .Head .BtnList .But-Sepet svg { height: 22px; fill: #2d9961} .Head .BtnList .But-Sepet .Info { float: left; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; display: none} .Head .BtnList .But-Sepet .Info span:nth-child(1) { font-weight: 400; font-size: 18px; line-height: 18px; width: 100%; display: block; text-align: left; color: #383838} .Head .BtnList .But-Sepet .Info span:nth-child(2) { float: left; font-size: 16px; line-height: 18px; width: 100%; display: flex; text-align: left; font-weight: 600; color: #000; margin-left: 10px} .Head .BtnList .But-Sepet .BagCount { position: absolute; left: 26px; top: 3px; background: #2d9961; color: #fff; font-size: 14px; width: 18px; height: 18px; text-align: center; z-index: 1; display: flex; align-items: center; justify-content: center; border-radius: 12px; line-height: 18px; display: none} .Head .BtnList .But-Sepet:hover .Wind { display: block} .Head .BtnList .But-Sepet.Open .Wind { display: block} .Head .BtnList .But-Sepet .Wind { float: left; display: none} .Head .BtnList .But-Sepet .Wind>i { position: absolute; top: 100%; right: 0; width: 100%; text-align: right; padding-right: 10px; font-size: 30px; color: #ba1e7d} .Head .BtnList .But-Sepet .Wind .BagHeadArea { display: flex; position: absolute; top: 44px; background: #fff; border: 1px solid #cccccc47; border-radius: 6px; width: 380px; right: 0; flex-direction: column; box-shadow: -16px 18px 32px -8px #0000006b; display: none} .Head .BtnList .But-Sepet .Wind .BagHeadArea .BagItemList { max-height: 300px; overflow: auto} .Head .BtnList .But-Sepet .Wind .BagHeadArea .BagItem { display: flex; align-items: flex-start; padding: 10px; border-bottom: 1px solid #ededed; color: #444; margin-right: 5px} .Head .BtnList .But-Sepet .Wind .BagHeadArea .BagItem .Photo { float: left; margin-right: 10px} .Head .BtnList .But-Sepet .Wind .BagHeadArea .BagItem .Photo img { height: 68px} .Head .BtnList .But-Sepet .Wind .BagHeadArea .BagItem .Info { display: flex; flex-direction: column; margin-bottom: 5px; width: 100%; align-items: flex-start} .Head .BtnList .But-Sepet .Wind .BagHeadArea .BagItem .Info .Name { font-weight: 400; margin-bottom: 1px; font-size: 14px; font-weight: 500; color: #000} .Head .BtnList .But-Sepet .Wind .BagHeadArea .BagItem .Info .Code { display: flex; font-size: 14px; width: 100%; align-items: center} .Head .BtnList .But-Sepet .Wind .BagHeadArea .BagItem .Info .Code>span { flex: none; width: initial; font-weight: 500; padding-left: 3px; font-size: 14px} .Head .BtnList .But-Sepet .Wind .BagHeadArea .BagItem .Info .Price { display: flex; justify-content: flex-start; font-size: 14px; font-weight: 600; color: #ff9350} .Head .BtnList .But-Sepet .Wind .BagHeadArea .BagItem .Info .Price kr { margin-left: 3px; font-size: 12px; line-height: 19px} .Head .BtnList .But-Sepet .Wind .BagHeadArea .BagItem .Info .Button { width: 100%; display: flex; margin-top: 2px} .Head .BtnList .But-Sepet .Wind .BagHeadArea .BagItem .Info .Button .Btn { font-size: 14px; padding: 4px; border-radius: 2px; cursor: pointer} .Head .BtnList .But-Sepet .Wind .BagHeadArea .BagItem .Info .Button .Btn:hover { background: #efefef} .Head .BtnList .But-Sepet .Wind .BagHeadArea .BagItem .Info .Button .Btn.Favorite.Active { background: #41a245; color: #fff; border-color: #41a245} .Head .BtnList .But-Sepet .Wind .BagHeadArea .BagItemTotal { display: flex; width: 100%; justify-content: space-between; align-items: center; color: #444; padding: 10px 6px; font-size: 16px} .Head .BtnList .But-Sepet .Wind .BagHeadArea .BagItemTotal>span:nth-child(1) { float: left} .Head .BtnList .But-Sepet .Wind .BagHeadArea .BagItemTotal>span:nth-child(2) { font-weight: 700; color: #ba1e7d} .Head .BtnList .But-Sepet .Wind .BagHeadArea .BtnList { display: flex; margin: 11px 0; align-items: center; justify-content: center; width: 100%} .Head .BtnList .But-Sepet .Wind .BagHeadArea .BtnList .Btn { padding: 8px 3px; text-decoration: none; border-radius: 4px; margin: 10px; font-size: 14px; cursor: pointer; width: 50%; text-align: center} .Head .BtnList .But-Sepet .Wind .BagHeadArea .BtnList .Btn.Bag { background: #ba1e7d; color: #fff; border: 0} .Head .BtnList .But-Sepet .Wind .BagHeadArea .BtnList .Btn.Complete { background: #41a245; color: #fff; border: 0} .Head .BtnList .But-Sepet .Wind .BagHeadNon { display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 44px; background: #fff; border: 1px solid #cccccc47; border-radius: 6px; padding: 26px; width: 300px; right: 0; box-shadow: -16px 18px 32px -8px #0000006b} .Head .BtnList .But-Sepet .Wind .BagHeadNon i { font-size: 44px; color: #ccc; margin-bottom: 20px} .Head .BtnList .But-Sepet .Wind .BagHeadNon span { font-size: 14px; text-align: center; color: #444} .Head .BtnList .But-Sepet .Wind .BagHeadArea .BagItemList::-webkit-scrollbar { width: 6px!important; height: 6px!important} .Head .BtnList .But-Sepet .Wind .BagHeadArea .BagItemList::-webkit-scrollbar-thumb { background-color: #9f9f9f8c} .Head .BtnList .But-Sepet .Wind .BagHeadArea .BagItemList::-webkit-scrollbar-track { background: #bdbdbd8c} .Head .BtnList .Btn { display: flex; align-items: center; justify-content: center; align-content: center; background: 0 0; box-shadow: none; padding: 10px 5px; font-size: 18px} .Head .BtnList .Btn svg { margin: 0; height: 22px; margin-right: 10px} .Head .BtnList .Btn span { margin: 0; position: relative; font-size: 13px; letter-spacing: .6px; font-weight: 600; color: #000} .Head .BtnList .Btn.BtnLogin { margin-left: 10px} .Head .BtnList .Btn.BtnFollowOrder { margin: 0; position: relative} .Head .BtnList .Btn.BtnFollowOrder { cursor: pointer; border-color: #444; color: #000; display: flex; flex: none} .Head .BtnList .Btn.BtnFollowOrder svg { margin-right: 10px; font-size: 22px; width: 33px; height: 33px} .Head .BtnList .Btn.BtnFollowOrder:hover { border-color: #4bae4f; color: #4bae4f} .Head .BtnList .Btn.BtnLogin { cursor: pointer; border-color: #444; color: #000; display: flex; flex: none} .Head .BtnList .Btn.BtnLogin svg { margin-right: 4px; font-size: 22px; height: 27px; width: 27px} .Head .BtnList .Btn.BtnLogin:hover { border-color: #4bae4f; color: #4bae4f} .Head .BtnList .Btn.UserFavorite { border-color: #4bae4f; color: #4e4e4e; font-weight: 500; position: relative; margin-left: 12px; text-decoration: none; display: none; flex: none; border-radius: 4px} .Head .BtnList .Btn.UserFavorite.Active { display: flex} .Head .BtnList .Btn.UserFavorite svg { margin-right: 6px; font-size: 16px} .Head .BtnList .Btn.UserFavorite:hover { background: #4bae4f; color: #fff} .Head .BtnList .Btn.UserFavorite:hover svg { fill: #fff} .Head .BtnList .Btn.UserAccount.Active { display: flex} .Head .BtnList .Btn.UserAccount { color: #4bae4f; font-weight: 500; position: relative; margin-left: 12px; display: none; flex: none; border: 1px solid #4bae4f; border-radius: 4px} .Head .BtnList .Btn.UserAccount>svg { margin-right: 6px; font-size: 16px; width: 24px; fill: #4caf50} .Head .BtnList .Btn.UserAccount:hover { background: #4bae4f; color: #fff} .Head .BtnList .Btn.UserAccount:hover>svg { fill: #fff} .Head .BtnList .Btn.UserAccount:hover .Wind { display: block} .Head .BtnList .Btn.UserAccount .Wind { float: left; display: none} .Head .BtnList .Btn.UserAccount .Wind>i { position: absolute; top: 100%; right: 0; width: 100%; text-align: right; padding-right: 10px; font-size: 30px; color: #4caf50} .Head .BtnList .Btn.UserAccount .Wind .AccountArea { display: flex; position: absolute; top: 44px; background: #fff; border: 1px solid #cccccc47; border-radius: 6px; width: 280px; right: 0; flex-direction: column; box-shadow: -16px 18px 32px -8px #0000006b; padding: 6px; border-bottom: 4px solid #4caf50} .Head .BtnList .Btn.UserAccount .Wind .AccountArea .Item { width: 100%; display: flex; padding: 9px 8px; justify-content: flex-start; align-items: center; color: #000; border-bottom: 1px solid #ebebeb; font-size: 16px; font-weight: 400; cursor: pointer; border-radius: 4px} .Head .BtnList .Btn.UserAccount .Wind .AccountArea .Item i { font-size: 15px; flex: none; margin-right: 10px; width: 15px; display: flex; align-items: center; justify-content: flex-start; color: #216424} .Head .BtnList .Btn.UserAccount .Wind .AccountArea .Item span { width: 100%; text-align: left} .Head .BtnList .Btn.UserAccount .Wind .AccountArea .Item:hover { width: 100%; background: #efefef8a} .Head .BtnList .Btn.UserAccount .Wind .AccountArea .AccountFoot { display: flex; width: 100%} .Head .BtnList .Btn.UserAccount .Wind .AccountArea .AccountFoot .Btn { width: 100%; background: #efefef; color: #7c7c7c; border: 0; margin: 10px; cursor: pointer; border-radius: 4px} .Head .BtnList .Btn.UserAccount .Wind .AccountArea .AccountFoot .Btn:hover { background: #206223; color: #fff} .Head .BtnList .But-User { float: right; color: #fff; font-size: 13px; border-radius: 2px; cursor: pointer; position: relative; background: #185aa3; padding: 0 5px; margin: 5px 0 5px 10px} .Head .BtnList .But-User:hover .Penc { display: none} .Head .BtnList .But-User .Text { float: left; font-size: 12px; text-align: center; line-height: 28px; padding: 0; margin: 0} .Head .BtnList .But-User .Text i { float: left; font-size: 17px; text-align: center; line-height: 28px; margin-left: 10px; margin-right: 10px} .Head .BtnList .But-User .Name { float: left; text-align: center; font-size: 16px; margin-left: 3px; line-height: 27px} .Head .BtnList .But-User .Penc { position: absolute; right: 0; top: 46px; font-size: 13px; background: #6fa81a; width: 180px; z-index: 99999; border-radius: 5px; padding: 10px 4px; display: none} .Head .BtnList .But-User .Penc .UserMenu { float: left; width: 100%; padding: 10px 0; border-bottom: 1px solid #7eb729; cursor: pointer} .Head .BtnList .But-User .Penc .UserMenu:hover { float: left; width: 100%; padding: 10px 0; background: #5e940d; border-radius: 3px} .Head .BtnList .But-User .Penc .UserMenu:first-child:hover {} .Head .BtnList .But-User .Penc .UserMenu:last-child:hover {} .Head .BtnList .But-User .Penc .UserMenu:last-child {} .Head .BtnList .But-User .Penc .UserMenu .Icon { float: left} .Head .BtnList .But-User .Penc .UserMenu .Text { float: left; color: #fff; font-size: 14px} .Head .BtnList .Logout { position: absolute; right: -19px; top: 5px; font-size: 12px; margin-left: 3px; line-height: 29px; background: #fff; color: #4caf50; border-radius: 3px; border-radius: 2px; padding: 0 5px; cursor: pointer} .Head .BtnList .Logout:hover { background: #f5efef; color: #000} .Head .BtnList .But-User:hover { float: right; background: #236ec1} .Head .BtnList .But-Hesab { float: right; background: #e7e7e7; color: #696969; padding: 14px 18px; font-size: 13px; border-radius: 0; cursor: pointer; height: 18px} .Head .BtnList .But-Hesab:hover { float: right} .MobilBottomBar { position: fixed; box-shadow: 0 0 0 1px #cccccc7d; z-index: 1; padding: 10px; width: 86%; justify-content: center; align-items: center; align-content: center; bottom: 15px; border-radius: 32px; left: 7%; background: #fff; transition: .3s; display: none} .MobilBottomBar .Btn { width: 100%; display: flex; align-items: center; justify-content: center} .MobilBottomBar .Btn span { font-size: 13px} .MobilBottomBar .Btn img { height: 30px} .MobilBottomBar .Btn.Active { background: #cccccc63; border-radius: 25px} @media(max-width: 980px) { .Head .HeadArea{gap: 0px;padding: 0 18px;} .Head .LocationBar{display:none} .Head .MobilSearch { display:flex } .Head .MobilSearch .SearchBox { display: flex; width: 100%; padding: 2px 12px 8px 12px; background: #fff } .Head .MobilSearch .SearchBox>.Form { background: #efefef; border: 1px solid #d6d6d6; line-height: 24px; padding: 4px; border-radius: 19px; width: 100%; position: relative } .Head .MobilSearch .SearchBox>.Form input { width: 100%; padding: 4px } .Head .MobilSearch .SearchBox>.Form .Icon { position: absolute; right: 13px; top: 7px; color: #2d9961; font-size: 15px; } .Head .BtnList .But-Sepet .Wind { display: none!important } .Head .Logo a img { height: 40px } .MobilBottomBar { width: 100%; left: 0; bottom: 0; border-radius: 0; display: flex } .Layout_01.Active .MobilBottomBar { transform: translateY(100px) } .Layout_01 .MobilBottomBar.NavHide { transform: translateY(100px) } .Head .Logo { margin-left: 55px } .Head .Nav .MenuList { display: none } .Head .Nav .MobilNavArea { display: block } .Head .MobilNav { display: block; border: 0; position: initial; height: initial; width: 36px; } .Head .MobilNav>img { width: 100%; height: initial; } .Head .Nav .MenuList { display: none!important } .Head .Nav .MobilNavArea { position: fixed; z-index: 3; top: 0; left: -100%; width: 100%; height: 100%; background: #fff; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -khtml-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; padding: 20px } .Head .Nav .MobilNavArea.Active { left: 0; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -khtml-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; display: block } .Head .Nav .MobilNavArea .IconBar { font-size: 16px; color: #000; cursor: pointer; text-decoration: none; border: 1px solid transparent; border-radius: 4px; margin: 0 2px 15px; justify-content: flex-start; display: inline-block; align-items: center; width: 100% } .Head .Nav .MobilNavArea .IconBar .Item { cursor: pointer; padding: 2px; margin: 0 2px; float: left; position: relative } .Head .Nav .MobilNavArea .IconBar .Item svg { width: 30px; height: 30px } .Head .Nav .MobilNavArea .IconBar .Item.Closed { float: right; cursor: pointer; flex: none; width: 40px; display: flex; justify-content: flex-end } .Head .Nav .MobilNavArea .IconBar .Item span { position: absolute; left: 27px; top: -5px; background: #f10; color: #fff; font-size: 14px; width: 18px; height: 18px; text-align: center; z-index: 1; display: flex; align-items: center; justify-content: center; border-radius: 12px; line-height: 18px; display: none } .Head .Nav .MobilNavArea .SearchArea { position: relative; margin-bottom: 15px } .Head .Nav .MobilNavArea .SearchArea svg { width: 19px; height: 19px; position: absolute; left: 10px; top: 10px } .Head .Nav .MobilNavArea .SearchArea input { width: 100%; border: 1px solid #dcdcdc; padding: 10px; border-radius: 10px; font-size: 16px; background: #f8f8f8; text-indent: 32px } .Head .Nav .MobilNavArea .MenuTab>a { font-size: 16px; color: #000; cursor: pointer; text-decoration: none; border: 1px solid transparent; padding: 5px; border-radius: 4px; margin: 0 2px; justify-content: flex-start; display: flex; align-items: center } .Head .Nav .MobilNavArea .MenuTab>a .Img { width: 32px; height: 32px; border-radius: 100px; overflow: hidden; margin-right: 14px; flex: none } .Head .Nav .MobilNavArea .MenuTab>a .hm { line-height: 32px; width: 100% } .Head .Nav .MobilNavArea .MenuTab>a i { line-height: 32px; float: right; flex: none; width: 30px } .Head .Nav .MobilNavArea .MenuTab.Active .Penc { left: 0 } .Head .Nav .MobilNavArea .MenuTab .Penc { position: absolute; top: 0; left: -100%; width: 100%; background: #fff; z-index: 2; height: 100%; padding: 20px; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -khtml-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in } .Head .Nav .MobilNavArea .MenuTab .Penc.Active { left: 0; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -khtml-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in } .Head .Nav .MobilNavArea .MenuTab>.Penc>.Overlow { overflow: auto } .Head .Nav .MobilNavArea .MenuTab>.Penc>a { font-size: 16px; color: #000; cursor: pointer; text-decoration: none; display: flex; padding: 16px 14px; border-radius: 4px; margin: 0 2px; font-weight: 600; width: 100%; justify-content: space-between } .Head .Nav .MobilNavArea .MenuTab>.Penc>a .Img { width: 32px; height: 32px; border-radius: 100px; overflow: hidden; margin-right: 14px; flex: none } .Head .Nav .MobilNavArea .MenuTab>.Penc>a .hm { line-height: 32px; width: 100% } .Head .Nav .MobilNavArea .MenuTab>.Penc>a i { line-height: 32px; float: right; flex: none; width: 30px } .Head .Nav .MobilNavArea .MenuTab .Penc .Sub { width: 100%; display: flex; flex-direction: column } .Head .Nav .MobilNavArea .MenuTab .Penc .Sub a.SutunAdi { border-bottom: 1px solid #ffffff1f; border-top: 1px solid #ffffff1f; font-weight: 500; text-indent: 10px } .Head .Nav .MobilNavArea .MenuTab .Penc .Sub a { float: left; padding: 10px; font-weight: 400; width: 100%; text-indent: 18px; color: #000 } .Head .Nav .MobilNavArea .MenuTab .Penc .Sub a .Badge { font-size: 11px; border-radius: 4px; padding: 0 4px; text-indent: 0; display: none } .Head .Nav .MobilNavArea .MenuTab .Penc .Sub a::before { font-family: "font awesome 5 free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; content: "\f111"; margin-right: 4px; font-size: 6px } .Head .Nav .MobilNavArea .MenuTab .Penc .Sub .SutunAdi::before { display: none } .TopBar { display: none!important } .Head .Search { display: none } .Head .BtnList .Btn.BtnFollowOrder { display: none!important } .Head .BtnList .Btn.BtnLogin { display: none!important } .Head .BtnList .Btn.UserFavorite { display: none!important } .Head .BtnList .Btn.UserAccount { display: none!important } .Head .BtnList .But-Sepet svg { height: 32px; width: 32px; padding: 5px; background: 0 0; fill: #000 } .Head .BtnList .But-Sepet .BagCount { left: 27px; top: -5px } } @media(max-width: 780px) { .Head { margin-bottom:0 } .Head:last-child { z-index: 6 } .Head { z-index: 5 } } @media(max-width: 520px) { .Head .Logo a img { height:36px } .MobilBottomBar { width: 100%; left: 0; bottom: 0; border-radius: 0; display: flex } .Layout_01.Active .MobilBottomBar { transform: translateY(100px) } .Layout_01 .MobilBottomBar.NavHide { transform: translateY(100px) } .Head .Logo { margin-left: 0; margin-top: 0; height: 37px; display: flex; align-items: center; margin-bottom: 0; justify-content: center; margin: 1px 0px !important;!i;!; } } /*HomePage Mod�l - 189484*/ .Modul_189484{width:100%;background: #f8f8f8;border-top: 1px solid #f2ecec;padding: 10px 0px;} .Modul_189484 .Bulletin{width:100%;} .Modul_189484 .Bulletin .Container{display: flex;flex-direction: column;align-items: center;justify-content: center;padding-top: 40px;} .Modul_189484 .Bulletin .Title{width:100%;text-align: center;font-size: 16px;} .Modul_189484 .Bulletin .Text{width:100%;text-align: center;} .Modul_189484 .Bulletin .InputArea{width: 60%;margin: 10px 0px;position: relative;max-width: 600px;} .Modul_189484 .Bulletin .InputArea input{width:100%;background: #fff;padding: 12px;border-radius: 4px;border: 1px solid #ccc;outline: none;font-size: 16px;} .Modul_189484 .Bulletin .InputArea i{width:100%} .Modul_189484 .Bulletin .InputArea .Wind{width:100%;position: absolute;background: #fff;top: 100%;padding: 10px;border: 1px solid #ccc;margin-top: -2px;border-top-color: #fff;display: flex;flex-direction: column;display: none;} .Modul_189484 .Bulletin .InputArea .Wind .CheckboxList{width:100%} .Modul_189484 .Bulletin .InputArea .Wind .Info{width:100%;font-size: 12px;color: #000;margin-bottom: 7px;} .Modul_189484 .Bulletin .InputArea .Wind .Btn{background: #ffffff;padding: 6px 12px;border-radius: 3px;width: fit-content;border: 1px solid #03a9f4;color: #2196f3;cursor: pointer;} .Modul_189484 .Social{width:100%;padding: 30px 0px;border-bottom: 1px solid #f2ecec;} .Modul_189484 .Social .Container{display: flex;flex-direction: column;align-items: center;justify-content: center;/* padding-top: 40px; */} .Modul_189484 .Social .Iconlist{width:100%;display: flex;flex-direction: row;align-items: center;justify-content: center;} .Modul_189484 .Social .Iconlist .SocialItem{background: #ffffff url(/Library/Img/Social.png);width: 28px;height: 29px;margin: 0 3px;cursor:pointer;transition: all 0.3s} .Modul_189484 .Social .Iconlist .SocialItem.Facebook{background-position: -1px 30px;} .Modul_189484 .Social .Iconlist .SocialItem.Twitter{background-position: -32px 30px;} .Modul_189484 .Social .Iconlist .SocialItem.Instagram{background-position: -93px 30px;} .Modul_189484 .Social .Iconlist .SocialItem.Google{background-position: -62px 30px;} .Modul_189484 .Social .Iconlist .SocialItem.Pinterest{background-position: -124px 30px;} .Modul_189484 .Social .Iconlist .SocialItem.Linkedin{background-position: -154px 30px;} .Modul_189484 .Social .Iconlist .SocialItem.Youtube{background-position: -185px 30px;} .Modul_189484 .Social .Iconlist .SocialItem.Facebook:hover{background-position: -1px 0px;} .Modul_189484 .Social .Iconlist .SocialItem.Twitter:hover{background-position: -32px 0px;} .Modul_189484 .Social .Iconlist .SocialItem.Instagram:hover{background-position: -93px 0px;} .Modul_189484 .Social .Iconlist .SocialItem.Google:hover{background-position: -62px 0px;} .Modul_189484 .Social .Iconlist .SocialItem.Pinterest:hover{background-position: -124px 0px;} .Modul_189484 .Social .Iconlist .SocialItem.Linkedin:hover{background-position: -154px 0px;} .Modul_189484 .Social .Iconlist .SocialItem.Youtube:hover{background-position: -185px 0px;} .Modul_189484 .Social .Text{width:100%;text-align: center;font-weight: 500;font-size: 14px;padding-top: 7px;} .Modul_189484 .NavList{width:100%} .Modul_189484 .NavList .Container{display: flex;flex-direction: row;align-items: flex-start;padding-top: 40px;padding-bottom: 40px;align-content: flex-start;justify-content: space-evenly;} .Modul_189484 .NavList .Colm{width: 240px;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;} .Modul_189484 .NavList .Colm.Help{/* padding: 10px; */} .Modul_189484 .NavList .Colm.Help .Title{width:100%} .Modul_189484 .NavList .Colm.Help .Item{width:100%;display: flex;justify-content: flex-start;flex-direction: row;margin-bottom: 10px;align-items: center;border-bottom: 1px solid #00000021;padding-bottom: 10px;} .Modul_189484 .NavList .Colm.Help .Item.Two{flex-direction: column;border-bottom: 0;padding-bottom: 0;} .Modul_189484 .NavList .Colm.Help .Item .Icon{width: 30px;height: 26px;text-align: center;font-size: 34px;line-height: 30px;color: #009688;display: flex;align-items: center;margin-right: 10px;} .Modul_189484 .NavList .Colm.Help .Item .Info{width:100%;display: flex;flex-direction: column;} .Modul_189484 .NavList .Colm.Help .Item .Info span:nth-child(1){width:100%;font-weight: 700;line-height: 17px;} .Modul_189484 .NavList .Colm.Help .Item .Info span:nth-child(2){width:100%;line-height: 18px;} .Modul_189484 .NavList .Colm.Help .Item .SubItem{width:100%;display: flex;flex-direction: row;align-content: center;align-items: center;} .Modul_189484 .NavList .Colm.Help .Item .SubItem .Icon{color: #ff5722;font-size: 16px;} .Modul_189484 .NavList .Colm.Help .Item .SubItem .Text{width:100%;line-height: 26px;color: #000;font-weight: 600;} .Modul_189484 .NavList .Colm .Title{/* font-size: 14px; */font-weight: 600;margin-bottom: 10px;} .Modul_189484 .NavList .Colm .NavItem{/* font-size: 13px; */line-height: 22px;cursor: pointer;} .Modul_189484 .PayList{width:100%} .Modul_189484 .PayList .Iconlist{width:100%;display: flex;align-items: center;justify-content: center;padding: 20px 0px;border-top: 1px solid #f2ecec;} .Modul_189484 .PayList .Iconlist .PayIcon{width:100%} .Modul_189484 .SeoText{width:100%;padding: 30px 0px;border-top: 1px solid #f2ecec;} .Modul_189484 .SeoText .Container{display: flex;flex-direction: row;align-items: flex-start;padding-top: 40px;padding-bottom: 40px;align-content: flex-start;justify-content: space-evenly;} .Modul_189484 .SeoText .Container{text-align: center;font-size: 14px;color: #444;} @media (max-width: 980px){ .Modul_189484 .Bulletin{display:none} .Modul_189484 .NavList .Container{display:flex;flex-direction: column;padding: 0px 40px;} .Modul_189484 .NavList .Colm{width:100%;flex: none;align-items: flex-start;} .Modul_189484 .NavList .Colm .Title{width:100%;flex: none;align-items: center;position: relative;line-height: 30px;display: flex;justify-content: space-between;font-size: 14px;margin-bottom: 0;} .Modul_189484 .NavList .Colm .Title::after {content:"\f107";display: inline-block;font: normal normal normal 14px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 21px;/* position: absolute; *//* right: 0; *//* top: 0; */} .Modul_189484 .NavList .Colm.Help .Title::after{display:none} .Modul_189484 .NavList .Colm.Active .Title::after{content:"\f105"} .Modul_189484 .NavList .Colm.Active .NavItem{display:block;width: 100%;line-height: 28px;padding-left: 10px;font-size: 13px;} .Modul_189484 .NavList .Colm .NavItem{display:none} .Modul_189484 .NavList .Colm.Help .Item .Icon{font-size: 30px;} .Modul_189484 .NavList .Colm.Help .Item .Info span:nth-child(1){font-size:13px;line-height: 14px;} .Modul_189484 .NavList .Colm.Help .Item .Info span:nth-child(2){font-size:13px;line-height: 14px;} .Modul_189484 .NavList .Colm.Help .Item .SubItem .Text{font-size:13px} .Modul_189484 .SeoText{padding: 30px;border: 0;padding-bottom: 70px;display: none;} .Modul_189484 .SeoText .Container{padding:0} } /*HomePage Mod�l - 195999*/ .Modul_195999 { margin: 15px auto} .Modul_195999 .SliderArea { width: 100%; display: flex} .Modul_195999 .SliderArea .Ban01 { width: 100%; display: flex; gap: 16px; padding: 0 32px;} .Modul_195999 .SliderArea .Ban01 .item { width: 140px; display: inline-block; cursor: pointer} .Modul_195999 .SliderArea .Ban01 .item:hover>img {} .Modul_195999 .SliderArea .Ban01 .item:hover>span { text-decoration: underline; color: #4caf50} .Modul_195999 .SliderArea .Ban01 .item>img { width: 68px; height: 68px; border-radius: 100%; overflow: hidden; background: 0 0; border: solid 1px #e2e2e2; padding: 0} .Modul_195999 .SliderArea .Ban01 .item>span { width: 100%; display: flex; align-items: center; justify-content: center; font-size: 12px; text-align: center; height: 30px; overflow: inherit; font-family: source_sans_prosemibold,sans-serif; padding: 0 14px} .Modul_195999 .SliderArea .Ban01 .Empty { width: 120px; overflow: hidden; display: flex; align-items: center; justify-content: center; flex-direction: column} .Modul_195999 .owl-nav { display: none} .Modul_195999 .owl-dots { display: flex; position: absolute; bottom: 10px; left: 10px} .Modul_195999 .owl-dots .owl-dot { display: none} .Modul_195999 .owl-dots .owl-dot span { display: block; width: 30px; height: 4px; background: #ffffff7a; margin-right: 5px} .Modul_195999 .owl-dots .owl-dot.active span { background: #00bcd4} .Modul_195999 .owl-stage {} .Modul_195999 .owl-nav { display: block} .Modul_195999 .owl-carousel .owl-stage-outer { margin: 0;} .Modul_195999 .owl-carousel .owl-dots.disabled,.Modul_195999 .owl-carousel .owl-nav.disabled { display: block} .Modul_195999 .owl-carousel .owl-nav .owl-next { position: absolute; right: -32px; top: 50%; margin-top: -22px; border: 1px solid #e8e8e8; border-radius: 4px; height: 44px; width: 20px; display: flex; align-items: center; justify-content: center; background: #efefef} .Modul_195999 .owl-carousel .owl-nav .owl-prev { position: absolute; left: -32px; top: 50%; margin-top: -22px; border: 1px solid #e8e8e8; border-radius: 4px; height: 44px; width: 20px; display: flex; align-items: center; justify-content: center; background: #efefef} @media(max-width: 767px) { .Modul_195999 .owl-carousel .owl-stage-outer { margin:0 2px } .Modul_195999 .SliderArea .Ban01{padding: 0px 30px;} .Modul_195999 .owl-stage { display: flex!important; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-color: transparent transparent; transform: none!important; width: inherit!important } .Modul_195999 .owl-nav { display: block; } .Modul_195999 .owl-carousel .owl-nav .owl-prev{left: -28px;background: transparent;border: 0;} .Modul_195999 .owl-carousel .owl-nav .owl-next{right: -28px;background: transparent;border: 0;} .Modul_195999 .SliderArea .Ban01 .Empty { width: 75px; display: inline-flex } .Modul_195999 .SliderArea .Ban01 .owl-item { width: 75px!important; display: inline-flex } .Modul_195999 .SliderArea .Ban01 .item>span { width: 100%; font-weight: 100; padding: 0 4px } .Modul_195999 .owl-stage::-webkit-scrollbar { display: none } }