input, select, textarea, button { font-family: 'Brandon Text'; } body { font-family: 'Brandon Text'; background: #fbfbfb; } h1, h2, h3, h4, h5, h6 { display: block; font-family: 'Brandon Text'; } p { padding-bottom: 10px; font-family: 'Brandon Text'; line-height: 1.3; } #main-header-menu .subMenu a { font-family: 'Brandon Text'; } @font-face { font-family: 'Brandon Text'; src: url('/Data/EditorFiles/frontend/assets/fonts/BrandonText-Bold.woff2') format('woff2'), url('/Data/EditorFiles/frontend/assets/fonts/BrandonText-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Brandon Text'; src: url('/Data/EditorFiles/frontend/assets/fonts/BrandonTextBlack.woff2') format('woff2'), url('/Data/EditorFiles/frontend/assets/fonts/BrandonTextBlack.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Brandon Text'; src: url('/Data/EditorFiles/frontend/assets/fonts/BrandonText-Medium.woff2') format('woff2'), url('/Data/EditorFiles/frontend/assets/fonts/BrandonText-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Brandon Text'; src: url('/Data/EditorFiles/frontend/assets/fonts/BrandonText.woff2') format('woff2'), url('/Data/EditorFiles/frontend/assets/fonts/BrandonText.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } .pos-f { position:fixed; } .pos-s { position:static; } .pos-a { position:absolute; } .pos-r { position:relative; } .pos-top { top:0; } .pos-right { right:0; } .pos-bottom { bottom:0; } .pos-left { left:0; } .col-sm-4 { width:33.3333333% } /* Desktop All CSS */ @media screen and (min-width:900px) { .luckyart .inner { width: 1300px; } .luckyart .btn-custom-pink, .luckyart .btn-success, .luckyart .btn-success.passive:hover { background-color: #f34723 !important; } .luckyart .subMenu .dynamicMenu ul { display: grid; grid-template-columns: auto auto; } /* HEADER */ .luckyart body:not(.iosMobile) #header { padding-top: inherit; } .luckyart #header-wrap { position: relative; top: auto; left: auto; background: white; box-sizing: border-box; padding: 5px 0; } .luckyart #logo a { height: 60px; display: flex; align-items: center; justify-content: flex-start; } .luckyart #logo p { justify-content: flex-start; height: 60px; } #arieteLogo a img { max-width: 130px; } #arieteLogo { justify-content: right; } #berghoffLogo a img { max-width: 140px; } #headerRight { clear: none; position: relative; } .luckyart #basketList { top: 120%; } #account-content img { width: 24px; float: left; } #account-content { display: grid; grid-template-columns: auto auto auto; width: 75%; float: right; align-items: center; } #hmLinks-favorite { display: flex; justify-content: center; } #hmLinks-favorite img { width: 24px; float: left; } #hmLinks-favorite .favouriteBtn { margin-left: 0; } #hmLinks-favorite .favouriteBtn strong { font-size: 14px; font-weight: normal; } #hmLinks-cart .forMobile#cart-soft-count { display: none; } #hmLinks-cart #cart-soft-count { display: flex; align-items: center; } #cart-img img { width: 24px; float: right; } #hmLinks-cart #cart-content strong { font-size: 14px; font-weight: normal; } #hmLinks-cart #cart-content .cart-soft-count { width: 20px; height: 20px; background: #f34723; line-height: 20px; font-weight: 500; } #hmLinks-cart #cart-content { display: flex; align-items: center; column-gap: 10px; padding: 0; } #hmLinks-cart #cart-content.forMobile { display:none; } #hmLinks-cart .basketLink { display: flex; align-items: center; } /* TOP HEADER */ .luckyart #topHeader { background: #2d2d2d; height: 45px; display: flex; align-items: center; justify-content: center; } #topHeader-text { display: flex; justify-content: flex-end; color: #fff; font-size: 14px; font-weight: 500; letter-spacing: 2px; line-height: 46px; } #topHeader-text a { color: #f34723; box-sizing: border-box; padding: 0 10px; text-decoration: underline; text-underline-position: under; } #topHeader-text a:hover { color: #fff; } #topbarLeft-title { color: #fff; font-size: 14px; text-transform: uppercase; line-height: 45px; } #topbarLeft li a { font-size: 14px; text-transform: uppercase; font-weight: 600; } ul#topbarLeft { height: 45px; column-gap: 1px; box-sizing: border-box; padding-left: 15px; } ul#topbarLeft li { background: #fff; height: 45px; line-height: 45px; box-sizing: border-box; padding: 0 10px; min-width: 90px; text-align: center; cursor: pointer; } ul#topbarLeft li:hover { background: #ddd; } .luckyart .slideControl span.prevSlide { background: #ffffffe3 url(/Data/EditorFiles/frontend/assets/images/icons/arrow-left.svg) no-repeat center; background-size: 70%; } .luckyart .slideControl span.nextSlide { background: #ffffffe3 url(/Data/EditorFiles/frontend/assets/images/icons/arrow-right.svg) no-repeat center; background-size: 70%; } .luckyart .slideControl span { width: 50px; height: 50px; } .luckyart .slideControl span:before, .luckyart .slideControl span:after { display:none; } .luckyart .slideControl { /*width: 100%; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; padding: 0 5%;*/ } .luckyart .slidePager li { border-radius: 0; background: #fff; } .luckyart .slidePager li.active { box-shadow: none; background: #f34723; } /* HEADER MAIN */ .luckyart #headerMain { height: 70px; display: flex; justify-content: space-between; align-items: center; padding: 0; } .luckyart #logo { padding-left: 0; } /*.luckyart #logo img { height: 35px; }*/ #siteMainmenu { padding: 0; justify-content: center; background: white; } #siteMainmenu #mainMenu .menu.Main { column-gap: 20px; justify-content: flex-start; } #header-search { padding-right: 0; position:relative; } #siteMainmenu #mainMenu a { height: 40px; line-height: 25px; font-size: 14px; padding: 0; font-weight: bold; } #siteMainmenu #mainMenu .menu > li:last-child a { color: #f34723; font-weight: 600; } #siteMainmenu #mainMenu .subMenu ul li a { height: 30px; line-height: 30px; font-size: 10pt; color: #000; } #siteMainmenu #mainMenu .subMenu { min-height: auto; } #header-search #search { height: 35px; box-shadow: none; border: 0; background: transparent; border-bottom: 1px solid #000; border-radius: 0; width: 100%; box-sizing: border-box; } #header-search #search #FormAra { height: 35px; background: transparent; } #header-search #search #FormAra input[type="text"] { width: calc(100% - 40px); height: 35px; font-size: 10pt; padding: 0; background: transparent; } #header-search #search #FormAra button[type="submit"] { width: 35px; height: 35px; background-color: transparent; background-image: url(/Data/EditorFiles/frontend/assets/images/icons/search.svg); background-repeat: no-repeat; background-size: 70%; padding: 0; background-position: right center; } #header-search #live-search-box { width: calc(100% + -10px); box-sizing: border-box; left: 10px; border: 1px solid #ccc; border-top: 0; } #header-search #live-search-box ul { border-top: 1px solid #ccc; box-sizing: border-box; padding: 10px; } #header-search #live-search-box ul li { border: 1px solid #ececec; border-bottom: 0; height: 25px; } #header-search #live-search-box ul li:last-child { border-bottom: 1px solid #ececec; } #header-search #live-search-box ul li.text-title { border: 1px solid #ccc; padding: 0 5px; } #header-search #live-search-box ul li.text-title span { width: auto; margin: auto; height: 25px; padding: 0; line-height: 25px; font-size: 10pt; font-weight: 600; } #header-search #live-search-box ul li a { font-weight: 400; margin: auto; line-height: 25px; padding: 0; font-size: 8pt; text-transform: capitalize; } /* SITE INFOS */ #site-info { height: 60px; display: flex; align-items: center; justify-content: center; background: #ddd; } #site-info ul li { text-align: center; border-right: 1px solid #000; } #site-info ul li h2 { margin: auto; font-size: 12pt; line-height: 15pt; } #site-info ul li p { padding: 0; font-size: 10pt; line-height: 15pt; } #site-info ul li:last-child { border-right: 0; } /* PRODUCT DETAIL */ .kargo-detail { margin-bottom: 20px; } #price-flexer { border: 0; } #price-flexer .d-flex { flex-direction: column; align-items: flex-start; height: 45px; } #product-detail-discount { position: absolute; left: 30%; height: 45px; align-items: center; display: flex; justify-content: left; width:auto; } #product-detail-discount .productDiscount { background: #f34723; color: #fff; font-weight: 600; font-size: 14px; padding: 0 10px; line-height: 24px; height: 25px; } #price-flexer .discountedPrice + .discountPrice { color: #f34723; } #price-flexer .discountedPrice + .priceLine > .discountPrice { color: #f34723; font-size: 20px; } #price-flexer .discountedPrice { text-decoration: line-through; font-size: 14px; } /* PRODUCT DETAIL */ /* PRODUCT LIST */ .vitrin-price .productPrice { align-items:center; } .vitrin-price .priceWrapper { justify-content:center; } .vitrin-price .productDiscount { display: flex; align-items: center; justify-content: center; z-index: 2; color: #fff; font-size: 16px; font-weight: 500; height: 25px; background: transparent; box-sizing: border-box; padding: 0 10px; background: #f34723; margin-left: 5px; } .vitrin-price .discountedPrice + .currentPrice { color: #f34723; } /* PRODUCT LIST FILTER */ .indirimli-urunler #product-list-filter { display: none; } #product-list-filter { margin-top: 1%; } #special-filter-title { font-size: 20px; font-weight: 600; text-transform: uppercase; } #special-filters { display: flex; justify-content: flex-start; margin-bottom: 20px; } #special-filters .fWrap { border: 0; background: #fff; margin-right: 10px; min-height: 140px; max-height: 200px; display: flex; align-items: flex-start; overflow-y: auto; max-width: 250px; border-radius: 5px; } #filter-mainCat-area { height: 35px; padding-bottom: 5px; } #filter-mainCat { font-size: 20px; font-weight: 600; } #filter-mainCat-title { font-size: 15px; font-weight: 500; color: #777; } #filter-subCat { height: 100%; display: block; position: relative; } #filter-subCat a > img { height: 85px; object-fit: contain; } #filter-subCat > a { background: #fff; border-radius: 5px; padding: 4px; box-sizing: border-box; display: flex; align-items: center; margin-bottom: 10px; } #filter-subCat > a span { font-size: 14px; font-weight: 600; box-sizing: border-box; padding-left: 5px; line-height: 20px; word-break: break-word; background-image: url(/Data/EditorFiles/frontend/assets/images/icons/chevron-right.svg); background-repeat: no-repeat; background-position: 95% center; background-size: 11%; padding-right: 10px; } #plist-filter-price { height: 45px; display: flex; align-items: center; } #priceTitle { font-size: 22px; font-weight: 600; } #priceBox { background: #fff; border-radius: 5px; box-sizing: border-box; padding: 4px 0; height: 45px; } .product-list-page #product-list .productItem .sh-wrapper { background: #fff; } .product-list-page #product-list #list-bottomRow { box-sizing: border-box; padding: 0 10px; } .product-list-page #product-list #list-bottomRow .productDetails { height: 110px !important; box-sizing: border-box; padding: 0; } #product-list-view-box { padding: 0; height: auto; border: 0; } #product-list-view-box .box.p-right { padding: 0; } #product-list-filterSort .filter-box.Gorunum { height: 35px; line-height: 35px; margin: auto; background: #fff; padding: 0 0 0 10px; } .Gorunum .Uclu { padding: 6px 10px; float: left; border-right: 0; cursor: pointer; margin-top: 0; } .Gorunum i { display: block; float: left; width: 8px; height: 8px; background: #cecece; margin-left: 2px; } .Gorunum .Dortlu i { height: 8px; } .Gorunum .Dortlu { padding: 6px 0; float: left; cursor: pointer; } .Gorunum .Active { cursor: no-drop !important; } .Gorunum .Active i { background: #c0842a; } #product-list-view-box.Gorunum .Dortlu p { margin: 0; } #product-list-view-box.Gorunum p { margin: 0; } .product-list-page .cat-big-name { margin-top:15px; } .product-list-page .total-wrap { height: 41px; display: flex; align-items: center; } #product-list-filter-box { border: 0; background: #fff; margin-top: 5px; } .product-list-page .filter-box select { background: #fff; color: #000; } .product-list-page .filter-box select:focus { box-shadow:none; } #showcase-tabTitle { display: flex; justify-content: center; align-items: center; height: 50px; } #showcase-tabTitle .btn { background: #000; font-size: 16px; font-weight: 500; height: 40px; line-height: 40px; padding: 0; min-width: 200px; text-align: center; } #showcase-tabTitle .btn:hover { background: #f34723; box-shadow: none; } .luckyart .showcase-productItem { padding: 0 10px; box-sizing: border-box; } .luckyart .showcase-productItem .drop-down { background: #fff; box-sizing: border-box; padding: 0 10px; } .showcase-productItem #showcase-bottomRow .productDetails { height: 110px !important; box-sizing: border-box; padding: 0 10px; } #showcase-bottomRow .listProductName { font-size: 18px; height: 50px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 400; line-height: normal; color: #333; } #showcase-bottomRow .productPrice { align-items: center; } #showcase-bottomRow .priceWrapper { justify-content: center; } #showcase-bottomRow .productDiscount { display: flex; align-items: center; justify-content: center; z-index: 2; color: #fff; font-size: 16px; font-weight: 500; height: 25px; background: transparent; box-sizing: border-box; padding: 0 10px; background: #f34723; margin-left: 5px; } /* CART */ #cart-qty { width: 60%; padding-right: 10px !important; } .cart-page .n-r-left { min-width: 50%; } #cart-qty.qtyBtns a { height: 38px; opacity: 1; border: 1px solid #999; } #cart-qty.qtyBtns a:first-child { border-right: 0; } #cart-qty.qtyBtns a:last-child { border-left: 0; } #cart-qty.qtyBtns input { width: 40px !important; border-color: #999; } #cart-qty.qtyBtns a p.icon-minus:before { font-size: 2px; color: #777; } #cart-qty.qtyBtns a p.icon-minus { height: 38px; line-height: 33px; } #cart-qty.qtyBtns a p.icon-plus:before { font-size: 8px; color: #777; } /* TOP SHOWCASE */ /* clearfix */ .owl-carousel .owl-wrapper:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; line-height: 0; } /* display none until init */ .owl-carousel { position: relative; display: none; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { position: relative; display: none; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { position: relative; overflow: hidden; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor: url(../images/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .owl-theme .owl-controls { margin-top: 10px; text-align: center; } /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% { opacity: 1 } } @-moz-keyframes empty { 0% { opacity: 1 } } @keyframes empty { 0% { opacity: 1 } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div { display: inline-block; margin: 5px; padding: 3px 10px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; color: #FFF; font-size: 12px; opacity: 0.5; filter: Alpha(Opacity=50); /*IE7 fix*/ zoom: 1; *display: inline; /*IE7 life-saver */ } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover { text-decoration: none; opacity: 1; filter: Alpha(Opacity=100); /*IE7 fix*/ } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span { display: block; margin: 5px 7px; width: 12px; height: 12px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; opacity: 0.5; filter: Alpha(Opacity=50); /*IE7 fix*/ } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { opacity: 1; filter: Alpha(Opacity=100); /*IE7 fix*/ } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers { padding: 2px 10px; width: auto; height: auto; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; color: #FFF; font-size: 12px; } /* preloading images */ .owl-item.loading { min-height: 150px; background: url(../images/AjaxLoader.gif) no-repeat center center } /* CUSTOM USER OPTIONS */ .carousel-container { width: 100%; } .item { margin: 0 10px; background: #fff; color: #333; } .item img { width: 100%; } .item h4 { margin-top: 10px; color: #333; padding: 10px; font-family: 'Montserrat', sans-serif; } .item p { color: #333; padding: 0 10px 30px; font-family: 'PT Serif', serif; } #showcase-wrapper { display: flex; align-items: center; } #sc-wrapperRight { position: relative; display: block; box-sizing: border-box; padding-left: 5%; } #sc-wrapperLeft { display: block; font-size: 13px; line-height: 15px; color: #666; text-align: justify; } #sc-wrapperLeft h1 { margin-top: 0; color: #000; font-size: 1.5em; } .customNavigation { position: absolute; top: 40%; width: 95%; display: block; } .customNavigation .btn { position: relative; display: inline-block; overflow: visible; border: 0; box-shadow: none; color: #000; text-transform: uppercase; text-shadow: none; font-size: 40px; cursor: crosshair; -webkit-transition: all .1s ease-in 0s; -moz-transition: all .1s ease-in 0s; -o-transition: all .1s ease-in 0s; transition-property: all .1s ease-in 0s; -webkit-font-smoothing: antialiased; } .customNavigation .next { position: absolute; right: -10px; } .customNavigation .prev { position: absolute; left: -25px; } .customNavigation .btn:hover { box-shadow:none; } .hoverfx { position: relative; display: block; overflow: hidden; text-align: center; } .hoverfx img { width: 190px; } /*.hoverfx:before { display: inline-block; padding-top: 60%; content: ''; vertical-align: middle; }*/ .hoverfx .figure { position: relative; z-index: 2; display: inline-block; padding: 10px 15px; max-width: 60%; border: 3px solid #e9e9e9; color: #ecf0f1; vertical-align: middle; text-transform: uppercase; font-size: 1.2rem; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition-property: all .3s ease; } .hoverfx .figure:hover { background: #e9e9e9; color: #333; } .hoverfx .overlay { position: absolute; top: 0; z-index: 1; padding: 50%; background: rgba(0, 0, 0, .7); opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition-property: all .3s ease; } .item:hover .figure, .item:hover .overlay { opacity: 1; } /* USER REGISTER */ #page-login { position: relative; } .memberContainer { width: 420px; background: #fff; border: 1px solid #e5e5e5; border-radius: 4px; padding: 30px; box-sizing: border-box; } .lfGenel { display: flex; justify-content: center; padding: 50px 0; } .mcTitle { border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; } .mcTitle li a { font-size: 14px; color: #aaa; font-weight: 500; } .mcTitle li { width: 50%; text-align: center; } .mcTitle li.active a { color: #232f3e; font-weight: 600; } .mcTitle li:first-child { border-right: 1px solid #eee; } a#member-forgot-password { font-size: 12px; color: #888; text-decoration: underline; } span.fl.benihatirla { font-size: 12px; color: #232f3e; } a#order-login-btn { height: 50px; background: #232f3e; border-radius: 4px; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; display: flex; align-items: center; justify-content: center; } .hizliAlisveris { margin-bottom: 20px; border-bottom: 1px solid #eeeeee; padding-bottom: 20px; } a#member-login-btn { height: 50px; background: #f34723; border-radius: 4px; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; display: flex; align-items: center; justify-content: center; } a#member-login-btn:hover { background: #ecc37e; } .text-title { line-height: 17px; font-size: 13px; color: #393939; } .text-description, .pWrapper .pWin.debugActive .pText { line-height: 15px; font-size: 12px; color: #5e5e5e; } .text-link { line-height: 14px; font-size: 11px; color: #7c7c7c; } .text-upper { text-transform: uppercase; } .text-lower { text-transform: lowercase; } .text-cpt { text-transform: capitalize; } .text-over { text-decoration: overline; } .text-line { text-decoration: line-through; } .text-under { text-decoration: underline; } .text-italic { font-style: italic; } .text-oblique { font-style: oblique; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-light { font-weight: 300; } .text-regular { font-weight: 400; } .text-medium { font-weight: 500; } .text-semibold { font-weight: 600; } .text-bold { font-weight: 700; } .text-default { color: #7e848c; } .text-info { color: #5bc0de; } .text-primary { color: #337ab7; } .text-success { color: #5cb85c; } .text-warning { color: #e5591b; } .text-danger { color: #f33939; } .cart-page .discountedPrice { text-decoration: line-through; } a#popup-member-login-facebook span b { color: #0b5ac1; } a#popup-member-login-facebook span i { color: #0b5ac1; } a#signinGoogle span b { color: #ea4335; } a#signinGoogle span i { color: #ea4335; } a#uye-kayit-btn { height: 50px; background: #f34723; border-radius: 4px; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; display: flex; align-items: center; justify-content: center; } .girisTop { padding-top: 5px; padding-bottom: 15px; } .veya { border-bottom: 1px solid #eee; display: flex; justify-content: center; margin: 15px 0; } .veya span { font-size: 12px; font-weight: 600; color: #aaa; margin-bottom: -6px; background: #fff; padding: 0 15px; } .socialLogin > .col-6 a { border: 1px solid #f2f2f2; border-radius: 4px; display: flex; align-items: center; padding: 10px 15px; box-sizing: border-box; } .socialLogin > .col-6 a span b { display: block; font-size: 12px; } .socialLogin > .col-6 a span i { font-style: normal; font-size: 10px; } .socialLogin > .col-6 a span { padding-left: 10px; box-sizing: border-box; } .szlesmeContsiner { padding-bottom: 5px; } .sozlesmeTxt { font-size: 12px; color: #aaa; } .sozlesmeTxt a { font-weight: 600; color: #888; } a#uye-kayit-btn:hover { background: #ecc37e; } .fl.sozlesmeTxt.active { color: #232f3e; font-weight: 500; } .sozlesmeTxt.active a { color: #232f3e; font-weight: 600; } .fastMember { margin-left: 20px; } .page-member #uyeolmadandevam:hover { background: #f34723; } .page-member #uyeolmadandevam { height: 30px; background: #ccc; border-radius: 4px; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 60%; float: right; margin-top: 10px; } /* LOGIN TRUE CONTENT */ #login-true .pageTitle { background: #ededed; border: 0; height: 50px; margin: 10px auto; } #login-true .pageTitle img { width: 30px; } #login-true .pageTitle #fullname { box-sizing: border-box; padding-left: 1%; } #login-true-content { padding: 0; } #login-true-content .box:nth-child(3n+3) { padding-right: 0; } #login-true-content .box .btn-medium { background: transparent; color: #000; border: 1px solid #bdbdbd; height: 60px; padding: 0; line-height: 60px; text-align: center; font-weight: 500; text-transform: uppercase; } #login-true-content .box .btn-medium:hover { background: #bdbdbd; color: #000; box-shadow: none; } /* ÜYE SİPARİŞLERİ */ .uye-siparisleri #login-true .pageTitle img, .uye-kisisel-bilgileri #login-true .pageTitle img, .uye-alisveris-listesi #login-true .pageTitle img, .uye-hediye-ceklerim #login-true .pageTitle img, .puan-ve-yorum #login-true .pageTitle img, .adres #login-true .pageTitle img, .mesaj #login-true .pageTitle img, .uye-fiyat-alarm-listem #login-true .pageTitle img, .uye-stok-alarm-listem #login-true .pageTitle img, .uye-havale-bildirim #login-true .pageTitle img, .uye-sifre-degistirme #login-true .pageTitle img { width: 20px; } .uye-siparisleri #login-true .pageTitle, .uye-kisisel-bilgileri #login-true .pageTitle, .uye-alisveris-listesi #login-true .pageTitle, .uye-hediye-ceklerim #login-true .pageTitle, .puan-ve-yorum #login-true .pageTitle, .adres #login-true .pageTitle, .mesaj #login-true .pageTitle, .uye-fiyat-alarm-listem #login-true .pageTitle, .uye-stok-alarm-listem #login-true .pageTitle, .uye-havale-bildirim #login-true .pageTitle, .uye-sifre-degistirme #login-true .pageTitle { height: 60px; padding: 0 5px; } .uye-siparisleri #login-true .pageTitle #fullname, .uye-kisisel-bilgileri #login-true .pageTitle #fullname, .uye-alisveris-listesi #login-true .pageTitle #fullname, .uye-hediye-ceklerim #login-true .pageTitle #fullname, .puan-ve-yorum #login-true .pageTitle #fullname, .adres #login-true .pageTitle #fullname, .mesaj #login-true .pageTitle #fullname, .uye-fiyat-alarm-listem #login-true .pageTitle #fullname, .uye-stok-alarm-listem #login-true .pageTitle #fullname, .uye-havale-bildirim #login-true .pageTitle #fullname, .uye-sifre-degistirme #login-true .pageTitle #fullname { font-size: 15px; padding-left: 3%; line-height: 20px; } .uye-siparisleri #login-true-content .box, .uye-kisisel-bilgileri #login-true-content .box, .uye-alisveris-listesi #login-true-content .box, .uye-hediye-ceklerim #login-true-content .box, .puan-ve-yorum #login-true-content .box, .adres #login-true-content .box, .mesaj #login-true-content .box, .uye-fiyat-alarm-listem #login-true-content .box, .uye-stok-alarm-listem #login-true-content .box, .uye-havale-bildirim #login-true-content .box, .uye-sifre-degistirme #login-true-content .box { width: 100%; padding: 0; padding-bottom: 10px; } .uye-siparisleri #login-true-content .box .btn-medium, .uye-kisisel-bilgileri #login-true-content .box .btn-medium, .uye-alisveris-listesi #login-true-content .box .btn-medium, .uye-hediye-ceklerim #login-true-content .box .btn-medium, .puan-ve-yorum #login-true-content .box .btn-medium, .adres #login-true-content .box .btn-medium, .mesaj #login-true-content .box .btn-medium, .uye-fiyat-alarm-listem #login-true-content .box .btn-medium, .uye-stok-alarm-listem #login-true-content .box .btn-medium, .uye-havale-bildirim #login-true-content .box .btn-medium, .uye-sifre-degistirme #login-true-content .box .btn-medium { height: 40px; line-height: 40px; text-align: left; text-indent: 10px; } #memberOrders .pageTitle { height: 60px; line-height: 60px; box-sizing: border-box; margin: 10px auto; color: #f34723; } .adres .pageTitle { height: 60px; line-height: 60px; box-sizing: border-box; margin: 10px auto; color: #f34723; } .mesaj .pageTitle { height: 60px; line-height: 60px; box-sizing: border-box; margin: 10px auto; color: #f34723; } .uye-fiyat-alarm-listem .pageTitle { height: 60px; line-height: 60px; box-sizing: border-box; margin: 10px auto; color: #f34723; } .uye-stok-alarm-listem .pageTitle { height: 60px; line-height: 60px; box-sizing: border-box; margin: 10px auto; color: #f34723; } .uye-havale-bildirim .pageTitle { height: 60px; line-height: 60px; box-sizing: border-box; margin: 10px auto; color: #f34723; } .uye-sifre-degistirme .pageTitle { height: 60px; line-height: 60px; box-sizing: border-box; margin: 10px auto; color: #f34723; } /* ÜYE KİŞİSEL BİLGİLERİ */ #page-profile .pageTitle { height: 60px; line-height: 60px; box-sizing: border-box; margin: 10px auto; color: #f34723; } .uye-kisisel-bilgileri #uye-kayit-form { display:none; } /* ÜYE ALIŞVERİŞ LİSTESİ */ #alis-veris-listem .pageTitle { height: 60px; line-height: 60px; box-sizing: border-box; margin: 10px auto; color: #f34723; } /* CONTENT PAGES */ .content-page aside#leftColumn, .iletisim aside#leftColumn { width: 20%; padding: 0; } .content-page #mainColumn, .iletisim #mainColumn { width: 80%; box-sizing: border-box; padding-left: 25px; } #content-menu .pageTitle { background: #cd9942; height: 50px; line-height: 50px; box-sizing: border-box; padding-left: 15px; color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; } #content-menu .pageTitle .icon-sitemap { color: #fff !important; } #content-menu .row.mb { margin-bottom: auto; } #content-menuBottom { background: #f5f5f5; margin-bottom: 20px !important; box-sizing: border-box; padding: 10px 10px; } #content-menuBottom ul > li { border: 0; } #content-menuBottom ul > li > a { font-size: 13px; color: #000; padding: 0; } #content-menuBottom ul > li > a:hover { color: #c0852b; } #content-pages-title { background: #cd9942; height: 50px; line-height: 50px; box-sizing: border-box; padding-left: 15px; color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; } #content-pages-title .icon-doc-text { color: #fff !important; } #content-page-text { background: #f5f5f5; box-sizing: border-box; padding: 20px; margin-bottom: 20px; } #content-page-text .text-description { color: #000; font-size: 14px; line-height: 17px; } /* OTHER */ .luckyart .popupInnerBlock { padding: 0; } .luckyart .popupInnerBlock .xlarge { text-transform: uppercase; font-size: 14px; color: #000; border-bottom: 1px solid #bdbdbd; padding: 10px 0; } .luckyart .popupInnerBlock .form-control { padding: 5px 10px; border-bottom: 0; } .luckyart .popupInnerBlock #without-membership { background: #cd9942; color: #fff; border: 0; height: 40px; line-height: 40px; padding: 0 10px; } .luckyart .progress-bar { background: #cd9942; } .luckyart .nextOrder, .luckyart .nextOrderWait { background-color: #cd9942; } .luckyart .nextOrder:hover, .luckyart .nextOrderWait:hover { background-color: #c0852b; } /*CONTACT INFOS */ .luckyart #contact-infos-title { background: #cd9942; height: 50px; line-height: 50px; box-sizing: border-box; padding-left: 15px; color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; } .luckyart #contact-infos-title .icon-pointer { color: #fff !important; } /* PRODUCT DETAIL */ #product-offer-button { margin: 10px auto; display: flex; align-items: center; column-gap: 20px; } #product-offer-button .col-6 { column-gap: 20px; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; border-radius: 5px; height: 30px; padding: 0; } #product-offer-button .col-6 > a { font-size: 14px; font-weight: 500; color: #777; } #product-offer-button .col-6:hover a { color: #f34723; } #product-offer-button .col-6:hover { background: #fff; } .product-detail-page .product-tabs { margin-top: 10px; } .product-detail-page .product-tabs--title { background-color: #fff; height: 50px; } .product-detail-page .product-tabs--content p { font-size: 14px; line-height: 20px; color: #222; box-sizing: border-box; padding: 10px 0 0; } .product-detail-page #product-description .product-tabs--title.active { background-size: 2%; background-position: 98% center; } .product-detail-page #product-description .product-tabs--title { background-size: 2%; background-position: 98% center; } .product-detail-page .product-tabs--title.active { background-color: #ccc; } .product-detail-page .product-tabs--content { background-color: #fff; border: 1px solid #ececec; border-top: 0; box-sizing: border-box; padding: 20px; } #dtyRenkArea .otherChooseTitle { font-size: 16px; font-weight: 600; } #dtyRenkArea #otherChooseArea .productListItem .kapsa > a { border: 1px solid #efefef; box-sizing: border-box; padding-bottom: 120%; } #otherChooseArea { display: flex; align-items: center; column-gap: 10px; margin-top: 10px; } #dtyRenkArea #otherChooseArea .productListItem .image-wrapper img { max-width: calc(100% - 0px); max-height: calc(100% - 0px); height: 80px; object-fit: cover; } .product-detail-page .mainPrices { margin-bottom: 5px; } .product-detail-page .vitrinFlex .imgInner { background: #fff; } /* ARIETE LANDING PAGE */ /* MAIN CAT & BRAND BANNERS */ #cats-brands { display: grid; grid-template-columns: auto auto auto; gap: 30px; padding: 30px 0; box-sizing: border-box; } #cats-brands img { width: 100%; height: 100%; } #cats-brands a { display: flex; width: 100%; } #cats-brands #cat-brands-title { font-size: 35px; color: #fff; height: 100%; justify-content: center; font-weight: 600; text-transform: uppercase; opacity: 0.5; background-color: #000; } #cats-brands #cat-brands-title:hover { background-color: transparent; opacity: 1; } #cat-brands-discount-item img { width: 100%; height: 100%; } #cat-brand-discount-bg { bottom: 20px; flex-direction: column; } #cat-brand-discount-area { display: grid; justify-content: center; text-align: center; background: #fff; border-radius: 5px; min-height: 150px; padding: 20px 0; } #cat-brand-discount-title { font-size: 25px; text-transform: uppercase; font-weight: 500; } #cat-brand-discount-subtitle { font-size: 30px; text-transform: uppercase; font-weight: 600; } #cat-brand-discount-area a { margin: auto; } #cat-brand-discount-button { background: #000; color: #fff; min-width: 200px; height: 30px; line-height: 30px; font-size: 18px; font-weight: 500; } #cat-brand-discount-button:hover { background: #b18266; } #main-cats-and-brands { padding-bottom: 30px; } /* MAIN NEW PRODUCTS AREA */ #main-best-sellers { margin: 10px auto; } #main-new-products { margin: 10px auto; } #newprdc_Left { background: url('https://www.luckyart.com.tr/Data/EditorFiles/banner/yenibanner/YeniKlasor/enyenibanner/altbanner/yeni-gelenler.jpg') no-repeat left center; display: flex; align-items: flex-end; min-height: 417px; justify-content: center; box-sizing: border-box; padding-bottom: 40px; background-size: 98%; } #newprdcL_button { background: #fff; min-width: 250px; text-transform: uppercase; font-weight: 600; color: #000; height: 40px; display: flex; align-items: center; justify-content: center; } #newprdcL_button:hover { background: #eee; } .newprdcItems #newprdc-bottomRow .productDetails { height: 130px !important; box-sizing: border-box; padding: 0 10px; } #newprdc-bottomRow .listProductName { font-size: 18px; height: 50px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 400; line-height: normal; color: #333; } #newprdc-bottomRow .productPrice { align-items: center; } #newprdc-bottomRow .priceWrapper { justify-content: center; } #newprdc-bottomRow .productDiscount { display: flex; align-items: center; justify-content: center; z-index: 2; color: #fff; font-size: 16px; font-weight: 500; height: 25px; background: transparent; box-sizing: border-box; padding: 0 10px; background: #f34723; margin-left: 5px; } .homepage #main-new-products .slideControl .colPrev { background: url(/Data/EditorFiles/frontend/assets/images/icons/arrow-left.svg) left center no-repeat; width: 40px; height: 40px; float: left; position: absolute; left: -25px; top: 40%; } .homepage #main-new-products .slideControl .colNext { background: url(/Data/EditorFiles/frontend/assets/images/icons/arrow-right.svg) right center no-repeat; width: 40px; height: 40px; float: right; position: absolute; right: -35px; top: 40%; } #newprdc_Right { box-sizing: border-box; padding: 0 50px 0 30px; } /* MAIN BEST SELLER AREA */ #bestsllr_Left { background: url('https://www.luckyart.com.tr/Data/EditorFiles/banner/yenibanner/YeniKlasor/enyenibanner/altbanner/cokk-satanlar.jpg') no-repeat right center; display: flex; align-items: flex-end; min-height: 445px; justify-content: center; box-sizing: border-box; padding-bottom: 40px; background-size: 98%; } #bestsllrL_button { background: #fff; min-width: 250px; text-transform: uppercase; font-weight: 600; color: #000; height: 40px; display: flex; align-items: center; justify-content: center; } #bestsllrL_button:hover { background: #eee; } .bestsllrItems #bestsllr-bottomRow .productDetails { height: 135px !important; box-sizing: border-box; padding: 0 10px; } #bestsllr-bottomRow .listProductName { font-size: 18px; height: 50px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 400; line-height: normal; color: #333; } #bestsllr-bottomRow .productPrice { align-items: center; } #bestsllr-bottomRow .priceWrapper { justify-content: center; } #bestsllr-bottomRow .productDiscount { display: flex; align-items: center; justify-content: center; z-index: 2; color: #fff; font-size: 16px; font-weight: 500; height: 25px; background: transparent; box-sizing: border-box; padding: 0 10px; background: #f34723; margin-left: 5px; } .homepage #main-best-sellers .slideControl .colPrev { background: url(/Data/EditorFiles/frontend/assets/images/icons/arrow-left.svg) left center no-repeat; width: 40px; height: 40px; float: left; position: absolute; left: -25px; top: 40%; } .homepage #main-best-sellers .slideControl .colNext { background: url(/Data/EditorFiles/frontend/assets/images/icons/arrow-right.svg) right center no-repeat; width: 40px; height: 40px; float: right; position: absolute; right: -35px; top: 40%; } #bestsllr_Right { box-sizing: border-box; padding: 0 30px 0 50px; } } /* Desktop FINISH CSS */ /* MOBILE CSS */ @media screen and (max-width:900px) { .cart-page .discountedPrice { text-decoration: line-through; } .luckyart .c-big-btn #addCartBtn { background: #f34723; } #cartEmpty { font-size: 20px; text-align: center; } .luckyart .btn-custom-pink, .luckyart .btn-success, .luckyart .btn-success.passive:hover { background-color: #f34723 !important; } .luckyart body:not(.flexPopup) .pWrapper .pWin { height: auto !important; } .luckyart #basketWin #basketPopupItems { max-height: 275px; overflow: hidden; overflow-y: auto; } /* ARIETE NEW PAGE */ .ariete #main_banner_text { background: url(/Data/EditorFiles/frontend/assets/images/landing-page/main-banner.jpg) no-repeat center center; height: 50vh; background-size: cover; } .ariete #main_banner_text #bannerText { height: 50vh; justify-content: center; color: #fff; flex-direction: column; row-gap: 10px; text-align: center; } .ariete #main_banner_text #bannerText span { font-size: 15pt; font-weight: 500; } .ariete #main_banner_text #bannerText b { font-size: 18pt; font-weight: 600; line-height: 22pt; } .ariete #main-bottomLogo { position: relative; display: inline-block; padding-bottom: 20%; } #bannerBorder { position: absolute; border-top: 2px solid #ee3224; top: 40px; } .ariete #bannerLogo { display: block; position: relative; } .ariete #bannerLogo img { position: absolute; right: 20px; top: 30px; box-sizing: border-box; padding: 0 10px; background-color: #fff; width: 45%; } #ariete_world_title { justify-content: center; } #ariete_world_title h2 { font-size: 15pt; font-weight: 600; color: #ee3224; margin: 0 auto; background-image: url(/Data/EditorFiles/frontend/assets/images/icons/arrow-down-v2.png); background-repeat: no-repeat; background-position: center 35px; height: 75px; background-size: 12%; } #ariete_world_subTitle { justify-content: center; } #ariete_world_subTitle h3 { color: #ee3224; font-style: italic; font-size: 15pt; margin: 10px auto 20px; font-weight: 500; } #ariete_collections ul { display: grid; grid-template-columns: auto auto; column-gap: 15px; } #ariete_collections ul li { /* border: 2px solid #a75154; */ color: #ee3224; font-size: 15pt; text-align: center; height: 55px; line-height: 55px; font-weight: 500; } #ariete_world { padding-bottom: 3%; } #categorisTriple { display: grid; grid-template-columns: auto; row-gap: 10px; } #categoriesItem a { position: relative; display: inline-block; width: 100%; } #catitemTitle { bottom: 10px; width: 100%; left: 0; text-align: center; text-transform: uppercase; font-size: 15pt; font-weight: 600; letter-spacing: 1px; } #categoriesItem a img { width: 100%; } #categorisDouble { display: grid; grid-template-columns: auto; row-gap: 10px; margin-top: 10px; } #ariete-categories { padding-bottom: 3%; } #block-empty { height: 50px; } #ariete-special-bestdeals .col.col-12.p-left { padding: 0 10px; } #specialarea-Title { font-size: 18px; line-height: 40px; text-align: center; font-weight: 600; } #bestdealsCol .productDetails { padding: 10px 15px; } #bestdeals-bottomRow .productName { font-size: 14px; height: 40px; } .ariete #bestdeals-bottomRow .discountedPrice + .currentPrice { color: #f34723; } .ariete #bestdeals-bottomRow .productDiscount { background: #f34723; color: #fff; padding: 0 5px; margin-left: 10px; } .ariete #ariete-special-bestdeals .slideControl { top: -17px; width: calc(100% - 0px); left: 0; right: 0; } .ariete #ariete-special-bestdeals .slideControl .colPrev { background: url(/Data/EditorFiles/frontend/assets/images/icons/arrow-left.svg) left center no-repeat; width: 25px; height: 25px; float: right; position: absolute; left: 40px; } .ariete #ariete-special-bestdeals .slideControl .colNext { background: url(/Data/EditorFiles/frontend/assets/images/icons/arrow-right.svg) right center no-repeat; width: 25px; height: 25px; float: right; position: absolute; right: 40px; } /* ARIETE MOBILE PAGE FINISH */ /* BERGHOFF MOBILE NEW PAGE */ .berghoff #main_banner_text { background: url(/Data/EditorFiles/frontend/assets/images/landing-page/main-banner.jpg) no-repeat center center; height: 50vh; background-size: cover; } .berghoff #main_banner_text #bannerText { height: 50vh; justify-content: center; color: #fff; flex-direction: column; row-gap: 10px; text-align: center; } .berghoff #main_banner_text #bannerText span { font-size: 17pt; font-weight: 500; } .berghoff #main_banner_text #bannerText b { font-size: 18pt; font-weight: 600; line-height: 22pt; } .berghoff #main-bottomLogo { position: relative; display: inline-block; padding-bottom: 20%; } .berghoff #bannerBorder { position: absolute; border-top: 2px solid #aaa095; top: 40px; } .berghoff #bannerLogo { display: block; position: relative; } .berghoff #bannerLogo img { position: absolute; right: 20px; top: 30px; box-sizing: border-box; padding: 0 10px; background-color: #fff; width: 45%; } #berghoff_world_title { justify-content: center; } #berghoff_world_title h2 { font-size: 15pt; font-weight: 600; color: #aaa095; margin: 0 auto; background-image: url(/Data/EditorFiles/frontend/assets/images/icons/arrow-down.svg); background-repeat: no-repeat; background-position: center 35px; height: 75px; background-size: 12%; } #berghoff_world_subTitle { justify-content: center; } #berghoff_world_subTitle h3 { color: #aaa095; font-style: italic; font-size: 15pt; margin: 10px auto 20px; font-weight: 500; } #berghoff_collections ul { display: grid; grid-template-columns: auto auto auto; gap: 5px; } #berghoff_collections ul li { height: 100%; display: grid; align-items: center; justify-content: center; } #berghoff_collections ul li a { display: flex; } #leo { background: #fcd9c5; } #gem { background: #272b2d; } #ron { background: #c2c6a0; } #essentials { background: #92b9aa; } #outdoor { background: #587d70; } #berghoff_world { padding-bottom: 3%; } #categorisTriple { display: grid; grid-template-columns: auto; row-gap: 10px; } #categoriesItem a { position: relative; display: inline-block; width: 100%; } #catitemTitle { bottom: 10px; width: 100%; left: 0; text-align: center; text-transform: uppercase; font-size: 15pt; font-weight: 600; letter-spacing: 1px; } #categoriesItem a img { width: 100%; } #categorisDouble { display: grid; grid-template-columns: auto; row-gap: 10px; margin-top: 10px; } #berghoff-categories { padding-bottom: 3%; } #block-empty { height: 50px; } #berghoff-special-bestdeals .col.col-12.p-left { padding: 0 10px; } #specialarea-Title { font-size: 18px; line-height: 40px; text-align: center; font-weight: 600; } #bestdealsCol .productDetails { padding: 10px 15px; } #bestdeals-bottomRow .productName { font-size: 14px; height: 40px; } .berghoff #bestdeals-bottomRow .discountedPrice + .currentPrice { color: #f34723; } .berghoff #bestdeals-bottomRow .productDiscount { background: #f34723; color: #fff; padding: 0 5px; margin-left: 10px; } .berghoff #berghoff-special-bestdeals .slideControl { top: -17px; width: calc(100% - 0px); left: 0; right: 0; } .berghoff #berghoff-special-bestdeals .slideControl .colPrev { background: url(/Data/EditorFiles/frontend/assets/images/icons/arrow-left.svg) left center no-repeat; width: 25px; height: 25px; float: right; position: absolute; left: 40px; } .berghoff #berghoff-special-bestdeals .slideControl .colNext { background: url(/Data/EditorFiles/frontend/assets/images/icons/arrow-right.svg) right center no-repeat; width: 25px; height: 25px; float: right; position: absolute; right: 40px; } /* BERGHOFF MOBILE PAGE FINISH */ /* NEW PAGE */ /* MOBILE MENU */ .luckyart .menuShow #mobileMenu { -webkit-animation-name: mobileMenu; animation-name: mobileMenu; } .luckyart #mobileMenu { position: fixed; left: -100%; top: 0; bottom: 0; width: 85%; background: #fff; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 4444; -webkit-animation-name: mobileMenuDefault; animation-name: mobileMenuDefault; overflow-x: hidden; padding: 0; } .luckyart .menuShow #closeMobileMenu { display: flex; } .luckyart #closeMobileMenu { font-size: 14px; position: fixed; right: 0; width: 50px; height: 50px; display: none; justify-content: center; align-items: center; } .luckyart div#mobileMenuMain { padding: 0; } .luckyart .mobileHome { display: flex; align-items: center; padding: 0px 10px; box-sizing: border-box; border-bottom: 1px solid #ddd; text-transform: uppercase; } .luckyart #mobileMenuMain a, .luckyart #mobileMenuMain li div { line-height: 38px; font-size: 12px; font-weight: 600; border-radius: 0; overflow: hidden; } .luckyart #mobileMenuMain li div { display: flex; align-items: center; padding: 0px 8px; box-sizing: border-box; border-bottom: 1px solid #ddd; background: url(/Data/EditorFiles/frontend/assets/images/icons/artopbar.svg) no-repeat right; background-position-x: 96%; } .luckyart #mobileMenuMain li div i { font-style: normal; } .luckyart #mobileMenu li ul { /*left: -100%; position: fixed; background: #fff; top: 0; padding: 0; width: 85%; box-sizing: border-box; height: 100%; -webkit-transition: all 0.5s ease-out; display: block !important;*/ } .luckyart .mmBack { box-sizing: border-box; display: flex; align-items: center; border-bottom: 1px solid #ddd; } .luckyart .menuShow div#mobileMenuMain ul li div.active + ul { /*left: 0;*/ /*display: block !important;*/ height: 100%; /*-webkit-transition: all 0.5s ease-out;*/ /*overflow: auto;*/ } .luckyart #mobileMenu li ul a, .luckyart #mobileMenu li ul span { line-height: 35px; font-size: 13px; border-bottom: 1px solid #ddd; padding: 3px 10px; box-sizing: border-box; color:#666; } .luckyart .mmBack img { height: 10px; } /* MOBILE MENU CSS FINISH */ /* MOBILE HEADER */ #siteMainmenu.forDesktop { display: none; } #headerLeft.forDesktop { display: none; } .luckyart #headerMain { padding: 0; box-shadow: none; background: transparent; display: inline-block; } #mobile-menuBtn { display: flex; align-items: center; height: 50px; } #headerMain #menuBtn { background-size: 80%; } #headerCenter { box-sizing: border-box; padding-left: 10px; } #headerRight { padding-right: 0; height: 50px; } #account-content { padding: 0; } #hmLinks-favourite .favouriteBtn { margin: auto; } #hmLinks-favorite .favouriteBtn { margin: auto; } #hmLinks-cart #cart-soft-count { padding: 0; } #account-content img { width: 24px; float: left; } #cart-img img { width: 24px; float: right; } #hmLinks-favorite img { width: 24px; float: left; } #arieteLogo.forDesktop, #berghoffLogo.forDesktop { display:none; } /* MOBILE HEADER */ /* MAIN CAT & BRAND BANNERS */ #cats-brands { display: grid; grid-template-columns: auto auto; gap: 10px; padding: 0 0 10px; box-sizing: border-box; } #cats-brands img { width: 100%; height: 100%; } #cats-brands a { display: flex; width: 100%; } #cats-brands #cat-brands-title { font-size: 20px; color: #fff; height: 100%; justify-content: center; font-weight: 600; text-transform: uppercase; opacity: 0.7; background-color: #000; text-align: center; line-height: 28px; } #cats-brands #cat-brands-title:hover { background-color: transparent; opacity: 1; } #cat-brands-discount-item img { width: 100%; height: 100%; min-height: 200px; object-fit: cover; } #cat-brand-discount-bg { bottom: 10px; flex-direction: column; } #cat-brand-discount-area { display: grid; justify-content: center; text-align: center; background: #ffffffbf; border-radius: 5px; min-height: 50px; padding: 5px 0; width: 65%; } #cat-brand-discount-title { font-size: 16px; text-transform: uppercase; font-weight: 500; line-height: 25px; } #cat-brand-discount-subtitle { font-size: 16px; text-transform: uppercase; font-weight: 600; line-height: 25px; } #cat-brand-discount-area a { margin: auto; } #cat-brand-discount-button { background: #000; color: #fff; min-width: auto; height: 25px; line-height: 25px; font-size: 14px; font-weight: 500; box-sizing: border-box; padding: 0 10px; } #cat-brand-discount-button:hover { background: #b18266; } #main-cats-and-brands { padding: 20px 10px; } /* MAIN NEW PRODUCTS AREA */ #main-best-sellers { margin: 10px auto; } #main-new-products { margin: 10px auto; } .newprdcItems #newprdc-bottomRow .productDetails { height: 130px !important; box-sizing: border-box; padding: 0 10px; } #newprdc-bottomRow .listProductName { font-size: 18px; height: 50px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 400; line-height: normal; color: #333; } #newprdc-bottomRow .productPrice { align-items: center; flex-direction: column; } #newprdc-bottomRow .priceWrapper { justify-content: center; height: 45px; } #newprdc-bottomRow .productDiscount { display: flex; align-items: center; justify-content: center; z-index: 2; color: #fff; font-size: 14px; font-weight: 500; height: 20px; background: transparent; box-sizing: border-box; padding: 0 5px; background: #f34723; margin-left: 0; } #newprdc_Right { box-sizing: border-box; padding: 0 20px; } #main-new-products .slideControl { width: calc(100% - 0px); left: 0; right: 0; } #newprdc_Right .catalogWrapper { padding: 0 10px; } #newprdc_Left { background: url('https://www.luckyart.com.tr/Data/EditorFiles/banner/yenibanner/YeniKlasor/enyenibanner/altbanner/yeni-gelenler.jpg') no-repeat left center; display: flex; align-items: flex-end; min-height: 200px; justify-content: center; background-size: cover; margin-bottom: 10px; } #newprdcL_button { width: 60%; text-align: center; margin-bottom: 10px; background: #fff; text-transform: uppercase; font-weight: 600; color: #000; height: 30px; display: flex; align-items: center; justify-content: center; } .homepage #main-new-products .slideControl .colPrev { background: url(/Data/EditorFiles/frontend/assets/images/icons/arrow-left.svg) left center no-repeat; width: 25px; height: 25px; float: left; position: absolute; left: -15px; top: 40%; } .homepage #main-new-products .slideControl .colNext { background: url(/Data/EditorFiles/frontend/assets/images/icons/arrow-right.svg) right center no-repeat; width: 25px; height: 25px; float: right; position: absolute; right: -15px; top: 40%; } /* MAIN BEST SELLERS PRODUCTS AREA */ .newprdcItems #bestsllr-bottomRow .productDetails { height: 130px !important; box-sizing: border-box; padding: 0 10px; } #bestsllr-bottomRow .listProductName { font-size: 18px; height: 50px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 400; line-height: normal; color: #333; } #bestsllr-bottomRow .productPrice { align-items: center; flex-direction: column; } #bestsllr-bottomRow .priceWrapper { justify-content: center; height: 45px; } #bestsllr-bottomRow .productDiscount { display: flex; align-items: center; justify-content: center; z-index: 2; color: #fff; font-size: 14px; font-weight: 500; height: 20px; background: transparent; box-sizing: border-box; padding: 0 5px; background: #f34723; margin-left: 0; } #bestsllr_Right { box-sizing: border-box; padding: 0 20px; } #main-best-sellers .slideControl { width: calc(100% - 0px); left: 0; right: 0; } #bestsllr_Right .catalogWrapper { padding: 0 10px; } #bestsllr_Left { background: url(https://www.luckyart.com.tr/Data/EditorFiles/banner/yenibanner/YeniKlasor/enyenibanner/altbanner/cokk-satanlar.jpg) no-repeat left center; display: flex; align-items: flex-end; min-height: 200px; justify-content: center; background-size: cover; margin-bottom: 10px; } #bestsllrL_button { width: 60%; text-align: center; margin-bottom: 10px; background: #fff; text-transform: uppercase; font-weight: 600; color: #000; height: 30px; display: flex; align-items: center; justify-content: center; } .homepage #main-best-sellers .slideControl .colPrev { background: url(/Data/EditorFiles/frontend/assets/images/icons/arrow-left.svg) left center no-repeat; width: 25px; height: 25px; float: left; position: absolute; left: -15px; top: 40%; } .homepage #main-best-sellers .slideControl .colNext { background: url(/Data/EditorFiles/frontend/assets/images/icons/arrow-right.svg) right center no-repeat; width: 25px; height: 25px; float: right; position: absolute; right: -15px; top: 40%; } /* PRODUCT DETAIL */ #product-detail-discount .productDiscount { background: #f34723; color: #fff; font-weight: 600; font-size: 14px; padding: 0 10px; line-height: 24px; height: 25px; } #product-offer-button { margin: 10px auto; display: flex; align-items: center; column-gap: 20px; } #product-offer-button .col-6 { column-gap: 20px; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; border-radius: 5px; height: 30px; padding: 0; } #product-offer-button .col-6 > a { font-size: 14px; font-weight: 500; color: #777; } #product-offer-button .col-6:hover a { color: #f34723; } #product-offer-button .col-6:hover { background: #fff; } .product-detail-page .product-tabs { margin-top: 10px; } .product-detail-page .product-tabs--title { background-color: #fff; height: 50px; } .product-detail-page .product-tabs--content p { font-size: 14px; line-height: 20px; color: #222; box-sizing: border-box; padding: 10px 0 0; } .product-detail-page .product-tabs--title.active { background-color: #ccc; } .product-detail-page .product-tabs--content { background-color: #fff; border: 1px solid #ececec; border-top: 0; box-sizing: border-box; padding: 20px; } #dtyRenkArea .otherChooseTitle { font-size: 16px; font-weight: 600; } #dtyRenkArea #otherChooseArea .productListItem .kapsa > a { border: 1px solid #efefef; box-sizing: border-box; padding-bottom: 120%; } #otherChooseArea { display: flex; align-items: center; column-gap: 10px; margin-top: 10px; } #dtyRenkArea #otherChooseArea .productListItem .image-wrapper img { max-width: calc(100% - 0px); max-height: calc(100% - 0px); height: 80px; object-fit: cover; } .product-detail-page .mainPrices { margin-bottom: 5px; } .product-detail-page .vitrinFlex .imgInner { background: #fff; } .product-detail-page #mobileBuyBtn { position: fixed; bottom: 0px; left: 0; z-index: 999; } .product-detail-page #mobileBuyBtn #addCartBtn { background: #f34723; letter-spacing: 2px; font-size: 18px; font-weight: 500; } .cart-page #cartM-productImg .imgInner { position: relative; left: auto; top: auto; height: 85px; } .cart-page #cartM-productDelete .action-text { background: url(/Data/EditorFiles/frontend/assets/images/icons/trash.png) no-repeat; background-position: left center; background-size: 55%; padding-left: 60%; line-height: 35px; height: 30px; display: block; font-size: 15px; } #cartM-productDelete a { width: 100%; display: block; height: 30px; } .cart-page .middleItem .qtyBtns { height: 32px; } .cart-page #cartM-productOther { margin: 5px auto 0; } .cart-page #cartM-price { margin-top: 5px; display: flex; align-items: center; justify-content: space-between; } .cart-page #cartM-productImg .imgInner img { width: 100%; height: 100%; object-fit: cover; } .product-list-page .sh-wrapper { box-sizing: border-box; padding: 0 10px; background: #fff; min-height: 268px; } .product-list-page #katalog .productItem .productName { height: 40px; font-size: 16px; line-height: 20px; } .luckyart .productDetails { padding-bottom: 10px; padding-top: 10px; } /* PRODUCT LIST AREA */ .vitrin-price .productPrice { flex-direction: column; align-items: flex-start; } .vitrin-price .priceWrapper { justify-content: center; height: 45px; } .vitrin-price .productDiscount { color: #fff; font-weight: 500; padding: 0 10px; background: #f34723; margin-left: 0; font-size: 14px; } .vitrin-price .discountedPrice + .currentPrice { color: #f34723; } /* MOBILE FILTER */ body.filterOpen { overflow: hidden; } .luckyart #filterWrapper { margin-top: 0; position: fixed; background: #fff; z-index: 99999; top: 0; left: 0; width: 80%; height: 100% !important; overflow: auto; left: -1000px; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: mobileMenuDefault; animation-name: mobileMenuDefault; display: none; } .luckyart .filterOpen #filterWrapper { left: 0; -webkit-animation-name: mobileMenu; animation-name: mobileMenu; display: block !important; height: 100% !important; } .filtersTitle { border-radius: 0; display: flex; justify-content: space-between; } .filtersTitle { height: 35px; background: #c0842a; display: flex; align-items: center; padding: 0 10px; box-sizing: border-box; font-size: 14px; color: #fff; font-weight: 500; text-transform: uppercase; } .filterClose { text-transform: uppercase; font-size: 14px; font-weight: 600; color: #fff; } .hideThis { display: none; } #product-list-filter #filterPanel { padding: 0; } #product-list-filter #filterPanel .filter-wrap { margin: auto; box-sizing: border-box; padding: 0 10px; } #product-list-filter #filterPanel #filter-mainCat { height: 35px; line-height: 35px; padding: 0; font-weight: bold; font-size: 18px; } #product-list-filter #filterPanel #filter-subCat { padding: 0; } #product-list-filter #filterPanel li#filter-subCat > a { height: 25px; line-height: 25px; text-indent: 10px; font-size: 14px; color: #333; } #product-list-filter #filterPanel #filterCats { margin-bottom: 20px; } #product-list-filter #filterPanel #priceTitle { height: 35px; line-height: 35px; padding: 0; font-weight: bold; font-size: 18px; } #product-list-filter #filterPanel #priceBox { box-sizing: border-box; padding: 0 10px; } #product-list-filter #filterPanel #priceBox #priceBtn { background-color: #c0842a !important; text-transform: uppercase; font-size: 16px; letter-spacing: 2px; } #product-list-filter #filterPanel #priceBox input[type="text"] { height: 35px; font-size: 14px; font-weight: 500; } #product-list-filter #leftFilter { border: 1px dashed #ddd; background: #efefef; padding: 0; height: 40px; line-height: 40px; } #product-list-filter #leftFilter #filterMobileBtn { text-transform: uppercase; font-size: 16px; line-height: 40px; display: flex; justify-content: center; letter-spacing: 2px; padding: 0; } #product-list-filter #leftFilter #filterMobileBtn i.icon-filter { color: #000; } #product-list-filter #leftFilter #filterMobileBtn .active i.icon-filter { color: #c0842a; } #product-list-filter #leftFilter #filterMobileBtn.active { color: #c0842a; } #product-list-filter #leftFilter #filterMobileBtn.active i.icon-filter { color: #c0842a !important; } .product-list-page .cat-big-name { justify-items: center; flex-wrap: wrap; margin-bottom: 10px; } .product-list-page #product-list-filter-box { border: 0; background: #efefef; border: 1px dashed #ddd; height: 40px; line-height: 40px; font-size: 14px; color: #000; padding: 0; margin-bottom: 15px; } .product-list-page #product-list-filter-box select#sort { height: 40px; background: transparent; width: 100%; padding: 0; text-align: center; font-size: 16px; font-weight: 600; color: #000; letter-spacing: 2px; text-transform: uppercase; } .product-list-page #product-list-filter-box select#sort:focus { box-shadow: none; color: #c0842a; } /* USER REGISTER */ #page-login { position: relative; } .memberContainer { width: 100%; background: #e5e5e5; border: 1px solid #ccc; border-radius: 4px; padding: 20px; box-sizing: border-box; } .lfGenel { display: flex; justify-content: center; padding: 20px 0; } .mcTitle { border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; } .mcTitle li a { font-size: 14px; color: #aaa; font-weight: 500; } .mcTitle li { width: 50%; text-align: center; } .mcTitle li.active a { color: #232f3e; font-weight: 600; } .mcTitle li:first-child { border-right: 1px solid #ccc; } a#member-forgot-password { font-size: 12px; color: #888; text-decoration: underline; } span.fl.benihatirla { font-size: 12px; color: #232f3e; } a#order-login-btn { height: 50px; background: #232f3e; border-radius: 4px; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; display: flex; align-items: center; justify-content: center; } .hizliAlisveris { margin-bottom: 20px; border-bottom: 1px solid #eeeeee; padding-bottom: 20px; } a#member-login-btn { height: 50px; background: #f34723; border-radius: 4px; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; display: flex; align-items: center; justify-content: center; } a#member-login-btn:hover { background: #ecc37e; } a#signinGoogle span b { color: #ea4335; } a#signinGoogle span i { color: #ea4335; } a#uye-kayit-btn { height: 50px; background: #f34723; border-radius: 4px; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; display: flex; align-items: center; justify-content: center; } .girisTop { padding-top: 5px; padding-bottom: 15px; } .veya { border-bottom: 1px solid #eee; display: flex; justify-content: center; margin: 15px 0; } .veya span { font-size: 12px; font-weight: 600; color: #aaa; margin-bottom: -6px; background: #fff; padding: 0 15px; } .socialLogin > .col-6 a { border: 1px solid #f2f2f2; border-radius: 4px; display: flex; align-items: center; padding: 10px 15px; box-sizing: border-box; } .socialLogin > .col-6 a span b { display: block; font-size: 12px; } .socialLogin > .col-6 a span i { font-style: normal; font-size: 10px; } .socialLogin > .col-6 a span { padding-left: 10px; box-sizing: border-box; } .text-title { line-height: 17px; font-size: 13px; color: #393939; } .text-description, .pWrapper .pWin.debugActive .pText { line-height: 15px; font-size: 12px; color: #5e5e5e; } .text-link { line-height: 14px; font-size: 11px; color: #7c7c7c; } .text-upper { text-transform: uppercase; } .text-lower { text-transform: lowercase; } .text-cpt { text-transform: capitalize; } .text-over { text-decoration: overline; } .text-line { text-decoration: line-through; } .text-under { text-decoration: underline; } .text-italic { font-style: italic; } .text-oblique { font-style: oblique; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-light { font-weight: 300; } .text-regular { font-weight: 400; } .text-medium { font-weight: 500; } .text-semibold { font-weight: 600; } .text-bold { font-weight: 700; } .text-default { color: #7e848c; } .text-info { color: #5bc0de; } .text-primary { color: #337ab7; } .text-success { color: #5cb85c; } .text-warning { color: #e5591b; } .text-danger { color: #f33939; } } /* ARIETE LANDING PAGE DESKTOP */ @media screen and (min-width:900px) { /* NEW PAGE */ .ariete #main_banner_text { background: url(/Data/EditorFiles/frontend/assets/images/landing-page/main-banner.jpg) no-repeat center center; height: 56vh; background-size: cover; } .ariete #main_banner_text #bannerText { height: 56vh; justify-content: center; color: #fff; flex-direction: column; row-gap: 15px; } .ariete #main_banner_text #bannerText span { font-size: 30pt; font-weight: 500; } .ariete #main_banner_text #bannerText b { font-size: 30pt; font-weight: 900; } .ariete #main-bottomLogo { position: relative; display: inline-block; padding-bottom: 5%; } #bannerBorder { position: absolute; border-top: 2px solid #ee3224; top: 40px; } .ariete #bannerLogo { display: block; position: relative; } .ariete #bannerLogo img { position: absolute; right: 0; top: 20px; box-sizing: border-box; padding: 0 20px; background-color: #fff; } #ariete_world_title { justify-content: center; } #ariete_world_title h2 { font-size: 30pt; font-weight: 600; color: #ee3224; margin: 0 auto; background-image: url(/Data/EditorFiles/frontend/assets/images/icons/arrow-down-v2.png); background-repeat: no-repeat; background-position: center 55px; height: 100px; background-size: 8%; } #ariete_world_subTitle { justify-content: center; } #ariete_world_subTitle h3 { color: #ee3224; font-style: italic; font-size: 20pt; margin: 10px auto 20px; font-weight: 500; } #ariete_collections ul { display: grid; grid-template-columns: auto auto auto auto; column-gap: 20px; } #ariete_collections ul li { /* border: 2px solid #a75154; */ color: #ee3224; font-size: 15pt; text-align: center; height: 55px; line-height: 55px; font-weight: 500; } #ariete_world { padding-bottom: 3%; } #categorisTriple { display: grid; grid-template-columns: auto auto auto; column-gap: 20px; } #categoriesItem a { position: relative; display: inline-block; width: 100%; } #catitemTitle { bottom: 10px; width: 100%; left: 0; text-align: center; text-transform: uppercase; font-size: 15pt; font-weight: 600; letter-spacing: 1px; } #categoriesItem a img { width: 100%; } #categorisDouble { display: grid; grid-template-columns: auto auto; column-gap: 20px; margin-top: 20px; } #ariete-categories { padding-bottom: 3%; } #block-empty { height: 50px; } /* NEW PAGE */ .ariete #product-list-filter { margin-top: 2%; border-top: 1px solid #ffffff3d; padding-top: 2%; } .ariete #ariete-special-area { background: #fff; box-sizing: border-box; padding: 30px 0; position: relative; } .ariete #ariete-special-area #specialarea-Title { position: absolute; top: -18px; background: #444; width: 308px; height: 35px; line-height: 35px; color: #fff; font-size: 15pt; text-align: center; } #ariete_video { padding-bottom: 40px; } .ariete #ariete-special-bestdeals .block-title { color: #fff; font-size: 24px; font-weight: bold; margin: 25px auto 20px; } .ariete .bestdeals-productItem .drop-down { position: relative; border: 0; padding: 0 10px; } .ariete .bestdeals-productItem .image-wrapper { padding-bottom: 65%; } .ariete .bestdeals-productItem .image-wrapper img { max-width: calc(100% - 0px); max-height: calc(100% - 0px); } .ariete #bestdeals-bottomRow .productDetails { padding: 0 10px; height: 105px !important; } .ariete #bestdeals-bottomRow .productDetails .drop-down-title { margin: auto; } .ariete .productDetails .productName { font-size: 16px; height: 45px; } .ariete #bestdeals-bottomRow .productDiscount { background: #f34723; color: #fff; padding: 0 10px; margin-left: 20px; } .ariete #bestdeals-bottomRow .discountedPrice + .currentPrice { color: #f34723; } #ariete-special-area .slideControl { /*position: absolute; top: auto; left: auto; height: 100%;*/ } .ariete #ariete-special-bestdeals .slideControl .colPrev { background: url(/Data/EditorFiles/frontend/assets/images/icons/arrow-left.svg) left center no-repeat; width: 100px; height: 90px; float: right; position: absolute; right: -125px; top: 40%; } .ariete #ariete-special-bestdeals .slideControl .colNext { background: url(/Data/EditorFiles/frontend/assets/images/icons/arrow-right.svg) right center no-repeat; width: 100px; height: 90px; float: right; position: absolute; right: -280px; top: 40%; } .ariete #ariete-special-area.coksatanlar #specialarea-Title { left: auto; right: 16.6%; } .ariete .coksatanlar #ariete-special-bestdeals .slideControl .colPrev { right: auto; left: -28%; } .ariete .coksatanlar #ariete-special-bestdeals .slideControl .colNext { right: auto; left: -130px; } .ariete .cat-big-name .total-wrap { color: #fff; line-height: 40px; } .ariete .Gorunum i { background: #fff; } .ariete .Gorunum .Active i { background: #f34723; } .ariete #product-list-filter-box { background: #fff; } .ariete .cat-big-name { border-bottom: 1px solid #fff; } .ariete #product-list .list-productItem .sh-wrapper { background: #fff; position:relative; } .ariete #product-list .list-productItem .image-wrapper { padding-bottom: 75%; } .ariete #product-list .list-productItem .image-wrapper img { max-width: calc(100% - 0px); max-height: calc(100% - 0px); } .ariete #list-bottomRow .productDetails { height: 115px; box-sizing: border-box; padding: 10px 10px; } /* ARİETE FİLTERS */ .ariete #special-filter-title { color: #fff; } .ariete #filter-mainCat-area { display: none; } .ariete #bestdeals-catTitle { display: block !important; font-size: 20px; font-weight: 600; color: #fff; } .ariete #filter-subCat a > img { display: none; } .ariete #filter-subCat > a { height: 45px; background: #fff; } .ariete #filter-subCat > a span { width: 100%; padding-right: 0; background-position: right center; font-size: 13px; } .ariete #special-filters .fWrap { min-height: 100px; border-radius: 5px; background: #fff; } .ariete #special-filter-area .filter-item .col-text { color: #000; } .ariete #special-filter-area .filter-item { margin-bottom: 5px; } .ariete #leftFilter .col-title { border: 0; line-height: 30px; } .ariete #priceBox { background: #fff; padding: 6px 0; height: 50px; } .ariete #priceTitle { font-size: 20px; color: #fff; } } /* BERGHOFF LANDING PAGE DESKTOP */ @media screen and (min-width:900px) { /* NEW PAGE */ .berghoff #main_banner_text { background: url(/Data/EditorFiles/frontend/assets/images/landing-page/berghoff/berghoff.jpg) no-repeat center center; height: 56vh; background-size: cover; } .berghoff #main_banner_text #bannerText { height: 56vh; justify-content: center; color: #fff; flex-direction: column; row-gap: 15px; } .berghoff #main_banner_text #bannerText span { font-size: 30pt; font-weight: 500; } .berghoff #main_banner_text #bannerText b { font-size: 30pt; font-weight: 900; } .berghoff #main-bottomLogo { position: relative; display: inline-block; padding-bottom: 5%; } #bannerBorder { position: absolute; border-top: 2px solid #aaa095; top: 40px; } .berghoff #bannerLogo { display: block; position: relative; } .berghoff #bannerLogo img { position: absolute; right: 0; top: 20px; box-sizing: border-box; padding: 0 20px; background-color: #fff; } #berghoff_world_title { justify-content: center; } #berghoff_world_title h2 { font-size: 30pt; font-weight: 600; color: #aaa095; margin: 0 auto; background-image: url(/Data/EditorFiles/frontend/assets/images/icons/arrow-down.svg); background-repeat: no-repeat; background-position: center 55px; height: 100px; background-size: 8%; } #berghoff_world_subTitle { justify-content: center; } #berghoff_world_subTitle h3 { color: #aaa095; font-style: italic; font-size: 20pt; margin: 10px auto 20px; font-weight: 500; } #berghoff_collections ul { display: grid; grid-template-columns: auto auto auto auto auto; column-gap: 20px; } #berghoff_collections ul li { height: 244px; display: grid; align-items: center; justify-content: center; } #leo { background: #fcd9c5; } #gem { background: #272b2d; } #ron { background: #c2c6a0; } #essentials { background: #92b9aa; } #outdoor { background: #587d70; } #berghoff_world { padding-bottom: 3%; } #categorisTriple { display: grid; grid-template-columns: auto auto auto; column-gap: 20px; } #categoriesItem a { position: relative; display: inline-block; width: 100%; } #catitemTitle { bottom: 10px; width: 100%; left: 0; text-align: center; text-transform: uppercase; font-size: 15pt; font-weight: 600; letter-spacing: 1px; } #categoriesItem a img { width: 100%; } #categorisDouble { display: grid; grid-template-columns: auto auto; column-gap: 20px; margin-top: 20px; } #ariete-categories { padding-bottom: 3%; } #block-empty { height: 50px; } /* NEW PAGE */ .berghoff #product-list-filter { margin-top: 2%; border-top: 1px solid #ffffff3d; padding-top: 2%; } .berghoff #ariete-special-area { background: #fff; box-sizing: border-box; padding: 30px 0; position: relative; } .berghoff #ariete-special-area #specialarea-Title { position: absolute; top: -18px; background: #444; width: 308px; height: 35px; line-height: 35px; color: #fff; font-size: 15pt; text-align: center; } #berghoff_video { padding-bottom: 40px; } .berghoff #berghoff-special-bestdeals .block-title { color: #fff; font-size: 24px; font-weight: bold; margin: 25px auto 20px; } .berghoff .bestdeals-productItem .drop-down { position: relative; border: 0; padding: 0 10px; } .berghoff .bestdeals-productItem .image-wrapper { padding-bottom: 65%; } .berghoff .bestdeals-productItem .image-wrapper img { max-width: calc(100% - 0px); max-height: calc(100% - 0px); } .berghoff #bestdeals-bottomRow .productDetails { padding: 0 10px; height: 105px !important; } .berghoff #bestdeals-bottomRow .productDetails .drop-down-title { margin: auto; } .berghoff .productDetails .productName { font-size: 16px; height: 45px; } .berghoff #bestdeals-bottomRow .productDiscount { background: #f34723; color: #fff; padding: 0 10px; margin-left: 20px; } .berghoff #bestdeals-bottomRow .discountedPrice + .currentPrice { color: #f34723; } #berghoff-special-area .slideControl { position: absolute; top: auto; left: auto; height: 100%; } .berghoff #berghoff-special-bestdeals .slideControl .colPrev { background: url(/Data/EditorFiles/frontend/assets/images/icons/arrow-left.svg) left center no-repeat; width: 100px; height: 90px; float: right; position: absolute; right: -125px; top: 40%; } .berghoff #berghoff-special-bestdeals .slideControl .colNext { background: url(/Data/EditorFiles/frontend/assets/images/icons/arrow-right.svg) right center no-repeat; width: 100px; height: 90px; float: right; position: absolute; right: -280px; top: 40%; } .berghoff #berghoff-special-area.coksatanlar #specialarea-Title { left: auto; right: 16.6%; } .berghoff .coksatanlar #berghoff-special-bestdeals .slideControl .colPrev { right: auto; left: -28%; } .ariete .coksatanlar #ariete-special-bestdeals .slideControl .colNext { right: auto; left: -130px; } .berghoff .cat-big-name .total-wrap { color: #fff; line-height: 40px; } .berghoff .Gorunum i { background: #fff; } .berghoff .Gorunum .Active i { background: #f34723; } .berghoff #product-list-filter-box { background: #fff; } .berghoff .cat-big-name { border-bottom: 1px solid #fff; } .berghoff #product-list .list-productItem .sh-wrapper { background: #fff; position:relative; } .berghoff #product-list .list-productItem .image-wrapper { padding-bottom: 75%; } .berghoff #product-list .list-productItem .image-wrapper img { max-width: calc(100% - 0px); max-height: calc(100% - 0px); } .berghoff #list-bottomRow .productDetails { height: 115px; box-sizing: border-box; padding: 10px 10px; } } /* MARKALAR ÖZEL MENÜ */ @media screen and (min-width:900px) { #siteMainmenu #nav { display: flex; align-items: center; justify-content: center; } #siteMainmenu #nav #navTitle { display: flex; align-items: center; justify-content: center; } #nav li { float: left; width: 10em; } #siteMainmenu #nav #navTitle a.firstLink:hover { background-image: url(/Data/EditorFiles/frontend/assets/images/icons/chevron-up.svg); background-repeat: no-repeat; background-position: 100% center; background-size: 15%; } #siteMainmenu #nav #navTitle a { display: flex; align-items: center; justify-content: center; text-transform: uppercase; } #siteMainmenu #nav #navTitle a.firstLink { display: flex; align-items: center; justify-content: center; text-transform: uppercase; background-image: url(/Data/EditorFiles/frontend/assets/images/icons/chevron-down.svg); background-repeat: no-repeat; background-position: 100% center; background-size: 15%; padding-right: 25px; } #nav li ul { position: absolute; background: white; width: auto; left: -999em; z-index: 99; top: 40px; display: grid; } #nav-mainCategories #nav-mainCat { width: auto; min-width: 140px; height: 60px; border: 1px solid #d4d3d2; border-bottom: none; display: flex; align-items: center; box-sizing: border-box; } #nav-mainCategories #nav-mainCat:last-child { border-bottom: 1px solid #d4d3d2; } #nav-mainCategories #nav-mainCat #nav-subCat { margin: 0 0 0 101%; display: flex; align-items: center; justify-content: center; top: -1px; height: 60px; border: 1px solid #d4d3d2; box-sizing: border-box; border-left: none; } #nav-mainCategories #nav-mainCat #nav-subCat li { width: auto; min-width: 165px; display: flex; justify-content: center; } #nav-mainCategories #nav-mainCat #nav-subCat li a { font-size: 12px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } } /* SCREEN 1440px */ @media screen and (min-width:1370px) and (max-width:1440px) { /*#account-content { width: 100%; } #headerLeft { width: 20%; } #headerRight { width: 30%; } #headerCenter { box-sizing: border-box; padding-left: 5%; } #hmLinks-account { width: 40%; } #hmLinks-cart { width: 30%; }*/ .luckyart .discountedPrice { font-size: 13px; } .luckyart .discountedPrice + .currentPrice { font-size: 17px; } } /* LUCKYART LANDING PAGE */ .luckyart #luckyart-special-area { background: #fff; box-sizing: border-box; padding: 30px 0; position: relative; } .luckyart #luckyart-special-area #specialarea-Title { position: absolute; top: -18px; background: #444; width: 308px; height: 35px; line-height: 35px; color: #fff; font-size: 15pt; text-align: center; } #luckyart { padding-bottom: 40px; } .luckyart #luckyart-special-bestdeals .block-title { color: #fff; font-size: 24px; font-weight: bold; margin: 25px auto 20px; } .luckyart .bestdeals-productItem .drop-down { position: relative; border: 0; padding: 0 10px; } .luckyart .bestdeals-productItem .image-wrapper { padding-bottom: 65%; } .luckyart .bestdeals-productItem .image-wrapper img { max-width: calc(100% - 0px); max-height: calc(100% - 0px); } .luckyart #bestdeals-bottomRow .productDetails { padding: 0 10px; height: 105px !important; } .luckyart #bestdeals-bottomRow .productDetails .drop-down-title { margin: auto; } .luckyart .productDetails .productName { font-size: 16px; height: 45px; } .luckyart #bestdeals-bottomRow .productDiscount { background: #f34723; color: #fff; padding: 0 10px; margin-left: 20px; } .luckyart #bestdeals-bottomRow .discountedPrice + .currentPrice { color: #f34723; } #luckyart-special-area .slideControl { position: absolute; top: auto; left: auto; height: 100%; } .luckyart #luckyart-special-bestdeals .slideControl .colPrev { background: url(/Data/EditorFiles/frontend/assets/images/icons/arrow-left.svg) left center no-repeat; width: 100px; height: 90px; float: right; position: absolute; right: -125px; top: 40%; } .luckyart #luckyart-special-bestdeals .slideControl .colNext { background: url(/Data/EditorFiles/frontend/assets/images/icons/arrow-right.svg) right center no-repeat; width: 100px; height: 90px; float: right; position: absolute; right: -280px; top: 40%; } .luckyart #luckyart-special-area.coksatanlar #specialarea-Title { left: auto; right: 16.6%; } .luckyart .coksatanlar #luckyart-special-bestdeals .slideControl .colPrev { right: auto; left: -28%; } .luckyart .coksatanlar #luckyart-special-bestdeals .slideControl .colNext { right: auto; left: -130px; } /* LUCKYART LANDING PAGE */ /*luckart topHeader responsive Abdullah 24-06-2022*/ #header-wrap{ background-color: #f1f1f1; } .luckyart #topHeader > .row{ width: 100%; height: 100%; padding: 0 10px; max-width: 1300px; } .luckyart #topHeader > .row > .inner{ width: 100%; } .luckyart #header-wrap > .row{ width: 100%; padding: 0 10px; max-width: 1300px; } .luckyart #header-wrap > .row > .inner{ width: 100%; } .luckyart #siteMainmenu > .row{ width: 100%; padding: 0 20px; max-width: 1300px; } .luckyart #siteMainmenu > .row > .inner{ width: 100%; } @media screen and (max-width: 1200px) { #topHeader-text { display: flex; justify-content: flex-end; color: #fff; font-size: 10px; font-weight: 500; letter-spacing: 2px; line-height: 46px; flex-wrap: nowrap; white-space: nowrap; } .luckyart #header-wrap > .row{ padding: 0; } .luckyart #header-wrap > .row > .inner{ width: 100%; } .luckyart #headerMain{ justify-content: space-between; } #account-content{ display: flex; align-items: center; justify-content: flex-start; } #account-content a{ white-space: nowrap; } #account-content img{ max-width: 20px; } #account-content > span{ margin-left: 5px; } #hmLinks-favorite img{ max-width: 20px; } #hmLinks-favorite a{ white-space: nowrap; } #hmLinks-favorite a strong{ padding: 0; } #hmLinks-cart{ align-items: center; } #hmLinks-cart > a.forDesktop{ display: none; } #cart-img > img{ max-width: 20px; } #hmLinks-cart #cart-content{ display: flex; gap: 5px; } #cart-soft-count{ display: flex; align-items: center; padding: 0; } #topHeader{ background: #2d2d2d; height: 45px; color: #fff; } .luckyart #siteMainmenu > .row > .inner{ height: 100%; } .luckyart #siteMainmenu > .row > .inner > div{ height: 100%; } #topbarLeft-title{ font-size: 11px; text-transform: uppercase; line-height: 45px; } ul#topbarLeft { height: 45px; column-gap: 1px; box-sizing: border-box; padding-left: 15px; } ul#topbarLeft li { background: #fff; height: 45px; line-height: 45px; box-sizing: border-box; padding: 0 10px; min-width: 80px; text-align: center; cursor: pointer; color: #000; } #topbarLeft li a { font-size: 13px; text-transform: uppercase; font-weight: 600; } body:not(.iosMobile) #header { padding-top: 90px; } #siteMainmenu #mainMenu .menu.Main { column-gap: 20px; justify-content: flex-start; } #header-search { padding-right: 0; position:relative; } #siteMainmenu #mainMenu a { height: 40px; line-height: 25px; font-size: 14px; padding: 0; font-weight: bold; } #siteMainmenu #mainMenu .menu > li:last-child a { color: #f34723; font-weight: 600; } #siteMainmenu #mainMenu .subMenu ul li a { height: 30px; line-height: 30px; font-size: 10pt; color: #000; } #siteMainmenu #mainMenu .subMenu { min-height: auto; } #header-search #search { height: 35px; box-shadow: none; border: 0; background: transparent; border-bottom: 1px solid #000; border-radius: 0; width: 100%; box-sizing: border-box; } #header-search #search #FormAra { height: 35px; background: transparent; } #header-search #search #FormAra input[type="text"] { width: calc(100% - 40px); height: 35px; font-size: 10pt; padding: 0; background: transparent; } #header-search #search #FormAra button[type="submit"] { width: 35px; height: 35px; background-color: transparent; background-image: url(/Data/EditorFiles/frontend/assets/images/icons/search.svg); background-repeat: no-repeat; background-size: 70%; padding: 0; background-position: right center; } #header-search #live-search-box { width: calc(100% + -10px); box-sizing: border-box; left: 10px; border: 1px solid #ccc; border-top: 0; } #header-search #live-search-box ul { border-top: 1px solid #ccc; box-sizing: border-box; padding: 10px; } #header-search #live-search-box ul li { border: 1px solid #ececec; border-bottom: 0; height: 25px; } #header-search #live-search-box ul li:last-child { border-bottom: 1px solid #ececec; } #header-search #live-search-box ul li.text-title { border: 1px solid #ccc; padding: 0 5px; } #header-search #live-search-box ul li.text-title span { width: auto; margin: auto; height: 25px; padding: 0; line-height: 25px; font-size: 10pt; font-weight: 600; } #header-search #live-search-box ul li a { font-weight: 400; margin: auto; line-height: 25px; padding: 0; font-size: 8pt; text-transform: capitalize; } } @media screen and (max-width: 1000px){ body:not(.iosMobile) #header { padding-top: 90px; } } @media screen and (max-width: 900px){ body:not(.iosMobile) #header { padding-top: 60px; } } @media screen and (max-width: 768px){ body:not(.iosMobile) #header { padding-top: 0px; } #account-content > span.account-login.dn-xs{ display: none; } #hmLinks-favorite > a.fr.btn-light.popupWin.productBtn.favouriteBtn.loginPopupBtn.dn-xs:not(.forMobile){ display: none; } #hmLinks-cart > .forDesktop{ display: none; } #headerRight{ justify-content: flex-end; } #hmLinks-favorite, #hmLinks-cart, #hmLinks-account{ width: 40px; } #hmLinks-cart #cart-content{ display: none; } } /*luckart topHeader responsive Abdullah 24-06-2022*/ /*Abdullah 27-06-2022*/ @media screen and (max-width: 650px) { html.page-member.siparis-uye-giris.luckyart #mainColumn #page-login #login-form .fl.col-12.lfGenel{ display: flex; justify-content: center; align-items: center; gap: 2rem; flex-direction: column; } html.page-member.siparis-uye-giris.luckyart #mainColumn #page-login #login-form .fl.col-12.lfGenel>div{ width: 100%; max-width: 450px; margin: 0 auto; } } html.order.luckyart.order-steps.page-address #myPopupWin{ max-height: 85vh; overflow: hidden; } html.order.luckyart.order-steps.page-address #myPopupWin > .pText{ max-height: calc(85vh - 75px); overflow: auto; } /*Abdullah 27-06-2022*/ /*05-07-2022*/ @media screen and (min-width: 900px) { .product-list-page div#content > .inner{ width: 100%; max-width: 1300px; } .luckyart .inner, #footer .inner { width: 100%; max-width: 1300px; } } @media screen and (max-width: 1100px) and (min-width: 900px) { .product-list-page #product-list-view-box + #product-list-filter-box, .product-list-page #product-list-view-box{ width: auto; } } @media screen and (max-width: 900px) { .product-list-page #product-list-view-box{ display: none; } .cart-page #cart-qty{ display: flex; align-items: stretch; width: 90px; margin-right: 20px; } .cart-page #cart-qty input{ height: 30px !important; } .cart-page #cart-qty a p{ width: 26px; } .cart-page #cart-qty.qtyBtns a p.icon-minus:before{ font-size: 3px; } .cart-page #cart-qty.qtyBtns a p.icon-plus:before { font-size: 13px; } .cart-page #cartM-productDelete .action-text { background-size: 25px; } } /*05-07-2022*/ /*01-08-2022*/ .slide-wrapper > .sliderMain.fl > ul.slideList.fl.fade > li > a{ width: 100%; } /*01-08-2022*//**/