@charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;900&display=swap"); html, body { font-family: "Montserrat", sans-serif; color: #888; font-weight: 300; background-color: #fafaff; } h1, h2, h3, h4 { color: #000; font-weight: 300; text-transform: uppercase; } h2 { font-size: 1.3rem; font-weight: 500; } h3 { font-size: 1rem; font-weight: 500; } .wrapper { width: 100%; max-width: 1550px; margin-left: auto; margin-right: auto; padding: 0 15px; } .wrapper.wrapper-s { max-width: 1300px; } .rounded { border-radius: 15px !important; } .rounded-s { border-radius: 5px !important; } .dropdown.search-dropdown .dropdown-menu { width: 260px; } .dropdown-item { text-transform: none; font-size: .85rem; color: #666; font-weight: 500; } .dropdown-menu { min-width: 100%; text-align: center; } .dropdown-menu .dropdown-item { text-align: left; padding: 10px 15px; color: #222; } .dropdown-menu .dropdown-item i { color: #949fa7; margin-right: 0.5rem; } .mt-6 { margin-top: 4em; } .mb-6 { margin-bottom: 4em; } .bg-primary { background-color: #ff5000 !important; } .bg-secondary { background-color: #949fa7 !important; } .btn { padding: 15px 30px; border-radius: 5px; color: #fff; letter-spacing: 2px; text-transform: uppercase; font-size: 0.8rem; font-weight: 500; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .btn::after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-radius: 5px; } .btn.btn-primary { background-color: #ff5000; border: 0; z-index: 2; position: relative; } .btn.btn-primary:hover { color: #fff; } .btn.btn-primary:hover:after { height: 100%; } .btn.btn-primary::before, .btn.btn-primary::after { background-color: #949fa7; content: ""; position: absolute; z-index: -1; } .btn.btn-primary::after { height: 0; left: 0; top: 0; width: 100%; } .btn.btn-secondary { background-color: #949fa7; border: 0; color: #fff; } .btn.btn-outline-secondary { background-color: transparent; border: 1px solid #949fa7; color: #34383c; z-index: 2; position: relative; } .btn.btn-outline-secondary:hover { color: #fff; } .btn.btn-outline-secondary:hover:after { height: 100%; } .btn.btn-outline-secondary::before, .btn.btn-outline-secondary::after { background: #949fa7; content: ""; position: absolute; z-index: -1; } .btn.btn-outline-secondary::after { height: 0; left: 0; top: 0; width: 100%; } .btn.btn-light { background-color: #fff; color: #222; border: 0; z-index: 2; position: relative; } .btn.btn-light:hover { color: #fff; } .btn.btn-light:hover:after { height: 100%; } .btn.btn-light::before, .btn.btn-light::after { background: #34383c; content: ""; position: absolute; z-index: -1; } .btn.btn-light::after { height: 0; left: 0; top: 0; width: 100%; } .form-control { padding: 25px 30px; border: 1px solid #949fa7; border-radius: 5px; } .map { width: 100%; height: 400px; } header .top-bar { background-color: transparent; padding-top: 15px; padding-bottom: 15px; color: #111; font-size: 0.9rem; font-weight: 500; border-bottom: 1px solid #ccc; } header .top-bar .top-bar-left-nav { margin-right: 1.5em; } header .top-bar .top-bar-right-nav .nav .nav-link { color: #111; padding-top: 0; padding-bottom: 0; } header .top-bar .socials .social-icons { color: #111; font-size: 1.3rem; margin-right: 0.5em; font-weight: 200; } header .middle-area { padding-top: 15px; padding-bottom: 15px; } header .middle-area .logo { width: 250px; max-width: 100%; } header .middle-area .navbar { padding: 0px; background: transparent; } header .middle-area .navbar .nav-item { padding: 5px 5px; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; } header .middle-area .navbar .nav-item .dropdown-menu { min-width: 100%; text-align: center; } header .middle-area .navbar .nav-item .nav-link { font-size: 0.9rem; color: #222; } header .middle-area .navbar .nav-item .nav-link i.fa { margin-left: 10px; } header .middle-area .navbar .nav-item .nav-link i.fa.float-right { font-size: 1.2rem; } header .middle-area .navbar .navbar-text { margin-left: 20px; } header .middle-area .navbar .navbar-text .btn-primary { color: #fff; } header .middle-area .navbar .navbar-text .btn-primary.search-icon { background-color: #949fa7; } header .bottom-bar { border-top: 1px solid #e9e9e9; } .dropdown .dropdown-menu { background-color: #fff; border: 0; border-radius: 0; } .breadcrumb { background-color: #949fa7; color: #fff; } .breadcrumb a { color: #fff; } .breadcrumb .breadcrumb-item.active { color: #fff; } @media (max-width: 768px) { header #arama-form .form-control { max-width: 100%; width: 100%; margin-top: 1em; } } .dropdown-submenu { position: relative; padding: 0; } .dropdown-submenu .dropdown-item-toggle { margin-right: 5px; } .dropdown-submenu .dropdown-item-toggle::after { position: absolute; right: 7px; content: "▸"; color: #aaa; margin-left: 0.5rem; } .dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-top: -1px; } .dropdown-submenu:hover > div.dropdown-menu { display: block; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #ff5000; } #minimal-bootstrap-carousel { margin-top: 0px; position: relative; } #minimal-bootstrap-carousel .carousel-caption { position: absolute; top: 0; right: 0; left: 0; bottom: 0; padding: 0; text-align: right; text-shadow: none; } #minimal-bootstrap-carousel .carousel-caption .container { display: table; width: 100%; height: 100%; max-width: 1140px; margin-left: auto; margin-right: auto; text-align: center; } @media (max-width: 1199px) { #minimal-bootstrap-carousel .carousel-caption .container { max-width: 960px; } } @media (max-width: 991px) { #minimal-bootstrap-carousel .carousel-caption .container { max-width: 720px; } } #minimal-bootstrap-carousel .carousel-caption .container .box { display: table-cell; text-align: left; } #minimal-bootstrap-carousel .carousel-caption .container .box.valign-top { vertical-align: top; } #minimal-bootstrap-carousel .carousel-caption .container .box.valign-bottom { vertical-align: bottom; } #minimal-bootstrap-carousel .carousel-caption .container .box.valign-middle { vertical-align: middle; } #minimal-bootstrap-carousel .carousel-caption .container .box .content { display: block; } #minimal-bootstrap-carousel [class*=carousel-control] { background: none; width: 50px; height: 50px; font-size: 36px; line-height: 48px; color: #fff; background-color: transparent; visibility: visible !important; opacity: 1; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 99; } @media (max-width: 667px) { #minimal-bootstrap-carousel [class*=carousel-control] { width: 30px; height: 30px; font-size: 15px; line-height: 30px; } } @media (max-width: 480px) { #minimal-bootstrap-carousel [class*=carousel-control] { width: 40px; height: 40px; font-size: 17px; line-height: 40px; background: rgba(255, 255, 255, 0.4); color: #000; } } #minimal-bootstrap-carousel .carousel-control-prev { left: 1%; border-radius: 5px; } #minimal-bootstrap-carousel .carousel-control-next { right: 1%; border-radius: 5px; } #minimal-bootstrap-carousel [class*=carousel-control]:hover { opacity: 1; background: #fff; color: #222; } /* fixing slider height */ #minimal-bootstrap-carousel.slider-home-one .carousel-inner .carousel-item { height: 500px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: #fff; border-radius: 3px; } .slider-content-style .content { text-align: center; position: relative; z-index: 999; } .slider-content-style .content h3, .slider-content-style .content h2, .slider-content-style .content p { margin: 0; } .slider-content-style .content h3 { color: #fff; font-size: 40px; line-height: 1em; font-weight: 900; letter-spacing: 4px; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .slider-content-style .content p { font-weight: 500; color: #FFFFFF; letter-spacing: 0.15em; margin-top: 20px; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; margin-bottom: 20px; } .slider-bottom-bar { background-color: #fff; border-radius: 5px; margin-top: -35px; z-index: 1005; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.01); position: relative; display: table; margin-left: auto; margin-right: auto; padding: 15px; } .slider-bottom-bar .navbar { padding: 0px; background: transparent; } .slider-bottom-bar .navbar .navbar-toggler { width: 100%; margin-bottom: 1em; } .slider-bottom-bar .navbar .navbar-toggler.collapsed { margin-bottom: 0; } .slider-bottom-bar .navbar .nav-item { padding: 5px 5px; border-radius: 5px; text-transform: uppercase; font-weight: 500; margin-right: 0px; } .slider-bottom-bar .navbar .nav-item:hover { background-color: #fafaff; } .slider-bottom-bar .navbar .nav-item.active { background-color: #34383c; min-width: 250px; } .slider-bottom-bar .navbar .nav-item.active .dropdown-menu { min-width: 100%; text-align: center; } .slider-bottom-bar .navbar .nav-item.active:hover { background-color: #949fa7; } .slider-bottom-bar .navbar .nav-item.active .nav-link { color: #fff; } .slider-bottom-bar .navbar .nav-item.active .nav-link i.fa { margin-right: 5px; color: #fff; } .slider-bottom-bar .navbar .nav-item.active .nav-link i.fa.float-right { font-size: 1.2rem; } .slider-bottom-bar .navbar .nav-item.active .nav-link:hover i.fa { color: #fff; } .slider-bottom-bar .navbar .nav-item .nav-link { font-size: 0.9rem; color: #222; } .slider-bottom-bar .navbar .nav-item .nav-link i.fa { margin-right: 5px; color: #ccc; } .slider-bottom-bar .navbar .nav-item .nav-link:hover i.fa { color: #ff5000; } .gallery-item { position: relative; margin: auto; overflow: hidden; } .gallery-item .gallery-item-overlay { background: rgba(0, 0, 0, 0); position: absolute; height: 100%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .gallery-item-image { width: 100%; height: 200px; object-fit: cover; } .gallery-item-details { position: absolute; padding-left: 0em; padding-right: 1em; width: 100%; top: 50%; left: 50%; opacity: 1; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .gallery-item:hover .gallery-item-details { top: 80%; left: 50%; opacity: 1; } .gallery-item-details h3 { margin-bottom: 0.5em; background:rgba(255,255,255, 0.8); padding: 10px; display: table; border-radius: 0px 4px 4px 0px; color: #222; } .gallery-item-details h3:hover{ background:rgba(255,255,255, 0.9); } .gallery-item:hover .gallery-item-details p { opacity: 1; padding-left: 0.5em; } .gallery-item-details p { color: #fff; opacity: 0; } .fadeIn-bottom { top: 90%; } .fadeIn-top { top: 20%; } .fadeIn-left { left: 20%; } .fadeIn-right { left: 80%; } section { margin-top: 2em; margin-bottom: 2em; } section.gallery .gallery-item { margin-bottom: 1em; } section .section-title { margin-bottom: 2em; } .carousel-wrap { margin: 90px auto; padding: 0 5%; width: 80%; position: relative; } /* fix blank or flashing items on carousel */ .owl-carousel .item { position: relative; z-index: 100; -webkit-backface-visibility: hidden; } /* end fix */ .owl-nav > div { margin-top: -26px; position: absolute; top: 50%; color: #cdcbcd; } .owl-nav i { font-size: 52px; } .owl-nav .owl-prev { left: -30px; } .owl-nav .owl-next { right: -30px; } .hierarchy-bar { background-color: #949fa7; color: #fff; text-align: center; text-transform: uppercase; padding: 1em 0; margin-bottom: 2em; letter-spacing: 4px; font-size: 0.8rem; } .hierarchy-bar h1 { font-size: 0.8rem; color: #fff; display: inline; font-weight: 600; } .promotion-band .cover { padding: 150px 50px; background-size: cover; background-position: center; color: #fff; border-radius: 15px; } .promotion-band .cover.wo-text { padding-top: 250px; padding-bottom: 250px; } .promotion-band h2 { color: #fff; } .about-us .col-6 { margin-top: 3em; margin-bottom: 3em; } .why-us { margin-top: 3em; margin-bottom: 3em; } .why-us .col-4 { margin-top: 3em; margin-bottom: 3em; } .badge.badge-primary { background-color: #ff5000; } .badge.badge-secondary { background-color: #949fa7; } .video-area .video { width: 100%; height: 400px; } .sss { margin-top: 4em; margin-bottom: 4em; } .faq-nav { flex-direction: column; margin: 0 0 32px; border-radius: 2px; border: 1px solid #ddd; } .faq-nav .nav-link { position: relative; display: block; margin: 0; padding: 13px 16px; background-color: #fff; border: 0; border-bottom: 1px solid #ddd; border-radius: 0; color: #616161; transition: background-color 0.2s ease; } .faq-nav .nav-link:hover { background-color: #f6f6f6; } .faq-nav .nav-link.active { background-color: #f6f6f6; font-weight: 400; color: rgba(0, 0, 0, 0.87); } .faq-nav .nav-link:last-of-type { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-bottom: 0; } .faq-nav .nav-link i.mdi { margin-right: 5px; font-size: 18px; position: relative; } .tab-content .card { border-radius: 0; } .tab-content .card-header { padding: 15px 16px; border-radius: 0; background-color: #f6f6f6; } .tab-content .card-header h5 { margin: 0; } .tab-content .card-header h5 button { display: block; width: 100%; padding: 0; border: 0; font-weight: 400; color: rgba(0, 0, 0, 0.87); text-align: left; white-space: normal; } .tab-content .card-header h5 button:hover, .tab-content .card-header h5 button:focus, .tab-content .card-header h5 button:active, .tab-content .card-header h5 button:hover:active { text-decoration: none; } .tab-content .card-body p { color: #616161; } .tab-content .card-body p:last-of-type { margin: 0; } .accordion > .card:not(:first-child) { border-top: 0; } .collapse.show .card-body { border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .index-cats .row .col-md-3 { padding-left: 5px; padding-right: 5px; } .product-single .cover { padding-top: 100%; width: 100%; background-size: cover; background-position: center; margin-bottom: 1em; } .product-single .details { text-align: center; } .filter-list .filter-single { padding: 35px; border-radius: 15px; background-color: #fff; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.01); margin-bottom: 2em; } .filter-list .list-group a { color: #222; } .filter-list .list-group a:hover { text-decoration: none; color: #000; } .filter-list .list-group .list-group-item { border: 0; } .filter-list .list-group.list-colors .color-box { background-color: #fafaff; width: 20px; height: 20px; border-radius: 0; float: left; } .filter-list .list-group.list-colors .color-box.pantone { background-image: url(../images/pantone.svg); } .filter-list .list-group.list-colors .color-box.red { background-color: #bd0000; } .filter-list .list-group.list-colors .color-box.blue { background-color: #0076bd; } .filter-list .list-group.list-colors .color-box.purple { background-color: #86176a; } .filter-list .list-group.list-colors .color-box.black { background-color: #222; } .category-inside { margin-top: 4em; margin-bottom: 4em; } .product-inside, .alt-products { margin-bottom: 3em; } .cover { background-size: 75%; background-repeat: no-repeat; background-position: center; padding-top: 100%; background-color: #fff; } .small-cover { background-color: #fff; background-size: 75%; background-repeat: no-repeat; background-position: center; border: 1px solid #e8e8ee; padding-top: 100%; } .carousel-indicators { position: static; margin-right: -15px; margin-left: -15px; } .carousel-inner { border: 1px solid #e8e8ee; margin-bottom: 1em; } .blog-single .cover { padding-top: 100%; width: 100%; background-size: cover; background-position: center; margin-bottom: 1em; } .blog-single .details { text-align: center; } .blog-category-inside { margin-top: 4em; margin-bottom: 4em; } .blog-inside, .alt-blogs { margin-bottom: 3em; margin-top: 3em; } footer { background-color: #24282f; padding-top: 3em; margin-top: 0; } footer a, footer a:hover, footer a:focus { color: #fff; } footer p { color: #9499a3; } footer .h5 { color: #fff; } footer .logo { margin-bottom: 1em; } footer ul li a { color: #9499a3; } footer ul li a:hover { color: #fff; text-decoration: none; } footer .copyright { color: #fff; font-size: 0.8rem; margin-top: 2em; padding-top: 2em; padding-bottom: 2em; background: #1e2128; } footer .copyright .social-icons { color: #fff; font-size: 1.3rem; margin-right: 0.5em; font-weight: 200; margin-bottom: 0.3em; } .has-search .form-control { padding-left: 2.375rem; margin-bottom:0; } .has-search span { font-size:18px; } .has-search .form-control-feedback { position: absolute; z-index: 2; display: block; width: 2.375rem; height: 2.375rem; line-height: 2.375rem; text-align: center; pointer-events: none; color: #aaa; } .notify-badge{ position: absolute; left:10px; top:10px; background:#dc3545; text-align: center; border-radius: 5px 5px 5px 5px; color:white; padding:5px 10px; font-size:13px; font-weight:400; } #goToTop { position: fixed; bottom: 120px; top: auto !important; cursor: pointer; background-color: #ff5500; color: #ffffff; display: inline-block; text-align: center; width: 40px; height: 40px; line-height: 45px; z-index: 99999; border-radius: 4px; opacity: 1; right: 50px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-transform: scale(scale(1)); -ms-transform: scale(scale(1)); -o-transform: scale(scale(1)); transform: scale(scale(1)); } @media screen and (max-width: 767px) { #goToTop { bottom:135px; right:25px; } .notify-badge{ left:5px; padding:2px 5px; font-size:9px; } .card .price{ font-size:11px !important; } } .card:hover{ box-shadow: 0 0 15px rgba(0,0,0,.15); -webkit-box-shadow: 0 0 15px rgba(0,0,0,.15); } .card-img-top{ padding:3px; } .urunfarklisecenek{ position: absolute; bottom:5px; text-align: center; font-size:13px; font-weight:400; width:100%; } .urunbuttonbar{ position: absolute; bottom:18px; text-align: center; width:100%; } #goToTop:hover { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); } #goToTop.hidden-top { bottom: -100px; opacity: 0; -webkit-transform: scale(scale(0)); -ms-transform: scale(scale(0)); -o-transform: scale(scale(0)); transform: scale(scale(0)); } #goToTop span { display: block; } #goToTop span:before { content: '\f102'; display: inline-block; font-family: FontAwesome; font-synthesis: weight style; line-height: 1; color: #fff; text-align: center; font-size: 22px; -webkit-animation-name: hvr-bob-float, hvr-bob; animation-name: hvr-bob-float, hvr-bob; -webkit-animation-duration: .3s, 1s; animation-duration: .3s, 1s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } @-webkit-keyframes hvr-bob { 0% { -webkit-transform: translateY(4px); transform: translateY(4px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-bob { 0% { -webkit-transform: translateY(4px); transform: translateY(4px); } 50% { -webkit-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(4px); transform: translateY(4px); } } .gallery-item-image{ height:auto !important; } #minimal-bootstrap-carousel.slider-home-one .carousel-inner .carousel-item{ height:auto; } .related-products .products-listing.grid{ margin:0 -10px } .related-products .products-listing.grid .product-item{ padding:0 10px } .related-products .owl-nav button.owl-next,.related-products .owl-nav button.owl-prev{ top:-65px; position:absolute; height:30px; width:30px; line-height:28px; border:none; opacity:1; background:#c1c1c1; font-size:18px; margin:0; padding:0; color:#fff; text-align:center; -webkit-transition:all .2s ease-in-out 0s; -moz-transition:all .2s ease-in-out 0s; -ms-transition:all .2s ease-in-out 0s; -o-transition:all .2s ease-in-out 0s; transition:all .2s ease-in-out 0s } @media (max-width:568px){ .related-products .owl-nav button.owl-next,.related-products .owl-nav button.owl-prev{ top:-55px; height:24px; width:24px; line-height:24px } } .related-products .owl-nav button.owl-next:before,.related-products .owl-nav button.owl-prev:before{ display:none } .related-products .owl-nav button.owl-next:hover,.related-products .owl-nav button.owl-prev:hover{ background-color:#f50; color:#fff; } .related-products .owl-nav button.owl-prev{ left:auto; right:32px } .related-products .owl-nav button.owl-prev:hover{ background-position:0 0 } .related-products .owl-nav button.owl-next{ left:auto; right:0 } .related-products .owl-nav button.owl-next{ right:10px; border:1px solid #eee !important; border-left:none !important; } .related-products .owl-nav button.owl-prev{ right:42px; border:1px solid #eee !important; border-right:none !important; } .related-products .detail-title{ position:relative; border-bottom:2px solid #f7f7f7; margin-bottom:30px } @media (max-width:767px){ .related-products .detail-title{ margin-bottom:20px } } .related-products .detail-title strong{ display:inline-block; font-size:16px; text-transform:uppercase; position:relative; color:#222; padding-bottom:10px } @media (min-width:1200px){ .related-products .detail-title strong{ font-size:18px } } .related-products .detail-title strong:before{ content:""; background:#f50; height:2px; width:100%; position:absolute; top:auto; left:0; right:0; bottom:-2px } .owl-nav i{ font-size:18px !important; } .products-listing .button-link{ margin-top:10px } .products-listing .button-link .disabled{ cursor:not-allowed } .products-listing .button-link .btn_sold_out,.products-listing .button-link>div{ background:0 0; float:none; margin:0 1px; display:inline-block; border:1px solid #ddd; height:30px; line-height:26px; text-align:center; width:30px } .products-listing .button-link .btn_sold_out.add-to-cart,.products-listing .button-link .btn_sold_out.btn_sold_out,.products-listing .button-link .btn_sold_out.option,.products-listing .button-link>div.add-to-cart,.products-listing .button-link>div.btn_sold_out,.products-listing .button-link>div.option{ width:auto; padding:0 10px } .products-listing .button-link .btn_sold_out.add-to-cart .fa,.products-listing .button-link .btn_sold_out.btn_sold_out .fa,.products-listing .button-link .btn_sold_out.option .fa,.products-listing .button-link>div.add-to-cart .fa,.products-listing .button-link>div.btn_sold_out .fa,.products-listing .button-link>div.option .fa{ margin-right:5px } .products-listing .button-link .btn_sold_out i,.products-listing .button-link>div i{ color:#7d7d7d; font-size:14px } .products-listing .button-link .btn_sold_out:hover,.products-listing .button-link>div:hover{ border-color:#f50 } .products-listing .button-link .btn_sold_out:hover.add-to-cart,.products-listing .button-link>div:hover.add-to-cart{ background:#f50 } .products-listing .button-link .btn_sold_out:hover.add-to-cart i,.products-listing .button-link>div:hover.add-to-cart i{ color:#fff } .products-listing .button-link .btn_sold_out:hover i,.products-listing .button-link>div:hover i{ color:#f50 } .products-listing .button-link .btn_sold_out:hover span,.products-listing .button-link>div:hover span{ color:#fff } .products-listing .button-link .btn_sold_out span,.products-listing .button-link>div span{ text-transform:uppercase; color:#666; font-weight:700; font-size:12px } .products-listing .button-link .btn_sold_out .wishlistForm .btn,.products-listing .button-link>div .wishlistForm .btn{ background:0 0; border:none; padding:0 } a#urundetay_button:hover{ text-decoration: none; } .card .price{ color: #fff; background: #009de1; font-size: 16px; padding: 2px 6px 2px 8px; border: 1px solid rgba(0,0,0,0.08); border-radius: 3px 3px 3px 3px; position: absolute; top: 25px; right: 5px; margin-top:10px; } .card .price span{ font-weight: 400; text-decoration: line-through; opacity: 0.5; } .card .price:before{ background: #fff; width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 8px; left: 7px; } .card .price.fixed{ top: -4px; } .card .price-red{ background: #b71540 !important; } .urunkart{ padding-left:0 !important; padding-right:5px !important; } .urunkart .card{ min-height:480px !important; } @media screen and (max-width: 767px) { .urunkart .card{ min-height:440px !important; } } /* Solid Social Share Buttons */ .modal .btn { border-radius:0 !important; font-size:1 rem; } .btn-social, .btn-social:visited, .btn-social:focus, .btn-social:hover, .btn-social:active { color: #ffffff; text-decoration: none; transition: opacity .15s ease-in-out; width: 61px; height: 61px; } .btn-social:hover,.btn-social:active { opacity: .75; } .btn-fb { background-color: #3b5998; } .btn-fb i{ margin-top:5px; } .btn-tw { background-color: #1da1f2; } .btn-tw i{ margin-top:5px; } .btn-in { background-color: #0077b5; } .btn-in i{ margin-top:5px; } .btn-gp { background-color: #db4437; } .btn-rd { background-color: #ff4500; } .btn-hn { background-color: #ff4000; } .btn-wp{ background-color: #1dd442; } .btn-wp i{ margin-top:5px; } .btn-reddit { background: #f73e18; } .btn-reddit i{ margin-top:5px; } .btn-telegram{ background-color:#2AA5E0; } .btn-telegram i{ margin-top:5px; } .btn-pinterest{ background-color:#cb2027; } .btn-pinterest i{ margin-top:5px; } .btn-eposta{ background-color:#7d7d7d; } .btn-eposta i{ margin-top:5px; } .product-single .product-media{ position:relative } .product-single .product-media .thumb{ border:1px solid #ebebeb; padding:2px } .product-single .product-media .slick-slide img{ margin:0 auto } .product-single .product-media .slick-list{ overflow:hidden } .product-single .product-media .slick-list .item.slick-current a{ border-color:#f50 } .product-single .product-media .slick-list .item a{ display:block; border:1px solid #ebebeb; overflow:hidden } .product-single .product-media .slick-list .item a:hover{ border-color:#f50 } .product-single .product-media.thumbnais-bottom .product-photo-container{ margin-bottom:15px } @media (min-width:1200px){ .product-single .product-media.thumbnais-bottom .slider-nav:hover .slick-arrow{ opacity:1; visibility:visible } .product-single .product-media.thumbnais-bottom .slider-nav:hover .slick-arrow.slick-next{ right:-18px } .product-single .product-media.thumbnais-bottom .slider-nav:hover .slick-arrow.slick-prev{ left:-18px } } .product-single .product-media.thumbnais-bottom .slider-nav .slick-list{ margin:0 -5px } .product-single .product-media.thumbnais-bottom .slider-nav .slick-slide{ padding:0 5px; text-align:center } .product-single .product-media.thumbnais-bottom .slider-nav .slick-arrow{ display:block; padding:0; border:0; width:auto; height:auto; line-height:30px; position:absolute; background:0 0; z-index:99; top:50%; margin-top:-18px; outline:0; cursor:pointer; background:#999; color:#fff; width:30px; height:30px; font-size:14px; text-align:center; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease } @media (min-width:1200px){ .product-single .product-media.thumbnais-bottom .slider-nav .slick-arrow{ opacity:0; visibility:hidden } } .product-single .product-media.thumbnais-bottom .slider-nav .slick-arrow:hover{ background:#f50 } .product-single .product-media.thumbnais-bottom .slider-nav .slick-arrow.slick-next{ right:0 } @media (min-width:1200px){ .product-single .product-media.thumbnais-bottom .slider-nav .slick-arrow.slick-next{ right:10px } } .product-single .product-media.thumbnais-bottom .slider-nav .slick-arrow.slick-prev{ left:0 } @media (min-width:1200px){ .product-single .product-media.thumbnais-bottom .slider-nav .slick-arrow.slick-prev{ left:10px } } .product-single .product-media.thumbnais-left,.product-single .product-media.thumbnais-right{ position:relative } .product-single .product-media.thumbnais-left .slick-arrow,.product-single .product-media.thumbnais-right .slick-arrow{ text-align:center; font-size:25px; cursor:pointer } .product-single .product-media.thumbnais-left .product-photo-container,.product-single .product-media.thumbnais-right .product-photo-container{ float:left; width:calc(100% - 112px) } @media (max-width:568px){ .product-single .product-media.thumbnais-left .product-photo-container,.product-single .product-media.thumbnais-right .product-photo-container{ width:calc(100% - 92px) } } .product-single .product-media.thumbnais-left .slick-vertical,.product-single .product-media.thumbnais-right .slick-vertical{ width:98px; height:100%; position:absolute; top:0 } @media (max-width:568px){ .product-single .product-media.thumbnais-left .slick-vertical,.product-single .product-media.thumbnais-right .slick-vertical{ width:80px } } .product-single .product-media.thumbnais-left .slick-vertical .item,.product-single .product-media.thumbnais-right .slick-vertical .item{ padding:5px 0 } .product-single .product-media.thumbnais-left .product-photo-container{ float:right } .product-single .product-media.thumbnais-left .slick-vertical{ left:0; right:auto } .product-single .product-media.thumbnais-right .product-photo-container{ float:left } .product-single .product-media.thumbnais-right .slick-vertical{ left:auto; right:0 } .product-single img { max-width: 100%; height: auto; border: 0; } nav { margin-left: auto; margin-right: auto; max-width:1550px; padding: 0 25px; } .breadcrumb{ border-radius:0px; font-weight:300; } .breadcrumb-item + .breadcrumb-item::before{ color:#fff; } @media (max-width: 480px){ .breadcrumb{ font-size:12px !important; } nav{ padding:0 } } .card img{ padding-top:40px; width:90%; } .ui-autocomplete { max-height: 300px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; } .ui-autocomplete .ui-menu-item { margin-bottom:5px; border-bottom:1px solid #ccc; } .ui-autocomplete .ui-menu-item img{ margin:5px; } .ui-autocomplete .ui-state-active{ background:white; border:0; color:#ff5000; } .ui-autocomplete .ui-menu-item:hover{ background:#eee; } .ui-autocomplete .ui-menu-item:hover > a{ background:#eee; } /* IE 6 doesn't support max-height * we use height instead, but this forces the menu to always be this tall */ * html .ui-autocomplete { height: 100px; } .float{ position:fixed; width:60px; height:60px; bottom:40px; right:40px; background-color:#25d366; color:#FFF; border-radius:50px; text-align:center; font-size:30px; box-shadow: 2px 2px 3px #999; z-index:99999999; } @media screen and (max-width: 767px) { .float { bottom:65px; right:15px; } } .my-float{ margin-top:16px; } .my-float:hover{ opacity:0.6; } .label-container{ position:fixed; bottom:48px; right:105px; display:table; visibility: hidden; } .label-container-top-right{ position:fixed; top:14px; right:90px; display:table; visibility: hidden; } .label-container-top-left{ position:fixed; top:34px; left:90px; display:table; visibility: hidden; } .label-container-top-center{ position:fixed; top:34px; left:45%; display:table; visibility: hidden; } .label-container-bottom-left{ position:fixed; bottom:35px; left:90px; display:table; visibility: hidden; } .label-container-bottom-center{ position:fixed; bottom:35px; left:45%; display:table; visibility: hidden; } .label-container-left{ top:47.5%; position:fixed; bottom:30px; left:85px; display:table; visibility: hidden; } .label-container-right{ top:47.5%; position:fixed; bottom:30px; right:85px; display:table; visibility: hidden; } .label-container-center{ position:fixed; bottom:46%; left:51.5%; display:table; visibility: hidden; } .label-text{ color:#FFF; background:rgba(51,51,51,0.5); display:table-cell; vertical-align:middle; padding:10px; border-radius:3px; } .label-arrow{ display:table-cell; vertical-align:middle; color:#333; opacity:0.5; } a.float + div.label-container { visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s ease; } a.float:hover + div.label-container{ visibility: visible; opacity: 1; } .nav { position: fixed; bottom: 0; width: 100%; height: 55px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); background-color: #ffffff; display: flex; overflow-x: auto; z-index:9999999999; } .nav__link { display: flex; flex-direction: column; align-items: center; justify-content: center; flex-grow: 1; min-width: 50px; overflow: hidden; white-space: nowrap; font-family: sans-serif; font-size: 13px; color: #ff5000; text-decoration: none; -webkit-tap-highlight-color: transparent; transition: background-color 0.1s ease-in-out; } .nav__link:hover { background-color: transparent; color:#ff5000; text-decoration:none; } .nav__link:active{ background-color: #eeeeee; } .nav__link i { font-size: 18px; } .navbar { padding: 0; } .mega-menu { display: table; padding: 15px 0; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mega-menu ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } .navbar .navbar-nav li.dropdown-mega-menu { position: static; } .navbar .navbar-nav li.dropdown-mega-menu .dropdown-menu { right: 0; padding-left: 0; padding-right: 0; } .mega-menu-col { border-right: 1px solid #ddd; padding: 0; } .mega-menu-col:last-child { border-right: 0 !important; } .dropdown-menu li a i { font-size: 12px; display: inline-block; vertical-align: middle; } .dropdown-menu #altkategori_ul{ background-color: #f8f9f9; } .dropdown-item.active, .dropdown-item:active{ background-color:transparent; } .dropdown-menu .nav_item{ padding-bottom:0px; } .dropdown-toggle::after, .dropdown-toggler::after { border: 0 none; content: "\f104"; font-family: FontAwesome; margin-left: 5px; vertical-align: middle; } .dropdown-toggler::after { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .dropdown-menu .dropdown-toggler::after { position: absolute; right: 15px; } #navCatContent li { list-style: none; } #navCatContent ul, #navCatContent li #navCatContent ol{ padding:0; margin:0; } #navCatContent { background-color: #fff; position: absolute; padding: 5px 0px 0; top: 100%; width: 100%; left: 0; right: 0; box-shadow: 0px 5px 10px rgba(0,0,0,0.1); z-index: 9999; } .nav_cat { display: block; height: auto !important; } .nav_cat.collapse:not(.show) { display: block; } #navCatContent ul { width: 100%; } #navCatContent li a { text-transform: capitalize; font-size: 14px; } #navCatContent li a i { font-size: 12px; vertical-align: middle; margin-right: 5px; line-height: 30px; } #navCatContent li a span { vertical-align: middle; } #navCatContent li a:hover { color: #FF324D; } #navCatContent li a.dropdown-toggler::after { position: absolute; right: 15px; } #navCatContent ul li .dropdown-menu { left: 100%; top: 0; margin: 0; border: 0; min-width: 800px; width: 100%; right: 0; box-shadow: 10px 16px 49px 0px rgba(38,42,46,0.05); border-radius: 0; padding: 0; } #navCatContent ul li .dropdown-menu .dropdown-header { color: #333; padding: 10px 15px; text-transform: uppercase; font-weight: bold; } #navCatContent .mega-menu-col { border: 0; } .more_categories { padding: 12px 15px; display: block; font-size: 16px; color: #FF324D; border-top: 1px solid #ddd; margin-top: 5px; position: relative; cursor: pointer; width: 100%; } .more_categories::before { content: "\ec36"; position: absolute; right: 15px; top: 50%; font-family: Linearicons; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .more_categories.show::before { content: "\ec37"; } /* ------------------------------------------------- max-width: 1199px ---------------------------------------------------*/ @media only screen and (max-width: 1199px) { #navCatContent { padding: 0; } #navCatContent li a i { font-size: 12px; line-height: 28px; } .more_categories { padding: 10px 15px; margin-top: 0; } #navCatContent ul li .dropdown-menu { min-width: 750px; } } /* ------------------------------------------------- min-width: 992px ---------------------------------------------------*/ @media only screen and (min-width: 992px) { .navbar-toggler { display: none; } .navbar .navbar-nav li > .dropdown-menu, #navCatContent ul > li .dropdown-menu { display: block; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; margin-top: 20px; pointer-events: none; } .navbar .navbar-nav li:hover > .dropdown-menu, #navCatContent ul > li:hover .dropdown-menu { display: block; opacity: 1; visibility: visible; margin-top: 0px; pointer-events: auto; } } /* ------------------------------------------------- max-width: 991px ---------------------------------------------------*/ @media only screen and (max-width: 991px) { #navCatContent { position: fixed; left: -280px; top: 0; bottom: 0; display: block; max-width: 270px; overflow-y: auto; transition: all 0.3s ease-in-out; max-height: calc(100vh - 4.3rem); } #navCatContent.show { left: 0; } #navCatContent ul li .dropdown-menu { left: 0; top: auto; min-width: auto; position: relative; box-shadow: none; } #navCatContent .mega-menu { padding: 0; } } @media (min-width: 576px) { .modal-dialog { max-width: 400px; } .modal-dialog .modal-content { padding: 1rem; } #davetiye{ max-width:400px; max-height:90% !important; } } #davetiye{ max-width:100%; } /*# sourceMappingURL=main.css.map */ @media (min-width:1200px){ .container{max-width:1550px !important;padding-left:40px;padding-right:25px;} } .load-dahafazla{display:none;} .products-listing .button-link{ margin-top:10px } .products-listing .button-link .disabled{ cursor:not-allowed } .products-listing .button-link .btn_sold_out,.products-listing .button-link>div{ background:0 0; float:none; margin:0 1px; display:inline-block; border:1px solid #ddd; height:30px; line-height:26px; text-align:center; width:30px } .products-listing .button-link .btn_sold_out.add-to-cart,.products-listing .button-link .btn_sold_out.btn_sold_out,.products-listing .button-link .btn_sold_out.option,.products-listing .button-link>div.add-to-cart,.products-listing .button-link>div.btn_sold_out,.products-listing .button-link>div.option{ width:auto; padding:0 10px } .products-listing .button-link .btn_sold_out.add-to-cart .fa,.products-listing .button-link .btn_sold_out.btn_sold_out .fa,.products-listing .button-link .btn_sold_out.option .fa,.products-listing .button-link>div.add-to-cart .fa,.products-listing .button-link>div.btn_sold_out .fa,.products-listing .button-link>div.option .fa{ margin-right:5px } .products-listing .button-link .btn_sold_out i,.products-listing .button-link>div i{ color:#7d7d7d; font-size:14px } .products-listing .button-link .btn_sold_out:hover,.products-listing .button-link>div:hover{ border-color:#f50 } .products-listing .button-link .btn_sold_out:hover.add-to-cart,.products-listing .button-link>div:hover.add-to-cart{ background:#f50 } .products-listing .button-link .btn_sold_out:hover.add-to-cart i,.products-listing .button-link>div:hover.add-to-cart i{ color:#fff } .products-listing .button-link .btn_sold_out:hover i,.products-listing .button-link>div:hover i{ color:#f50 } .products-listing .button-link .btn_sold_out:hover span,.products-listing .button-link>div:hover span{ color:#fff } .products-listing .button-link .btn_sold_out span,.products-listing .button-link>div span{ text-transform:uppercase; color:#666; font-weight:700; font-size:12px } .products-listing .button-link .btn_sold_out .wishlistForm .btn,.products-listing .button-link>div .wishlistForm .btn{ background:0 0; border:none; padding:0 } a#urundetay_button:hover{text-decoration: none;} .card .price{ color: #fff; background: #009de1; font-size: 16px; padding: 2px 6px 2px 8px; border: 1px solid rgba(0,0,0,0.08); border-radius: 3px 3px 3px 3px; position: absolute; top: 25px; right: 5px; margin-top:10px; } .card .price span{ font-weight: 400; text-decoration: line-through; opacity: 0.5; } .card .price:before{ background: #fff; width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 8px; left: 7px; } .card .price.fixed{ top: -4px; } .card .price-red{ background: #b71540 !important; } .urunkart{padding-left:0 !important;padding-right:5px !important;} .urunkart .card{min-height:480px !important;} @media screen and (max-width: 767px) { .urunkart .card{min-height:440px !important;} } .mega-menu { display: table; padding: 15px 0; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mega-menu ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } .navbar .navbar-nav li.dropdown-mega-menu { position: static; } .navbar .navbar-nav li.dropdown-mega-menu .dropdown-menu { right: 0; padding-left: 0; padding-right: 0; } .mega-menu-col { border-right: 1px solid #ddd; padding: 0; } .mega-menu-col:last-child { border-right: 0 !important; } .dropdown-menu li a i { font-size: 12px; display: inline-block; vertical-align: middle; } .dropdown-menu #altkategori_ul{ background-color: #f8f9f9; } .dropdown-item.active, .dropdown-item:active{ background-color:transparent; } .dropdown-menu .nav_item{ padding-bottom:0px; } .dropdown-toggle::after, .dropdown-toggler::after { border: 0 none; content: "\f104"; font-family: FontAwesome; margin-left: 5px; vertical-align: middle; } .dropdown-toggler::after { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .dropdown-menu .dropdown-toggler::after { position: absolute; right: 15px; } #kategoriMenusu li { list-style: none; } #kategoriMenusu ul, #kategoriMenusu li #kategoriMenusu ol{ padding:0; margin:0; } #kategoriMenusu { background-color: #fff; padding: 5px 0px 0; width: 100%; left: 0; right: 0; box-shadow: 0px 5px 10px rgba(0,0,0,0.1); z-index: 9999; height:100% !important; } .nav_cat { display: block; height: auto !important; } .nav_cat.collapse:not(.show) { display: block; } #kategoriMenusu ul { width: 100%; } #kategoriMenusu li a { text-transform: capitalize; font-size: 14px; } #kategoriMenusu li a i { font-size: 12px; vertical-align: middle; margin-right: 5px; line-height: 30px; } #kategoriMenusu li a span { vertical-align: middle; } #kategoriMenusu li a:hover { color: #FF324D; } #kategoriMenusu li a.dropdown-toggler::after { position: absolute; right: 15px; } #kategoriMenusu ul li .dropdown-menu { margin: 0; border: 0; width: 100%; right: 0; border-radius: 0; padding: 0; } #kategoriMenusu ul li .dropdown-menu .dropdown-header { color: #333; padding: 10px 15px; text-transform: uppercase; font-weight: bold; } #kategoriMenusu .mega-menu-col { border: 0; } #kategoriMenusu { padding: 0; } #kategoriMenusu li a i { font-size: 12px; line-height: 28px; } #kategoriMenusu ul li .dropdown-menu { min-width: 750px; } #kategoriMenusu ul li .dropdown-menu { left: 0; top: auto; min-width: auto; position: relative; box-shadow: none; } #kategoriMenusu .mega-menu { padding: 0; } #kategoriMenusu.show { left: 0; } a:hover {text-decoration:none;} a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover { color: #555; text-decoration: none; background-color: #f5f5f5; } .list-group-item{background-color:#f5f5dc;} .list-group-item .title{color:#666;} .habericerik{background-color:#fff;color:#666;} table th{font-weight:400;} #iletisimformu .form-control-sm,#iletisimformu textarea.form-control{padding:.25rem .5rem !important;} #iletisimformu input,textarea{border-radius:0 !important;border:1px solid #ccc !important;} .contact-page-section{margin-top:0;margin-bottom:0;text-align:left;} .contact-page-section .contact-info { position: relative; margin-bottom: 37px; list-style:none; } .contact-page-section .contact-info li{ position: relative; padding-left: 55px; margin-bottom: 30px; } .contact-page-section .contact-info li p{ display: block; font-size: 14px; line-height: 24px; color: #777777; font-weight: 400; margin: 0; } .contact-page-section .contact-info li strong{ display: block; font-size: 16px; line-height: 20px; color: #222222; font-weight: 400; } .contact-page-section .contact-info li .icon{ position: absolute; left: 0; top: 0; height: 40px; width: 40px; text-align: center; font-size: 18px; line-height: 40px; background-color: #1c94d2; color: #ffffff; } .contact-page-section .contact-info li a{ color: #777777; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .contact-page-section .contact-info li a:hover{ color: #f20487; }