/*----------------------------------------------------------------------------------- Theme Name: Responsive İlan V2 Description: TemaFabrika Responsive İlan teması yeni sürümüyle karşınızda. Author: Tema Fabrika Author URI: http://www.temafabrika.com Version: 2.1 */ 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, table, caption, tbody, tfoot, thead, tr, th, td, 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%; font: inherit; vertical-align: baseline; /* HTML5 display-role reset for older browsers */ } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } body, div, p, input, textarea, select, button { font-family: Roboto; font-size: 13px; color: #323232; } a, a:visited { color: #323232; text-decoration: none; } a:hover { color: #525252; } strong { font-weight: 700; } b { font-weight: 500; } .mt30 { margin-top: 30px; } .mt10 { margin-top: 10px; } .mb30 { margin-bottom: 30px; } .nopadding { padding: 0 !important; } .clear { clear: both; } .center { position: relative; margin: 0 auto; width: 1170px; } .ust { height: 40px; line-height: 40px; background: #323232; position: relative; } .ust-menu { float: left; } .ust-menu li { float: left; display: inline-block; } .ust-menu li a { color: #fff; font-size: 11px; display: block; padding: 0 20px; border-left: 1px solid #3f3f3f; box-sizing: border-box; } .ust-menu li:last-child a { border-right: 1px solid #3f3f3f; } .ust-menu li a:hover { background: #3f3f3f; color: #ecb244; } .user-menu { float: right; } .user-menu li { float: left; display: inline-block; position: relative; } .user-menu li > a { color: #fff; font-size: 14px; display: block; padding: 0 20px; border-left: 1px solid #3f3f3f; box-sizing: border-box; font-weight: 700; } .user-menu li:last-child a { border-right: 1px solid #3f3f3f; } .user-menu li > a:hover, .user-menu li > a.active { background: #3f3f3f; color: #ecb244; } .user-menu li > a i { width: 20px; height: 20px; background: #fff; color: #323232; float: left; margin-right: 6px; border-radius: 20px; margin-top: 9px; text-align: center; line-height: 20px; font-size: 12px; } .user-menu li a.user-login i { background: #ecb244; } .user-menu li a.user-reg i { background: #009e59; font-size: 11px; } .user-menu li a.user-login:hover { color: #ecb244; } .user-menu li a.user-reg:hover { color: #009e59; } .user-menu li .giris-panel-holder { position: absolute; top: 30px; z-index: 9999; right: -100px; left: -100px; } .user-menu li .giris-panel-holder::before { width: 0; content: ""; position: absolute; top: -6px; left: 50%; margin-left: -6px; height: 0; border-style: solid; border-width: 0 6px 7px 6px; border-color: transparent transparent #fff transparent; } .user-menu li .giris-panel { background: #fff; padding: 15px; line-height: 18px; border: 1px solid #ededed; box-shadow: 0 1px 5px rgba(0, 0, 0, .07); } .giris-panel .giris-title { font-size: 18px; border-bottom: 1px solid #ededed; padding-bottom: 15px; } .giris-panel .fb-login { display: block; background: #3f609c; margin-top: 15px; border-radius: 3px; height: 35px; line-height: 35px; padding: 0 10px; text-align: center; color: #fff; cursor: pointer; width: auto; } .giris-panel .fb-login i { line-height: 35px; font-size: 18px; vertical-align: middle; margin-right: 5px; } .giris-panel .fb-login:hover { opacity: 0.9; } .giris-panel .giris-veya { margin-top: 10px; text-align: center; position: relative; padding-bottom: 10px; } .giris-panel .giris-veya::before { content: ""; height: 1px; left: 0; right: 0; background: #e0e0e0; display: block; top: 10px; position: absolute; } .giris-panel .giris-veya span { position: relative; display: inline-block; padding: 0 10px; background: #fff; color: #777; } .giris-panel .giris-row { padding: 5px 0; } .giris-panel .giris-row strong { line-height: 22px; height: 25px; display: block; } .giris-panel .giris-row input { width: 100%; box-sizing: border-box; background: #fff; height: 35px; border: 1px solid #d9d9d9; font-family: Roboto; padding: 0 10px; font-size: 13px; } .giris-panel .giris-alt label { float: left; color: #777; font-weight: 300; } .giris-panel .giris-alt { padding-top: 5px; } .giris-panel .giris-alt a { float: right; color: #313131; display: inline-block; } .giris-panel .giris-alt input { float: left; margin-right: 3px; } .giris-panel button[type="submit"] { background: #cc575f; border: none; width: 100%; box-sizing: border-box; margin-top: 10px; height: 35px; border-radius: 3px; color: #fff; font-size: 14px; font-weight: 500; cursor: pointer; } .giris-panel button:hover { opacity: 0.9; } .giris-panel .giris-hata { padding-top: 5px; color: #c00; text-align: center; } .giris-panel button[type="submit"].passive { background: #ccc; color: #777; cursor: default; } .giris-panel .giris-title i { display: none; } header { height: 80px; line-height: 80px; } header .logo { float: left; } header .logo img { vertical-align: middle; max-width: 300px; max-height: 60px; } .header-alt { border-bottom: 1px solid #efefef; } .header-right { float: right; } .header-link { float: left; padding: 0 20px; border-right: 1px solid #efefef; font-weight: 300; font-size: 13px; width: 182px; box-sizing: border-box; text-align: center; } .header-link i { width: 20px; height: 20px; background: #323232; border-radius: 20px; color: #fff; text-align: center; line-height: 20px; margin-right: 7px; float: left; margin-top: 30px; } .header-link i.fa-caret-down { font-size: 16px; } .header-link i.fa-star { font-size: 12px; } .header-link:hover { background: #efefef; color: #000; } .header-link:hover i { background: #000; } .header-link:first-child { border-left: 1px solid #efefef; } .search-box { float: left; width: 300px; height: 50px; box-sizing: border-box; position: relative; border: 2px solid #efefef; border-radius: 2px; margin: 15px 0 0 15px; } .search-box.long-1 { width: 480px; } .search-box.long-2 { width: 660px; } .search-box > form > i { position: absolute; left: 0; top: 0; height: 46px; line-height: 46px; width: 46px; text-align: center; z-index: 2; font-size: 20px; color: #323232; font-weight: 400; } .search-box > form > input { position: absolute; left: 2px; top: 2px; height: 44px; border: none; box-sizing: border-box; width: calc(100% - 10px); font-family: Roboto; padding-left: 46px; padding-right: 52px; font-size: 12px; } .search-box button { position: absolute; right: -2px; top: -2px; height: 50px; border-radius: 0 2px 2px 0; border: none; width: 46px; background: #323232; color: #fff; font-size: 16px; cursor: pointer; } .search-box button:hover { background: #4c4c4c; } .ilan-link { float: left; margin: 15px 0 0 15px; height: 50px; display: inline-block; background: #cd4851; color: #fff !important; font-size: 14px; font-weight: 500; line-height: 50px; padding: 0 15px; border-radius: 2px; border: none; cursor: pointer; } .ilan-link i { margin-right: 7px; float: left; line-height: 50px; } .ilan-link:hover { color: #fff; opacity: 0.9; filter: alpha(opacity=90); } form .ilan-link { margin: 0; } .search-area { border-top: 6px solid #efefef; height: 300px; background: url(images/search-bg.jpg) no-repeat; } .search-area.category-search { height: 125px; } .search-area h3 { text-align: center; font-size: 30px; font-weight: 900; padding-top: 50px; } .search-area h4 { font-size: 20px; text-align: center; padding-top: 15px; color: #999; } .search-bar { background: #d0545c; height: 80px; box-sizing: border-box; margin-top: 45px; } .search-area.category-search .search-bar { margin-top: 20px; } .search-bar { display: table; width: 100%; border-spacing: 15px; } .search-bar > div, .search-bar > .button { display: table-cell; height: 40px; } .selectjs-holder { position: relative; } .selectjs-holder select { display: none; } .selectjs-holder > div { background: #fff; border-radius: 2px; height: 50px; line-height: 50px; cursor: pointer; } .selectjs-holder > div:hover { background: #f4f4f4; } .selectjs-holder > div > i.fa-caret-right { float: left; height: 50px; line-height: 50px; width: 40px; text-align: center; font-size: 18px; } .selectjs-holder > div > i.fa-angle-down { float: right; line-height: 50px; width: 25px; font-size: 18px; } .selectjs-holder > div > span { color: #999; font-size: 11px; display: inline-block; width: calc(100% - 75px); overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; float: left; height: 50px; } .selectjs-holder > ul { position: absolute; left: 0; right: 0; top: 48px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, .10); z-index: 500; display: none; max-height: 200px; overflow: auto; } .selectjs-holder > ul li { line-height: 30px; padding: 0 15px; border-bottom: 1px solid #ebebeb; cursor: pointer; font-size: 11px; font-weight: 500; color: #444; } .selectjs-holder > ul li:hover { color: #d0545c; background: #f4f4f4; } .search-bar .button { width: 120px; } .search-bar .button button { background: #323232; border: none; height: 50px; border-radius: 2px; width: 100%; color: #fff; line-height: 50px; float: left; } .search-bar .button button i { font-size: 20px; margin-right: 5px; } .selectjs-holder input { height: 50px; box-sizing: border-box; vertical-align: middle; border: none; border-radius: 2px; float: left; width: 100%; font-size: 11px; padding-left: 40px; } .sj-input { position: relative; width: 120px !important; } .sj-input > i { position: absolute; right: 0; width: 40px; z-index: 3; text-align: center; line-height: 50px; cursor: pointer; } .sj-input > i:hover { opacity: 0.9; } .sj-input ul li i { width: 12px; } .selectjs-holder.sj-input input { padding-left: 15px; padding-right: 40px; } .sj-il, .sj-ilce { width: 180px !important; } .content { padding-top: 30px; } section > .title { height: 50px; position: relative; margin-top: 10px; } section > .title::before { position: absolute; bottom: 0; height: 6px; background: #323232; content: ""; left: 0; right: 0; border-radius: 3px; } section > .title h2 { float: left; margin-left: 15px; height: 44px; line-height: 44px; padding: 0 20px; background: #323232; border-radius: 5px 5px 0 0; font-size: 20px; color: #fff; } section > .title h2 i { float: left; line-height: 44px; margin-right: 7px; } section > .title .sagsol { float: right; line-height: 44px; } section > .title .sagsol i { width: 20px; height: 20px; text-align: center; line-height: 20px; background: #323232; color: #fff; border-radius: 20px; font-size: 17px; box-sizing: border-box; cursor: pointer; } section > .title .sagsol i.fa-caret-left { padding-right: 3px; } section > .title .sagsol i.fa-caret-right { padding-left: 2px; } section > .title .sagsol i:hover { opacity: 0.9; } section > .title .title-link { float: right; font-size: 11px; color: #999; margin-top: 17px; } section > .title .title-link:hover { color: #323232; } section > .title.tabs::before { background: #e8e8e8; } section > .title.tabs h2 { cursor: pointer; opacity: 0.5; } section > .title.tabs h2:hover { opacity: 0.7; } section > .title.tabs h2.active { opacity: 1; } section.color1 > .title::before, section.color1 > .title h2 { background: #cd4851; } section.color1 > .title .sagsol i { background: #cd4851; } section.color1 .clr { color: #cd4851; } section.color1 .cat-menu li a::after { color: #cd4851; } section.color2 > .title::before, section.color2 > .title h2 { background: #ecb244; } section.color2 > .title .sagsol i { background: #ecb244; } section.color2 .clr { color: #ecb244; } section.color2 .cat-menu li a::after { color: #ecb244; } section.color3 > .title::before, section.color3 > .title h2 { background: #009e59; } section.color3 > .title .sagsol i { background: #009e59; } section.color3 .clr { color: #009e59; } section.color3 .cat-menu li a::after { color: #009e59; } section.dark > .title::before, section.dark > .title h2 { background: #323232; } section.dark > .title .sagsol i { background: #323232; } section.dark .clr { color: #323232; } section.dark .cat-menu li a::after { color: #323232; } .full-holder { height: 274px; overflow: hidden; position: relative; padding-top: 30px; } .ilanlar.full { position: relative; width: 100%; } .ilanlar.full li { height: 274px; width: 210px; float: left; margin-right: 30px; } .ilanlar.full li img { border: 1px solid #e8e8e8; } .ilanlar.full li .img { display: block; width: 210px; height: 130px; position: relative; } .ilanlar.full li .img::before { content: ""; position: absolute; left: 1px; right: 1px; bottom: 1px; top: 1px; background: #323232; opacity: 0.1; filter: alpha(opacity=10); display: none; } .ilanlar.full li .img:hover::before, .ilanlar.full li .img:hover::after { display: block; } .ilanlar.full li h4 { padding: 10px 0; text-align: center; border-bottom: 1px solid #e8e8e8; line-height: 18px; height: 36px; overflow: hidden; } .ilanlar.full li h4 a { font-weight: 400; line-height: 18px; display: inline-block; max-height: 36px; overflow: hidden; } .ilanlar.full li h4 a:hover { text-decoration: underline; } .ilanlar.full li .konum { text-align: center; line-height: 18px; padding: 10px 0; font-size: 11px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ilanlar.full li ul { display: table; width: 100%; } .ilanlar.full li ul li { width: 33.3%; display: table-cell; text-align: center; vertical-align: middle; background: #efefef; height: 46px; font-size: 11px; line-height: 14px; float: none; } .ilanlar.full li ul li span { display: block; font-weight: 700; } .ilanlar.full li ul li:nth-of-type(2) { background: #e8e8e8; } .ilantip { position: absolute; left: 1px; top: 1px; height: 24px; line-height: 24px; font-size: 11px; color: #fff; padding: 0 10px; z-index: 5; } .ilanlar.full .fiyat { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; line-height: 36px; } .ilanlar.full .fiyat span { font-size: 14px; font-weight: bold; display: block; text-align: center; } .ilanlar.full .fiyat a i { background: #cd4851; width: 16px; height: 16px; border-radius: 16px; text-align: center; line-height: 15px; float: left; margin-top: 11px; margin-right: 5px; color: #fff; font-size: 10px; box-sizing: border-box; padding-left: 1px; } .ilanlar.full .fiyat a { font-size: 11px; } .ilantip.ozel { background: #ecb244; } .ilantip.acil { background: #cd4851; } .ilantip.firsat { background: #009e59; } .main { padding-top: 30px; } .main-left { width: 300px; float: left; } .cat-menu { border-bottom: 2px solid #efefef; margin-bottom: 20px; } .cat-menu li a { display: block; line-height: 42px; font-weight: 700; font-size: 14px; position: relative; border: 2px solid #efefef; border-bottom: none; } .cat-menu li a:hover { background: #f7f7f7; } .cat-menu li a > i { width: 50px; text-align: center; font-size: 18px; float: left; line-height: 42px; } .cat-menu li a .fa-angle-right { position: absolute; right: 0; top: 0; font-size: 16px; color: #cd4851; } .cat-menu li a > span { font-weight: 300; color: #999; } .cat-menu li ul { padding-left: 15px; border-top: 2px solid #efefef; display: none; } .cat-menu li.active ul { display: block; } .cat-menu li ul li:first-child a { border-top: none; } .cat-menu li ul li a > i { width: 40px; } .cat-menu li ul li a { font-size: 13px; } .cat-menu li ul li a i.fa-angle-right { display: none; } .acil-link, .firsat-link, .son-link { display: block; margin-top: 10px; height: 60px; box-sizing: border-box; color: #fff !important; padding-left: 60px; padding-top: 12px; line-height: 18px; position: relative; } .acil-link strong, .firsat-link strong, .son-link strong { display: block; } .acil-link { margin-top: 30px; background: #cd4851; } .firsat-link { background: #009e59; } .son-link { background: #ecb244; } .acil-link i:nth-of-type(2), .firsat-link i:nth-of-type(2), .son-link i:nth-of-type(2) { position: absolute; right: 10px; top: 0; font-size: 16px; line-height: 60px; } .acil-link i:nth-of-type(1), .firsat-link i:nth-of-type(1), .son-link i:nth-of-type(1) { position: absolute; left: 0; top: 0; width: 60px; line-height: 60px; text-align: center; font-size: 34px; } .acil-link:hover, .firsat-link:hover, .son-link:hover { opacity: 0.9; } .main-left .wilanad { margin-top: 30px; } .ilan-list li { padding: 15px 0; height: 78px; border-bottom: 1px solid #e8e8e8; } .ilan-list li .img { float: left; width: 78px; height: 78px; } .ilan-list li .img img { border-radius: 3px; } .ilan-list li .info { float: right; width: calc(100% - 93px); } .ilan-list li .info h5 { line-height: 18px; height: 36px; overflow: hidden; font-weight: 300; } .ilan-list li .info div { margin-top: 10px; border-top: 1px solid #e8e8e8; line-height: 36px; } .ilan-list li .info div span { float: right; font-size: 14px; font-weight: bold; } .ilan-list li .info div a i { background: #cd4851; width: 16px; height: 16px; border-radius: 16px; text-align: center; line-height: 15px; float: left; margin-top: 11px; margin-right: 5px; color: #fff; font-size: 10px; box-sizing: border-box; padding-left: 1px; } .ilan-list li .info div a { font-size: 11px; } .main-right { float: right; width: calc(100% - 330px); } .slider-holder { width: 510px; height: 250px; overflow: hidden; position: relative; float: left; } .slider-holder .sagsol { position: absolute; width: 40px; height: 40px; border-radius: 40px; border: 2px solid #cd4851; z-index: 3; box-sizing: border-box; text-align: center; line-height: 36px; top: 50%; margin-top: -35px; cursor: pointer; } .slider-holder .sagsol i { width: 26px; height: 26px; background: #cd4851; border-radius: 26px; line-height: 24px; font-size: 20px; position: absolute; left: 5px; top: 5px; color: #fff; box-sizing: border-box; } .slider-holder .sagsol.sol { left: 10px; } .slider-holder .sagsol.sag { right: 10px; } .slider-holder .sagsol i.fa-angle-right { padding-left: 2px; } .slider-holder .sagsol i.fa-angle-left { padding-right: 2px; } .slider-holder .sagsol:hover { opacity: 0.8; } .slider li { width: 510px; height: 250px; float: left; position: relative; } .slider li .baslik { position: absolute; bottom: 0; background: #cb4049; height: 50px; line-height: 50px; left: 0; right: 0; padding-left: 50px; color: #fff; font-weight: bold; font-size: 14px; } .slider li .baslik::before { position: absolute; content: "\f0da"; left: 0; top: 0; width: 50px; text-align: center; font-family: 'Font Awesome 5 Free'; font-size: 18px; } .slider li .baslik::after { content: "DETAYLAR"; position: absolute; right: 10px; height: 30px; line-height: 30px; color: #cd4851; background: #fff; border-radius: 2px; font-size: 11px; padding: 0 15px; font-weight: 400; top: 10px; } .slider li .baslik span { display: block; height: 30px; width: calc(100% - 120px); word-wrap: break-word; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .slider-holder.color2 .sagsol { border: 2px solid #ecb244; } .slider-holder.color2 .sagsol i { background: #ecb244; } .slider-holder.color2 .slider li .baslik { background: #ebae3b; } .slider-holder.color2 .slider li .baslik::after { color: #ecb244; } .slider-holder.color3 .sagsol { border: 2px solid #009e59; } .slider-holder.color3 .sagsol i { background: #009e59; } .slider-holder.color3 .slider li .baslik { background: #009453; } .slider-holder.color3 .slider li .baslik::after { color: #009e59; } .slider-holder.dark .sagsol { border: 2px solid #323232; } .slider-holder.dark .sagsol i { background: #323232; } .slider-holder.dark .slider li .baslik { background: #2d2d2d; } .slider-holder.dark .slider li .baslik::after { color: #323232; } .wilanad.slider-yani { float: right; width: 300px; height: 250px; } .main-right .ilanlar { padding-top: 20px; } .main-right .ilanlar > li { height: 256px; width: 195px; float: left; margin-right: 20px; margin-bottom: 20px; } .main-right .ilanlar > li:nth-of-type(4n+4) { margin-right: 0; } .main-right .ilanlar > li img { border: 1px solid #e8e8e8; box-sizing: border-box; } .main-right .ilanlar > li .img { display: block; width: 195px; height: 120px; position: relative; box-sizing: border-box; } .main-right .ilanlar > li .img::before { content: ""; position: absolute; left: 1px; right: 1px; bottom: 1px; top: 1px; background: #323232; opacity: 0.1; filter: alpha(opacity=15); display: none; } .main-right .ilanlar > li .img:hover::before, .main-right .ilanlar > li .img:hover::after { display: block; } .main-right .ilanlar > li h4 { padding: 10px 0; text-align: center; border-bottom: 1px solid #e8e8e8; height: 36px; } .main-right .ilanlar > li h4 a { font-weight: 400; line-height: 18px; display: inline-block; max-height: 36px; overflow: hidden; } .main-right .ilanlar > li h4 a:hover { text-decoration: underline; } .main-right .ilanlar > li .konum { text-align: center; line-height: 18px; padding: 10px 0; font-size: 11px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .main-right .ilanlar > li ul { display: table; width: 100%; } .main-right .ilanlar > li ul li { width: 33.3%; display: table-cell; text-align: center; vertical-align: middle; background: #efefef; height: 46px; font-size: 11px; line-height: 14px; } .main-right .ilanlar > li ul li span { display: block; font-weight: 700; } .main-right .ilanlar > li ul li:nth-of-type(2) { background: #e8e8e8; } .main-right .ilanlar .fiyat { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; line-height: 36px; } .main-right .ilanlar .fiyat span { font-size: 14px; font-weight: bold; display: block; text-align: center; } .main-right .ilanlar .fiyat a i { background: #cd4851; width: 16px; height: 16px; border-radius: 16px; text-align: center; line-height: 15px; float: left; margin-top: 11px; margin-right: 5px; color: #fff; font-size: 10px; box-sizing: border-box; padding-left: 1px; } .main-right .ilanlar .fiyat a { font-size: 11px; } .projeler { padding-top: 24px; } .projeler > li { width: 408px; float: left; margin-right: 24px; } .projeler > li:nth-of-type(2n+2) { margin-right: 0; } .projeler > li .img { width: 408px; height: 254px; position: relative; display: block; } .projeler > li .img .baslik { position: absolute; bottom: 0; left: 0; right: 0; height: 50px; line-height: 50px; background: rgba(0, 0, 0, .80); color: #fff; padding: 0 20px; } .projeler > li .img .baslik span { float: right; font-size: 11px; } .projeler > li ul { padding-top: 15px; } .projeler > li ul li { background: #efefef; float: left; width: 130px; height: 44px; box-sizing: border-box; margin-right: 9px; text-align: center; padding-top: 8px; font-size: 11px; line-height: 15px; } .projeler > li ul li:nth-of-type(3) { margin-right: 0; } .projeler > li ul li strong { display: block; } .ilan-detay .projeler > li { width: 368px; margin-right: 33px; } .ilan-detay .projeler > li .img { width: 368px; height: 228px; } .ilan-detay .projeler > li:nth-of-type(2n+2) { margin-right: 33px; } .ilan-detay .projeler > li:nth-of-type(3n+3) { margin-right: 0; } .ilan-detay .projeler > li ul li { width: 116px; margin-right: 10px; } .ilan-detay .projeler > li ul li:nth-of-type(3) { margin-right: 0; } .etkilesim { height: 80px; background: #323232; position: relative; margin-top: 30px; } .etkilesim .container { position: relative; height: 100px; } .etkilesim:not(.etk-pasif)::before { position: absolute; left: 0; top: 0; bottom: 0; width: 50%; background: #cd4851; content: ""; } .etkilesim-left { position: absolute; z-index: 2; left: 0; width: 50%; box-sizing: border-box; padding-right: 20px; } .yayinla, .bulten { display: table; width: 100%; } .yayinla > i, .yayinla > div, .bulten > i, .bulten > div { display: table-cell; vertical-align: middle; line-height: 18px; } .yayinla > i, .bulten > i { width: 70px; height: 80px; line-height: 80px; font-size: 36px; color: #fff; } .yayinla div h4, .bulten div h4 { font-size: 14px; font-weight: 700; color: #fff; padding-top: 2px; } .yayinla div span, .bulten div span { font-size: 11px; color: #fff; } .yayinla > div:last-child { width: 180px; } .yayinla > div:last-child a { display: inline-block; background: #fff; height: 40px; line-height: 40px; border-radius: 3px; padding: 0 15px; font-size: 14px; font-weight: 700; } .etkilesim-right { position: absolute; right: 0; top: 0; bottom: 0; width: 50%; padding-left: 30px; box-sizing: border-box; } .etk-pasif .etkilesim-right { right: auto; left: 50%; margin-left: -28%; width: 56%; } .bulten > i { color: #fff; } .bulten div h4, .bulten div span { color: #fff; } .bulten .bulten-input { width: 240px; height: 40px; position: relative; } .bulten .bulten-input input { position: absolute; left: 0; width: 240px; height: 40px; border: none; padding: 0 30px 0 15px; box-sizing: border-box; border-radius: 3px 4px 4px 3px; font-size: 11px; color: #253b49; } .bulten .bulten-input i.fa-play { position: absolute; left: 0; top: 0; height: 40px; width: 35px; text-align: center; line-height: 40px; color: #323232; z-index: 3; font-size: 10px; } .bulten .bulten-input button { position: absolute; right: 0; top: 0; height: 40px; width: 40px; background: #cd4851; border-radius: 0 3px 3px 0; line-height: 40px; border: none; } .bulten .bulten-input button i { position: absolute; top: 0; right: 0; width: 40px; text-align: center; line-height: 40px; color: #fff; } footer.sticky { position: fixed; bottom: 0; left: 0; right: 0; } footer .footer-menu { width: 270px; float: left; margin-right: 30px; } footer .footer-menu:nth-of-type(4) { margin-right: 0; } footer .footer-menu .baslik { height: 32px; border-bottom: 2px solid #efefef; font-size: 20px; } footer .footer-menu ul { padding-top: 7px; } footer .footer-menu li { line-height: 30px; position: relative; font-weight: 300; font-size: 14px; } footer .footer-menu li i { float: left; line-height: 30px; margin-right: 10px; color: #cd4851; font-size: 18px; } footer .center.pd { padding-top: 30px; } footer .copyright { margin-top: 20px; background: #efefef; padding: 10px 0; } footer .copyright .copy { float: left; font-size: 11px; line-height: 16px; width: calc(100% - 300px); } footer .copyright .social { float: right; padding-top: 5px; } footer .copyright .social li { float: left; margin-left: 3px; } footer .copyright .social li a { display: block; width: 24px; height: 24px; background: #323232; color: #efefef; border-radius: 24px; line-height: 24px; text-align: center; } footer .copyright .social li a:hover { background: #424242; } .ilan-detay .ilan-baslik { height: 60px; background: #efefef; line-height: 60px; } .ilan-detay .ilan-baslik h1 { font-size: 20px; float: left; } .ilan-detay .ilan-baslik h1 i { color: #cd4851; font-size: 30px; float: left; line-height: 60px; margin-right: 10px; } .ilan-detay .ilan-baslik-right { float: right; } .ilan-detay .ilan-baslik-right .ilan-fiyat { line-height: 18px; padding-top: 10px; text-align: right; float: left; } .ilan-detay .ilan-baslik-right .ilan-fiyat > div { color: #cd4851; font-size: 20px; } .ilan-detay .ilan-baslik-right .ilan-fiyat > span { display: block; font-size: 11px; } .ilan-detay .ilan-baslik-right .share { float: left; margin-left: 30px; padding-left: 20px; border-left: 1px solid #e5e5e5; } .ilan-detay .ilan-baslik-right .share li { float: left; width: 40px; text-align: center; position: relative; } .ilan-detay .ilan-baslik-right .share li > a, .ilan-detay .ilan-baslik-right .share li span { display: block; font-size: 20px; cursor: pointer; } .ilan-detay.preview .ilan-baslik h1 { padding: 0 20px; } .ilan-detay .favori-ekle.active i::before { content: "\f004"; color: #d25c64; } .ilan-paylas-holder { position: absolute; top: 60px; width: 240px; left: 8px; margin-left: -120px; z-index: 20; background: #fff; padding: 10px; border: 1px solid #f0f0f0; border-top: 0; text-align: center; display: none; } .ilan-paylas-holder::before { content: ""; width: 0; position: absolute; top: -8px; left: 50%; margin-left: -5px; height: 0; border-style: solid; border-width: 0 5px 8px 5px; border-color: transparent transparent #fff transparent; } .ilan-detay .ilan-baslik-right .share li:hover .ilan-paylas-holder { display: block; } .ilan-detay .ilan-bilgi { border: 5px solid #efefef; margin-top: 30px; padding: 30px; } .ilan-detay .ilan-bilgi-left { width: 562px; float: left; } .ilan-detay .ilan-bilgi-right { width: calc(100% - 592px); float: right; } .ilan-detay .ilan-magaza { height: 90px; background: #323232; box-sizing: border-box; padding: 15px; } .ilan-detay .ilan-magaza .magaza-logo { float: left; width: 60px; height: 60px; text-align: center; line-height: 60px; background: #fff; } .ilan-detay .ilan-magaza .magaza-logo img { vertical-align: middle; } .ilan-detay .ilan-magaza-baslik { float: left; } .ilan-detay .ilan-magaza .ilan-magaza-bilgi { float: right; width: calc(100% - 75px); } .ilan-detay .ilan-magaza .ilan-magaza-bilgi h2 { color: #fefefe; font-size: 20px; padding-top: 8px; } .ilan-detay .ilan-magaza .ilan-magaza-bilgi h2 a { color: #fefefe; } .ilan-detay .ilan-magaza .ilan-magaza-bilgi h2 a:hover { color: #ccc; } .ilan-detay .ilan-magaza .ilan-magaza-bilgi h3 { color: #cbcbcb; font-weight: 300; font-size: 14px; padding-top: 7px; text-transform: uppercase; } .ilan-detay .ilan-magaza .ilan-magaza-bilgi > ul { float: right; margin-top: 10px; } .ilan-detay .ilan-magaza .ilan-magaza-bilgi > ul > li { float: left; background: #fff; width: 40px; height: 40px; border-radius: 40px; line-height: 40px; text-align: center; font-size: 16px; margin-left: 10px; position: relative; } .ilan-detay .ilan-magaza .ilan-magaza-bilgi > ul > li:hover > a { color: #fff; display: block; width: 40px; height: 40px; } .ilan-detay .ilan-magaza .ilan-magaza-bilgi > ul > li:hover { background: #cd4851; color: #fff; } .ilan-detay .ilan-magaza .ilan-magaza-bilgi > ul > li ul { position: absolute; width: 170px; left: -65px; top: 40px; padding-top: 10px; display: none; z-index: 5; } .ilan-detay .ilan-magaza .ilan-magaza-bilgi > ul > li ul li { line-height: 28px; font-size: 11px; text-align: left; border-bottom: 1px solid #b53c44; border-top: 1px solid #e46169; color: #fff; padding: 0 10px; background: #cd4851; } .ilan-detay .ilan-magaza .ilan-magaza-bilgi > ul > li ul li a { color: #fff; } .ilan-detay .ilan-magaza .ilan-magaza-bilgi > ul > li ul li:first-child { border-top: 0; border-radius: 3px 3px 0 0; } .ilan-detay .ilan-magaza .ilan-magaza-bilgi > ul > li ul li:last-child { border-bottom: 0; border-radius: 0 0 3px 3px; } .ilan-detay .ilan-magaza .ilan-magaza-bilgi > ul > li ul li strong { display: inline-block; width: 35px; font-weight: 500; } .ilan-detay .ilan-magaza .ilan-magaza-bilgi > ul > li ul::before { width: 0; height: 0; border-style: solid; border-width: 0 5px 6px 5px; border-color: transparent transparent #cd4851 transparent; position: absolute; content: ""; top: 4px; left: 50%; margin-left: -5px; } .ilan-detay .ilan-magaza .ilan-magaza-bilgi > ul > li:hover ul { display: block; } .ilan-slider-holder { width: 560px; height: 348px; position: relative; overflow: hidden; } .ilan-slider-holder .sagsol { position: absolute; width: 40px; height: 40px; border-radius: 40px; border: 2px solid #fff; z-index: 3; box-sizing: border-box; box-shadow: 0 0 20px rgba(0, 0, 0, .50); text-align: center; line-height: 36px; top: 50%; margin-top: -18px; cursor: pointer; } .ilan-slider-holder .sagsol i { width: 26px; height: 26px; background: #fff; border-radius: 26px; line-height: 24px; font-size: 20px; position: absolute; left: 5px; top: 5px; color: #cd4851; box-sizing: border-box; } .ilan-slider-holder .sagsol.sol { left: 10px; } .ilan-slider-holder .sagsol.sag { right: 10px; } .ilan-slider-holder .sagsol i.fa-angle-right { padding-left: 2px; } .ilan-slider-holder .sagsol i.fa-angle-left { padding-right: 2px; } .ilan-slider-holder .sagsol:hover { opacity: 0.8; } .ilan-slider li { height: 350px; display: flex !important; align-items: center; justify-content: center; background: #f0f0f0; } .ilan-slider li img { border: 1px solid #efefef; vertical-align: top; width: auto; height: auto; max-width: 560px; max-height: 100%; } .ilan-thumbs { margin-top: 10px; border: 1px solid #e8e8e8; box-sizing: border-box; height: 96px; position: relative; } .ilan-thumbs-holder { position: absolute; left: 46px; right: 46px; top: 12px; overflow: hidden; height: 70px; } .ilan-thumbs ul { width: 100%; } .ilan-thumbs li { margin-right: 10px; cursor: pointer; float: left; } .ilan-thumbs li:hover { opacity: 0.9; } .ilan-thumbs li img { border: 1px solid #efefef; } .ilan-thumbs li.slick-current img { border: 1px solid #cd4851; } .ilan-thumbs .sagsol { position: absolute; top: 50%; width: 36px; height: 36px; display: inline-block; background: #e8e8e8; text-align: center; line-height: 36px; margin-top: -18px; cursor: pointer; } .ilan-thumbs .sagsol.sol { left: 0; } .ilan-thumbs .sagsol.sag { right: 0; } .ilan-thumbs .sagsol:hover { background: #e0e0e0; } .ilan-ozellik .title { height: 52px; line-height: 52px; background: #cd4851; border-radius: 3px 3px 0 0; padding: 0 15px; font-size: 14px; font-weight: 700; color: #fff; } .ilan-ozellik .title i { float: left; line-height: 50px; font-size: 20px; margin-right: 10px; } .ilan-ozellik ul { padding-top: 8px; } .ilan-ozellik ul li { float: left; height: 42px; width: 250px; box-sizing: border-box; border: 1px solid #e8e8e8; line-height: 42px; font-size: 11px; text-align: right; padding-right: 10px; color: #919191; margin-right: 8px; margin-bottom: -1px; } .ilan-ozellik ul li:nth-of-type(2n+2) { margin-right: 0; } .ilan-ozellik ul li strong { float: left; background: #efefef; font-weight: 500; width: 50%; text-align: left; padding-left: 10px; box-sizing: border-box; color: #323232; } .tab-contents { padding: 10px 0; } .tab-content p { padding: 10px 0; line-height: 22px; font-weight: 300; font-size: 14px; } .tab-content { display: none; } .tab-content.active { display: block; } .ilan-oz { padding-top: 15px; } .ilan-oz h3 { height: 36px; margin-top: 15px; font-size: 20px; border-bottom: 1px solid #e8e8e8; } .ilan-oz ul { padding-top: 20px; } .ilan-oz ul li { width: 195px; height: 40px; box-sizing: border-box; border: 1px solid #e8e8e8; float: left; margin-right: 20px; margin-bottom: 20px; line-height: 38px; padding: 0 15px; font-size: 11px; color: #919191; position: relative; } .ilan-oz ul li:nth-of-type(4n+4) { margin-right: 0; } .ilan-oz ul li i { position: absolute; width: 20px; height: 20px; background: #cd4851; border-radius: 20px; line-height: 20px; text-align: center; color: #fff; font-size: 11px; box-sizing: border-box; padding-left: 1px; right: 10px; top: 9px; } .ilan-oz ul li.active i { background: #009e59; padding-left: 0; } .ilan-oz ul li.active { color: #323232; font-weight: 500; } .ilan-adimlar { display: table; width: 70%; margin: 10px auto 20px auto; } .ilan-adim { display: table-cell; text-align: center; width: 20%; height: 70px; position: relative; } .ilan-adimlar.odeme-aktif .ilan-adim { width: 16.6%; } .ilan-adim i { position: absolute; right: -21px; text-align: center; top: 0; height: 70px; line-height: 70px; font-size: 32px; z-index: 3; color: #dedede; } .ilan-adimlar.odeme-aktif .ilan-adim::after { right: -10px; } .ilan-adim:last-child i { display: none; } .ilan-adim strong { width: 60px; height: 60px; text-align: center; display: block; border-radius: 60px; line-height: 60px; font-size: 24px; margin: 0 auto; border: 3px solid #ededed; color: #777; } .ilan-adim span { display: block; padding-top: 10px; font-weight: 500; } .ilan-adim.aktif strong { color: #fff; background: #378c47; } .ilan-adim.aktif span { color: #378c47; } .ilan-adim.pasif strong { color: #999; background: rgba(0, 0, 0, .05); } .ilan-adim.pasif span { color: #999; } .user-table { width: 100%; border-collapse: collapse; margin-top: 10px; } .user-table td { font-size: 13px; line-height: 40px; padding: 3px 10px; border: 1px solid #fff; border-top: 0; background: #f9f9f9; vertical-align: top; } .user-table td.col-sol { width: 180px; background: #f4f4f4; color: #313131; font-weight: 500; } .user-table td a { font-weight: 500; color: #1c2d38; } .user-table td a:hover { color: #3d6178; } .user-table td.col-title { background: #e9e9e9; color: #253b49; font-weight: 500; font-size: 16px; } .user-table td.col-2 { width: 344px; } .input-ui, .select-ui { height: 40px; width: 100%; line-height: 40px; padding: 0 15px; box-sizing: border-box; border: 1px solid #d9d9d9; color: #666; box-shadow: inset 0 1px 5px rgba(0, 0, 0, .15); } .input-ui:focus { color: #253b49; } .input-icon-ui { position: relative; } .input-icon-ui .input-icon { position: absolute; left: 6px; top: 2px; bottom: 2px; width: 40px; color: #253b49; text-align: center; background: #fff; line-height: 36px; } .input-icon-ui .input-ui { padding-left: 40px; } .user-pane { float: right; color: #fff; background: rgba(255, 255, 255, .03); padding: 0 15px; cursor: default; position: relative; min-width: 110px; } .user-pane i { float: right; line-height: 40px; margin-left: 7px; font-size: 18px; } .user-pane ul { position: absolute; background: #464646; z-index: 501; width: 140px; right: 0; top: 40px; display: none; } .user-pane ul li a { display: block; color: #fefefe; line-height: 30px; height: 30px; padding: 0 10px; font-weight: 500; border-bottom: 1px solid #515151; } .user-pane ul li.user-logout a { background: #d0545c; padding: 0; text-align: center; border-bottom: none; } .user-pane ul li a:hover { background: #4c4c4c; } .user-pane ul li.user-logout a:hover { opacity: 0.9; background: #d46068; } .user-pane:hover ul { display: block; } .adim-tabs li { float: left; line-height: 40px; margin: 0 5px; border: 1px solid #ededed; border-bottom: none; border-radius: 3px 3px 0 0; padding: 0 15px; cursor: pointer; font-weight: 500; color: #88808d; } .adim-tabs li.active { background: #ececec; color: #3c3540; } .adim-content { border: 1px solid #ededed; border-top-width: 2px; padding: 15px; display: none; } .adim-content select.kategorisec { border: 1px solid #dcdcdc; color: #444; font-family: Roboto; font-size: 12px; height: 222px; background: #f1f1f1; box-shadow: inset 0px 0px 13px 0px rgba(0, 0, 0, 0.05); } .adim-content select.kategorisec option { cursor: pointer; padding: 5px 8px; border-bottom: 1px solid #e1e1e1; vertical-align: middle; font-size: 13px; color: #444; } .adim-content select.kategorisec option:hover { background: #ededed; } .adim-content select.kategorisec { float: left; margin-right: 10px; width: 226px; } .adim-content .altkat-holder { float: left; } .adim-content .kat-tamam { width: 150px; border: 1px solid #ededed; text-align: center; height: 222px; box-sizing: border-box; font-weight: 500; line-height: 16px; padding: 0 10px; padding-top: 40px; } .adim-content .kat-tamam i { display: block; width: 42px; height: 42px; font-size: 42px; margin: 0 auto; color: #009e59; margin-bottom: 5px; } .adim-content .kat-tamam button { background: #e62f2f; border: none; margin-top: 10px; color: #fff; width: 100%; box-sizing: border-box; height: 40px; border-bottom: 2px solid rgba(0, 0, 0, .25); cursor: pointer; } .adim-content .kat-tamam button:hover { text-shadow: 0 0 3px rgba(255, 255, 255, .50); opacity: 0.95; } .adim-content.active { display: block; } #aramaile { text-align: center; } #aramaile .kat-tamam { margin: 0 auto; } .ilan-form { padding: 0 20px; } .if-row label { font-size: 14px; font-weight: 500; color: #a0a0a0; display: inline-block; height: 25px; } .if-row.if-title { width: 900px; float: left; } .if-row.if-fiyat { width: 205px; float: right; } .if-row .if-input { position: relative; } .if-row input[type="text"] { height: 54px; border: 2px solid #e7eaed; width: 100%; border-radius: 2px; box-sizing: border-box; font-size: 18px; color: #7a8b9e; padding-left: 15px; } .if-row i + input[type="text"] { padding-left: 50px; } .if-row .if-input i { position: absolute; left: 2px; top: 0; width: 50px; text-align: center; line-height: 54px; height: 50px; color: #c7ced5; font-size: 26px; } .if-row .if-input .char-counter { position: absolute; right: 15px; top: -20px; height: 20px; line-height: 20px; background: #e7eaed; border-radius: 5px 5px 0 0; font-size: 11px; font-weight: 500; color: #7a8b9e; padding: 0 5px; display: inline-block; } .if-row .if-kur { position: absolute; right: 2px; top: 2px; height: 50px; background: #fcfcfc; border-left: 1px solid #ebebeb; width: 75px; box-sizing: border-box; overflow: hidden; } .if-row .if-kur select { height: 50px; border: none; background: transparent; font-size: 14px; color: #a0a0a0; font-weight: 500; padding-left: 15px; width: 95px; z-index: 3; position: relative; } .if-row.if-fiyat i { left: auto; color: #a0a0a0; font-size: 16px; z-index: 1; width: auto; right: 18px; } .if-row { margin-top: 20px; } .preview-info { text-align: center; height: 80px; padding-top: 20px !important; border: 1px solid #f0f0f0; font-size: 14px; } .preview-info a { display: inline-block; line-height: 40px; height: 40px; padding: 0 10px; margin-top: 10px; position: relative; } .preview-info a.preview-geri { background: #e0e0e0; } .preview-info a.preview-ileri { background: #cd4851; color: #fff; padding: 0 20px; font-weight: 500; margin-left: 10px; } .preview-info a::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; top: 50%; background: rgba(0, 0, 0, .08); } .trumbowyg-box { border: 2px solid #e7eaed !important; border-radius: 2px; } .trumbowyg-button-pane { background: #ecf0f3 !important; } .trumbowyg-editor, .trumbowyg-textarea { font-family: Roboto; color: #444; line-height: 1.7em; } h2.area-title { margin-top: 40px; height: 26px; border-bottom: 3px solid #e1e4e7; } h2.area-title span { display: inline-block; float: left; margin-left: 15px; height: 26px; border-bottom: 3px solid #6a9029; font-size: 18px; color: #6a9029; } h2.area-title.color1 span { border-bottom: 3px solid #cd4851; color: #fff; } h2.area-title.blue span { border-bottom: 3px solid #458ace; color: #29639d; } h2.area-title.red span { border-bottom: 3px solid #eb6553; color: #eb6553; } h2.area-title.purple span { border-bottom: 3px solid #a64bae; color: #a64bae; } .info-rows { padding-top: 30px; } .info-row { width: 32%; float: left; height: 86px; margin-right: 2%; } .info-row:nth-of-type(3n+3) { margin-right: 0; } .info-row label { display: inline-block; width: auto; height: 24px; font-size: 14px; font-weight: 500; color: #444; position: relative; } .info-row.required > label::after { content: "*"; color: #ea1e1e; margin-left: 5px; } .info-row input, .info-row .info-select { height: 40px; width: 100%; box-sizing: border-box; box-shadow: inset 0px 0px 13px 0px rgba(0, 0, 0, 0.07); background: #f6f8f9; border: 1px solid #e1e4e7; padding: 0 12px; font-family: Roboto; font-size: 13px; color: #676767; } .required.error label { color: #df1313; position: relative; } .required .error-msg { position: absolute; left: calc(100% + 8px); white-space: nowrap; height: 22px; top: -4px; background: #ea1e1e; border: 1px solid #cb1516; box-sizing: border-box; line-height: 22px; padding-left: 26px; padding-right: 6px; font-size: 11px; color: #fff; box-shadow: 0px 0px 5px 0px rgba(203, 21, 22, 0.38); } .required .error-msg i { width: 20px; height: 20px; position: absolute; left: 0; top: 0; background: #cb1516; text-align: center; line-height: 22px; } .required .error-msg::before { width: 0; content: ""; position: absolute; left: -6px; top: 7px; height: 0; border-style: solid; border-width: 3.5px 5px 3.5px 0; border-color: transparent #cb1515 transparent transparent; } .required.error input, .required.error .info-select { background: #fff5f5; border: 1px solid #eb9494; } .required .error-msg { left: calc(100% - 6px); } .if-row.required .error-msg { left: calc(100% + 10px); } .info-row .info-select { width: 100%; overflow: hidden; border-right: 1px solid #e1e4e7; position: relative; padding: 0; } .info-row .info-select select { width: calc(100% + 20px); position: relative; background: none; border: none; height: 38px; padding-left: 12px; color: #676767; font-family: Roboto; font-size: 13px; } .info-row .info-select i { position: absolute; right: 15px; top: 11px; font-size: 18px; color: #676767; } .info-row .info-input-icon { position: relative; } .info-row .info-input-icon > i { position: absolute; left: 0; top: 0; width: 40px; height: 40px; background: #e1e4e7; font-size: 16px; color: #444; text-align: center; line-height: 40px; } .info-row .info-input-icon input { padding-left: 52px; } .info-row .info-radio input { display: none; } .info-row .info-radio span { display: inline-block; float: left; width: 26px; height: 26px; position: relative; background: #f6f8f9; border: 1px solid #e1e4e7; margin-right: 9px; box-sizing: border-box; box-shadow: inset 0px 0px 13px 0px rgba(0, 0, 0, 0.07); } .info-row .info-radio label { padding-top: 7px; display: inline-block; float: left; line-height: 26px; margin-right: 14px; color: #a0a0a0; font-size: 13px; } .info-row .info-radio span::before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: center; color: #6d6d6d; display: none; line-height: 24px; } .info-row .info-radio input:checked + span::before { display: inline-block; } .ilan-form button.devam { background: #6a9029; color: #fff; border: none; font-family: Roboto; height: 40px; width: 150px; padding: 0; text-align: center; font-size: 16px; font-weight: 500; position: relative; } .ilan-form button.devam::before { position: absolute; bottom: 0; left: 0; right: 0; content: ""; top: 50%; background: rgba(0, 0, 0, .10); } .harita-ekle label { line-height: 30px; font-weight: 500; } .bilgi-rows { padding: 15px; } .bilgi-title { height: 46px; line-height: 46px; margin-top: 5px; background: #f6f8f9; cursor: pointer; box-shadow: 0px 0px 0px 1px rgba(188, 197, 206, 0.38), inset 0px 0px 13px 0px rgba(0, 0, 0, 0.05); border: 1px solid #fff; box-sizing: border-box; color: #29639d; font-size: 16px; padding: 0 15px; } .bilgi-title i { float: right; font-size: 18px; line-height: 40px; } .bilgi-title:first-child { margin-top: 0; } .bilgi-title:hover { opacity: 0.9; } .bilgi-content { box-shadow: inset 0px 6px 13px 0px rgba(0, 0, 0, 0.1); border: 1px solid #e6e9ec; padding: 26px 21px; display: none; } .bilgi-content label { width: 25%; display: inline-block; float: left; line-height: 20px; font-size: 12px; color: #595959; font-weight: 500; margin-bottom: 20px; cursor: pointer; } .bilgi-content label input { display: none; } .bilgi-content label span { display: inline-block; width: 20px; height: 20px; position: relative; float: left; margin-right: 10px; box-shadow: inset -3.694px -4.728px 13px 0px rgba(0, 0, 0, 0.08); border-radius: 3px; border: 1px solid #e4e4e4; box-sizing: border-box; } .bilgi-content label span i { position: absolute; left: 0; right: 0; top: 0; bottom: 0; line-height: 18px; text-align: center; color: #97c644; display: none; } .bilgi-content label input:checked + span i { display: inline-block; } .bilgi-content label:hover { color: #777; } .bilgi-content label b { color: #8f8f8f; } .bilgi-content label input:checked ~ b { color: #595959; } .bilgi-content button { height: 40px; color: #fff; border: none; cursor: pointer; box-shadow: inset 0px -20px 0px 0px rgba(0, 0, 0, 0.05); background: #9fd148; padding: 0 25px; font-family: Roboto; font-size: 14px; font-weight: 500; color: #506d1e; } .bilgi-content button:hover { opacity: 0.9; } .bilgi-content.active { display: block; } .bilgi-title.active i.fa-chevron-down::before { content: "\f077"; } .foto-upload { padding: 15px 0; } .foto-upload .foto-buton { width: 165px; height: 130px; background: #f59184; display: inline-block; box-sizing: border-box; border: 1px solid #eb6553; text-align: center; cursor: pointer; float: left; } .foto-upload .foto-buton input { display: none; } .foto-upload .foto-buton i { display: block; font-size: 48px; color: #fff; margin-top: 24px; position: relative; } .foto-upload .foto-buton i::after { content: "\f093"; position: absolute; color: #f5a49a; font-size: 68px; left: 50%; top: 50%; margin-left: -32px; margin-top: -35px; } .foto-upload .foto-buton i::before { position: relative; z-index: 3; } .foto-upload .foto-buton span { display: block; padding-top: 15px; color: #903f35; font-size: 14px; font-weight: 500; } .foto-upload .foto-buton b { display: block; padding-top: 3px; font-size: 10px; font-weight: 500; color: #80453e; } .foto-upload .foto-buton:hover { box-shadow: inset 0 0 20px rgba(0, 0, 0, .14); } .foto-upload .foto-list { float: right; width: calc(100% - 174px); } .foto-upload .foto-count { height: 40px; background: #f7f7f7; line-height: 40px; padding-left: 15px; font-size: 14px; font-weight: 500; color: #454545; position: relative; } .foto-upload .foto-count span { color: #903f35; position: relative; } .foto-upload .foto-count #filePercent { position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: rgba(0, 0, 0, .12); } .foto-upload .foto-list ul { padding-top: 5px; } .foto-upload .foto-list li { width: 90px; height: 85px; float: left; text-align: center; line-height: 85px; background: #f7f7f7; box-shadow: inset 0px 0px 13px 0px rgba(0, 0, 0, 0.07); margin-right: 6px; position: relative; } .foto-upload .foto-list li:last-child { margin-right: 0; } .foto-upload .foto-list li img { vertical-align: middle; max-width: 85px; max-height: 75px; } .foto-upload .foto-list li i { color: #ddd; font-size: 36px; line-height: 85px; } .foto-upload .foto-list li .foto-ana { position: absolute; width: 70px; height: 16px; background: #c484f5; z-index: 5; line-height: 16px; font-size: 10px; font-weight: 500; color: #9158bd; bottom: -10px; left: 50%; margin-left: -35px; } .foto-upload .foto-list li .foto-islem { width: 50px; height: 25px; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; z-index: 7; display: none; } .foto-upload .foto-list li .foto-islem i { width: 25px; height: 25px; font-size: 14px; line-height: 25px; cursor: pointer; } .foto-upload .foto-list li .foto-islem i.fa-home { background: #ecb244; color: #a47721; } .foto-upload .foto-list li .foto-islem i.fa-times { background: #cd4851; color: #a03239; } .foto-upload .foto-list li .foto-islem i:hover { box-shadow: inset 0 0 10px rgba(0, 0, 0, .20); } .foto-upload .foto-list li.active:hover .foto-islem { display: block; } .foto-upload .foto-list li.active:hover::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, .25); } .ilan-kat { padding: 10px 0; text-align: center; font-size: 14px; font-weight: 500; } .ilan-kat strong { font-weight: 300; } .ilan-kat strong > i { margin: 0 5px; } .ilan-kat a { display: inline-block; line-height: 24px; height: 24px; font-size: 12px; font-weight: 500; background: #378c47; padding: 0 8px; border-radius: 3px; color: #fff; margin-left: 3px; } .log-in { text-align: center; width: 400px; } .kayit { text-align: center; } .form-title { font-size: 24px; font-weight: 600; padding-top: 40px; padding-bottom: 20px; } .fb-login { width: 400px; display: block; margin: 0 auto; height: 46px; line-height: 46px; border-radius: 3px; background: #3f609c; color: #c8d8f6; font-size: 14px; font-weight: 500; cursor: pointer; margin-top: 15px; } .fb-login .fa { color: #839fd2; font-size: 22px; vertical-align: middle; margin-right: 3px; } .fb-login:hover { opacity: 0.9; } .form-veya { margin: 0 auto; margin-top: 10px; position: relative; color: #777; } .form-veya::before { content: ""; position: absolute; left: 0; right: 0; height: 1px; background: #e0e0e0; top: 7px; } .form-veya span { display: inline-block; background: #fff; padding: 0 10px; position: relative; font-weight: 500; } .form-row { text-align: left; margin: 0 auto; padding-bottom: 5px; } .form-row label, .form-button label { display: block; font-weight: 500; padding-bottom: 10px; padding-top: 10px; text-align: left; } .form-input { position: relative; height: 46px; line-height: 46px; } .form-input input { width: 100%; box-sizing: border-box; height: 46px; border: 1px solid #eaeaea; padding-left: 56px; padding-right: 10px; } .form-input input:focus { border: 1px solid #e0e0e0; } .form-input i { position: absolute; left: 0; top: 0; width: 46px; height: 46px; background: #eaeaea; text-align: center; line-height: 46px; font-size: 20px; color: #9a9a9a; } .form-input input:focus + i { background: #e0e0e0; color: #009e59; } .form-links { margin: 0 auto; padding-top: 10px; height: 28px; } .form-hatirla { float: left; line-height: 22px; cursor: pointer; } .form-hatirla a { font-weight: 500; } .form-hatirla input { display: none; } .form-hatirla-checker { position: relative; float: left; width: 18px; height: 18px; border: 1px solid #e4e4e4; line-height: 18px; margin-right: 6px; } .form-hatirla-checker::before { content: ""; position: absolute; background: #009e59; left: 4px; top: 4px; bottom: 4px; right: 4px; display: none; } .form-hatirla input:checked + .form-hatirla-checker::before { display: block; } .form-unuttum { float: right; line-height: 18px; } .form-unuttum:hover { color: #777; } .form-button { margin: 0 auto; padding-top: 5px; } .form-button button { width: 100%; height: 46px; background: #cd4851; font-size: 18px; color: #fff; font-weight: 500; border: none; cursor: pointer; } .form-button button:hover { opacity: 0.9; } .form-button button.passive { background: #ccc; color: #777; cursor: default; } .log-in .giris-hata, .kayit .giris-hata { color: #cd4851; font-weight: 500; padding-bottom: 5px; } .kayit .giris-hata { margin-top: 15px; } .kayit { width: 840px; } .form-left { width: 400px; float: left; } .form-right { width: 400px; float: right; } .kayit-rows > div { width: 400px; float: left; } .kayit-rows > div:nth-of-type(2n+2) { float: right; } .hesabim { padding-top: 20px; } .hesabim-menu { width: 120px; background: #f6f6f6; float: left; } .hesabim-menu li { height: 80px; text-align: center; border-bottom: 1px solid #e7e7e7; font-size: 12px; font-weight: 500; box-sizing: border-box; } .hesabim-menu li a { display: block; color: #d87077; padding-top: 10px; height: 79px; box-sizing: border-box; } .hesabim-menu li i { display: block; font-size: 36px; } .hesabim-menu li.aktif a { color: #c63640; background: #f8f8f8; border-right: 5px solid #c63640; } .hesabim-right { width: calc(100% - 140px); float: right; } .hesabim-title { height: 48px; line-height: 48px; font-size: 18px; color: #454545; padding: 0 15px; position: relative; /* Old browsers */ background: #f6f6f6; /* FF3.6-15 */ background: -moz-linear-gradient(left, #f6f6f6 0%, #fff 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(left, #f6f6f6 0%, #fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ background: linear-gradient(to right, #f6f6f6 0%, #fff 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=1); } .hesabim-title::before, .hesabim-title::after { position: absolute; content: ""; top: 0; left: 0; right: 0; height: 3px; border-bottom: 1px solid #fff; /* Old browsers */ background: #f1f1f1; /* FF3.6-15 */ background: -moz-linear-gradient(left, #f1f1f1 0%, #fff 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(left, #f1f1f1 0%, #fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ background: linear-gradient(to right, #f1f1f1 0%, #fff 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=1); } .hesabim-title::after { top: auto; bottom: 0; border-bottom: 0; border-top: 1px solid #fff; } .hesabim-btn { float: right; font-size: 13px; background: #21a591; padding: 0 15px; color: #fff !important; font-weight: 500; } .hesabim-btn:hover { color: #d0d0d0 !important; } .hesabim-box { background: #f8f8f8; margin-top: 20px; padding: 10px; } .ilanlarim { width: 100%; } .ilanlarim td { height: 60px; border-bottom: 1px solid #ededed; vertical-align: middle; } .ilanlarim .ilan-islem { width: 90px; height: 70px; } .ilanlarim .ilan-islem .ilan-st { width: 100%; display: block; line-height: 20px; height: 20px; text-align: center; font-size: 10px; font-weight: 500; } .ilan-st-y { background: #2eb97c; color: #1c6a48; } .ilan-st-t { background: #da73d6; color: #8f3e8c; } .ilan-st-b { background: #5d5d5d; color: #a0a0a0; } .ilanlarim .ilan-islem a { float: left; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; } .ilanlarim .ilan-islem .ilan-duzenle { background: #ecb244; color: #a47721; } .ilanlarim .ilan-islem .ilan-sil { background: #cd4851; color: #a03239; } .ilanlarim .ilan-islem .doping-al { background: #2d93a3; color: #1d6671; } .ilanlarim .ilan-islem a:hover { opacity: 0.9; } .ilanlarim td.ilan-resim { width: 90px; padding-top: 0; } .ilanlarim td.ilan-resim .ilan-resim-goster { width: 90px; position: relative; } .ilanlarim td .ilan-fiyat { background: #816c6e; color: #fff; font-size: 11px; padding: 0 3px; position: absolute; right: 5px; top: 5px; line-height: 16px; text-shadow: 0 1px 1px rgba(0, 0, 0, .50); } .ilanlarim td .ilan-isim { font-weight: 500; } .ilanlarim td .ilan-ililce { color: #979797; padding-top: 5px; font-size: 12px; } .ilanlarim thead td { height: 40px; padding-top: 0; font-weight: 500; } .blurred { filter: blur(5px); } .doping-cols { padding-top: 20px; } .doping-col { width: 370px; min-height: 280px; border: 1px solid #eaeaea; text-align: center; padding-top: 20px; box-sizing: border-box; cursor: pointer; float: left; margin-right: 30px; } .doping-col .doping-img { width: 91px; height: 68px; background: url(images/sprite.png) no-repeat 0 0; display: inline-block; } .doping-col .doping-title { padding-top: 25px; font-size: 16px; } .doping-col .doping-desc { padding: 10px 20px 15px 20px; font-size: 13px; color: #979797; line-height: 18px; } .doping-col .doping-button { height: 44px; width: 170px; border: 1px solid #cd4851; background: #fff; font-size: 14px; color: #cd4851; font-weight: 500; cursor: pointer; } .doping-col:hover .doping-button { background: #f4f4f4; } .doping-col:hover { border: 1px solid #e0e0e0; background: #fbfbfb; } .doping-cols .doping-col-3 { margin-right: 0; } .doping-col .doping-button.active { background: #cd4851; color: #fff; } .doping-list { text-align: left; padding: 10px 20px; display: none; } .doping-list > li { padding-bottom: 20px; } .doping-list li > label { display: block; line-height: 24px; } .doping-list li > label input { display: none; } .doping-list li .doping-select { display: inline-block; width: 18px; height: 18px; border: 1px solid #dfdfdf; float: left; margin-right: 7px; box-sizing: border-box; margin-top: 2px; position: relative; } .doping-list li .doping-select i { display: none; position: absolute; left: 0; top: 0; width: 16px; height: 16px; line-height: 16px; text-align: center; color: #319862; } .doping-list li > label input:checked + .doping-select { border: 1px solid #86c9a6; } .doping-list li > label input:checked + .doping-select i { display: inline-block; } .doping-list li > label .doping-fiyat { float: right; padding: 0 10px 0 30px; color: #cd4851; font-size: 13px; /* Old browsers */ background: #fff; /* FF3.6-15 */ background: -moz-linear-gradient(left, #fff 0%, #fff 28%, #eee 73%, #eee 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(left, #fff 0%, #fff 28%, #eee 73%, #eee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ background: linear-gradient(to right, #fff 0%, #fff 28%, #eee 73%, #eee 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=1); } .doping-info { display: block; clear: both; line-height: 16px; color: #a2a2a2; padding-left: 25px; font-size: 13px; padding-top: 5px; } .doping-sure { padding-left: 25px; padding-top: 10px; display: none; } .doping-sure li { line-height: 16px; clear: both; padding: 4px 0; } .doping-sure li input { display: none; } .doping-sure li .sure-select { display: inline-block; width: 16px; height: 16px; border: 1px solid #d0d0d0; border-radius: 16px; box-sizing: border-box; float: left; margin-right: 5px; position: relative; } .doping-sure li .sure-fiyat { float: right; font-weight: 500; } .doping-sure li .sure-fiyat span { font-size: 11px; float: left; margin-right: 10px; color: #777; text-decoration: line-through; font-weight: 400; margin-top: 1px; } .doping-sure li input:checked + .sure-select { border: 1px solid #777; } .doping-sure li input:checked + .sure-select::before { content: ""; position: absolute; width: 10px; height: 10px; border-radius: 10px; background: #777; left: 2px; top: 2px; } .doping-sure li label { line-height: 16px; } .doping-devam { border: 1px solid #efefef; margin-top: 20px; padding: 20px; text-align: right; } .doping-devam .doping-selected { float: left; line-height: 40px; } .siparis-odeme { float: left; width: calc(100% - 350px); } .odeme-tabs li { float: left; height: 40px; line-height: 40px; padding: 0 40px; background: #f4f4f4; border-radius: 5px 5px 0 0; margin-right: 5px; font-weight: 500; color: #777; border: 1px solid #e0e0e0; cursor: pointer; } .odeme-tabs li:hover { opacity: 0.8; } .odeme-tabs li.active { color: #333; background: #fff; border-bottom: 1px solid transparent; opacity: 1; } .siparis-odeme .tab-contents { border: 1px solid #e0e0e0; padding: 10px; margin-top: -1px; } .siparis-odeme .tab-content h3 { font-size: 13px; font-weight: 500; line-height: 18px; } .hesap-list { padding-top: 10px; } .hesap-list li { width: 32%; border: 1px solid #f0f0f0; padding-bottom: 10px; cursor: pointer; position: relative; float: left; margin-right: 1.5%; margin-bottom: 10px; } .hesap-list li:nth-of-type(3n+3) { margin-right: 0; } .hesap-list li h4 { background: #f0f0f0; height: 36px; line-height: 36px; text-align: center; font-weight: 500; margin-bottom: 10px; } .hesap-list li div { padding: 0 10px; line-height: 20px; color: #777; } .hesap-list li div span { font-weight: 500; display: block; color: #333; } .hesap-list li div.hesap-iban { text-align: center; font-size: 14px; color: #777; padding-bottom: 5px; } .hesap-list li:hover { background: #fcfcfc; border: 1px solid #e0e0e0; } .hesap-list li.active { border: 1px solid #cee5d9; } .hesap-list li.active h4 { background: #cee5d9; color: #39875e; } .hesap-list li i { color: #39875e; position: absolute; bottom: 0; right: 0; line-height: 36px; width: 36px; text-align: center; font-size: 30px; display: none; } .hesap-list li.active i { display: inline-block; } .siparis-ozet { float: right; width: 330px; border: 1px solid #e0e0e0; box-sizing: border-box; } .siparis-bilgisi { padding: 15px 15px 0 15px; } .siparis-ozet h2 { font-weight: 500; font-size: 14px; } .siparis-list { padding: 10px 0; } .siparis-list li { padding: 7px 0; line-height: 16px; } .siparis-list li span { float: right; font-weight: 500; } .siparis-toplam { border-top: 1px solid #e0e0e0; padding: 15px 0; text-align: center; font-weight: 500; font-size: 14px; } .siparis-toplam span { font-size: 16px; color: #cd4851; } .siparis-fatura { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 15px; } .siparis-fatura h2 { padding-bottom: 7px; } .siparis-fatura div { line-height: 16px; padding: 3px 0; color: #777; } .siparis-devam button { background: #4da375; color: #fff; width: 100%; height: 46px; border: none; line-height: 46px; font-weight: 500; font-size: 16px; cursor: pointer; } .siparis-devam button:hover { opacity: 0.9; } .ilan-tamam { text-align: center; padding-top: 20px; } .ilan-tamam h1 { color: #378c47; font-size: 24px; font-weight: 500; padding-bottom: 20px; } .ilan-tamam h2 { font-size: 14px; line-height: 18px; width: 400px; margin: 0 auto; color: #777; font-weight: 300; } .ilan-tamam h2.doping-msg { padding: 15px 0; color: #333; } .ilan-tamam h3 { padding-top: 20px; font-weight: 500; } .ilan-tamam h3 code { display: block; padding-top: 3px; width: 140px; margin: 0 auto; background: #e0e0e0; margin-top: 6px; padding: 8px 0; color: #cd4851; } .ara { padding-top: 20px; } .ara-left { width: 220px; float: left; position: relative; z-index: 5; } .ara-bar { background: #f9f9f9; padding: 10px; margin-bottom: 1px; } .ara-bar h3 { font-weight: 500; font-size: 14px; padding-bottom: 0; line-height: 22px; } .ara-bar h3 i { float: right; line-height: 22px; font-size: 16px; } .ara-bar.collapsable { padding: 0; } .ara-bar.collapsable h3 { cursor: pointer; padding: 10px; } .ara-bar.collapsable h3:hover { color: #666; } .ara-select-holder { background: #fff; height: 36px; line-height: 36px; padding: 0 10px; position: relative; box-shadow: inset 0 0 5px rgba(0, 0, 0, .06); border: 1px solid #e0e0e0; margin-top: 5px; cursor: default; } .ara-select-holder i { position: absolute; right: 15px; top: 0; line-height: 36px; font-size: 16px; color: #777; } .ara-select-holder:hover { background: #fcfcfc; } .ara-select-holder ul { position: absolute; top: 37px; left: 0; right: 0; background: #fff; border: 1px solid #e0e0e0; border-top: none; max-height: 220px; overflow: auto; display: none; z-index: 100; } .ara-select-holder ul li { line-height: 28px; padding: 0 10px; border-bottom: 1px solid #ececec; font-size: 12px; color: #333; cursor: default; } .ara-select-holder ul li:hover { background: #ececec; } .ara-select-holder.disabled { border: 1px solid transparent; } .ara-select-holder.disabled span { color: #777; } .ara-select-holder.disabled span i { color: #ccc; } .ara-fiyat { width: 30%; border: none; background: #fff; height: 36px; padding: 0 7px; box-sizing: border-box; border: 1px solid #e5e5e5; margin-top: 5px; font-weight: 600; color: #cd4851; float: left; font-size: 12px; } .ara-fiyat:focus { background: #fbfbfb; } .ara-fiyat:nth-of-type(2) { margin-left: 5px; } .ara-right { float: right; width: calc(100% - 240px); } .ara-count { min-height: 36px; border: 1px solid #e0e0e0; border-radius: 2px; padding: 10px; box-sizing: border-box; line-height: 24px; } .ara-count .arama-fav { float: right; color: #3498db; } .ara-count .arama-fav:hover { color: #333; } .ara-count .ara-filtre { padding-top: 10px; } .ara-count .ara-filtre span { display: inline-block; background: #cf8a40; color: #fff; height: 18px; line-height: 18px; padding-left: 5px; border-radius: 2px; font-size: 11px; font-weight: 500; margin-right: 5px; margin-bottom: 5px; } .ara-count .ara-filtre span strong { background: #f0d3b5; color: #8f6231; padding: 0 5px; margin-left: 5px; height: 14px; display: inline-block; font-weight: 400; font-size: 11px; line-height: 14px; border-radius: 3px; } .ara-count .ara-filtre i { display: inline-block; width: 18px; height: 18px; line-height: 16px; text-align: center; font-size: 13px; float: right; cursor: pointer; background: #d6b38e; border-radius: 0 2px 2px 0; margin-left: 5px; } .ara-count .ara-filtre i:hover { opacity: 0.8; } .ara-count-right { float: right; } .ara-gorunum { float: left; } .ara-gorunum span { float: left; } .ara-gorunum ul { float: left; margin-left: 5px; } .ara-gorunum ul li { display: inline-block; float: left; width: 24px; height: 24px; line-height: 24px; text-align: center; background: #f0f0f0; margin: 0 1px; } .ara-gorunum ul li a { display: block; width: 24px; height: 24px; color: #333; font-size: 14px; } .ara-gorunum ul li a:hover, .ara-gorunum ul li a.active { color: #3498db; } .ara-sirala { float: left; margin-left: 7px; position: relative; } .ara-sirala > span { float: left; } .ara-sirala .ara-sirala-text { float: left; border: 1px solid #f0f0f0; padding: 0 5px; margin-left: 5px; font-size: 12px; cursor: pointer; color: #555; } .ara-sirala .ara-sirala-text i.fa-caret-down { margin-left: 3px; } .ara-sirala .ara-sirala-text:hover { background: #f4f4f4; color: #333; } .ara-sirala ul { position: absolute; top: 25px; background: #fff; left: 0; right: 0; border: 1px solid #f0f0f0; box-shadow: 0 5px 5px rgba(0, 0, 0, .16); display: none; } .ara-sirala ul li { line-height: 20px; } .ara-sirala ul li a { display: block; padding: 0 5px; font-size: 12px; border-bottom: 1px solid #f4f4f4; color: #555; } .ara-sirala ul li a i { float: left; line-height: 20px; margin-right: 5px; } .ara-sirala ul li a:hover { background: #f4f4f4; color: #333; } .ara-sirala:hover ul { display: block; } .ara-table { width: 100%; margin-top: 5px; border-collapse: collapse; } .ara-table thead th { height: 30px; vertical-align: middle; background: #f4f4f4; border: 1px solid #fff; font-weight: 500; padding: 1px 3px; text-align: center; } .ara-table tbody td { vertical-align: middle; padding: 1px 3px; text-align: center; cursor: pointer; } .ara-table tbody tr:nth-of-type(2n+2) td { background: #f9f9f9; } .ara-table .table-baslik { text-align: left; } .ara-table tr:hover td { background: #f0f8fe !important; } .ara-table .d-kalin td { background: #eaf2fe; font-weight: 600; } .ara-table .d-kalin td.table-baslik a { font-weight: 600; } .ara-radios { max-height: 140px; overflow: auto; padding: 0 10px; } .ara-radios label { display: block; line-height: 18px; clear: both; padding-bottom: 4px; color: #444; } .ara-radios label input[type="radio"], .ara-radios label input[type="checkbox"] { display: none; } .ara-radios label i { display: inline-block; width: 16px; height: 16px; background: #fff; border-radius: 2px; border: 1px solid #d0d0d0; float: left; margin-right: 5px; position: relative; } .ara-radios label input[type="radio"] + i { border-radius: 16px; } .ara-radios label i::before { display: none; position: absolute; left: 2px; top: 2px; bottom: 2px; right: 2px; text-align: center; line-height: 12px; color: #3498db; } .ara-radios label input:checked + i::before { display: inline-block; } .ara-bar-btn { width: 100%; box-sizing: border-box; background: #3498db; border: none; height: 46px; font-size: 16px; font-weight: 500; color: #fff; cursor: pointer; } .ara-bar-btn:hover { opacity: 0.9; } .ara-items { padding: 10px; padding-top: 0; display: none; } .kat-vitrin-left { width: 220px; float: left; padding-top: 20px; } .kat-vitrin h2, .kat-vitrin h1 { font-size: 18px; font-weight: 500; color: #323232; } .kat-vitrin h1 a { float: right; color: #3498db; font-size: 13px; font-weight: 400; margin-top: 5px; } .kat-vitrin h1 a:hover { color: #333; } .kat-vitrin-menu { border: 1px solid #eaeaea; margin-top: 10px; padding: 10px; } .kat-vitrin-menu > ul ul { padding-left: 10px; } .kat-vitrin-menu ul li { line-height: 30px; border-bottom: 1px solid #f0f0f0; } .kat-vitrin-menu ul li:last-child { border-bottom: none; } .kat-vitrin-menu ul li a { color: #323232; font-size: 13px; font-weight: 400; } .kat-vitrin-menu ul li a .count { color: #a5a5a5; font-weight: 400; font-size: 12px; } .kat-vitrin-right { width: calc(100% - 240px); float: right; padding-top: 20px; } .kat-vitrin .ilanlar { padding-top: 15px; border-top: 1px solid #eaeaea; margin-top: 10px; } .kat-vitrin .ilanlar > li { height: 231px; width: 170px; float: left; margin-right: 20px; margin-bottom: 20px; } .kat-vitrin .ilanlar > li:nth-of-type(5n+5) { margin-right: 0; } .kat-vitrin .ilanlar > li img { border: 1px solid #e8e8e8; box-sizing: border-box; } .kat-vitrin .ilanlar > li .img { display: block; width: 170px; height: 106px; position: relative; box-sizing: border-box; } .kat-vitrin .ilanlar > li h4 { padding: 8px 0; text-align: center; border-bottom: 1px solid #e8e8e8; } .kat-vitrin .ilanlar > li h4 a { font-weight: 400; line-height: 16px; display: inline-block; max-height: 36px; overflow: hidden; font-size: 13px; } .kat-vitrin .ilanlar > li .konum { text-align: center; line-height: 18px; padding: 10px 0; font-size: 11px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .kat-vitrin .ilanlar > li ul { display: table; width: 100%; } .kat-vitrin .ilanlar > li ul li { width: 33.3%; display: table-cell; text-align: center; vertical-align: middle; background: #efefef; height: 46px; font-size: 11px; line-height: 14px; } .kat-vitrin .ilanlar > li ul li span { display: block; font-weight: 700; } .kat-vitrin .ilanlar > li ul li:nth-of-type(2) { background: #e8e8e8; } .kat-vitrin .ilanlar .fiyat { border-top: 1px solid #e8e8e8; line-height: 36px; } .kat-vitrin .ilanlar .fiyat span { font-size: 14px; font-weight: bold; display: block; text-align: center; } .kat-vitrin .ilanlar .fiyat a i { background: #cd4851; width: 16px; height: 16px; border-radius: 16px; text-align: center; line-height: 15px; float: left; margin-top: 11px; margin-right: 5px; color: #fff; font-size: 10px; box-sizing: border-box; padding-left: 1px; } .kat-vitrin .ilanlar .fiyat a { font-size: 11px; } .msg { min-height: 40px; position: relative; padding-top: 14px; box-sizing: border-box; color: #fff; padding-left: 65px; overflow: hidden; font-weight: 500; } .msg.msg-info { background: #5ca7f3; } .msg.msg-error { background: #f35c66; } .msg.msg-success { background: #35aa50; } .msg i { content: ""; position: absolute; left: 9px; top: -5px; height: 40px; font-size: 56px; } .msg.msg-info i { color: #3b6793; } .msg.msg-error i { color: #803136; top: -10px; } .msg.msg-success i { color: #277c3b; top: -10px; left: 6px; } .hesabim-right .msg { margin-top: 15px; } .destek-list { margin-top: 10px; } .destek-list > li { border: 1px solid #e0e0e0; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, .06); margin-bottom: 10px; } .destek-list .destek-ust .destek-left { width: 100px; text-align: center; float: left; padding-bottom: 10px; } .destek-list .destek-ust .destek-left span { display: block; height: 28px; line-height: 28px; border-radius: 0 3px 3px 0; border: 1px solid rgba(0, 0, 0, .08); border-left: none; } .destek-list .destek-ust .destek-left div { padding: 10px 0; font-weight: 600; } .destek-list .destek-ust .destek-right { width: calc(100% - 100px); float: right; box-sizing: border-box; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; } .destek-list .destek-ust .destek-right h3 { font-size: 16px; font-weight: 500; } .destek-list .destek-ust .destek-right h3 a { color: #333; } .destek-list .destek-ust .destek-right h3 a:hover { color: #666; } .destek-list .destek-ust .destek-right span { display: block; margin-top: 7px; line-height: 16px; color: #777; max-height: 32px; overflow: hidden; } .destek-list li.mesaj-var { background: #f4f4f4; } .destek-new .destek-status { background: #f90; color: #fff; font-weight: 500; } .destek-open .destek-status { background: #06c; color: #fff; font-weight: 500; } .destek-list > li.destek-open { border: 1px solid #5b9ee1; } .destek-iptal .destek-status { background: #e9090b; color: #fff; font-weight: 500; } .destek-cozuldu .destek-status { background: #44a628; color: #fff; font-weight: 500; } .destek-list .destek-alt ul { display: table; width: calc(100% - 1px); border-collapse: collapse; } .destek-list .destek-alt ul li { display: table-cell; vertical-align: middle; background: #fafafa; border: 1px solid #eeefef; padding: 8px; line-height: 18px; } .destek-list .destek-alt ul li h4 { color: #848484; } .destek-list .destek-alt ul li h5 { width: 100%; height: 18px; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; } .destek-list .destek-alt ul li:nth-of-type(1) { width: 30px; text-align: center; font-size: 18px; color: #777; cursor: pointer; } .destek-list .destek-alt ul li:nth-of-type(1):hover i { color: #ffd133; } .destek-list .destek-alt ul li.destek-sender { width: 18%; } .destek-list .destek-alt ul li.destek-oncelik, .destek-list .destek-alt ul li.destek-kat, .destek-list .destek-alt ul li.destek-tarih { width: 12%; } .destek-list .destek-alt ul li.destek-tarih { width: 15%; } .destek-list a { color: #3498db; } .destek-list a:hover { color: #323232; } .destek-row { padding: 5px 0; } .destek-row label { display: block; line-height: 36px; font-weight: 500; font-size: 14px; } .destek-row input, .destek-row select, .destek-row textarea { height: 36px; box-sizing: border-box; width: 100%; border: 1px solid #e0e0e0; padding: 0 10px; } .destek-row textarea { padding: 10px; height: 100px; } .destek-btn { padding-top: 10px; } .destek-btn button { padding: 0 40px; background: #cd4851; height: 40px; border: none; color: #fff; font-weight: 500; } .destek-row label.destek-onay input { width: auto; height: auto; } .destek-row label.destek-onay { font-weight: normal; font-size: 13px; } .siparisler { padding-top: 10px; } .siparisler li { border-left: 8px solid #000; box-shadow: 0 0 6px rgba(0, 0, 0, .10); padding: 10px 0; width: 100%; box-sizing: border-box; margin-bottom: 10px; } .siparisler li a { color: #3498db; } .siparisler li a:hover { color: #333; } .siparisler li > div.sip-col { float: left; } .siparisler li.sip-bekliyor { border-left: 8px solid #f90; } .siparisler li.sip-odendi { border-left: 8px solid #94d350; } .siparisler li.sip-iptal { border-left: 8px solid #ef584f; } .siparisler li.sip-bildirim { border-left: 8px solid #c46ad4; } .siparisler li .sip-no { line-height: 30px; height: 30px; background: #333; float: left; color: #fff; width: 120px; text-align: center; font-size: 14px; font-weight: 600; margin-left: 10px; } .siparisler li .sip-col-1 > i { float: left; width: 30px; height: 30px; background: #f90; text-align: center; line-height: 30px; font-size: 16px; color: #fff; } .siparisler li.sip-odendi .sip-col-1 > i { background: #94d350; } .siparisler li.sip-iptal .sip-col-1 > i { background: #ef584f; } .siparisler li.sip-bildirim .sip-col-1 > i { background: #c46ad4; } .siparisler li .sip-tarih { padding: 10px 0 0 10px; color: #999; } .siparisler li .sip-tarih i { color: #777; } .siparisler li .sip-tarih i.fa-clock-o { margin-left: 8px; } .siparisler li .sip-tutar { padding-left: 30px; font-size: 18px; font-weight: 500; line-height: 30px; } .siparisler li .sip-tip { padding: 10px 0 0 30px; color: #777; } .siparisler li .sip-col-3 { padding-left: 25px; } .siparisler li .sip-icerik { line-height: 30px; } .siparisler li .sip-col-4 { float: right !important; padding-right: 10px; } .siparisler li .sip-col-4 > div { float: left; } .siparisler li .sip-col-4 a { height: 40px; line-height: 40px; background: #84c543; display: inline-block; padding: 0 15px; margin-top: 6px; color: #fff; font-weight: 500; border-radius: 1px; margin-left: 5px; } .siparisler li .sip-detay a { margin-left: 0; background: #1882f0; } .siparisler li .sip-iptal a { background: #ec5a4d; } .siparisler li .sip-col-4 a:hover { opacity: 0.9; } .search-pagination { border: 1px solid #f0f0f0; margin-top: 10px; padding: 15px 0; background: #fcfcfc; } .search-pagination ul { text-align: center; } .search-pagination li { display: inline-block; line-height: 30px; height: 30px; margin: 0 2px; } .search-pagination li a { display: inline-block; width: 26px; height: 26px; line-height: 26px; text-align: center; background: #f4f4f4; border: 1px solid #e0e0e0; color: #333; font-weight: 500; } .search-pagination li a.next, .search-pagination li a.prev { width: auto; padding: 0 8px; } .search-pagination li span { display: inline-block; width: 30px; } .search-pagination li span.current { font-weight: 500; color: #777; } .search-pagination li a:hover { color: #3498db; } .ara-kats { border: 1px solid #e0e0e0; padding: 10px; margin-bottom: 10px; } .ara-kats ul li { padding: 3px 0; } .ara-kats ul li a { color: #3498db; font-weight: 700; } .ara-kats ul li a span { color: #777; } .ara-kats ul li ul { padding-left: 5px; padding-top: 5px; } .ara-kats ul li ul li { padding-left: 5px; padding-top: 5px; } .ara-kats .children li a { font-weight: 400; } .ara-kats ul li ul li ul li a { font-weight: 400; } .sip-table { width: 100%; margin: 10px; margin-top: 30px; } .sip-table h3 { font-size: 14px; font-weight: 500; } .sip-table .siparis-list { width: calc(100% - 30px); } .sip-table .siparis-list li { padding: 10px; border-left: 8px solid #e0e0e0; } .mesaj-list { padding: 10px 15px; background: #f0f5f8; margin: 0 10px; margin-top: -10px; } .mesaj-list li .mesaj-msg { background: #62bf6f; float: left; padding: 15px; border-radius: 5px; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .50); position: relative; margin-top: 5px; line-height: 18px; max-width: 60%; } .mesaj-list li .mesaj-sender { color: #777; height: 20px; padding-left: 15px; } .mesaj-list li .mesaj-sender strong { margin-right: 5px; color: #333; } .mesaj-list li .mesaj-msg::before { content: ""; position: absolute; top: -6px; left: 25px; width: 0; height: 0; border-style: solid; border-width: 0 5px 6px 5px; border-color: transparent transparent #62bf6f transparent; } .mesaj-list li { padding-bottom: 15px; } .mesaj-list li:last-child { padding-bottom: 0; } .mesaj-list li.msg-benim .mesaj-msg { float: right; background: #67b2de; } .mesaj-list li.msg-benim .mesaj-sender { text-align: right; } .mesaj-list li.msg-benim .mesaj-msg::before { left: auto; right: 25px; border-color: transparent transparent #67b2de transparent; } .mesaj-list .destek-form { border-top: 1px solid #fff; margin: 0 -10px; margin-top: 10px; padding: 5px 10px 0 10px; } .mesaj-list .destek-form textarea { border: none; border-radius: 5px; } .mesaj-list .destek-form .destek-btn { text-align: right; padding-top: 0; } .mesaj-list .destek-form .destek-btn button { cursor: pointer; border-radius: 3px; } .mesaj-list .destek-form .destek-btn button:hover { opacity: 0.9; } .magaza-yok-left { width: 128px; height: 128px; float: left; background: url(images/magaza.png); margin-top: 20px; } .magaza-yok-right { float: right; width: calc(100% - 148px); margin-top: 20px; line-height: 18px; font-size: 14px; } .magaza-yok-right .ilan-link { margin-left: 0; background: #25b7d3; } .magaza-row { padding-top: 15px; } .magaza-row label { display: block; font-weight: 500; font-size: 14px; color: #444; } .magaza-row input, .magaza-row textarea { width: 420px; box-sizing: border-box; height: 40px; border: 1px solid #d3d3d3; border-radius: 5px; padding: 0 15px; margin-top: 7px; } .magaza-row input[type="file"] { font-size: 13px; font-weight: 400; border: none; padding: 0; } .magaza-row textarea { width: 50%; height: 150px; padding: 15px; font-weight: 400; font-size: 13px; } .magaza-row.magaza-big input { font-size: 14px; font-weight: 500; } span.row-help { display: block; padding-top: 7px; color: #777; font-size: 12px; } .magaza-bitis { display: block; padding-top: 7px; font-size: 14px; font-weight: 500; color: #cd4851; } .magaza-button button { border: none; margin-left: 0; border-radius: 0; cursor: pointer; } .magaza-paket .doping-cols .doping-col { width: 320px; margin-right: 20px; box-sizing: border-box; } .magaza-paket .doping-cols .doping-col:last-child { margin-right: 0; } .magaza .ara-left { margin-top: -150px; z-index: 3; position: relative; margin-left: 10px; } .magaza .magaza-logo { background: #fff; text-align: center; padding-top: 10px; border: 1px solid #e0e0e0; border-radius: 3px; padding-bottom: 15px; margin-bottom: 10px; } .magaza .magaza-logo img { max-height: 100px; width: auto; } .magaza .magaza-bilgi { padding-top: 10px; border-top: 1px solid #e7e7e7; margin-top: 10px; } .magaza .magaza-bilgi h1 { font-size: 18px; font-weight: 500; line-height: 24px; } .magaza .magaza-bilgi span { color: #777; display: block; padding-top: 5px; } .magaza .magaza-bilgi span i { color: #ccc; } .magaza .ara-table td { font-size: 14px; font-weight: 500; } .magaza .ara-table .table-baslik { padding: 0 20px; } .magaza-hakkinda h2 { font-weight: 500; font-size: 14px; border-bottom: 1px solid #e0e0e0; padding-bottom: 7px; } .magaza-hakkinda div { padding: 10px 0px 10px 0px; } .page-header { height: 100px; background: #f4f4f4; text-align: center; } .page-header h1 { padding-top: 40px; font-size: 18px; font-weight: 500; } .page-content { line-height: 1.4em; padding-top: 15px; } .page-content h2 { font-size: 18px; line-height: 1.5em; margin-top: 5px; } .page-content p { padding: 5px 0; color: #666; } .ui-slider-horizontal { height: 7px !important; } .ui-slider.ui-widget-content { border: none; /* Old browsers */ background: #4953ff; /* FF3.6-15 */ background: -moz-linear-gradient(left, #4953ff 0%, #e772f4 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(left, #4953ff 0%, #e772f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ background: linear-gradient(to right, #4953ff 0%, #e772f4 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4953ff', endColorstr='#e772f4',GradientType=1); } .ui-slider .ui-widget-header { background: rgba(255, 255, 255, .60); } .ui-slider .ui-slider-handle { border-radius: 10px; width: 10px !important; height: 10px !important; border: 1px solid #e0e0e0 !important; top: -4px !important; } .ui-slider .ui-slider-handle:nth-of-type(1) { border: 2px solid #4953ff !important; } .ui-slider .ui-slider-handle:nth-of-type(2) { border: 2px solid #e772f4 !important; } .ui-slider .ui-slider-handle:nth-of-type(2).ui-state-active { background: #e772f4; } .ui-slider .ui-slider-handle:nth-of-type(1).ui-state-active { background: #4953ff; } .user-top { float: right; } .user-bildirim { display: inline-block; float: right; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #3c3c3c; border-left: 1px solid #464646; position: relative; } .user-bildirim i { color: #ccc; position: relative; z-index: 3; font-size: 16px; } .user-bildirim:hover { background: #515151; } .user-bildirim span { position: absolute; bottom: 3px; right: 3px; background: #c00; width: 16px; height: 16px; line-height: 16px; border-radius: 16px; font-size: 10px; color: #fff; font-weight: 500; } .tooltip { display: none; position: absolute; border: 1px solid #333; background-color: #161616; border-radius: 5px; padding: 10px; color: #fff; font-size: 12px; } .bildirimler { position: absolute; right: 0; top: 40px; z-index: 500; background: #f9f9f9; width: 300px; box-shadow: 0 3px 5px rgba(0, 0, 0, .10); border: 1px solid #e5e5e5; display: none; } .bildirimler-title { font-size: 14px; color: #777; padding: 0 10px; font-weight: 500; border-bottom: 1px solid #e0e0e0; } .bildirimler li a { color: #999; display: block; padding: 10px; line-height: 16px; } .bildirimler li b { color: #333; } .bildirimler li span { font-size: 11px; } .bildirimler li a:hover { background: #f4f4f4; } .bildirim-yok { padding: 0 10px; font-weight: 500; } #aramasec { border: 1px solid #e0e0e0; border-radius: 3px; width: 300px; height: 40px; padding: 0 10px; box-sizing: border-box; font-size: 14px; } .ara-tabs { height: 34px; line-height: 34px; } .ara-tabs li { float: left; } .ara-tabs li.active { padding: 0 15px; border: 1px solid #e0e0e0; border-bottom: none; background: #fff; height: 34px; border-radius: 5px 5px 0 0; margin-right: 10px; font-weight: 500; } .ara-tabs li.active i { font-size: 12px; float: left; line-height: 35px; margin-right: 5px; } .ara-tabs li a { background: #f0f0f0; display: block; padding: 0 15px; border-radius: 3px 3px 0 0; border-top: 3px solid transparent; box-sizing: border-box; line-height: 28px; margin-top: 3px; color: #3498db; font-weight: 500; } .ara-tabs li a:hover { background: #3498db; color: #fff; } .map_loader { width: 64px; height: 64px; background: url(images/map-loader.gif) no-repeat; } .map-post-title { width: 250px; height: 180px; position: relative; } .map-post-title h2 { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; font-size: 14px; color: #fff; font-weight: 600; text-shadow: 0 1px 2px rgba(0, 0, 0, .30); padding-top: 30px; /* FF3.6-15 */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000',GradientType=0); } .map-post-link { display: block; } .map-post-link:hover { opacity: 0.8; } .smart-map-holder { position: relative; } .smart-map-div { position: absolute; z-index: 3; width: 1170px; left: 50%; margin-left: -585px; top: 0; background: rgba(255, 255, 255, .40); box-shadow: 0 5px 10px rgba(0, 0, 0, .20); padding: 10px; box-sizing: border-box; } .smart-map-div > div { float: left; height: 30px; line-height: 30px; } .mp-zoom-in, .mp-zoom-out { width: 30px; text-align: center; background: #fff; color: #253b49; cursor: pointer; } .mp-zoom-in { border-left: 1px solid #f0f0f0; } .mp-zoom-in:hover, .mp-zoom-out:hover { background: #253b49; color: #f9bf3b; } .mp-select { margin-left: 5px; width: 190px; } .mp-select .select-ui-selected { line-height: 30px; height: 30px; } .mp-select .select-ui-selected i { line-height: 30px; } .mp-select .select-ui-options { top: 30px; } .mp-konum { margin-left: 5px; width: 137px; background: #fff; padding: 0 10px; box-sizing: border-box; text-align: center; font-size: 13px; color: #253b49; cursor: pointer; } .mp-konum i { float: left; line-height: 30px; font-size: 16px; color: #253b49; margin-right: 5px; margin-left: 5px; } .mp-konum:hover { opacity: 0.8; } .smart-map-loader { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, .80) url(images/map-loader.gif) no-repeat center; z-index: 5; } .smart-map { width: calc(100% - 220px); float: right; } .map-content-loader { width: 64px; height: 64px; display: block; background: rgba(255, 255, 255, .80) url(images/map-loader.gif) no-repeat center; z-index: 5; } .select-ui { display: none; } .select-ui-wrap { position: relative; } .select-ui-selected { display: block; height: 40px; line-height: 40px; background: #fff; padding: 0 15px; color: #fff; font-weight: 500; font-size: 13px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; box-shadow: inset 0 1px 5px rgba(0, 0, 0, .10); color: #323232; } .form-row .select-ui-selected { height: 46px; line-height: 46px; border: 1px solid #eaeaea; box-shadow: none; } .select-ui-selected:hover { background: #f4f4f4; } .select-ui-selected:active { background: #e0e0e0; } .select-ui-selected i { position: absolute; right: 15px; top: 0; right: 0; line-height: 40px; text-align: center; width: 36px; font-size: 18px; } .form-row .select-ui-selected i { line-height: 46px; } .select-ui-options { position: absolute; top: 40px; background: #323232; right: 0; left: 0; z-index: 5; display: none; max-height: 250px; overflow: auto; } .select-ui-options li { color: #fff; padding: 0 15px; height: 30px; line-height: 30px; font-size: 13px; cursor: pointer; } .select-ui-options li:hover { background: #cd4851; color: #fff; } .search-left { box-sizing: border-box; padding-top: 5px; } .search-left .ara-tabs li.active { border-radius: 0 5px 5px 0; } .map-c { width: 320px; } .map-c-img { float: left; width: 100px; line-height: 75px; height: 75px; } .map-c-img img { vertical-align: middle; border-radius: 3px; } .map-c-info { float: right; width: calc(100% - 110px); } .map-c-title { line-height: 14px; } .map-c-title a { color: #3498db; font-size: 12px; font-weight: 500; } .map-c-fiyat { color: #cd4851; font-weight: 500; } .map-c-bilgi { display: table; width: 100%; } .map-c-bilgi li { display: table-row; } .map-c-bilgi span { display: table-cell; width: 40%; color: #777; } .map-c-bilgi span:nth-of-type(1) { font-weight: 500; } select[data-js] { display: none; } input[data-js] { display: none; } .selectjs-holder input[data-js] { display: block; } .page-404 { text-align: center; padding-bottom: 40px; } .page-404 h1 { padding-top: 40px; font-size: 32px; font-weight: 800; } .page-404 h3 { padding-top: 30px; font-size: 16px; width: 600px; margin: 0 auto; line-height: 22px; color: #444; } .page-404 h4 { padding-top: 15px; font-size: 13px; } .page-404 a { display: inline-block; margin-top: 30px; font-size: 14px; color: #3498db; } .page-404 .search-box { float: none; margin: 0 auto; margin-top: 30px; width: 50%; } .magaza-tamam { padding: 15px; background: #f9f9f9; } .magaza-tamam h2 { font-size: 16px; font-weight: 500; } .magaza-tamam h3 { font-size: 13px; margin-top: 20px; line-height: 16px; max-width: 600px; } .hesabim-index { padding: 15px; line-height: 16px; } .rk { text-align: center; } .rk img { max-width: 100%; height: auto; } .rk-onecikan_ust { padding-bottom: 30px; } .rk-onecikan_alt { padding-top: 30px; } .rk-footer_ust { padding-top: 30px; } .rk-arama_ust { padding-top: 10px; } .rk-filtre_ust { padding-bottom: 20px; } .rk-arama_alt { padding-top: 30px; } .rk-katvitrin_ust { padding-bottom: 20px; } .rk-katvitrin_alt { padding-top: 20px; } .rk-detay_ust { padding-top: 30px; } .rk-detay_desc_ust { padding-top: 30px; } .rk-detay_oz_ust { padding-top: 20px; } .rk-detay_oz_alt { padding-top: 20px; } .uye-degil { padding-top: 15px; color: #777; } .uye-degil a { color: #cd4851; font-weight: 500; } .doping-mevcut { padding: 20px; background: #f4f4f4; } .doping-mevcut h3 { font-size: 16px; font-weight: 400; color: #333; } .doping-mevcut ul { padding-top: 10px; } .doping-mevcut ul li { line-height: 20px; padding: 5px 0; } .doping-mevcut ul li strong { display: block; font-weight: 500; } .magaza-hakkinda { margin: 30px 0px 10px 0px; } .magaza-hakkinda ul li { padding: 8px 0; line-height: 18px; color: #777; margin-bottom: 15px; } .magaza-hakkinda ul li span { font-weight: 500; width: 100%; display: inline-block; color: #333; margin-bottom: 5px; } .magaza-hakkinda ul li span i { float: left; width: 22px; line-height: 18px; } .ilan-detay .ilan-magazayok .ilan-magaza-bilgi { width: 100%; } .unuttum-sonuc { background: #25b84b; border-left: 4px solid rgba(0, 0, 0, .20); padding: 10px; line-height: 18px; color: #fff; font-weight: 500; } #mediaStatus { color: #777; font-size: 12px; float: right; margin-right: 15px; /* =WordPress Core -------------------------------------------------------------- */ } .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; /* Image does not overflow the content area */ max-width: 96%; padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; /* Text meant only for screen readers. */ } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ word-wrap: normal !important; } .screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; /* Above WP toolbar. */ z-index: 100000; } .blog-content h1 { text-align: center; padding-top: 40px; position: relative; } .blog-content h1 span { display: inline-block; font-size: 30px; font-weight: 600; background: #fff; padding: 0 40px; position: relative; } .blog-content h1::before { content: ""; position: absolute; left: 0; right: 0; top: 56px; height: 2px; background: #f0f0f0; } .blog-list { padding-top: 20px; width: calc(100% - 330px); float: left; } .blog-post { padding: 20px 0; border-bottom: 1px solid #e0e0e0; } .blog-post h2 { font-size: 18px; font-weight: 500; text-transform: uppercase; float: left; } .blog-post .blog-img { padding-top: 20px; } .blog-excerpt { padding-top: 20px; font-size: 16px; line-height: 26px; } .blog-excerpt, .blog-excerpt p { font-size: 14px; } .blog-post .blog-more { color: #3498db; } .blog-post .blog-date { color: #999; float: right; } .blog-post .blog-date span { font-weight: 500; color: #666; } .blog-sidebar { float: right; width: 300px; } .blog-excerpt h2 { display: block; float: none; padding: 20px 0 10px 0; } .blog-paylas { padding-top: 30px; } .error-ui span, .success-ui span, .alert-ui span, .info-ui span { display: block; background: #f93b3b; color: #fff; padding: 15px; font-size: 13px; box-sizing: border-box; border-radius: 3px; } .success-ui span { background: #109620; } .alert-ui span { background: #008091; } .info-ui span { color: #008091; background: #d9b0d3; } .blog-menu { border-bottom: 0; } .blog-menu li a { font-weight: 400; line-height: 36px; font-size: 12px; border: 1px solid #f0f0f0; border-top: 0; padding-left: 20px; text-transform: uppercase; } .blog-menu li a i { line-height: 36px; font-size: 12px; width: 36px; } .ilan-sahip { margin-bottom: 0px; background: #fcfcfc; border: 1px solid #f0f0f0; padding: 15px; text-align: center; } .ilan-sahip h2 { font-size: 18px; font-weight: 600; margin-bottom: 10px; padding: 10px 0; } .ilan-sahip .ilan-tel { width: 300px; margin: 0 auto; display: none; } .ilan-sahip .ilan-tel li { float: none; width: 100%; box-sizing: border-box; background: #f6dcaa; border: none; color: #323232; font-size: 13px; text-align: left; line-height: 36px; } .ilan-sahip .ilan-tel li strong { background: rgba(0, 0, 0, .08); color: #323232; width: 80px; margin-right: 10px; display: inline-block; width: 60px; padding-left: 10px; } .ilan-sahip .ilan-tel li a { color: #323232; font-size: 14px; font-weight: 500; } .ilan-tel-goster { text-align: center; background: #c63640 !important; margin: 0 auto; color: rgba(255, 255, 255, .95); cursor: pointer; display: flex; align-items: center; } .ilan-tel-goster:hover { opacity: 0.9; } .ilan-tel-goster.active { background: #e8a31f !important; } .ilan-sahip .ilan-tel { padding: 0; box-sizing: border-box; } .ilan-sahip .ilan-tel li { margin: 0; border-bottom: 1px solid rgba(0, 0, 0, .05); line-height: 40px; height: 40px; } .ilan-sahip .ilan-tel li:last-child { border-bottom: none; } .ilan-sendmail { display: block; width: 300px; margin: 0 auto; border: 1px solid #f0f0f0; background: #fefefe; padding: 10px 0; color: #777; } .ilan-sendmail span { display: block; font-weight: 500; padding-bottom: 5px; color: #333; } .ilan-sendmail:hover { background: #f9f9f9; } .ilan-sahip .magaza-logo { padding-bottom: 10px; } .ilan-sahip h3 { font-size: 14px; padding-bottom: 10px; } .ilan-bilgi .ilan-fiyat div { background: #333; padding: 15px; text-align: center; font-size: 22px; font-weight: 500; color: #fff; border-bottom: 1px solid #222; } .ilan-bilgi .ilan-fiyat div i { font-size: 16px; } .ilan-bilgi .ilan-fiyat span { background: #444; padding: 10px; text-align: center; display: block; font-weight: 500; border-top: 1px solid #555; margin-bottom: 10px; color: #e0e0e0; } .ilan-bilgi .ilan-fiyat span a { color: #e0e0e0; } .fiyat-bar .ara-select-holder { float: right; width: 24%; height: 34px; line-height: 34px; } .iletisim-info { padding: 20px; box-sizing: border-box; background: #edf3ff; max-width: 800px; margin: 20px auto; } .iletisim-info .magaza-logo { float: left; } .iletisim-info .iletisim-baslik { float: left; padding-left: 10px; } .iletisim-info .magaza-logo img { vertical-align: middle; } .iletisim-info h2 { font-size: 18px; font-weight: 500; padding-bottom: 8px; } .iletisim-info h3 { font-size: 15px; padding-bottom: 10px; } .iletisim-info ul li { padding: 5px 0; } .iletisim-info ul li strong { display: inline-block; width: 100px; } .iletisim-info .hesabim-btn { display: inline-block; line-height: 36px; } .iletisim-info .text-red { color: #c00; font-weight: 500; } .devam-container { max-width: 800px; margin: 0 auto; text-align: right; } .devam-container button { cursor: pointer; } .devam-container button:hover { opacity: 0.95; } .kat-select-holder { display: flex; height: 250px; flex-wrap: nowrap; width: 100%; overflow: hidden; } form > .kat-select-holder { overflow-x: auto; } .adim-content select.kategorisec { width: 226px; /* v2.1 eklemeleri */ } .main-right .ilanlar { display: flex; flex-wrap: wrap; justify-content: flex-start; width: calc(100% + 15px); } .main-right .ilanlar > li { float: none; margin-right: 0; width: calc(25% - 15px); height: auto; margin-right: 15px !important; } .main-right .ilanlar > li .img { width: 100%; position: relative; padding-top: 62.17%; height: 0; } .main-right .ilanlar > li .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .main-right .ilanlar > li h4 { padding: 10px; } .main-right .ilanlar.liste-3 li { width: calc(33.3% - 15px); } .main-right .ilanlar.liste-5 li { width: calc(20% - 15px); } .main-right .ilanlar.liste-6 li { width: calc(16.6% - 10px); margin-right: 10px !important; } .main-right .ilanlar.liste-5 > li h4 a { font-size: 12px; line-height: 16px; font-weight: 400; max-height: 32px; } .main-right .ilanlar.liste-6 > li h4 { padding: 5px 0; } .main-right .ilanlar.liste-6 > li h4 a { font-size: 12px; line-height: 16px; font-weight: 400; max-height: 32px; } .main-right .ilanlar.liste-6 > li .konum { padding: 5px 0; } .main-right .ilanlar.liste-6 .fiyat { line-height: 30px; } .main-right .ilanlar.liste-6 .fiyat span { font-size: 13px; } .main-right .ilanlar > li.d-kalin { background: #eaf2fe; } .main-right .ilanlar > li.d-kalin h4 a { font-weight: 600; } .ilanlar li h4 { border-bottom: 1px solid rgba(0, 0, 0, .07) !important; } .ilanlar .fiyat { border-top: none !important; border-bottom: 1px solid rgba(0, 0, 0, .07) !important; } .ilanlar li .konum { border-bottom: 1px solid rgba(0, 0, 0, .07) !important; } .full-holder { height: auto; } .ilanlar.full li { height: auto; margin: 0 10px; } .ilanlar.full li h4 { padding: 10px; } .ilanlar.full li .img { height: auto; width: 100%; padding-top: 62.73%; position: relative; } .ilanlar.full li .img img { position: absolute; top: 0; left: 0; width: 100%; height: auto; max-height: 100%; } .ilanlar.full li.d-kalin { background: #eaf2fe; } .ilanlar.full li.d-kalin h4 a { font-weight: 600; } .ilanlar.full { margin-left: -10px; width: calc(100% + 20px); } .ilanlar.liste-4 li { width: calc(100% / 4 - 20px); } .ilanlar.liste-5 li { width: calc(100% / 5 - 20px); } .ilanlar.liste-6 li { width: calc(100% / 6 - 20px); } .ilanlar.liste-7 { margin-left: -6px; width: calc(100% + 12px); } .ilanlar.liste-7 li { width: calc(100% / 7 - 12px); margin: 0 6px; } .magazalar-section { padding-top: 15px; } .magaza-slick.ilanlar.full li h4 { min-height: 1em; height: auto; border: none !important; } .magaza-slick.ilanlar.full li h4 a { font-weight: 600; } .magaza-slick.ilanlar.full li .magaza-resim { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; } .magaza-slick.ilanlar.full li .magaza-resim img { position: relative; top: auto; left: auto; } .ilan-list li.d-kalin { background: #eaf2fe; } .ilan-list li .info div span { padding-right: 5px; } .ilan-list li .info div { border-top: 1px solid rgba(0, 0, 0, .07) !important; } .ilan-list li.d-kalin .info h5 { font-weight: 500; } .ara-table tr.d-kalin:hover td { opacity: 0.9; } .ilan-mesaj { background: rgba(0, 0, 0, .03); width: 300px; margin: 0 auto; margin-top: 10px; border: 1px solid rgba(0, 0, 0, .05); box-sizing: border-box; } .ilan-mesaj a { display: block; height: 46px; font-size: 12px; font-weight: 500; display: flex; align-items: center; } .ilan-mesaj i { font-size: 16px; width: 46px; height: 46px; display: flex; align-items: center; background: rgba(0, 0, 0, .03); justify-content: center; } .ilan-mesaj span { width: calc(100% - 46px); padding-left: 10px; display: block; text-align: left; } .destek-ilgili { display: flex; flex-wrap: nowrap; align-items: center; } .destek-ilgili .ilgili-img { width: 115px; } .destek-ilgili .ilgili-info h5 { font-size: 14px; font-weight: 500; } .destek-ilgili .ilgili-info .ilgili-fiyat { padding-top: 6px; font-size: 14px; font-weight: 700; color: #cd4851; } .destek-ilgili .ilgili-info .ilgili-konum { color: #777; padding-top: 6px; } .destek-ilgili .ilgili-okunmayan { display: inline-block !important; background: #cd4851; font-size: 11px; color: #fff; font-weight: 300; padding: 3px 5px; } .limit-doldu { text-align: center; } .limit-doldu i { font-size: 48px; color: #e0e0e0; padding-top: 20px; } .limit-doldu h3 { font-size: 24px; font-weight: 500; padding-top: 20px; padding-bottom: 20px; } .limit-doldu-msg { font-size: 14px; line-height: 24px; } .page-content { line-height: 1.6em; } .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 { line-height: 1.5em; padding-top: 0.25em; } .page-content h1 { font-size: 32px; } .page-content h2 { font-size: 28px; } .page-content h3 { font-size: 24px; } .page-content h4 { font-size: 20px; } .page-content h5 { font-size: 18px; } .page-content h6 { font-size: 16px; } em { font-style: italic !important; } .page-content ul { list-style: none; } .page-content ul, .page-content ol { margin: 10px 10px 30px 20px; padding: 0; list-style: none; } .page-content ol li, .page-content ul li { margin-bottom: 5px; position: relative; } .badge { display: inline-block; background: #c63640; line-height: 16px; border-radius: 2px; padding: 0 5px; font-size: 11px; } .ilan-slider-big { position: absolute; right: 0; bottom: 0; height: 30px; line-height: 30px; padding: 0 15px; font-size: 12px; background: rgba(0, 0, 0, .20); color: #fff !important; text-shadow: 0 0 5px rgba(0, 0, 0, .50); } .ilan-slider-big i { margin-right: 3px; } .ilan-slider-big:hover { color: #fff; opacity: 0.9; } .ilan-resim.big-image { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .95); z-index: 20000; } .ilan-resim.big-image .ilan-slider-holder { width: 100%; height: calc(100vh - 150px); margin-top: 20px; } .ilan-resim.big-image .ilan-slider li { height: calc(100vh - 150px); background: rgba(0, 0, 0, .50); } .ilan-resim.big-image .big-resim-holder { margin: 0 auto; width: calc(100% - 20px); max-width: 1170px; position: relative; overflow: hidden; } .ilan-resim.big-image .ilan-thumbs { border: 1px solid rgba(0, 0, 0, .08); background: rgba(0, 0, 0, .50); } .ilan-resim.big-image .ilan-slider li img { max-width: calc(100% - 10px); } .suresi-dolmus { padding: 0 30px; height: 60px; display: flex; align-items: center; background: #c63640; margin-top: 30px; color: #fff; font-size: 14px; font-weight: 500; text-shadow: 1px 1px 1px rgba(0, 0, 0, .80); } .suresi-dolmus i { font-size: 32px; color: rgba(0, 0, 0, .30); margin-right: 15px; text-shadow: none; }