/*----------------------------------------------------------------------------------- CSS INDEX ========================================= 01. header css here 02. slider area css here 03. product section css here 04. banner section css here 05. blog area css here 06. newsletter area css here 07. footer area css here 08. shop page css here 09. error page css heer 10. about page css here 11. blog page css here 12. blog details css here 15. contact page css here 16. faq page css here 17. login page css here 18. my account css here 19. portfolio page css here 20. services page css here 21. shipping css here 23. newsletter popup css here 24. modal css here -----------------------------------------------------------------------------------*/ /*Genel Başlangıç*/ @import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap"); *{ font-family:'Quicksand', sans-serif; box-sizing: border-box;} *, *::after, *::before { box-sizing: border-box; } .clear10{ clear:both;height:10px; } .urundetayresim .owl-dots{text-align:center;} .urundetayresim .owl-dots div{display:inline-block !important;width: 15px; height: 15px; margin: 5px 7px; background: #a5a5a5; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px;} .urundetayresim .owl-dots .owl-dot.active { background: #ec6513; } .mobilemenum.acik { transform: translateX(0); } .mobilemenum { position: fixed; left: 0; top: 0; bottom: 0; width: 360px; z-index: 99999; background: #fff; transform: translateX(-360px); transition: transform .3s ease-in-out } .mobilemenum .ustblolum{background:#ef920c; } .cart_img { width: 90px; margin-right: 10px; border: 1px solid #ebebeb; } .cart_img:hover { border-color: #d31f27; } .gizle ul{display:none; } .kampanyabox{ margin-bottom:15px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .cart_img { width: 70px; } } @media only screen and (max-width: 767px) { .cart_img { width: 70px; } } .cart_info { width: 63%; } .cart_info a { font-weight: 400; font-size: 14px; line-height: 20px; display: block; margin-bottom: 6px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .cart_info a { font-size: 13px; } } @media only screen and (max-width: 767px) { .cart_info a { font-size: 13px; } } .cart_info a:hover { color: #d31f27; } .cart_info p { font-size: 12px; } .cart_info p span { font-weight: 600; } .cart_remove a { font-size: 15px; border: 1px solid #ebebeb; width: 20px; height: 20px; display: block; line-height: 20px; text-align: center; border-radius: 50%; } .cart_remove .fa{font-size:12px; } .cart_item { overflow: hidden; padding: 11px 0; border-bottom: 1px solid #ebebeb; display: flex; justify-content: space-between; } .mini_cart_table { padding: 23px 0; } .cart_total { display: flex; justify-content: space-between; } .cart_total span { font-size: 14px; font-weight: 400; } .cart_total span.price { font-weight: 700; } @media only screen and (min-width: 768px) and (max-width: 991px) { .cart_total span { font-size: 13px; } } @media only screen and (max-width: 767px) { .cart_total span { font-size: 13px; } } .cart_button:first-child { margin-bottom: 15px; } .cart_button a { text-transform: uppercase; border-radius: 3px; font-size: 12px; font-weight: 500; background: #eef0f1; border: 1px solid #ebebeb; display: block; text-align: center; line-height: 20px; margin-bottom: 0; padding: 13px 0px 11px; } .katbaslik{background:#f79d0d;padding:8px 10px; color:#fff;font-weight:700;font-size:15px; } html, body { height: 100%; } .markatutucu{margin-bottom:25px; padding: 1.5rem 2rem .6rem; background-color: #fff; border: 1px solid #f2f2f2; box-shadow: 0 2px 4px rgb(0 0 0 / 4%);} .markabox{ text-align:center;margin-bottom:20px; } .markabox .markaresim{ position: relative; border: 1px solid #f2f2f2; background-color: #fff; transition: all .2s ease-in-out; } body { line-height: 24px; font-size: 14px; font-style: normal; font-weight: 400; visibility: visible; color: #222222; } h1, h2, h3, h4, h5, h6 { font-weight: 400; margin-top: 0; } h1 { font-size: 48px; line-height: 1; font-weight: 700; } h2 { font-size: 36px; line-height: 36px; } h3 { font-size: 30px; line-height: 30px; } h4 { font-size: 16px; line-height: 19px; font-weight: 700; } h5 { font-size: 14px; line-height: 18px; } h6 { font-size: 12px; line-height: 14px; } p:last-child { margin-bottom: 0; } a, button { color: inherit; line-height: inherit; text-decoration: none; cursor: pointer; } a, button, img, input, span { transition: all 0.3s ease 0s; } *:focus { outline: none !important; } a:focus { color: inherit; outline: none; text-decoration: none; } a:hover { text-decoration: none; } button, input[type="submit"] { cursor: pointer; } img { max-width: 100%; height: auto; } ul { list-style: outside none none; margin: 0; padding: 0; } figure { padding: 0; margin: 0; } /*-- - Common Classes -----------------------------------------*/ .fix { overflow: hidden; } .hidden { display: none; } .clear { clear: both; } .container { max-width: 1200px; } @media only screen and (max-width: 479px) { .container { width: 100%; } } .capitalize { text-transform: capitalize; } .uppercase { text-transform: uppercase; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; margin: 0; } /*-- - Background color -----------------------------------------*/ .bg-white { background-color: #ffffff; } .bg-light-grey { background-color: #f6fafb; } .bg-grey { background-color: #f8f8f8; } .bluewood-bg { background: #354b65; } /*- Overlay Color BG -*/ .bluewood-bg-overlay { position: relative; } .bluewood-bg-overlay::before { background: rgba(70, 90, 112, 0.9); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .overly-bg-black { position: relative; } .overly-bg-black::after { background: rgba(0, 0, 0, 0.3); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } /*-- - color -----------------------------------------*/ /*-- - Input Placeholder -----------------------------------------*/ input:-moz-placeholder, textarea:-moz-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /*-- Scroll Up -----------------------------------------*/ #scrollUp { background: #ec6513 none repeat scroll 0 0; bottom: 85px; color: #ffffff; cursor: pointer; display: none; font-size: 20px; height: 45px; line-height: 39px; position: fixed; right: 12px; text-align: center; width: 45px; z-index: 9999; border-radius: 50%; border: 2px solid #fff; -webkit-transition: .3s; transition: .3s; } #scrollUp:hover i { animation-name: fadeInUp; animation-duration: 1s; animation-fill-mode: both; animation-iteration-count: infinite; } .btn-red { background: #e67070; color: #fff; } .radius25 { -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 23px; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .gndrbtn{font-size:12px;height:37px; } .uyari{background:#FFF;text-align:center;padding:15px 0px;width:100%;} .hata{background:#FFF;text-align:center;padding:15px 0px;width:100%;} .basarili{background:#FFF;text-align:center;padding:15px 0px;width:100%; } .error{color:#F00; } .sayfalarbaslik{font-size:20px;color:#313131;margin-bottom:10px;} .sayfa{ background:#fff;padding:20px 0px; } .transform { position: fixed; right: 0; left: 0; width: 100%; top: 0; bottom: 0; background: rgba(0,0,0,.5); z-index: 1001; display: none; -webkit-animation: fadein .5s; -moz-animation: fadein .5s; -ms-animation: fadein .5s; -o-animation: fadein .5s; animation: fadein .5s; } .transform.acik { display: block; } .mobilsepet{ width: 85%; height: 100%; position: fixed; background: #fff; z-index: 9999; overflow: auto; right:-100%; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); box-shadow: none;} .mobilsepet.acik { padding: 10px; right: 0; } .mobilsepeticerik{padding:20px; } .mobilsepeticerik .baslik{ font-size: 1.4rem; font-weight: 700; color: #54565b; margin-bottom: 1rem; } .mobilsepeticerik .adetalani{ font-size: 1.2rem; margin-bottom: 2rem; } .mobilemenum .ustblolum .solalan i{font-weight:300;display:inline-block;} .mobilemenum { width: 80%; transform: translateX(-100%); } .mobilemenum.acik { transform: translateX(0) } .mobilemenum .ustblolum .solalan{ float: left; line-height: 45px; color: #fff; font-size: 15px; text-align: center; margin: 0; cursor: pointer; padding-left: 20px; } .mobilemenum .ustblolum .kapat { float: right; line-height: 45px; color: #fff; font-size: 20px; width: 50px; text-align: center; margin: 0; cursor: pointer; } .mobilemenum .icerikalani span{ color: rgba(40,47,54,.8); font-size: 18px; font-weight: 600; line-height: 55px; padding-left: 55px; position: relative; float: left; width: 100%; } .mobilemenum li span > a{ line-height: 55px; z-index:0; } .mobilemenum li { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; position: relative; } .mobilemenum li a{ color: #282f36; font-size: 16px; font-weight: 500; line-height: 40px; display: inline-block; vertical-align: top; padding: 9px 13px; z-index: 2; position: relative; width:100%; } .menututucu { float: right; position: absolute; right: 0; top: 0; left: 0; z-index: 1; padding-right: 20px; cursor: pointer; } .menututucu i { line-height: 40px; font-size: 20px; float: right; } .products{padding:0px 10px; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; color: #fff } .main-wrapper.header-transparent { padding: 0 !important; margin: 0 !important; } /*-- - Section Padding -------------------------------------*/ .section-ptb { padding: 100px 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .section-ptb { padding: 90px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-ptb { padding: 80px 0; } } @media only screen and (max-width: 767px) { .section-ptb { padding: 70px 0; } } @media only screen and (max-width: 479px) { .section-ptb { padding: 60px 0; } } .section-pt { padding-top: 100px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .section-pt { padding-top: 90px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-pt { padding-top: 80px; } } @media only screen and (max-width: 767px) { .section-pt { padding-top: 70px; } } @media only screen and (max-width: 479px) { .section-pt { padding-top: 60px; } } .section-pt-70 { padding-top: 70px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .section-pt-70 { padding-top: 60px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-pt-70 { padding-top: 50px; } } @media only screen and (max-width: 767px) { .section-pt-70 { padding-top: 40px; } } @media only screen and (max-width: 479px) { .section-pt-70 { padding-top: 30px; } } .section-pb-70 { padding-bottom: 80px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .section-pb-70 { padding-bottom: 60px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-pb-70 { padding-bottom: 50px; } } @media only screen and (max-width: 767px) { .section-pb-70 { padding-bottom: 40px; } } @media only screen and (max-width: 479px) { .section-pb-70 { padding-bottom: 30px; } } .section-pb { padding-bottom: 100px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .section-pb { padding-bottom: 90px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-pb { padding-bottom: 80px; } } @media only screen and (max-width: 767px) { .section-pb { padding-bottom: 70px; } } @media only screen and (max-width: 479px) { .section-pb { padding-bottom: 60px; } } .pb-60 { padding-bottom: 60px; } .mt-10 { margin-top: 20px; } .mt-20 { margin-top: 20px; } .mt-23 { margin-top: 23px; } .mt-30 { margin-top: 30px; } .mt-40 { margin-top: 40px; } .mt-50 { margin-top: 50px; } .mt-45 { margin-top: 45px; } .mt-55 { margin-top: 55px; } .mt-57 { margin-top: 57px; } .mt-60 { margin-top: 60px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-30 { margin-bottom: 30px; } .mb-25 { margin-bottom: 25px; } .mb-35 { margin-bottom: 35px; } .mb-40 { margin-bottom: 40px; } .mb-45 { margin-bottom: 45px; } .mb-50 { margin-bottom: 50px; } .mb-55 { margin-bottom: 55px; } .mb-58 { margin-bottom: 58px; } .mb-46 { margin-bottom: 46px; } .mb-47 { margin-bottom: 47px; } .mb-60 { margin-bottom: 60px; } .mb-65 { margin-bottom: 65px; } .mb-66 { margin-bottom: 66px; } .mb-68 { margin-bottom: 68px; } .mb-70 { margin-bottom: 70px; } /* 02. Element */ .button { background: #d31f27; box-shadow: none; color: #ffffff; display: inline-block; height: 45px; padding: 0 22px; text-transform: uppercase; font-size: 13px; border-radius: 3px; } /*Genel Bitiş*/ /*Toast Başlangıç*/ .toast-message a, .toast-message label { color: #fff } .toast-message a:hover { color: #ccc; text-decoration: none } .toast-close-button { position: relative; right: -.3em; top: -.3em; float: right; font-size: 20px; font-weight: 700; color: #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; opacity: .8; line-height: 1 } .toast-close-button:focus, .toast-close-button:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .4 } .rtl .toast-close-button { left: -.3em; float: left; right: .3em } button.toast-close-button { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none } .toast-top-center { top: 0; right: 0; width: 100% } .toast-bottom-center { bottom: 0; right: 0; width: 100% } .toast-top-full-width { top: 0; right: 0; width: 100% } .toast-bottom-full-width { bottom: 0; right: 0; width: 100% } .toast-top-left { top: 12px; left: 12px } .toast-top-right { top: 12px; right: 12px } .toast-bottom-right { right: 12px; bottom: 12px } .toast-bottom-left { bottom: 12px; left: 12px } #toast-container { position: fixed; z-index: 999999; pointer-events: none; color: #fff } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #toast-container>div { position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-position: 15px center; background-repeat: no-repeat; -moz-box-shadow: 0 0 12px #999; -webkit-box-shadow: 0 0 12px #999; box-shadow: 0 0 12px #999; color: #fff; opacity: 1 } #toast-container>div.rtl { direction: rtl; padding: 15px 50px 15px 15px; background-position: right 15px center } #toast-container>div:hover { -moz-box-shadow: 0 0 12px #000; -webkit-box-shadow: 0 0 12px #000; box-shadow: 0 0 12px #000; opacity: 1; cursor: pointer } #toast-container>.toast-info { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important } #toast-container>.toast-error { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important } #toast-container>.toast-success { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important } #toast-container>.toast-warning { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important } #toast-container.toast-bottom-center>div, #toast-container.toast-top-center>div { width: 300px; margin-left: auto; margin-right: auto } #toast-container.toast-bottom-full-width>div, #toast-container.toast-top-full-width>div { width: 96%; margin-left: auto; margin-right: auto } .toast { background-color: #030303 } .toast-success { background-color: #51a351 } .toast-error { background-color: #bd362f } .toast-info { background-color: #2f96b4 } .toast-warning { background-color: #f89406 } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000; opacity: 1 } @media all and (max-width:240px) { #toast-container>div { padding: 8px 8px 8px 50px; width: 11em } #toast-container>div.rtl { padding: 8px 50px 8px 8px } #toast-container .toast-close-button { right: -.2em; top: -.2em } #toast-container .rtl .toast-close-button { left: -.2em; right: .2em } } @media all and (min-width:241px) and (max-width:480px) { #toast-container>div { padding: 8px 8px 8px 50px; width: 18em } #toast-container>div.rtl { padding: 8px 50px 8px 8px } #toast-container .toast-close-button { right: -.2em; top: -.2em } #toast-container .rtl .toast-close-button { left: -.2em; right: .2em } } @media all and (min-width:481px) and (max-width:768px) { #toast-container>div { padding: 15px 15px 15px 50px; width: 25em } #toast-container>div.rtl { padding: 15px 50px 15px 15px } } @media only screen and (max-width:991px) { .toast-top-right { top: 47px; right: 3px } } /*Toast Bitiş*/ .varyantbaslik { display: block; margin-bottom: 10px; } .vbox { display: inline-block; } .secilivaryant { border: 1px solid #000 !important; color: #000 !important; background: #fff !important; } .varyantboxes { min-width: 48px; height: 40px; line-height: 38px; border: 1px solid #dddddd; text-align: center; border-radius: 5px; padding: 0 10px; float: left; cursor: pointer; margin-right: 10px; margin-bottom: 10px; background:#fff; } .sepettutucu{position:relative; margin-right: 10px; display: block; float: left; color: #ccc; border-radius: 0.4rem; } .katbaslikmain{margin-bottom: 0; width: 100%; text-align: left; } .mobiliconblok{background:#fff;padding:8px 0;margin-bottom:10px;display:flex;border-bottom:1px solid #d5d5d5;background:#fafafa;} .mobiliconblok .icons{text-align: center; display: inline-block; padding: 0 1.5%; color: #717171; -webkit-box-flex: 1; line-height: 20px; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; border-right: 1px solid #eee; background: #fafafa;} .mobiliconblok:last-child{border-right:none; } .mobiliconblok .icons .fa { background-position: 0 0; background-repeat: no-repeat; display: block; margin: 0 auto 0px auto; font-size:14px; } .cats{padding:0px 0px 10px 0px;} .catsimage img{ /* height:130px;*/ } .catsbox{text-align:center;border:1px solid #eaeaea; margin-bottom:15px;background:#fff;box-shadow:rgb(0 0 0 / 4%) 2px 2px 2px;} .cats .catlar{padding-left:5px;padding-right:5px; } .catsname{border-top:1px solid #eaeaea;padding:10px;font-size:14px;font-weight:500; } .catsimage{/*padding:10px;*/ } .mini-cart-drop-down { position: absolute; right: -30px; top: 100%; width: 300px; padding: 20px; display: none; z-index: 9999999999; background: #fff; border-bottom: 2px solid #8d0009; -webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,.1); box-shadow: 0 0 8px 1px rgba(0,0,0,.1); } .autocomplete-suggestions{cursor:default;overflow:auto;max-width:100%;background:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding-right:0;border:1px solid #dbdbdb;border-top:none;padding-top:20px 0;cursor:pointer}.autocomplete-suggestion{background:#fff;padding:5px 20px;font-weight:400;font-size:12px;border-bottom:1px solid #ccc}.autocomplete-suggestion img{padding-right:5px}.autocomplete-suggestions .autocomplete-group{display:block;padding:15px 0 4px 20px;background-color:#fff;font-size:11px} .mobiltakip { text-align: center; font-weight: 400; } .siparistakipmobil { display: inline-block; background: #0560af; color: #fff; padding: 10px 15px; font-size: 17px; } .ssstakipmobil { display: inline-block; background: #d83840; color: #fff; padding: 10px 15px; font-size: 17px; } .mobiltakip .fa { color: #fff; } .destekhattimobil { width: 100%; height: 40px; background: #d4333b; color: #fff; text-align: center; line-height: 40px; margin-bottom: 30px; } .filtermobile { display: block; margin-bottom: 15px } .filtermobile .elemanlar { width: 48.2%; background: #d4333b; color: #fff; display: inline-block; padding: 5px 0 5px 0; text-align: center; float: left; margin-right: 5px } .filtermobile .elemanlar select { background-color: transparent; border: none; box-shadow: none; -webkit-appearance: none; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; width: 80% } .filtermobile .fa { color: #fff } .mobilfilterblok { width: 100%; height: 100%; position: fixed; background: #f7f7f7; z-index: 99; display: none; overflow: auto; } .activemobilfilter { display: block; padding: 10px } .mobilfilterust { height: 40px; background: #d31f27; color: #fff; margin: -10px -10px 10px -10px; line-height: 40px } #closefilterblok { float: right; width: 100px; height: 30px; font-size: 16px; color: #fff } #closefilterblok .fa { font-size: 20px; color: #fff } .filterblokcontainer { border-bottom: 1px solid #ccc } .filterblokcontainer .filtername { font-weight: 600; height: 50px; line-height: 50px; position: relative; color: #666 } .filterblokcontainer .filtername .filternameicon { position: absolute; right: 10px; top: 0 } .filterblokcontainer .filtername .filternameicon .fa { color: #ccc } .filterblokcontainer .fitreler { display: none } .filterblokcontainer .colaktif { display: block; padding: 10px 0 } .filterblokcontainer .activename .fa { transform: rotateZ(-180deg) } .filterblokcontainer input[type=text] { border: 1px solid #acacac; background: #fff; width: 110px; margin-right: 10px; padding: 0 5px; height: 34px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .filterblokcontainer span { width: 24px; text-align: center; display: inline-block } .checkboxfilterelement .checkedbrand:before{content:"\f00c";font:normal normal normal 14px/1 FontAwesome;width:17px;height:17px;border:1px solid #ccc;border-radius:3px;background-color:#fff;-webkit-transition:border .15s ease-in-out,color .15s ease-in-out;-o-transition:border .15s ease-in-out,color .15s ease-in-out;transition:border .15s ease-in-out,color .15s ease-in-out;display:inline-block;margin:0 10px 0 0;float:left} header{position:relative;z-index:89;} .mobilmenucontainer { min-height: 45px; } .filtermobile{display:block;margin-bottom:15px} .filtermobile .elemanlar{width:48.2%;background:#f7f7f7;color:#3d3d3d;display:inline-block;padding:5px 0 5px 0;text-align:center;float:left;margin-right:5px} .filtermobile .elemanlar select{background-color:#f7f7f7;border:none;box-shadow:none;-webkit-appearance:none;-ms-box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;width:80%}.filtermobile .fa{color:#3d3d3d} .mobilmenu { width: 100%; height: 45px; position: fixed; background: #ef930e; z-index: 9; } #menu_button_left { padding-left: 10px; font-size: 28px; padding-top: 5px; float: left; color: #fff; -webkit-appearance: none; outline: 0; background: 0 0; box-shadow: none; border: none; display: inline-block; line-height: 40px; } .geributon { padding-left: 10px; font-size: 24px; padding-top: 3px; float: left; color: #fff; -webkit-appearance: none; outline: 0; background: 0 0; box-shadow: none; border: none; display: inline-block; line-height: 40px; width:39.63px; } .anasayfaicon { padding-left: 20px; font-size: 28px; padding-top: 3px; float: left; color: #fff; -webkit-appearance: none; outline: 0; background: 0 0; box-shadow: none; border: none; display: inline-block; line-height:40px; } #menu_button_left .zmdi { color: #fff; } .logomobil { margin: 0 auto; position: absolute; width: 122px; left: 0; right: 9px; top: 0px; height: 46px; text-align: center; background: #fff; padding: 10px; -webkit-transform: skew( -15deg ); -moz-transform: skew(-15deg); -o-transform: skew(-15deg); transform: skew( -15deg ); } .logomobil img { -webkit-transform: skew( 15deg ); -moz-transform: skew(15deg); -o-transform: skew(15deg); transform: skew( 15deg ); } .mobiluye { float: right; display: inline-block; padding-top: 13px; margin-right: 15px; position: relative; } .drmobil { margin-left: -60px } .haritabaslik{font-size:15px;padding-bottom:10px; } .drmobil li{border-bottom:1px solid #ccc;padding:5px 0px; } .drmobil li:last-child{border:none; } .drmobil .unvan{font-size:11px;line-height:11px; } .drmobil2 { margin-left: -90px } .mobiluye .drmobil .fa { color: #000 } .mobiluye .drmobil2 .fa { color: #000 } .mobiluye > a { margin-right: 25px; display: block; float: left; color:#ccc; border-radius:0.4rem; } .mobiluye a .fa { color: #fff; font-size: 20px } .mobiluye a .fa-user-circle-o{color:#fff; } .uye span { position: absolute; width: 15px; height: 15px; background: #575757; font-size: 8px; color: #fff; border-radius: 15px; line-height: 15px; text-align: center; margin-left: -10px; margin-top: -8px; right: -10px; left: unset; } .mobildropmenu { background: #f8f8f8; width: 100%; height: 45px } .mobilsearchcontainer { position: relative; } .searchboxmobile { padding: 0px 15px 0px 15px; } .productsearchmobil { height: 35px; border: 1px solid #f2f2f2; padding: 10px; font-size: 0.85em; padding-left: 15px; box-shadow:2px 2px 4px rgb(0 0 0 / 4%); } .mobilsearcbutoncontainer { position: absolute; right: 5px; top: 0; } .mobilsearcbutoncontainer .btn-searchmobil { background: 0 0; border: none; border-radius: .4rem; font-size: 12px; text-transform: uppercase; border: none; position: absolute; top: 0px; bottom: 0px; right: 10px; background: #ec6513; color: #fff; font-weight: 500; padding: 0 21px; -webkit-transition: 0.3s; transition: 0.3s; height: 25px; margin-top: 5px; } @media only screen and (min-width:991px) { .desktophide { display: none } } @media only screen and (max-width:350px) { .catsname{font-size:11px;line-height:11px;padding:5px; } } @media only screen and (max-width:400px) { .mobiliconblok .icons{font-size:12px; } } @media only screen and (max-width:340px) { .mobiliconblok .icons{font-size:11px; } } @media only screen and (max-width:991px) { .mobilehide { display: none !important; } .breadcrumb_content{ overflow-x: auto; scroll-snap-type: x mandatory;white-space:nowrap;} .aktif { display: block!important; } } .solmenu li.ulm>.va:after { display: inline-block; font-family: fontawesome; font-size: 7px !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f054"; position: absolute; right: 15px; margin-top:0px; } .solmenu>li ul li{ background:#fff;position:relative; padding:0px 8px; } .solmenu li ul { position: absolute; display: none; left: 0; top: 100%; z-index: 99; background: #fff; width: 100%; padding: 0; box-shadow: 0 1px 1px rgba(0,0,0,.15)!important; } .solmenu li:hover>ul { display: block; left: 100%; top: 0; position: absolute; /*padding-left: 10px;*/ background: 0 0 } .left-nav-menu >li>ul li a { display: block; color: #5f5f5f; font-weight: 400; font-size: 12px; line-height: normal; text-align: left; padding: 0 25px; line-height: 40px; position: relative } .left-nav-menu li.ulm>a:after { display: inline-block; font-family: fontawesome; font-size: 7px !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f054"; position: absolute; right: 15px; top: 0 } .solmenu>li>ul li a{padding:0px 25px; line-height:40px; } .shipping_area{background:#fff;padding:30px 0px; } .solmenu{border:1px solid #f0f0f0;background:#fff; width: 100%; } .katbaslik { margin-top:10px; background: #5cc1ee; padding: 8px 10px; color: #fff; font-weight: 700; font-size: 15px; } .solmenu > li{border-bottom:1px solid #f0f0f0;padding:5px 8px;position:relative; } .solmenu li:hover{background:#d31f27; } .solmenu li:hover > a{color:#fff; } .solmenu li a{color:#202020;font-size:14px;font-weight:500;display:block;} .solmenu span{ background:url(../img/logo/logomenu.png) no-repeat;width:16px;height:30px;float:left;margin:-3px 15px 0 0; } .detaybutonalani a{color:#575a5d;} .detaybutonalani .butonlar { display: inline-block; margin-right: 10px; margin-bottom: 10px } .basketCompletebtn{ line-height:45px;} .mb10 { margin-bottom: 10px; } .rating-stars ul>li.star{display:inline-block}.rating-stars ul>li.star>i.fa{font-size:1.7em;color:#ccc;width:auto}.rating-stars ul>li.star.hover>i.fa{color:#f26f0e}.rating-stars ul>li.star.selected>i.fa{color:#f26f0e}.stars li{float:left;margin-right:5px;font-size:12px}.stars li .fa{color:#ef4923}.stars li:last-child{margin-right:0} .yorumyap { font-size: 20px; font-weight: 700; border-bottom: 1px solid #f26f0e; padding-bottom: 5px; margin-bottom: 15px; display: block; color: #f26f0e; } .urunyorumbox { border-bottom: 1px solid #ccc; margin-bottom: 10px; } .clearfix{clear:both;} .modal-content button.close{opacity:1;} .loginbaslik { font-size: 22px; margin-bottom: 10px; font-weight: 700; } .btn-orange { background: #f26f0e; color: #fff; } .card .btn { padding: 10px 12px; } .iletisimadres{border:1px solid #ccc;padding:8px 10px;margin-bottom:10px}.address{font-size:13px;margin-bottom:10px}.iletisimadres .fa{float:left;background:#d31f27;color:#fff;width:20px;height:20px;line-height:20px;text-align:center}.aciklamaadres{float:left;padding-left:10px;width:90%}.iletisimform .input-group{margin-bottom:15px}.securitycontainer{margin-top:10px}.securitycontainer .btn{background:#d4333b;border-color:#d4333b}.socialbutton{margin-bottom:10px;display:block}.socialbutton .fa{margin-right:10px;width:35px;height:35px;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;text-align:center;line-height:35px;color:#fff}.face{background:#3b5998}.twit{background:#00aced}.instagram{background:#ea466a}.youtube{background:#b00}.linkedin{background:#01669a}.pinterest{background:#cc2127} .categories_menu_toggle li{ border-bottom:1px solid #ccc; } .categories_menu_toggle li:last-child{ border:none; } .usermenu {font-size:23px;font-weight:600;color:#5b5b5b;} .usermenu{ padding-top:15px; } .usermenu li{float:left;display:block;padding-right:10px;} .sayfalar{ background:#fff;padding:10px;width:100%; } .modul{background:#fff; } ul,li{list-style:none;} .urunadid{ font-size:24px;font-weight: 900; color: #000;line-height:29px;margin-bottom: 20px; } .aciklamaline{padding:7px 0px 5px 0px;} .bbaslik{float:left;width:20%;} .bnokta{float:left;width:2%;} .bicerik{float:left;width:73%;} .filtreblok input[type=text] { border: 1px solid #acacac; background: 0 0; width: 70px; margin-right: 10px; padding: 0 5px; height: 34px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .filtreblok span { width: 24px; text-align: center; display: inline-block; } .fiyatfiltrebuton { background: #d31f27; border: none; } .fiyatfiltrebuton .fa { color: #fff; } .checkboxfilterelement a:before { content: ''; width: 17px; height: 17px; border: 1px solid #ccc; border-radius: 3px; background-color: #fff; -webkit-transition: border .15s ease-in-out,color .15s ease-in-out; -o-transition: border .15s ease-in-out,color .15s ease-in-out; transition: border .15s ease-in-out,color .15s ease-in-out; display: inline-block; margin: 4px 10px 0 0; float: left; } /*Header Başladı*/ /* 2. Home 1 Header css here */ /* 01. header css here */ /*header top css here*/ .header_top { background:#ef920c; border-bottom:1px solid #efefef; } @media only screen and (max-width: 767px) { .header_top { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header_top { display: none; } } .header_top_settings ul li:last-child{ border-right:none; } .header_top_settings ul li { display: inline-block; font-size:12px; line-height: 35px; text-transform: capitalize; margin-right: 20px; padding-right: 20px; position: relative; color:#fff; } .header_top_settings ul li .fa{color:#fff;font-size:15px; padding-right:7px; } .header_top_settings ul li:last-child { margin-right: 0; padding-right: 0; } .header_top_settings ul li:last-child::before { display: none; } .header_top_settings ul li a:hover { color: #d31f27; } /*header top css end*/ /* 2.2 header middel css here */ .header_middle { padding: 25px 0px 25px 0; } .header_bottom{ border-top: 1px solid #f3f2f2; border-bottom: 1px solid #e2e2e2; background:#096fb3; } /* 2.2 header middel css here */ /* 2.4 main menu css here */ .main_menu nav ul li:first-child a{padding-left:0px; } .main_menu nav > ul > li { display: inline-block; padding:13px 0; } .main_menu nav > ul > li:last-child { margin-right: 0; } .main_menu nav > ul > li > a { display: block; font-size: 15px; line-height: 28px; font-weight: 600; position: relative; color: #fff; border-right: 1px solid #fff; padding:0px 10px; } nav ul .var:hover>.submenu { visibility: visible; opacity: 1; pointer-events: visible; pointer-events: unset; -webkit-transform: none; transform: none; } .dropMenuImageColumn { float: left; width: 104px; height: 180px; margin-bottom: 24px; margin-right: 25px; } .dropMenuImageColumn:nth-child(9n) { margin-right: 0; } .dropMenuImageTop { position: relative; width: 108px; height: 108px; margin-bottom: 16px; display: block; } .dropMenuImageBottom { text-align: center; box-sizing: border-box; height: 56px; align-items: center; justify-content: center; display: Flex; padding: 0 10px; border: 1px solid #ececec; } .dropMenuImageBottom a { font-size: 12px; display: block; color: #000; line-height: 17px; font-weight: 400; } .dropMenuOverlay { position: fixed; left: 0; top: 0; opacity: .6; z-index: 60; display: none; width: 100%; height: 100%; background: #000; display:none; } .main_menu {position:relative; } .submenu { position: absolute; top: 100%; left: 0; z-index: 44; visibility: hidden; opacity: 0; pointer-events: none; padding: 10px; width: 100%!important; box-sizing: border-box; background-color: #fff; transition: all .2s ease-in-out; transform: translateY(15px) translateZ(0); } .submenu .submenuicerik{display: inline-block; width: 100%; text-align: left; padding: 0 20px;} @media only screen and (min-width: 992px) and (max-width: 1199px) { .main_menu nav > ul > li > a { font-size: 13px; } } .main_menu nav > ul > li > a i { margin-left: 3px; } .main_menu nav > ul > li > a.active::before { left: 0; right: 0; width: 100%; } .main_menu nav > ul > li ul.sub_menu { position: absolute; min-width: 200px; padding: 24px 30px; background: #fff; border: 1px solid #ebebeb; -webkit-transform: perspective(600px) rotateX(-90deg); transform: perspective(600px) rotateX(-90deg); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; left: 0; right: auto; opacity: 0; visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; z-index: 99; top: 100%; text-align: left; } .main_menu nav > ul > li ul.sub_menu li a { font-size: 13px; font-weight: 400; display: block; line-height: 32px; text-transform: capitalize; font-size: 13px; } .main_menu nav > ul > li ul.sub_menu li a:hover { color: #d31f27; } /*main menu css end*/ .header_configure_area { display: flex; justify-content: flex-end; position:relative; } @media only screen and (min-width: 768px) and (max-width: 991px) { .header_configure_area { display: none; justify-content: center; } } @media only screen and (max-width: 767px) { .header_configure_area { padding:15px 0px 0px 0px; justify-content: center; } } .search_container{margin-left:35px; } .header_wishlist { margin-right: 5px; text-align:center; color:#5a5b5e; border-radius: 0.4rem; padding:12px 9px; } .header_wishlist a{font-size:14px;font-weight:500;} .mini_cart_wrapper{ border-radius: 6px; padding:12px 9px;background:#fff; position:relative; border-radius: 0.4rem;} @media only screen and (min-width: 768px) and (max-width: 1199px) { .header_wishlist { margin-right: 30px; } } .mini_cart_wrapper a { display: block; position: relative; text-align: center; color:#5a5b5e; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .header_wishlist a:hover { color: #d31f27; } .header_wishlist i { font-size: 28px; border-radius: 50%; color:#6b6666; float: left; margin-top: -4px; padding-right:5px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .header_wishlist a i { font-size: 18px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header_wishlist a { height: 46px; width: 46px; line-height: 42px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header_wishlist a { height: 40px; line-height: 36px; width: 40px; } } /*Header Bitti*/ /*767*/ @media only screen and (max-width: 767px) { .header_wishlist a span.wishlist_count { font-size: 12px; height: 20px; left: -16px; line-height: 20px; width: 20px; } .aff_content { margin-bottom: 17px; } .footer_menu ul li { margin-bottom: 14px; } .footer_menu ul li a { font-size: 13px; line-height: 18px; text-align:center; } .footer_menu ul li .fa { display:none; } .footer_social { text-align: left; } .copyright_area { text-align: center; margin-bottom: 15px; } .copyright_area p { font-size: 13px; } .footer_bottom { padding: 20px 0 25px; } .shop_area { padding: 20px 0 110px; } .sidebar_widget .single_banner { margin-bottom: 0; } .sidebar_widget .single_banner a { width: 100%; } .sidebar_widget .single_banner a img { width: 100%; } .shop_toolbar { flex-direction: column-reverse; padding: 10px 10px 18px; } .select_option { flex-direction: column; } .niceselect_option { margin-bottom: 16px; } .page_amount { margin-bottom: 12px; } .page_amount p { padding-left: 0; margin-left: 0; border-left: 0; } .pagination { margin-top: 19px; } .shop_toolbar.t_bottom .pagination { margin-top: 0; } .grid_list .single_product { flex-direction: column; } .grid_list .product_thumb { flex: 0 0 100%; min-width: 100%; margin-right: 0; margin-bottom: 20px; } .shop_toolbar_wrapper { flex-direction: column; padding: 15px 10px 5px; } .shop_toolbar_btn { margin-bottom: 20px; } .product_d_right .product_rating { margin-bottom: 12px; } .product_d_right .price_box { margin-bottom: 9px; } .product_d_right .price_box span.current_price { font-size: 18px; } .product_d_right .product_desc { margin-bottom: 15px; padding-bottom: 18px; } .product_d_right .product_timing { margin-bottom: 16px; margin-top: 25px; } .product_variant.quantity { margin-bottom: 16px; } .product_variant.color { margin-bottom: 18px; } .product_info_button ul li { margin-bottom: 5PX; } .product_info_button ul li:last-child { margin-bottom: 0; } .product_d_inner { padding: 0 20px 30px; } .reviews_wrapper h2 { font-size: 15px; } .single-zoom-thumb { width: 101%; } .product_sidebar .row { flex-direction: column-reverse; } .product_sidebar .product_section .row { flex-direction: row; } .product_sidebar .product_variant.quantity button { min-width: inherit; } .product_sidebar .product-details-tab { margin-bottom: 0; } .product_right_sidebar .product-details-tab { margin-bottom: 45px; } .product_right_sidebar .row { flex-direction: row; } .login_page_bg { padding: 60px 0 110px; } .account_form h2 { font-size: 24px; margin-bottom: 20px; } .login_submit { text-align: left; } } /*767*/ /*Sepet Açılır Başladı*/ .mini_cart_wrapper .sepetadetim{position: absolute; top: -12px; width: 22px; height: 22px; background: #db423d; color: #fff; text-align: center; line-height: 22px; font-weight: 600; left: 41%; border-radius: 0.2rem;} .mini_cart_wrapper > a i { border-radius: 50%; color:#6b6666; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; font-size: 18px; } /*Sepet Açılır bitti*/ /*header middel css end*/ /*search başlangıç*/ @media only screen and (max-width: 767px) { .search_container { margin-bottom: 22px; display: none; } } .search_container form { display: flex; border-radius: 5px; background: #fff; width: 90%; justify-content: space-between; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .search_container form { width: 530px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .search_container form { flex-direction: column-reverse; border: 0; width: 100%; align-items: center; } } @media only screen and (max-width: 767px) { .search_container form { flex-direction: column-reverse; border: 0; width: 100%; align-items: center; } } .search_box { position: relative; width: 100%; border-radius: 0 5px 5px 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .search_box { margin-bottom: 25px; border-left: 2px solid #ebebeb; border-radius: 4px; } } .search_box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #222222; } .search_box input::-moz-placeholder { /* Firefox 19+ */ color: #222222; } .search_box input:-ms-input-placeholder { /* IE 10+ */ color: #222222; } .search_box input:-moz-placeholder { /* Firefox 18- */ color: #222222; } .search_box input { border-radius:20px; border: 0; width: 100%; height: 45px; color: #222222; font-size: 14px; font-weight: 400; padding: 0 145px 0 20px; opacity: 0.7; border: 1px solid #ccc; box-shadow: 0 2px 4px rgb(0 0 0 / 4%); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .search_box input { padding: 0 118px 0 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .search_box input { font-size: 12px; padding: 0 92px 0 10px; width: 100%; height: 34px; } } /*search bitiş*/ .headercont{background:#fff;} .search_box button { border-radius:20px; font-size: 12px; text-transform: uppercase; border: none; position: absolute; top: 0px; bottom: 0px; right: 10px; background: #5cb230; color: #fff; font-weight: 500; padding: 0 21px; -webkit-transition: 0.3s; transition: 0.3s; height: 30px; margin-top: 7px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .search_box button { padding: 0 17px; min-width: 100px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .search_box button { min-width: 78px; padding: 0 14px; top: -1px; bottom: -1px; right: -1px; } } @media only screen and (max-width: 767px) { .search_box button { min-width: 78px; padding: 0 14px; top: -1px; bottom: -1px; right: -1px; } } /*search container css end*/ /* 02. slider area css here */ .single_slider { background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; margin-right: 0 !important; } .slider_area .owl-dots { position: absolute; bottom: 20px; left: 50%; transform: translatex(-50%); } @media only screen and (max-width: 767px) { .slider_area .owl-dots { bottom: 10px; } } .slider_area .owl-dots .owl-dot { width: 8px; height: 8px; background: rgba(255, 255, 255, 0.5); display: inline-block; margin: 0 7px; border-radius: 50%; position: relative; } .slider_area .owl-dots .owl-dot::before { position: absolute; content: ""; width: 11px; height: 11px; left: -2px; top: -2px; background: #ffffff; border-radius: 50%; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; } .slider_area .owl-dots .owl-dot.active::before { opacity: 1; } .slider_area .owl-dots .owl-dot:hover::before { opacity: 1; } .swiper-pagination-bullet-active { opacity: 1; background: #ec6513; } /* 03. product section css here */ .tab-content > .tab-pane.active { display: block; height: auto; opacity: 1; overflow: visible; box-shadow:1px 1px 4px 2px rgb(0 0 0 / 6%); padding:20px; } .tab-content > .tab-pane { display: block; height: 0; opacity: 0; overflow: hidden; } .categories_product_inner { overflow: hidden; border-left: 1px solid #ebebeb; border-top: 1px solid #ebebeb; } .home_section_bg { padding: 10px 0 40px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .home_section_bg { padding: 60px 0 79px; } } @media only screen and (max-width: 767px) { .home_section_bg { padding: 0px 0 57px; } } .single_categories_product { display: flex; align-items: center; width: 20%; float: left; padding: 7px 10px; align-items: center; background: #fff; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; -webkit-transition: 0.5s; transition: 0.5s; position: relative; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single_categories_product { width: 25%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single_categories_product { width: 50%; } } @media only screen and (max-width: 767px) { .single_categories_product { width: 100%; } } .single_categories_product:hover { z-index: 2; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); } .categories_sidebar_slider { width: auto; margin: 0 -10px; } .categories_sidebar_slider .owl-stage-outer { padding: 10px; margin: -20px -10px; } .categories_sidebar_slider .owl-stage-outer .owl-item { padding: 10px; } .categories_sidebar_slide { display: flex; flex-direction: column; padding: 0.5px 0; flex: 1 0 100%; } .categories_sidebar_slide .single_categories_product { width: 100% !important; border: 1px solid #ebebeb; margin: -0.5px 0; } .categories_product_content { width: 60%; padding: 10px; } .categories_product_content h4 { font-size: 14px; line-height: 18px; font-weight: 500; margin-bottom: 9px; } .categories_product_content h4 a:hover { color: #d31f27; } .categories_product_content p { font-size: 13px; line-height: 23px; } .categories_product_thumb { width: 40%; } .section_title { margin-bottom: 28px; } @media only screen and (max-width: 767px) { .section_title { margin-bottom: 15px; } } .section_title h2 { font-size: 21px; line-height: 28px; font-weight: 700; display: inline-block; margin-bottom: 0; position:relative; text-transform: capitalize; color: #5a5b5e; padding: 10px 10px 0px 0px; } .section_title h2 span{ margin-right:10px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .section_title h2 { font-size: 20px; line-height: 25px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .section_title h2 { font-size: 17px; line-height: 22px; padding-bottom: 6px; } } @media only screen and (max-width: 767px) { .section_title h2 { font-size: 17px; line-height: 20px; } } .product_area .owl-carousel .owl-stage-outer { padding-bottom: 20px; } .product_carousel .owl-stage-outer { padding-left: 2px; padding-right: 2px; } .single_product { border-radius:2px; background: #ffffff; border:1px solid rgb(242, 242, 242); box-shadow:rgb(0 0 0 / 4%) 2px 2px 2px; } .single_product:hover { -webkit-box-shadow: 0px 0px 13.5px 1.5px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 13.5px 1.5px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 13.5px 1.5px rgba(0, 0, 0, 0.07); } .single_product:hover .action_links { opacity: 1; visibility: visible; } .single_product:hover .product_thumb a.secondary_img { opacity: 1; visibility: visible; } .single_product:hover .add_to_cart { visibility: visible; opacity: 1; bottom: -61px; box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15); } .product_thumb { position: relative; padding: 10px; text-align:center; } .product_thumb a.secondary_img { position: absolute; top: 0; left: 0; right: 0; opacity: 0; visibility: hidden; } .product_content_inner { padding: 20px 20px 15px 20px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .product_content_inner { padding: 20px 16px 15px 16px; } } .product_content { position: relative; text-align: left; } .product_content .product_name { font-size: 14px; line-height: 19px; font-weight: 700; text-align:center; color: #000; margin-bottom: 13px; } .product_content h4 a:hover { color: #d31f27; text-decoration: underline; } .add_to_cart { bottom: 0; left: 0; position: relavtive; right: 0; text-align: center; z-index: 9; border-radius:10px; -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; background: #fff; padding: 0px 10px 25px; } .urunalabilirlik { bottom: 0; left: 0; position: relavtive; right: 0; text-align: center; z-index: 9; border-radius: 10px; -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; background: #fff; padding: 0px 0px 20px 0px; } .urunalabilirlik a{ border-radius: 2px; /* border: 1px solid #e3e3e3; */ height: 32px; /* line-height: 37px; */ display: inline-block; font-size: 17px; color: #ffffff; font-weight: 600; max-width: 220px; width: 100%; background: #e52828; border-radius: 30px; font-size: 13px; padding: 5px; } .urunalabilirlik a .b{ font-weight: 900; } .urunalabilirlikd { width:100%; margin-bottom:15px; } .urunalabilirlikd a{ border-radius: 2px; /* border: 1px solid #e3e3e3; */ height: 32px; line-height: 34px !important; display: inline-block; font-size: 17px; color: #ffffff; font-weight: 600; width: 100%; background: #e52828; border-radius: 30px; font-size: 18px; padding: 5px; height: 45px; text-align: center; } .urunalabilirlikd a .b{ font-weight: 900; } .add_to_cart a { border-radius: 2px; /* border: 1px solid #e3e3e3; */ height: 37px; line-height: 37px; display: inline-block; font-size: 17px; color: #ffffff; font-weight: 900; max-width: 220px; width: 100%; background: #ef920c; border-radius: 30px; font-size: 15px; } .add_to_cart a:before { content: "\f291"; display: inline-block; font: normal normal normal 14px / 1 FontAwesome; margin-right: 10px; color: #fff; font-size: 18px; } .add_to_cart:hover a{ background: #d31f27; border-color: #d31f27; color: #ffffff; } .add_to_cart:hover a:before{ color: #ffffff; } @media only screen and (max-width: 767px) { .add_to_cart a { height: 38px; line-height: 34px; font-size: 13px; } .price_box{ flex-direction: column;} .price_box span.old_price{margin-bottom:10px; } } .single_product .price_box{text-align:center;justify-content: center; } .product_d_right .price_box{text-align:left; } .single_product .price_box span { line-height: 16px; font-size: 12px; } .single_product span.current_pricekk { font-size: 19px; color: #5db231; font-weight: 700; } .price_box span.old_price { text-decoration: line-through; font-weight: 400; margin-right: 6px; } @media only screen and (max-width: 767px) { .price_box span.old_price { font-size: 16px; } .product_content_inner{padding:10px 10px 10px 10px; } } .price_box span.current_price { font-size: 26px; font-weight: 900; color: #00aeef; } .price_box span.current_pricekk { font-size: 19px; font-weight: 700; color: #5db231; } .product_header { border-radius:5px; display: flex; justify-content: space-between; align-items: center; margin:20px 0px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .product_header { margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .product_header { flex-direction: column; align-items: inherit; margin-bottom: 5px; margin-top: 5px; } } .product_header .section_title { margin-bottom: 0; width:100%;text-align:left; } @media only screen and (max-width: 767px) { .product_header .product_tab_btn { margin-top: 15px; } } .product_tab_btn ul li { margin-right: 35px; } .product_tab_btn ul li:last-child { margin-right: 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .product_tab_btn ul li { margin-right: 18px; } } @media only screen and (max-width: 767px) { .product_tab_btn ul li { margin-right: 13px; } } .product_tab_btn ul li a { font-size: 14px; line-height: 25px; text-transform: capitalize; display: block; } .product_tab_btn ul li a:hover { color: #d31f27; } .product_tab_btn ul li a.active { color: #d31f27; } @media only screen and (min-width: 768px) and (max-width: 991px) { .product_tab_btn ul li a { font-size: 13px; } } @media only screen and (max-width: 767px) { .product_tab_btn ul li a { line-height: 27px; } } .label_product span { position: absolute; } .label_product span.label_sale { top: 15px; right: 15px; text-transform: capitalize; color: #ffffff; background: #5bb12f; font-size: 12px; height: 20px; width: 50px; line-height: 20px; text-align: center; display: block; } .label_product span.label_new { top: 20px; right: 20px; width: 50px; height: 23px; text-align: center; line-height: 23px; color: #ffffff; background: #222222; font-size: 12px; border-radius: 3px; text-transform: capitalize; z-index: 3; } .product_carousel .owl-stage { display: flex; } .product_carousel .owl-stage .owl-item { display: flex; flex-wrap: wrap; } .product_carousel .owl-stage .owl-item .product_items { display: flex; flex-direction: column; height: auto; } .product_carousel .owl-stage .owl-item .product_items .single_product { flex: 1 0 50%; margin-right: 1px; } .product_carousel .owl-item.last .single_product { border-right: 1px solid #ebebeb; } .product_carousel .product_thumb a img { width: inherit; margin: 0 auto; } @media only screen and (max-width: 767px) { .product_carousel .product_thumb a img { width: 100%; } } .product_carousel .col-lg-3 { flex: 0 0 100%; max-width: 100%; } .product_carousel:hover .owl-nav div { opacity: 1; visibility: visible; } .product_carousel .owl-nav div { opacity: 1; position: absolute; top: 46%; transform: translatey(-50%); font-size: 24px; width: 40px; height: 40px; line-height: 37px; border-radius: 50%; background: #db423d; text-align: center; -webkit-transition: 0.3s; transition: 0.3s; left: -30px; color:#fff; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .product_carousel .owl-nav div { left: -15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .product_carousel .owl-nav div { left: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .product_carousel .owl-nav div { left: 0; } } @media only screen and (max-width: 767px) { .product_carousel .owl-nav div { left: 0; width: 38px; height: 38px; line-height: 37px; font-size: 20px; } } .product_carousel .owl-nav div:hover { color: #ffffff; background: #d31f27; border-color: #d31f27; } .product_carousel .owl-nav div.owl-next { right: -30px; left: auto; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .product_carousel .owl-nav div.owl-next { right:-15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .product_carousel .owl-nav div.owl-next { right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .product_carousel .owl-nav div.owl-next { right: 0; } } @media only screen and (max-width: 767px) { .product_carousel .owl-nav div.owl-next { right: 0; } } .product_items .single_product:first-child { border-bottom: 0; } .product_items .single_product:hover { -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15); } footer{background:#fff; } .product_footer { position: relative; } .product_sidebar_slider .owl-item.active .single_product { border-right: 2px solid #ebebeb; } .product_sidebar_slider .owl-item.active.last .single_product { border-right: 0px solid #ebebeb; } .product_sidebar_slider .single_product { border: none; } .product_sidebar_slider .single_product .add_to_cart { position: static; visibility: visible; opacity: 1; padding: 0; } .product_sidebar_slider .single_product:hover { box-shadow: none; } .product_sidebar_slider .single_product:hover .add_to_cart { box-shadow: none; } /*custom product area css here*/ .small_product_area.product_bg { padding: 45px 0 30px; } .small_p_container .single_product { display: flex; align-items: center; padding: 15px 15px; } .small_p_container .single_product:hover .product_cart_button { opacity: 1; visibility: visible; } .small_p_container .product_content { width: 62%; padding-left: 15px; text-align: left; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .small_p_container .product_content { width: 66%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .small_p_container .product_content { width: 67%; } } @media only screen and (max-width: 767px) { .small_p_container .product_content { width: 70%; padding-left: 12px; } } .small_p_container .product_thumb { width: 38%; padding: 0; } @media only screen and (max-width: 767px) { .small_p_container .product_thumb { width: 29%; } } .small_p_container .product_name h4 { margin-bottom: 12px; } .product_cart_button { position: absolute; bottom: 0; right: 5px; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; } .product_cart_button a { font-size: 18px; height: 43px; width: 43px; line-height: 39px; border: 2px solid #ebebeb; border-radius: 4px; display: inline-block; text-align: center; } @media only screen and (min-width: 768px) and (max-width: 991px) { .product_cart_button a { font-size: 16px; height: 40px; width: 40px; line-height: 36px; } } @media only screen and (max-width: 767px) { .product_cart_button a { font-size: 15px; height: 40px; width: 40px; line-height: 36px; } } .product_cart_button a:hover { color: #d31f27; border-color: #d31f27; } .small_product_style2 .product_thumb { width: 24%; } .small_product_style2 .product_content { width: 76%; } .small_product_style2 .product_items .single_product:last-child { border-top: 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .small_product_list { margin-bottom: 54px; } } @media only screen and (max-width: 767px) { .small_product_list { margin-bottom: 54px; } } /*06. newsletter area css here*/ .newsletter_area { background:#575757; } .newsletter_inner { padding: 30px 35px; color:#fff; } @media only screen and (max-width: 767px) { .newsletter_inner { padding: 30px 15px; text-align: center; } } @media only screen and (max-width: 767px) { .newsletter_sing_up { margin-bottom: 14px; } } .newsletter_sing_up h3 { font-size: 20px; line-height: 27px; font-weight: 500; text-transform: capitalize; margin-bottom: 5px; } @media only screen and (max-width: 767px) { .newsletter_sing_up h3 { font-size: 18px; line-height: 22px; margin-bottom: 3px; } } .newsletter_sing_up p { font-size: 14px; line-height: 25px; font-weight: 400; } .newsletter_sing_up p span { color: #d31f27; } @media only screen and (max-width: 767px) { .newsletter_sing_up p { font-size: 13px; line-height: 22px; } } @media only screen and (max-width: 767px) { .subscribe_content { margin-bottom: 22px; } } .subscribe_content p { font-size: 14px; line-height: 25px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .subscribe_form { margin-top: 25px; } } @media only screen and (max-width: 767px) { .subscribe_form { width: 100%; } } .subscribe_form form { width: 100%; position: relative; background: #ffffff; border-radius: 4px; } .subscribe_form form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #666; } .subscribe_form form input::-moz-placeholder { /* Firefox 19+ */ color: #666; } .subscribe_form form input:-ms-input-placeholder { /* IE 10+ */ color: #666; } .subscribe_form form input:-moz-placeholder { /* Firefox 18- */ color: #666; } .subscribe_form form input { width: 100%; border: 1px solid #ebebeb; background: none; padding: 0 158px 0 15px; height: 50px; font-size: 14px; color: #666; border-radius: 4px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .subscribe_form form input { padding: 0 125px 0 15px; } } @media only screen and (max-width: 767px) { .subscribe_form form input { height: 40px; font-size: 12px; padding: 0 106px 0 15px; } } .subscribe_form form button { position: absolute; right: 0; top: 0; padding: 0 20px; width: 140px; background: #db423d; color: #ffffff; font-size: 12px; font-weight: 500; text-transform: uppercase; height: 100%; border: 0; display: block; -webkit-transition: 0.3s; transition: 0.3s; border-radius: 0 4px 4px 0; } .subscribe_form form button:hover { color: #ffffff; background: #222222; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .subscribe_form form button { width: 110px; } } @media only screen and (max-width: 767px) { .subscribe_form form button { font-size: 12px; padding: 0 8px; width: 94px; } } .mailchimp-error { text-align: left; color: green; } .mailchimp-success { text-align: left; max-width: 510px; color: green; } .mailchimp-success.active { margin-top: 20px; } /* 07. footer area css here */ .footer_top { padding: 35px 0 35px; background:#fbfbfb; } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer_top { padding: 55px 0 5px; } } @media only screen and (max-width: 767px) { .footer_top { padding: 55px 0 5px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .widgets_container { margin-bottom: 50px; } } .widgets_container h3 { font-size: 14px; line-height: 16px; margin-bottom: 10px; font-weight: 700; display: inline-block; position: relative; padding-bottom: 11px; color:#151414; } .widgets_container h3::before { position: absolute; background: #fff; content: ''; display: block; height: 3px; width: 40px; bottom: 0; left: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .widgets_container h3 { font-size: 13px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .widgets_container h3 { margin-bottom: 22px; } } @media only screen and (max-width: 767px) { .widgets_container h3 { margin-bottom: 22px; } .footer_menu { display: none; float: left; width: 100%; padding-bottom:20px; } .widgets_container .ackapabtn { float: right; font-size: 15px; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: right; } .widgets_container h3{width:100%;text-align:center;border-bottom:1px solid #d6d6d6; } } .aff_content { margin-bottom: 25px; } .aff_content p { font-size: 14px; line-height: 25px; } .app_img { margin-bottom: 10px; } .app_img:last-child { margin-bottom: 0; } .footer_contact > p { font-size: 14px; line-height: 25px; color:#7f7f7f; } .footer_menu ul li { margin-bottom: 12px; } .footer_menu ul li:last-child { margin-bottom: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer_menu ul li { margin-bottom: 13px; } } .footer_menu ul li a { display: block; font-weight: 400; font-size: 14px; line-height: 20px; color:#151414; } .footer_menu ul li a:hover { text-decoration:underline; } .footer_social { margin-top: 17px; } .footer_social ul li { display: inline-block; margin-right: 5px; } .footer_social ul li:last-child { margin-right: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer_social ul li { margin-right: 2px; } } @media only screen and (max-width: 767px) { .footer_social ul li { margin-right: 3px; } } .footer_social ul li a { width: 42px; height: 42px; line-height: 42px; display: block; text-align: center; font-size: 16px; border-radius: 4px; color: #ffffff; } .footer_social ul li a:hover { background: #d31f27; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer_social ul li a { width: 37px; height: 37px; line-height: 37px; } } @media only screen and (max-width: 767px) { .footer_social ul li a { width: 35px; height: 35px; line-height: 35px; font-size: 15px; } } .footer_social ul li a.facebook { background: #3b5998; } .footer_social ul li a.facebook:hover { background: #d31f27; } .footer_social ul li a.twitter { background: #00aced; } .footer_social ul li a.twitter:hover { background: #d31f27; } .footer_social ul li a.instagram { background: #bc2a8d; } .footer_social ul li a.instagram:hover { background: #d31f27; } .footer_social ul li a.linkedin { background: #007bb6; } .footer_social ul li a.linkedin:hover { background: #d31f27; } .footer_social ul li a.rss { background: #f26522; } .footer_social ul li a.rss:hover { background: #d31f27; } .footer_contact_inner { display: flex; margin-bottom: 15px; } .contact_text { margin-left: 15px; } .contact_text p { font-size: 14px; line-height: 25px; color:#7f7f7f; } .contact_text p strong { color: #7f7f7f; } .copyright_area { text-align: center; } .copyright_area p { text-transform: capitalize; line-height: 25px; font-size: 14px; color:#393939; } .copyright_area p a { color: #393939; } .copyright_area p a:hover { text-decoration: underline; } .footer_bottom { padding: 10px 0; background:#f9f9f9; } .footer_payment p { font-size: 14px; line-height: 23px; text-transform: capitalize; font-style: italic; margin-bottom: 8px; } /* 10. shop page css here */ .breadcrumbs_area { padding: 10px 0; background:#f7f7f7;border-radius:5px; width:100%; margin-bottom:15px; } .breadcrumbs_area2 { padding: 10px 0; border-radius:5px; width:100%; } .breadcrumb_content ul li { display: inline-block; text-transform: capitalize; font-size: 14px; margin-right: 20px; padding-right: 10px; position: relative; color: #1b1a1a; } .breadcrumb_content ul li::before { position: absolute; content: "/"; right: -4px; top: 50%; transform: translatey(-50%); } .breadcrumb_content ul li:last-child { margin-right: 0; } .breadcrumb_content ul li:last-child::before { display: none; } .breadcrumb_content ul li a { color: #222222; } .breadcrumb_content ul li a:hover { color: #d31f27; } .shop_area { padding: 10px 0 133px; } .sidebar_widget { background: #ffffff; border: 1px solid #ebebeb; padding: 20px; } .sidebar_widget .single_banner { border: 0; } .widget_list { margin-bottom: 44px; padding: 1rem 1rem; border:1px solid #f2f2f2; box-shadow:2px 2px 2px rgb(0 0 0 / 3%); background:#fbfbfb; } .widget_list:last-child { margin-bottom: 0; } .widget_list h3 { font-size: 14px; color:#db423d; text-transform: uppercase; font-weight: 600; position: relative; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .widget_list h3 { font-size: 13px; } } .widget_list > ul > li { border-bottom: 1px solid #ebebeb; } .widget_list > ul > li:first-child a { padding-top: 0; } .widget_list > ul > li:last-child { border-bottom: 0; } .widget_list > ul > li:last-child a { padding-bottom: 0; } .widget_list > ul > li > a { font-size: 14px; display: block; line-height: 25px; padding: 10px 0; } .widget_list > ul > li > a:hover { color: #d31f27; } .widget_list > ul > li.widget_sub_categories > a { position: relative; } .widget_list > ul > li.widget_sub_categories > a::before { content: '\f107'; cursor: pointer; font-family: FontAwesome; font-size: 12px; position: absolute; right: 0; top: 50%; transform: translatey(-50%); } .widget_list > ul > li.widget_sub_categories > a.active::before { content: '\f106'; cursor: pointer; font-family: FontAwesome; font-size: 12px; position: absolute; right: 0; top: 50%; transform: translatey(-50%); } .widget_list > ul > li ul { padding-left: 15px; } .widget_list > ul > li ul li { border-bottom: 1px solid #ebebeb; } .widget_list > ul > li ul li:first-child { border-top: 1px solid #ebebeb; } .widget_list > ul > li ul li:last-child { border-bottom: 0; } .widget_list > ul > li ul li a { padding-bottom: 10px; padding: 10px 0; display: block; } .widget_list.banner_area { padding: 0; border: 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .widget_list .banner_thumb { width: 33%; margin: 0 auto; } } .widget_list .banner_thumb a img { width: 100%; } .ui-slider-horizontal .ui-slider-range { background: #d31f27; height: 5px; } .ui-slider-horizontal { height: 3px; background: #dbdbdb; border: none; width: 92%; margin: 0 auto; margin-bottom: 22px; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #fff; border: 0; border-radius: 0; width: 19px; height: 19px; top: -7px; cursor: pointer; border-radius: 50%; border: 5px solid #d31f27; } .widget_list.widget_filter form { padding-top: 10px; } .widget_list.widget_filter form input { background: none; border: none; font-size: 12px; float: right; text-align: right; line-height: 31px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .widget_list.widget_filter form input { width: 65px; } } .widget_list.widget_filter form button { height: 30px; line-height: 30px; padding: 0 20px; text-transform: capitalize; color: #ffffff; background: #222222; border: 0; border-radius: 30px; -webkit-transition: 0.3s; transition: 0.3s; } .widget_list.widget_filter form button:hover { background: #d31f27; } .shop_banner_thumb { text-align: center; } .secilifiltreler { background: #ffffff; padding: 5px; border: 1px solid #ddd; border-radius: 5px; margin-right: 5px; font-size: 12px; margin-bottom: 10px; display: inline-block; } .shop_toolbar { display: flex; align-items: center; justify-content: space-between; background:#fff; padding: 20px 10px; margin: 0 0 40px; } .select_option { display: flex; align-items: center; } @media only screen and (max-width: 767px) { } .select_option .nice-select { border: 0; height: 30px; line-height: 29px; } .select_option .nice-select ul.list { top: 114%; right: 0; width: 200px; max-height: 200px; overflow: auto; } .list_button ul li { margin-right: 12px; } .list_button ul li:last-child { margin-right: 0; } .list_button ul li a:hover { color: #C39456; } .list_button ul li a i { margin-right: 5px; border-radius: 100%; height: 30px; width: 30px; line-height: 30px; text-align: center; } .list_button ul li a.active { color: #d31f27; } .list_button ul li a.active i { background: #C39456; color: #ffffff; } .product_ratting ul li { display: inline-block; } .product_ratting ul li a { color: #C39456; } @media only screen and (max-width: 767px) { .product_list_item .product_thumb { margin-bottom: 18px; } } .product_list_item .product_content h3 { margin-bottom: 10px; } .product_list_item .product_ratting { margin-bottom: 10px; } .pagination ul li { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #f1f1f1; border-radius: 3px; margin-left: 3px; } .pagination ul li:first-child { margin-left: 0; } .pagination ul li a { display: block; border-radius: 3px; } .pagination ul li a:hover { background: #d31f27; color: #ffffff; } .pagination ul li.current { background: #d31f27; color: #ffffff; } .pagination ul li.next { width: 40px; } .shop_toolbar.t_bottom { justify-content: center; margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .shop_toolbar.t_bottom { margin-bottom: 60px; } } @media only screen and (max-width: 767px) { .shop_toolbar.t_bottom { padding: 15px 10px 15px; margin-bottom: 60px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .shop_reverse .tab-content .row { flex-direction: row; } } @media only screen and (max-width: 767px) { .shop_reverse .tab-content .row { flex-direction: row; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .grid_view .quick_button { bottom: 5px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .grid_view .quick_button a { line-height: 37px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .grid_view .action_button ul li a { width: 43px; height: 40px; line-height: 38px; } } .grid_view .hover_action a { width: 43px; height: 40px; line-height: 38px; } /* shop page css here*/ @media only screen and (min-width: 768px) and (max-width: 991px) { .shop_reverse .row { flex-direction: column-reverse; } } @media only screen and (max-width: 767px) { /* .shop_reverse .row { flex-direction: column-reverse; }*/ } .row.shop_wrapper { flex-direction: row; } .shop_toolbar_btn > button { margin-right: 10px; border: 0; background: inherit; } .shop_toolbar_btn > button.btn-grid-3 { background: url(../img/icon/bkg_grid.png) no-repeat scroll center center; width: 20px; height: 20px; } .shop_toolbar_btn > button.btn-grid-3.active { background: url(../img/icon/bkg_grid_hover.png) no-repeat scroll center center !important; } .shop_toolbar_btn > button.btn-grid-4 { background: url(../img/icon/bkg_grid4.png) no-repeat scroll center center; width: 26px; height: 22px; } .shop_toolbar_btn > button.btn-grid-4.active { background: url(../img/icon/bkg_grid4_hover.png) no-repeat scroll center center !important; } .shop_toolbar_btn > button.btn-list { background: url(../img/icon/bkg_list.png) no-repeat scroll center center; width: 20px; height: 20px; } .shop_toolbar_btn > button.btn-list.active { background: url(../img/icon/bkg_list_hover.png) no-repeat scroll center center !important; } .product_content.list_content { display: none; } .product_content.list_content .add_to_cart { position: inherit; padding: 0; opacity: inherit; visibility: inherit; bottom: inherit; box-shadow: none; text-align: left; margin-bottom: 20px; } .product_content.list_content .add_to_cart a { text-align: center; } .grid_content .product_rating { margin-bottom: 4px; } .grid_content .product_rating ul { justify-content: center; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .grid_content .action_links ul li.add_to_cart a { width: 110px; } } .grid_content .product_name { margin-bottom: 15px; height:40px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical } .grid_list .product_name { display: none; } .grid_list .product_rating { display: none; } .grid_list .product_thumb .action_links { display: none; } .grid_list .product_content.grid_content { display: none; } .grid_list .product_content.list_content { flex: 0 0 73%; max-width: 73%; float: left; padding-left: 30px; text-align: left; margin-top: 0; display: block; } @media only screen and (max-width: 767px) { .grid_list .product_content.list_content { flex-direction: column; flex: 0 0 100%; min-width: 100%; padding-left: 0; } } .grid_list .product_content.list_content .product_rating { display: block; margin-bottom: 3px; } .grid_list .product_content.list_content .product_name { display: block; } .grid_list .product_content.list_content .price_box { margin-bottom: 13px; } .grid_list .product_content.list_content .action_links { opacity: inherit; visibility: visible; text-align: left; transform: inherit; position: inherit; padding: 0; box-shadow: inherit; background: inherit; bottom: inherit; } .grid_list .product_content.list_content .action_links ul li { display: block; margin-bottom: 4px; } .grid_list .product_content.list_content .action_links ul li:last-child { margin-bottom: 0; } .grid_list .product_content.list_content .action_links ul li a { transform: inherit; width: inherit; height: inherit; display: inline-block; line-height: 22px; border: 0; font-size: 14px; } .grid_list .product_content.list_content .action_links ul li a i { font-size: 20px; margin-right: 10px; } .grid_list .product_content.list_content .action_links ul li a:hover { background: inherit; color: #d31f27; } .grid_list .product_content.list_content .product_desc { display: inline-block; margin-bottom: 18px; } .grid_list .product_content.list_content .product_desc p { font-size: 14px; line-height: 24px; } .grid_list .single_product { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px; } .grid_list .product_thumb { margin-bottom: 0; flex: 0 0 27%; max-width: 27%; float: left; padding: 0; } .col-cust-5 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: max-width; padding-right: 15px; padding-left: 15px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .col-cust-5 { -ms-flex: 0 0 33%; flex: 0 0 33%; } } @media only screen and (max-width: 767px) { .col-cust-5 { flex: 0 0 50%; max-width: 50%; } } @media only screen and (max-width: 479px) { .col-cust-5 { flex: 0 0 100%; max-width: 100%; } } .shop_wrapper > div { -webkit-transition: all 1s ease; transition: all 1s ease; } .shop_toolbar_wrapper { display: flex; justify-content: space-between; align-items: center; margin: 0 0 20px; background: #fff; padding: 0.5rem 1rem; box-shadow: 0 2px 4px rgb(0 0 0 / 4%); border: 1px solid #f2f2f2; } .shop_wrapper .single_product { position: relative; margin-bottom: 20px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .shop_wrapper .col-lg-3 { flex: 0 0 33.333333%; max-width: 33.333333%; } } /* shop page css end*/ .product_page_bg { /*background: #F5F5F9;*/ padding: 10px 0 75px; } @media only screen and (max-width: 767px) { .product_page_bg { padding: 10px 0 50px; } } .product_details_wrapper { background: #ffffff; } div#productRight { box-sizing: border-box; } .product_details { padding:0px 0px 55px 0px; } #img-1 { border: 1px solid #ebebeb; text-align:center; } #img-1 img{ border-radius:6px; } .header_product { border-bottom: 1px solid #ebebeb; } .product_d_right h3 { text-transform: capitalize; line-height: 20px; font-size: 22px; font-weight: 400; margin-bottom: 22px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .product_d_right h3 { font-size: 19px; } } @media only screen and (max-width: 767px) { .product_d_right h3 { margin-bottom: 17px; font-size: 18px; } } .product_d_right h3 a:hover { color: #d31f27; } .product_d_right .product_rating { margin-bottom: 17px; } .product_d_right .product_rating ul li.review a { color: #222222; font-size: 14px; } .product_d_right .product_rating ul li.review a:hover { color: #d31f27; } .product_d_right .price_box { margin-bottom: 14px; } .product_d_right .price_box span.current_price { font-size: 29px; } .product_d_right .price_box span.old_price { font-size: 16px; margin-right: 10px; display:block; color:#5a5a5a; padding-bottom:10px; } @media only screen and (max-width: 767px) { .product_d_right .price_box span.old_price { font-size: 17px; } } .product_d_right .product_desc { margin-bottom: 19px; } .product_d_right .product_desc::before { display: none; } .product_d_right .product_desc p { font-size: 14px; line-height: 26px; } .product_d_right .priduct_social ul li { display: inline-block; margin-right: 7px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .product_d_right .priduct_social ul li { margin-right: 2px; } } @media only screen and (max-width: 767px) { .product_d_right .priduct_social ul li { margin-right: 0; } } .product_d_right .priduct_social ul li:last-child { margin-right: 0; } .product_d_right .priduct_social ul li a { color: #fff; font-size: 12px; line-height: 24px; padding: 0 8px; border-radius: 3px; text-transform: capitalize; display: block; } @media only screen and (max-width: 767px) { .product_d_right .priduct_social ul li a { padding: 0 3px; font-size: 11px; } } .product_d_right .priduct_social ul li a:hover { opacity: 0.8; } .product_d_right .priduct_social ul li a.facebook { background: #3B5999; } .product_d_right .priduct_social ul li a.twitter { background: #1DA1F2; } .product_d_right .priduct_social ul li a.pinterest { background: #CB2028; } .product_d_right .priduct_social ul li a.google-plus { background: #fe6d4c; } .product_d_right .priduct_social ul li a.linkedin { background: #010103; } .product_d_right .product_timing { margin-bottom: 20px; margin-top: 26px; width: 260px; } .product_d_right .countdown_title { text-align: center; } .product_nav { float: right; position: relative; top: -46px; } @media only screen and (max-width: 767px) { .product_nav { display: none; } } .product_nav ul li { display: inline-block; margin-left: 3px; } .product_nav ul li:first-child { margin-left: 0; } .product_nav ul li a { background: #d31f27; border-radius: 3px; color: #ffffff; display: block; font-size: 15px; height: 30px; width: 30px; line-height: 28px; text-align: center; } .product_nav ul li a:hover { background: #222222; } .adet-alani { display: flex; flex-wrap: wrap; border-radius: 4px; border: 1px solid #eee; width: 11.49rem; } .adet-alani a{flex: 0 0 2rem; max-width: 2rem; display: flex; align-items: center; justify-content: center; color: #555; font-size:1.1rem; font-weight: 500; } .adet-alani div{ flex: 1 0 0%; max-width: 100%; } .product_variant.quantity { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; margin-bottom: 20px; flex-wrap:wrap; } .product_variant.quantity label { font-weight: 500; text-transform: capitalize; font-size: 14px; margin-bottom: 0; } .product_variant.quantity input { border:none; border-left: 1px solid #eee; border-right: 1px solid #eee; background: none; height: 55px; padding: 0 12px; text-align:center; width:100%; font-size:1.9rem; background:#fff; } .breadcrumb_content { width: 100%; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .product_variant.quantity input { width: 110px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .product_variant.quantity input { width: 80px; } } @media only screen and (max-width: 767px) { .product_variant.quantity input { width: 100%; } } .buton-alani{width:100%;} .product_variant.quantity button { border: 0px; /* border: 1px solid #e3e3e3; */ height: 37px; line-height: 37px; display: block; font-size: 17px; color: #ffffff; font-weight: 900; /* max-width: 220px; */ width: 100%; background: #ef920c; border-radius: 30px; font-size: 15px; width: 100% !important; height:45px; } /* .product_variant.quantity button { border: 0; font-size: 16px; margin-left: 20px; background: #db423d; height: 55px; line-height: 52px; text-transform: capitalize; font-weight:700; } */ @media only screen and (min-width: 992px) and (max-width: 1199px) { .product_variant.quantity button { min-width: 240px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .product_variant.quantity button { min-width: 170px; } } @media only screen and (max-width: 580px) { .adet-alani { width: 100%; margin-bottom:10px; } .buton-alani{width:100%; } .product_variant.quantity button{width:100%; margin-left:0px !important; } } @media only screen and (max-width: 767px) { .product_variant.quantity button { min-width: inherit; margin-left: 10px; padding: 0 12px; font-size: 14px; } } .product_variant.quantity button:hover { background: #3E444A; } .product_variant.color { margin-bottom: 26px; } .product_variant.color h3 { font-weight: 500; text-transform: capitalize; font-size: 18px; margin-bottom: 0; margin-right: 40px; } .product_variant.color label { font-size: 15px; font-weight: 500; text-transform: capitalize; } .product_variant.color ul li { display: inline-block; padding: 2px; border: 1px solid #ccc; margin-right: 5px; } .product_variant.color ul li:hover { border-color: #E88888; } .product_variant.color ul li:last-child { margin-right: 0; } .product_variant.color ul li a { width: 30px; height: 30px; display: block; } .product_variant.color ul li.color1 a { background: #000000; } .product_variant.color ul li.color2 a { background: #BEBEBE; } .product_variant.color ul li.color3 a { background: #FE0000; } .product_variant.color ul li.color4 a { background: #FFFF01; } .product_variant.size { margin-bottom: 30px; } .product_variant.size label { font-size: 15px; font-weight: 500; text-transform: capitalize; } .product_variant.size .niceselect_option { float: inherit; max-width: 200px; } .product_d_action { margin-bottom: 14px; } .product_d_action ul li a { font-size: 14px; line-height: 28px; } .product_d_action ul li a:hover { color: #d31f27; } .product_meta { margin-bottom: 24px; } @media only screen and (max-width: 767px) { .product_meta { margin-bottom: 20px; } } .product_meta span { font-weight: 500; } .product_meta span a { margin-left: 10px; font-weight: 400; } .product_meta span a:hover { color: #d31f27; } .product_info_button { } .product_info_button ul li a { display: block; float: left; text-transform: capitalize; font-size: 16px; color: #555; font-weight: 600; margin-right: 35px; line-height: 26px; position: relative; padding:10px 25px; } @media only screen and (max-width: 767px) { .product_info_button ul li a { margin-right: 25px; font-size: 17px; } } .product_info_button ul li a.active { color: #fff; background:#db423d; } .product_info_button ul li a:hover { color: #333333; } .product_info_button ul li:last-child a { margin-right: 0; } .product_review_form button { border: none; background: #222222; color: #ffffff; text-transform: uppercase; font-weight: 500; padding: 5px 15px 3px; display: block; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; margin-top: 20px; border-radius: 5px; font-size: 13px; } .product_review_form button:hover { background: #d31f27; color: #ffffff; } @media only screen and (min-width: 768px) and (max-width: 991px) { .product_review_form form .row { flex-direction: row; } } .product_info_content p { line-height: 28px; } .product_d_table { padding: 10px 0 22px; } .product_d_table table { border-top: 1px solid #ddd; width: 100%; } .product_d_table table tbody tr { border-bottom: 1px solid #ddd; } .product_d_table table tbody tr td { padding: 7px 17px; } .product_d_table table tbody tr td:first-child { border-right: 1px solid #ddd; width: 30%; font-weight: 700; } .product_d_inner { padding: 0 30px 30px; } .product_info_inner { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 15px; } .product_info_inner .product_ratting { margin-bottom: 10px; } .product_info_inner .product_ratting p { margin-bottom: 5px; } .product_info_inner .product_ratting strong { margin-top: 10px; display: block; margin-bottom: 8px; } .reviews_wrapper h2 { font-size: 18px; font-weight: 500; text-transform: capitalize; } .reviews_wrapper .product_rating { margin-bottom: 20px; } .reviews_wrapper .product_rating h3 { font-size: 14px; font-weight: 700; text-transform: capitalize; } .comment_title { margin-bottom: 20px; } .product_review_form input { border: 1px solid #ddd; background: none; width: 100%; height: 40px; padding: 0 20px; } .product_review_form textarea { border: 1px solid #ddd; background: none; height: 120px; resize: none; width: 100%; margin-bottom: 14px; padding: 0 20px; } .product_review_form p { margin-bottom: 7px; } .reviews_comment_box { display: flex; margin-bottom: 22px; } .reviews_comment_box .comment_text { width: 100%; border: 1px solid #ebebeb; position: relative; margin-left: 21px; padding: 12px; border-radius: 3px; } .reviews_comment_box .comment_text::before { background: #fff; border-bottom: 1px solid #ebebeb; border-left: 1px solid #ebebeb; content: ''; display: block; height: 10px; left: -6px; position: absolute; top: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 10px; } .reviews_meta p { font-size: 15px; margin-bottom: 15px; } .reviews_meta p strong { text-transform: uppercase; font-weight: 500; color: #222222; } .reviews_meta .product_rating { float: right; } .reviews_meta .product_rating ul li { display: inline-block; } .reviews_meta .product_rating ul li a { color: #0066c0; } .s-tab-zoom.owl-carousel .owl-nav { display: block; } .s-tab-zoom.owl-carousel .owl-nav div { position: absolute; background: #f2f2f2; border-radius: 3px; height: 32px; top: 50%; transform: translatey(-50%); width: 32px; text-align: center; line-height: 32px; left: -7px; font-size: 18px; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; visibility: hidden; } .s-tab-zoom.owl-carousel .owl-nav div:hover { background: #d31f27; color: #ffffff; } .s-tab-zoom.owl-carousel .owl-nav div.owl-next { right: -7px; left: auto; } @media only screen and (max-width: 767px) { .product-details-tab { margin-bottom:25px; } } .product-details-tab:hover .s-tab-zoom.owl-carousel .owl-nav div { opacity: 1; visibility: visible; } .single-zoom-thumb { margin-top: 20px !important; width: 100%; margin: 0 auto; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-zoom-thumb { width: 92%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-zoom-thumb { width: 93%; } } .single-zoom-thumb ul li { border: 1px solid #ddd; border-radius:6px; } .single-zoom-thumb ul li img { border-radius:6px; } .single-zoom-thumb ul li a { width: 100%; } /* 12. product grouped css here */ .grouped_form { border: 1px solid #ebebeb; margin-bottom: 25px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .grouped_form { margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .grouped_form { margin-bottom: 17px; } } .grouped_form table { width: 100%; } .grouped_form table tbody tr { border-bottom: 1px solid #ebebeb; } .grouped_form table tbody tr td { border-right: 1px solid #ddd; padding: 11px 5px; text-align: center; } .grouped_form table tbody tr td input[type="checkbox"] { width: 20px; height: 21px; } .grouped_form table tbody tr td input[type="number"] { width: 50px; background: inherit; border: 1px solid #ebebeb; padding: 0 5px; height: 40px; } .grouped_form table tbody tr td.grouped-product-list.quantity { min-width: 80px; text-align: center; line-height: 12px; } .grouped_form table tbody tr td.grouped-product-list.label { min-width: 188px; font-weight: 500; font-size: 14px; } .grouped_form table tbody tr td.grouped-product-list.label a:hover { color: #d31f27; } .grouped_form table tbody tr td.grouped-product-list.price { font-size: 14px; font-weight: 500; min-width: 190px; } .grouped_form table tbody tr td.grouped-product-list.price p { font-size: 12px; font-weight: 500; position: relative; } .grouped_form table tbody tr td.grouped-product-list.price p::before { color: #0066c0; content: '\f058'; display: inline-block; font-family: FontAwesome; font-size: 1em; position: absolute; top: 0; left: 40px; } .grouped_form table tbody tr td:last-child { border-right: 0; } .grouped_form table tbody tr:last-child { border-bottom: 0; } .box_quantity.group button { margin-left: 0; } /*product grouped css end*/ /*variabla product css here*/ .p_section1.related_product .slick-list { padding-bottom: 144px !important; margin-bottom: -135px; } .variable_product .niceselect_option .list { width: 100%; } .product_d_meta { margin-bottom: 20px; } .product_d_meta span { display: block; line-height: 18px; margin-bottom: 17px; font-size: 14px; font-weight: 400; } .product_d_meta span:last-child { margin-bottom: 0; } .product_d_meta span a:hover { color: #d31f27; } /*product sidebar css here*/ @media only screen and (min-width: 768px) and (max-width: 991px) { .product_sidebar { margin-bottom: 60px; } } @media only screen and (max-width: 767px) { .product_sidebar { margin-bottom: 60px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .product_sidebar .row { flex-direction: column-reverse; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .product_sidebar .product_section .row { flex-direction: row; } } .product_sidebar .product_desc p { width: 100%; } .product_sidebar .product_variant.quantity input { width: 90px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .product_sidebar .product_variant.quantity input { width: 60px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .product_sidebar .product_variant.quantity input { width: 60px; } } @media only screen and (max-width: 767px) { .product_sidebar .product_variant.quantity input { width: 60px; } } .product_sidebar .product_variant.quantity button { min-width: 200px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .product_sidebar .product_variant.quantity button { min-width: 140px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .product_sidebar .product_variant.quantity button { min-width: inherit; } } .product_sidebar .price_box span.current_price { font-size: 16px; } .product_sidebar .price_box span.old_price { font-size: 15px; } .product_sidebar .price_box span.regular_price { font-size: 16px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .product_sidebar .add_to_cart a { width: 180px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .product_sidebar .add_to_cart a { width: 190px; } } .product_right_sidebar { padding: 25px 25px 0; margin-bottom: 55px; } @media only screen and (max-width: 767px) { .product_right_sidebar { padding: 25px 20px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .product_right_sidebar .row { flex-direction: row; } } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .product_right_sidebar .single-zoom-thumb { width: 92%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .product_right_sidebar .single-zoom-thumb { width: 92%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .product_right_sidebar .priduct_social ul li { margin-right: 2px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .product_right_sidebar .priduct_social ul li a { padding: 0 6px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .product_right_sidebar .product_d_right h3 { font-size: 18px; } } /* 16. faq page css here */ .faq_page_bg { background: #F5F5F9; padding: 60px 0 133px; } @media only screen and (max-width: 767px) { .faq_page_bg { padding: 60px 0 105px; } } .faq_content_area { padding-bottom: 54px; } .accordion_area .card-header { background: #d31f27; } .accordion_area .card-header:first-child { border-radius: inherit; } .card.card_dipult { border: none; margin-bottom: 10px; } .card.card_dipult:last-child { margin-bottom: 0; } .card-header.card_accor { padding: 0; border: none; } .card-header.card_accor button { height: 45px; text-decoration: none; cursor: pointer; position: relative; white-space: initial; } @media only screen and (max-width: 767px) { .card-header.card_accor button { height: 60px; padding: 5px 27px 5px 7px; } } .card-header.card_accor button i { position: absolute; top: 50%; -webkit-transform: translatey(-50%); transform: translatey(-50%); right: 20px; } @media only screen and (max-width: 767px) { .card-header.card_accor button i { right: 10px; } } .card-header.card_accor button.btn-link { border: 1px solid #d31f27; width: 100%; text-align: left; font-size: 14px; font-weight: 500; color: #ffffff; } .card-header.card_accor button.btn-link.collapsed { background: #ffffff; border: 1px solid #ebebeb; width: 100%; text-align: left; color: #222222; } .card-header.card_accor button.btn-link i.fa-plus { display: none; } .card-header.card_accor button.btn-link.collapsed i.fa-plus { display: block; } .card-header.card_accor button.btn-link.collapsed i.fa-minus { display: none; } .faq_content_wrapper h4 { font-size: 18px; font-weight: 600; margin-bottom: 15px; line-height: 18px; } @media only screen and (max-width: 767px) { .faq_content_wrapper h4 { font-size: 14px; line-height: 24px; } } /*Cd D Başlangıç*/ ​ .cd-dropdown-wrapper { display: inline-block; position: relative; height: 40px; margin: 30px 0 0 5%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .cd-dropdown-trigger { display: block; position: relative; padding: 0; line-height: 40px; background-color: #111433; color: #fff; border-radius: 3px } .no-touch .cd-dropdown-trigger:hover { background-color: #171b46 } .cd-dropdown-trigger::before { right: 22px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .cd-dropdown-trigger::after { right: 17px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } @media only screen and (min-width:1024px) { .cd-dropdown-trigger { font-size: 1.5rem } .cd-dropdown-trigger.dropdown-is-active { background-color: #3f8654 } .no-touch .cd-dropdown-trigger.dropdown-is-active:hover { background-color: #47975f } .cd-dropdown-trigger.dropdown-is-active::after, .cd-dropdown-trigger.dropdown-is-active::before { width: 14px } .cd-dropdown-trigger.dropdown-is-active::before { -webkit-transform: translateX(5px) rotate(-45deg); -moz-transform: translateX(5px) rotate(-45deg); -ms-transform: translateX(5px) rotate(-45deg); -o-transform: translateX(5px) rotate(-45deg); transform: translateX(5px) rotate(-45deg) } .cd-dropdown-trigger.dropdown-is-active::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } } .cd-dropdown h2, .cd-dropdown-content a, .cd-dropdown-content ul a { height: 40px; line-height: 40px } @media only screen and (min-width:1024px) { .cd-dropdown h2, .cd-dropdown-content a, .cd-dropdown-content ul a { height: 50px; line-height: 50px } } .cd-dropdown h2, .cd-dropdown-content .cd-divider, .cd-dropdown-content a, .cd-dropdown-content ul a { padding: 0 20px } .cd-dropdown { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; background-color: #f8f8f8; color: #fff; overflow: scroll; visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform .5s 0s, visibility 0s .5s; -moz-transition: -moz-transform .5s 0s, visibility 0s .5s; transition: transform .5s 0s, visibility 0s .5s } .cd-dropdown h2 { position: relative; z-index: 1; color: #ccc; font-size: 30px } .cd-dropdown .cd-close { position: absolute; z-index: 1; right: 10px; top: 0; height: 40px; width: 40px; overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent } .cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before { content: ''; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); height: 20px; width: 2px; background-color: #454545 } .cd-dropdown .cd-close::after { -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg) } .cd-dropdown .cd-close::before { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg) } .cd-dropdown.dropdown-is-active { visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .5s 0s, visibility 0s 0s; -moz-transition: -moz-transform .5s 0s, visibility 0s 0s; transition: transform .5s 0s, visibility 0s 0s } @media only screen and (min-width:768px) { .cd-dropdown .cd-close { top: 5px } .modal-dialog { width: 500px } } @media only screen and (min-width:1024px) { .cd-dropdown { position: absolute; top: calc(100% - 2px); height: auto; width: auto; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); background-color: #fff; color: #111433; box-shadow: 0 4px 12px rgba(0, 0, 0, .1); opacity: 0; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-transition: opacity .3s 0s, visibility 0s .3s, -webkit-transform .3s 0s; -moz-transition: opacity .3s 0s, visibility 0s .3s, -moz-transform .3s 0s; transition: opacity .3s 0s, visibility 0s .3s, transform .3s 0s } .open-to-left .cd-dropdown { right: 0; left: auto } .cd-dropdown .cd-close, .cd-dropdown h2 { display: none } .cd-dropdown.dropdown-is-active { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity .3s 0s, visibility .3s 0s, -webkit-transform .3s 0s; -moz-transition: opacity .3s 0s, visibility .3s 0s, -moz-transform .3s 0s; transition: opacity .3s 0s, visibility .3s 0s, transform .3s 0s } } .cd-dropdown-content, .cd-dropdown-content ul { top: 0; left: 0; width: 100%; overflow-x: hidden; overflow-y: auto; -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; transition: transform .3s } .cd-dropdown-content a, .cd-dropdown-content ul a { background: #fff; display: block; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 1px solid #f0f0f0; margin-bottom: 10px; border-radius: 0.4em; } .cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider { padding-top: 10px; padding-bottom: 10px; background-color: #0b0e23; font-size: 1.1rem; font-weight: 700; letter-spacing: 1px; color: #585a70; text-transform: uppercase } .cd-dropdown-content .cd-divider, .cd-dropdown-content .cd-search, .cd-dropdown-content a, .cd-dropdown-content ul .cd-divider, .cd-dropdown-content ul .cd-search, .cd-dropdown-content ul a { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity .3s, -webkit-transform .3s; -moz-transition: opacity .3s, -moz-transform .3s; transition: opacity .3s, transform .3s } .cd-dropdown-content ul.is-hidden, .cd-dropdown-content.is-hidden { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%) } .cd-dropdown-content ul.is-hidden>.cd-divider, .cd-dropdown-content ul.is-hidden>li>.cd-search, .cd-dropdown-content ul.is-hidden>li>a, .cd-dropdown-content ul.move-out>.cd-divider, .cd-dropdown-content ul.move-out>li>.cd-search, .cd-dropdown-content ul.move-out>li>a, .cd-dropdown-content.is-hidden>.cd-divider, .cd-dropdown-content.is-hidden>li>.cd-search, .cd-dropdown-content.is-hidden>li>a, .cd-dropdown-content.move-out>.cd-divider, .cd-dropdown-content.move-out>li>.cd-search, .cd-dropdown-content.move-out>li>a { opacity: 0; display: none } .cd-dropdown-content ul.move-out>.cd-divider, .cd-dropdown-content ul.move-out>li>.cd-search, .cd-dropdown-content ul.move-out>li>a, .cd-dropdown-content.move-out>.cd-divider, .cd-dropdown-content.move-out>li>.cd-search, .cd-dropdown-content.move-out>li>a { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%) } .dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul { -webkit-overflow-scrolling: touch } @media only screen and (min-width:1024px) { .cd-dropdown-content, .cd-dropdown-content ul { padding-top: 0; overflow: visible } .cd-dropdown-content a, .cd-dropdown-content ul a { color: #111433; height: 50px; line-height: 50px; font-size: 1.5rem; border-color: #ebebeb } .cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider { background-color: transparent; color: #b3b3b3; border-top: 1px solid #ebebeb } .cd-dropdown-content .cd-divider+li>a, .cd-dropdown-content ul .cd-divider+li>a { border-top-width: 1px } .cd-dropdown-content ul.is-hidden>.cd-divider, .cd-dropdown-content ul.is-hidden>li>.cd-search, .cd-dropdown-content ul.is-hidden>li>a, .cd-dropdown-content ul.move-out>.cd-divider, .cd-dropdown-content ul.move-out>li>.cd-search, .cd-dropdown-content ul.move-out>li>a, .cd-dropdown-content.is-hidden>.cd-divider, .cd-dropdown-content.is-hidden>li>.cd-search, .cd-dropdown-content.is-hidden>li>a, .cd-dropdown-content.move-out>.cd-divider, .cd-dropdown-content.move-out>li>.cd-search, .cd-dropdown-content.move-out>li>a { opacity: 1 } } .cd-dropdown-content .see-all a { color: #3f8654 } .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item { height: 80px; line-height: 80px } .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item { padding-left: 90px } .cd-dropdown-content .cd-dropdown-gallery img { position: absolute; display: block; height: 40px; width: auto; left: 20px; top: 50%; margin-top: -20px } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item { padding-left: 75px; position: relative } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p { color: #111433; font-size: 1.3rem; display: none } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before { content: ''; display: block; position: absolute; left: 20px; top: 50%; margin-top: -20px; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; background-size: 40px 40px } @media only screen and (min-width:1024px) { .cd-dropdown-content { position: static; height: auto; width: 280px } .cd-dropdown-content>li:last-of-type a { border-bottom: none } .no-touch .cd-dropdown-content>li:not(.has-children) a:hover { color: #3f8654 } .cd-dropdown-content.move-out>.cd-divider, .cd-dropdown-content.move-out>li>.cd-search, .cd-dropdown-content.move-out>li>a { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons, .cd-dropdown-content .cd-secondary-dropdown { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); left: 100%; height: auto; background-color: #fff; box-shadow: 0 2px 14px rgba(0, 0, 0, .1) } .cd-dropdown-content .cd-dropdown-gallery::after, .cd-dropdown-content .cd-dropdown-icons::after, .cd-dropdown-content .cd-secondary-dropdown::after { clear: both; content: ""; display: table } .open-to-left .cd-dropdown-content .cd-dropdown-gallery, .open-to-left .cd-dropdown-content .cd-dropdown-icons, .open-to-left .cd-dropdown-content .cd-secondary-dropdown { left: auto; right: 100% } .cd-dropdown-content .cd-dropdown-gallery.is-hidden, .cd-dropdown-content .cd-dropdown-icons.is-hidden, .cd-dropdown-content .cd-secondary-dropdown.is-hidden { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } .cd-dropdown-content .cd-dropdown-gallery.fade-in, .cd-dropdown-content .cd-dropdown-icons.fade-in, .cd-dropdown-content .cd-secondary-dropdown.fade-in { -webkit-animation: cd-fade-in .2s; -moz-animation: cd-fade-in .2s; animation: cd-fade-in .2s } .cd-dropdown-content .cd-dropdown-gallery.fade-out, .cd-dropdown-content .cd-dropdown-icons.fade-out, .cd-dropdown-content .cd-secondary-dropdown.fade-out { -webkit-animation: cd-fade-out .2s; -moz-animation: cd-fade-out .2s; animation: cd-fade-out .2s } .cd-dropdown-content .cd-dropdown-gallery>.go-back, .cd-dropdown-content .cd-dropdown-icons>.go-back, .cd-dropdown-content .cd-secondary-dropdown>.go-back { display: none } .cd-dropdown-content .cd-dropdown-gallery>.see-all, .cd-dropdown-content .cd-dropdown-icons>.see-all, .cd-dropdown-content .cd-secondary-dropdown>.see-all { position: absolute; bottom: 20px; height: 45px; text-align: center } .cd-dropdown-content .cd-dropdown-gallery>.see-all a, .cd-dropdown-content .cd-dropdown-icons>.see-all a, .cd-dropdown-content .cd-secondary-dropdown>.see-all a { margin: 0; height: 100%; line-height: 45px; background: #ebebeb; pointer-events: auto; -webkit-transition: color .2s, background-color .2s; -moz-transition: color .2s, background-color .2s; transition: color .2s, background-color .2s } .no-touch .cd-dropdown-content .cd-dropdown-gallery>.see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-icons>.see-all a:hover, .no-touch .cd-dropdown-content .cd-secondary-dropdown>.see-all a:hover { color: #fff; background-color: #111433 } .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-gallery a, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons a, .cd-dropdown-content .cd-secondary-dropdown .cd-dropdown-item, .cd-dropdown-content .cd-secondary-dropdown a { border: none } .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons { padding: 20px 30px 100px } .cd-dropdown-content .cd-dropdown-gallery>.see-all, .cd-dropdown-content .cd-dropdown-icons>.see-all { width: calc(100% - 60px) } .cd-dropdown-content .cd-dropdown-icons>li, .cd-dropdown-content .cd-secondary-dropdown>li { width: 50%; float: left } .cd-dropdown-content .cd-secondary-dropdown { overflow: hidden; width: 550px; padding-bottom: 65px } .cd-dropdown-content .cd-secondary-dropdown::before { position: absolute; content: ''; top: 290px; left: 15px; height: 1px; width: 520px; background-color: #ebebeb } .cd-dropdown-content .cd-secondary-dropdown>li>a { color: #3f8654; font-size: 1.6rem; margin-bottom: 10px; line-height: 30px; height: 30px; pointer-events: none } .cd-dropdown-content .cd-secondary-dropdown>li>a::after, .cd-dropdown-content .cd-secondary-dropdown>li>a::before { display: none } .cd-dropdown-content .cd-secondary-dropdown.move-out>li>a { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } .cd-dropdown-content .cd-secondary-dropdown>li { margin: 20px 0; border-right-width: 1px; border-color: #ebebeb; border-style: solid; padding: 0 30px; height: 250px } .cd-dropdown-content .cd-secondary-dropdown>li:nth-of-type(2n) { border-right-width: 0 } .cd-dropdown-content .cd-secondary-dropdown>li>ul { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); position: relative; height: auto } .cd-dropdown-content .cd-secondary-dropdown>li>ul>.go-back { display: none } .cd-dropdown-content .cd-secondary-dropdown a { line-height: 25px; height: 25px; font-size: 1.3rem; padding-left: 0 } .no-touch .cd-dropdown-content .cd-secondary-dropdown a:hover { color: #3f8654 } .cd-dropdown-content .cd-secondary-dropdown ul { padding-bottom: 25px; overflow: hidden; height: auto } .cd-dropdown-content .cd-secondary-dropdown .go-back a { padding-left: 20px; color: transparent } .no-touch .cd-dropdown-content .cd-secondary-dropdown .go-back a:hover { color: transparent } .cd-dropdown-content .cd-secondary-dropdown .go-back a::after, .cd-dropdown-content .cd-secondary-dropdown .go-back a::before { left: 0 } .cd-dropdown-content .cd-secondary-dropdown .see-all { position: absolute; bottom: 0; left: 0; width: 100% } .cd-dropdown-content .cd-dropdown-gallery { width: 600px; padding-bottom: 100px } .cd-dropdown-content .cd-dropdown-gallery>li { width: 48%; float: left; margin-right: 4% } .cd-dropdown-content .cd-dropdown-gallery>li:nth-of-type(2n) { margin-right: 0 } .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item { padding: 0; height: auto; line-height: normal; color: #3f8654; margin-bottom: 2em } .cd-dropdown-content .cd-dropdown-gallery>li:last-of-type a, .cd-dropdown-content .cd-dropdown-gallery>li:nth-last-of-type(2) a { margin-bottom: 0 } .cd-dropdown-content .cd-dropdown-gallery img { position: static; height: auto; width: 100%; margin: 0 0 .6em } .cd-dropdown-content .cd-dropdown-icons { width: 600px } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item { height: 80px; line-height: 1.2; padding: 24px 0 0 85px } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover { background: #ebebeb } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 { color: #3f8654; font-weight: 700 } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p { display: block; font-size: 1.2rem } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before { left: 25px } .cd-dropdown-content>.has-children>ul { visibility: hidden } .cd-dropdown-content>.has-children>ul.is-active { visibility: visible } .cd-dropdown-content>.has-children>.cd-secondary-dropdown.is-active>li>ul { visibility: visible } .cd-dropdown-content>.has-children>a.is-active { box-shadow: inset 2px 0 0 #3f8654; color: #3f8654 } .cd-dropdown-content>.has-children>a.is-active::after, .cd-dropdown-content>.has-children>a.is-active::before { background: #3f8654 } .open-to-left .cd-dropdown-content>.has-children>a.is-active { box-shadow: inset -2px 0 0 #3f8654 } } @-webkit-keyframes cd-fade-in { 0% { opacity: 0; visibility: visible } 100% { opacity: 1; visibility: visible } } @-moz-keyframes cd-fade-in { 0% { opacity: 0; visibility: visible } 100% { opacity: 1; visibility: visible } } @keyframes cd-fade-in { 0% { opacity: 0; visibility: visible } 100% { opacity: 1; visibility: visible } } @-webkit-keyframes cd-fade-out { 0% { opacity: 1; visibility: visible } 100% { opacity: 0; visibility: visible } } @-moz-keyframes cd-fade-out { 0% { opacity: 1; visibility: visible } 100% { opacity: 0; visibility: visible } } @keyframes cd-fade-out { 0% { opacity: 1; visibility: visible } 100% { opacity: 0; visibility: visible } } .cd-search input[type=search] { width: 100%; height: 50px; padding: 0 20px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: #242643; color: #fff; border: none; border-radius: 0 } .cd-search input[type=search]::-webkit-input-placeholder { color: #fff } .cd-search input[type=search]::-moz-placeholder { color: #fff } .cd-search input[type=search]:-moz-placeholder { color: #fff } .cd-search input[type=search]:-ms-input-placeholder { color: #fff } .cd-search input[type=search]:focus { background: #fff; color: #111433; outline: 0 } .cd-search input[type=search]:focus::-webkit-input-placeholder { color: rgba(17, 20, 51, .4) } .cd-search input[type=search]:focus::-moz-placeholder { color: rgba(17, 20, 51, .4) } .cd-search input[type=search]:focus:-moz-placeholder { color: rgba(17, 20, 51, .4) } .cd-search input[type=search]:focus:-ms-input-placeholder { color: rgba(17, 20, 51, .4) } @media only screen and (min-width:1024px) { .cd-search input[type=search] { background-color: #ebebeb } .cd-search input[type=search]::-webkit-input-placeholder { color: #b3b3b3 } .cd-search input[type=search]::-moz-placeholder { color: #b3b3b3 } .cd-search input[type=search]:-moz-placeholder { color: #b3b3b3 } .cd-search input[type=search]:-ms-input-placeholder { color: #b3b3b3 } } .go-back a, .has-children>a { position: relative } .go-back a::after, .go-back a::before, .has-children>a::after, .has-children>a::before { content: ''; position: absolute; top: 50%; margin-top: -1px; display: inline-block; height: 2px; width: 10px; background: #000; -webkit-backface-visibility: hidden; backface-visibility: hidden } .menubg { background: #f8f8f8; color: #000 !important } .go-back a::before, .has-children>a::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .go-back a::after, .has-children>a::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } @media only screen and (min-width:1024px) { .go-back a::after, .go-back a::before, .has-children>a::after, .has-children>a::before { background: #b3b3b3 } } .has-children>a { padding-right: 40px } .has-children>a::after, .has-children>a::before { right: 20px; -webkit-transform-origin: 9px 50%; -moz-transform-origin: 9px 50%; -ms-transform-origin: 9px 50%; -o-transform-origin: 9px 50%; transform-origin: 9px 50% } @media only screen and (min-width:1024px) { .open-to-left .cd-dropdown-content>.has-children>a { padding-left: 40px; padding-right: 20px } .open-to-left .cd-dropdown-content>.has-children>a::after, .open-to-left .cd-dropdown-content>.has-children>a::before { right: auto; left: 20px; -webkit-transform-origin: 1px 50%; -moz-transform-origin: 1px 50%; -ms-transform-origin: 1px 50%; -o-transform-origin: 1px 50%; transform-origin: 1px 50% } } .cd-dropdown-content .go-back a { padding-left: 40px } .cd-dropdown-content .go-back a::after, .cd-dropdown-content .go-back a::before { left: 20px; -webkit-transform-origin: 1px 50%; -moz-transform-origin: 1px 50%; -ms-transform-origin: 1px 50%; -o-transform-origin: 1px 50%; transform-origin: 1px 50% } .cd-main-content { background-color: #e6e6e6; min-height: calc(100vh - 100px); padding: 2em 5%; line-height: 2 } .no-js .cd-dropdown-wrapper:hover .cd-dropdown { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } .no-js .cd-dropdown-wrapper .cd-close { display: none } /*Cd D Bitiş*/ @media only screen and (min-width: 768px) and (max-width: 991px) { .single_product .price_box{display:block; } .gridsystem .price_box span.current_pricekk{display:block; } } @media only screen and (max-width: 991px) { .gridsystem .single_product{padding:1.5625%; } .gridsystem .product_thumb{width:25%;padding:5px;display:table-cell;} .gridsystem .product_content{width:67%;display:table-cell;vertical-align:middle;} .gridsystem .single_product .price_box{text-align:left;justify-content:left; } .gridsystem .grid_content .product_name{height:auto;margin-bottom:10px;font-size:13px;text-align:left;margin-bottom:5px;line-height:13px;} .gridsystem .addcartcontent{width:8%;text-align:left;display: table-cell; vertical-align: middle;} .addcartcategory{background: #62c4ee; text-align: center; color: #fff; border-radius: 3px; } .gridsystem .price_box span.current_price{font-size:12px; } .gridsystem .price_box span.current_pricekk{font-size:12px;color:#5db231;font-weight:700; } .gridsystem .taksityazilar{font-size:11px !important; } .kattree {border: 1px solid #efeeee; } .kattree li{border-bottom: 1px solid #efeeee; background: #f9f9f9;} .kattree li a{ padding: 10px;display:block;width:100%;} .kattree li .fa{float:right; line-height:26px;color:#6b6b6b;} } @media only screen and (max-width:500px) { .product_content_inner { padding: 2px 5px 5px 5px; } .price_box span.old_price { font-size: 11px; line-height:11px; margin-bottom:4px; } .price_box span.current_price{font-size:12px;} .product_thumb{padding:0px; } .grid_content .product_name{margin-bottom:5px;font-size:12px; height:37px; line-height:12px;} .catsimage img{/*height:62px;*/ } .catsname{font-size:12px;line-height:12px;/*height:50px;*/padding:5px; } .products{padding:0 5px; } .grid_content .product_name { font-size:12px; } } @media only screen and (max-width:390px) { .price_box span.old_price{font-size:10px;} .price_box span.current_price{font-size:11px;} .product_thumb{padding:0px; } .grid_content .product_name{margin-bottom:0px;font-size:11px; height:37px; line-height:12px; } }