@import "fonts.css";
@import "bootstrap.min.css";
html, body {font-family: 'Montserrat', sans-serif;}
body.wait {cursor: wait;}
:root {
    --main-color:#2460AB;
    --main-color-flu: rgba(36,96,171,.8);
}
.swal2-popup {zoom: 1.4;}
.swal2-title {font-weight: 700;color: #000;}
.swal2-html-container {line-height: 125%;}
.swal2-close {outline: none !important;box-shadow: none !important;border: 0 !important;text-shadow: none !important;}
#cerezPopup {position: fixed;left: 50px;bottom: 50px;background: #fff;-webkit-box-shadow: 0px 10px 23px 0px rgb(171 171 171 / 23%);-moz-box-shadow: 0px 10px 23px 0px rgba(171,171,171,0.23);box-shadow: 0px 10px 23px 0px rgb(171 171 171 / 23%);font-size: 16px;color: #000;font-weight: 300;width: 350px;padding: 30px;padding-top:40px;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;border-radius: 20px;z-index: 99999;transition: all .4s;visibility:hidden;opacity: 0;}
#cerezPopup:not(.active) {pointer-events: none;user-select: none;}
#cerezPopup.active {opacity: 1;visibility: visible;}
#cerezPopup a#kabulet {background: #bd2e33;border-radius: 100px;padding: 8px 30px;color: #fff;font-weight: 400;display: inline-block;margin-top: 30px;}
#cerezPopup a#closebutton {position: absolute;top: 15px;right: 10px;z-index: 2;cursor: pointer;}
#cerezPopup a#closebutton svg{height: 15px;}
#whatsapp {position: fixed;bottom: 50px;z-index: 9999;}
#whatsapp.left {left: 50px;}
#whatsapp.right {right: 50px;}
#whatsapp img{max-width: 70px;}
#whatsapp.left img{filter: drop-shadow(-10px 10px 4px rgba(0,0,0,0.1));}
#whatsapp.right img{filter: drop-shadow(10px 10px 4px rgba(0,0,0,0.1));}
.font-nycd {font-family: 'Caveat', cursive;font-size: 45px;}
.table-content{display: table; width: 100%; height: 100%;}
.table-cell-content{display: table-cell; vertical-align: middle; text-align: center;}
.table-content.left{display: table; width: 100%; height: 100%;}
.table-content.left .table-cell-content{display: table-cell; vertical-align: middle; text-align: left;}
.disp-block {display: block !important;}
.m0 {margin: 0 !important;}
.p0 {padding: 0;}
* {outline: none !important;}
.fl-r {float: right;}
.s-margin {margin: auto 60px;}
.df-center {display: flex;align-items: center;}
p.baslik{color: var(--main-color);font-size: 65px;font-family: 'Caveat', cursive;line-height: normal;font-weight: 200;}
p.baslik.small{font-size: 40px !important;}
p.baslik.big{font-size: 135px !important;}
.mt75 {margin-top: 75px !important;}
.mt50 {margin-top: 50px !important;}
.mt30 {margin-top: 30px !important;}
.mobile-visible{display:none;}
.wp-mesaj {position: fixed;bottom: 30px;right: 30px;z-index: 5;}
.wp-mesaj img{max-width: 50px;}
a {text-decoration: none !important;}


.pagination {margin: 50px 0;}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: 10px;
    line-height: 1.42857143;
    color: #b5313c;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 100px !important;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #b5313c;
    border-color: #b5313c;
}





.h-fix {height:1px; min-height: 100%;}
.h-full {height:100%;}
.img-box {width: 100%; position: relative; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; background-color: transparent;}
.img-box::after {display: block; padding-bottom: 100%; content: '';}
.img-box.h50::after {display: block; padding-bottom: 50% !important; content: '';}
.h-m100 {min-height: 100vh;}
.img-box p.type {padding: 8px 30px; color: #fff; font-weight: 500; letter-spacing: 1px; position: absolute;bottom: 30px; right: 0; border-radius: 100px 0 0 100px;}
.img-box p.type.satilik {background: #34db3a;}
.img-box p.type.kiralik {background: #dce50d; color: #000;}
.m0a {margin: 0 auto; display: inline-block;position: relative;left: 50%;transform: translateX(-50%);}
h1.head {font-weight: 900; font-size: 35px; margin: 60px 0; color: #e21b12;}
.pl0 {padding-left: 0;}
.hidden {display: none !important;}
/* width */
::-webkit-scrollbar {width: 5px;}
/* Track */
::-webkit-scrollbar-track {background: #fff;}
/* Handle */
::-webkit-scrollbar-thumb {background: #b23437;border-radius: 100px;}
.show {display: block !important;}

#mobilefooter {background: #BD2E33;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 999;height: 60px;display: none;}
#mobilefooter ul {margin:0;padding: 0;list-style: none;display: flex;align-items: center;justify-content: center;}
#mobilefooter ul li {width: 25%;border-right: 1px solid rgba(255,255,255,.2);}
#mobilefooter ul li a {display: flex;align-items: center;justify-content: center;flex-direction: column;font-size: 12px;color: #fff;font-weight: 300;gap: 5px;height: 60px;}


.text-content h1 {font-size: 32px;font-weight: 700;margin: 50px 0;}
.text-content * {font-size:16px;color: #000;font-weight: 300;line-height: 170%;margin-bottom: 20px;}


header {position: relative;z-index: 2;}
header .header-top {height:150px;display: flex;align-items: center;justify-content: space-between;padding: 0 80px;/* padding-top:30px; */}
/*header .header-top a.logoa {max-height: 70%;}*/
header .header-top img.logo {max-height: 125px;width: auto;}
header .header-top ul {padding:0;list-style:none;display: flex;align-items: center;justify-content: center;gap: 15px;}
header .header-top ul li img {max-height: 70px;}
header .header-top .search {width: 40%;border: 1px solid #BD2E33;background-color: #FBFBFB;border-radius: 100px;}
header .header-top .search form {position: relative;width: 100%;}
header .header-top .search form input {padding: 25px 40px;color: #000;font-size: 20px;font-weight: 300;width: 100%;padding-right: 100px;border:0;background-color: transparent;border-radius: 100px;}
header .header-top .search form input::placeholder {color: #000;font-size: 20px;font-weight: 400;}
header .header-top .search form button {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);height: calc(100% - 20px);border-radius: 100px;border: 0;background-color: #BD2E33;display: flex;align-items: center;justify-content: center;width: 60px;transition: all .4s;}
header .header-top .search form button:hover {transform: translateY(-50%) scale(.8);}
header .header-bottom {display: flex;align-items: flex-start;justify-content: space-between;padding-right: 80px;background-color: #656165;height: 80px;}
header .header-bottom ul {padding: 0;margin: 0;}
header .header-bottom ul.social {display: flex;align-items: center;justify-content: center;gap: 25px;list-style: none;height: 100%;}
header .header-bottom ul.social li a img {transition: all .4s;}
header .header-bottom ul.social li a:hover img {transform: scale(1.3);}
header .header-bottom ul.menu {display: flex;align-items: center;justify-content: center;list-style: none;}
header .header-bottom ul.menu li a {display: inline-flex;padding: 20px 30px;height: 80px;border-right: 1px solid rgba(255,255,255,.2);font-size: 18px;color: #fff;font-weight: 700;align-items: center;justify-content: center;transition: all .4s;text-transform: uppercase;}
header .header-bottom ul.menu li a:hover {background-color: #fff;color: #BD2E33FF;}
header .header-bottom ul.menu li:last-child a {border: 0;}
header .header-bottom .categories {height: 80px;}
header .header-bottom .categories > a {background-color: #BD2E33;color: #fff;font-size: 18px;font-weight: 500;display: flex;align-items: center;justify-content: center;gap: 10px;width: 300px;height: 80px;}
header .header-bottom .categories ul {background-color:#fff;border: 1px solid #F1F1F1;padding: 20px;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;gap: 0px;list-style: none;height: auto;opacity:0;transition: all .4s;visibility: hidden;}
header .header-bottom .categories ul.active {opacity: 1;visibility: visible;}
header .header-bottom .categories:hover {height: auto;}
header .header-bottom .categories:hover > ul {opacity: 1;visibility: visible;}
header .header-bottom .categories ul li {position: relative;width: 100%;padding: 10px 0;}
header .header-bottom .categories ul li.dd > a::before {content:'';width: 15px;height: 15px;position: absolute;top: 4px;right: 0;background: url(/front/images/icons/arrow-down.svg) center right no-repeat !important;background-size: contain !important;z-index: 2;cursor: pointer;transform: rotate(-90deg);}
header .header-bottom .categories ul li::before {content: '';width: 100%;height: 1px;background-color: #E6E6E6;bottom: 0px;position: absolute;left: 0;}
header .header-bottom .categories ul li::after {content: '';width: 0%;height: 1px;background-color: #BD2E33FF;bottom: 0px;position: absolute;left: 0;transition: all .4s;}
header .header-bottom .categories ul li:hover::after {width: 100%;}
header .header-bottom .categories ul li:last-child::before {display: none;}
header .header-bottom .categories ul li a {font-size: 16px;color: #000;font-weight: 600;position: relative;width: 100%;display: block;text-transform: uppercase;}
/*header .header-bottom .categories ul li.dd::after {content: '';position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 15px;height: 15px;background:transparent url(../images/icons/arrow-right.svg) center center no-repeat;background-size: contain;}*/
header .header-bottom .categories ul li.dd > ul {position: absolute;left: calc(100% + 20px);z-index: 5;opacity: 0;top: -20px;height: auto;width: auto;visibility: hidden;min-width:350px;max-width: 100%;}
header .header-bottom .categories ul li.dd:hover > ul {opacity: 1;visibility: visible;}



#slide {overflow: hidden;margin-left: 300px;z-index: 1;position: relative;}
#slide .swiper-slide {position: relative;height: calc(100vh - 300px);min-height: 50vh;}
#slide .swiper-slide img {width: 100%;height: 100%;object-fit: cover}

#slide .slideArrows .homeSliderButton {transition: all .4s;cursor: pointer;padding: 10px;background: #fff;width: 70px;height: 70px;border-radius: 110px;display: flex;align-items: center;justify-content: center;box-shadow: 3px 3px 33px rgba(0,0,0,.5);position: absolute;top: 50%;transform: translateY(-50%);margin: 0 50px;z-index: 2;opacity: .8;}
#slide .slideArrows .homeSliderButton:hover {opacity: 1;}
#slide .slideArrows .homeSliderButton img {user-select: none !important;max-width: 75%;}
#slide .slideArrows .homeSliderButton.prev:hover {transform: translateX(-5px) translateY(-50%);}
#slide .slideArrows .homeSliderButton.next:hover {transform: translateX(5px) translateY(-50%);}
#slide .slideArrows .homeSliderButton.next {right: 0;left: auto;}

.m240 {margin: 0 240px;}

#brands {margin-top: 70px;}
.owl-nav {display: flex;align-items: center;justify-content: center;gap: 30px;margin-top: 50px;}
.owl-dots {display: flex;align-items: center;justify-content: center;gap: 15px;margin-top: 50px;display: none;}
.owl-dots button.owl-dot {width: 25px;height: 25px;border: 0.5px solid #000;border-radius: 50%;position: relative;display: flex;align-items: center;justify-content: center;}
.owl-dots button.owl-dot::before {content:'';width: 50%;height: 50%;background: #B12E34;transform: scale(0);transition: all .4s;position: absolute;border-radius: 100px;}
.owl-dots button.owl-dot.active::before {transform: scale(1);}
.owl-nav button span {display: none;}
.owl-nav button img{transition: transform .4s;padding:15px 0;}
.owl-nav button.owl-prev:hover img {transform: translateX(-5px)}
.owl-nav button.owl-next:hover img {transform: translateX(5px)}


.urunCarousel {margin-top: 130px;}
.urunCarousel h1 {text-align: center;font-size: 36px;color: #000;font-weight: 700;margin-bottom: 60px;}


.urunCarousel {height: 70vh;max-height: max-content;}
.item.urun {background:#FBFBFB;padding:40px;width: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.item.urun > img {width: 100%;max-height: 40%;object-fit: contain;background:#f6f6f6;}
.item.urun .productName {font-size: 16px;color: #000;font-weight: 700;margin: 0;margin-top: 25px;}
.item.urun .productContent {font-size: 18px;color: #000;font-weight: 300;margin: 0;margin-top: 15px;}
.item.urun .buttons {margin-top: 30px;display: flex;align-items: center;justify-content: center;width: 100%;flex-wrap: wrap;gap: 15px;}
.item.urun .buttons a {padding: 13px 5px;background: #383636;border-radius: 100px;font-size: 15px;color: #f2f2f2;font-weight: 500;display: flex;align-items: center;justify-content: center;gap: 10px;letter-spacing: -1px;width: calc(50% - 15px);transition: all .4s;}
.item.urun .buttons a img {max-height: 20px;display: inline-block !important;width: auto !important;filter: brightness(0) invert(1);}
.item.urun .buttons a:hover {transform: scale(1.1);}
.item.urun .buttons a.greenButton {background: #4CCA5A;color: #022A07;}
.item.urun .buttons a.greenButton img {filter: brightness(0);}

.owl-stage {display: flex;}

.urunBilgileri .buttons {margin-top: 30px;display: flex;align-items: center;justify-content: center;width: 100%;flex-wrap: wrap;gap: 15px;}
.urunBilgileri .buttons a {padding: 13px 20px;background: #383636;border-radius: 100px;font-size: 14px;color: #fff;font-weight: 500;display: flex;align-items: center;justify-content: center;gap: 10px;letter-spacing: -1px;width: calc(50% - 15px);transition: all .4s;}
.urunBilgileri .buttons a img{filter: brightness(0) invert(1);}
.urunBilgileri .buttons a img {max-height: 20px;display: inline-block !important;width: auto !important;}
.urunBilgileri .buttons a:hover {transform: scale(1.1);}
.urunBilgileri .buttons a.greenButton {background: #4CCA5A;color: #000;}
.urunBilgileri .buttons a.greenButton img {filter: brightness(0);}
#urunDetay .urunDetayContent img {max-height: 500px;width: 100%;object-fit: cover;}
#urunDetay .urunDetayContent .aciklama p {font-size: 18px;color: #000;font-weight: 300;margin-top: 30px;}
#urunDetay .urunDetayContent .aciklama p.head {font-size: 30px;color: #000;font-weight: 600;padding: 10px 0;border-bottom: 1px solid #F0F0F0;margin-top: 50px;}



.menu {margin-top: 30px;}
.menu .menu-head {font-size: 22px;color: #fff;font-weight: 500;background: #BD2E33;padding: 15px 20px;}
.menu > a {background-color: #BD2E33;color: #fff;font-size: 18px;font-weight: 500;display: flex;align-items: center;justify-content: center;gap: 10px;width: 300px;}
.menu ul {background-color:#fff;border: 1px solid #F1F1F1;padding: 20px;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;gap: 0px;list-style: none;height: auto;}
.menu ul li {position: relative;width: 100%;z-index: 1;}
.menu ul li a {font-size: 16px;color: #252025;font-weight: 400;position: relative;width: 100%;display: block;padding: 10px 0;text-transform: uppercase;}
.menu ul li a.active {font-weight: 700;}
.menu ul li a::before {content: '';width: 100%;height: 1px;background-color: #E6E6E6;bottom: 0px;position: absolute;left: 0;}
.menu ul li a::after {content: '';width: 0%;height: 1px;background-color: #BD2E33FF;bottom: 0px;position: absolute;left: 0;transition: all .4s;}
.menu ul li a:hover::after {width: 100%;}
.menu ul li ul {border: 0;padding:0;}
.menu ul li:not(.opened) ul {display: none;}
.menu ul li ul li a {padding-left: 30px;}
.menu ul li a.fBold {font-weight: 700;}
.menu ul li.dd span.arrow {content:'';width: 20%;max-width: 70px;height: 42px;position: absolute;top: 0;right: 0;background: url(/front/images/icons/arrow-down.svg) right 15px center no-repeat !important;background-size: 30% !important;z-index: 2;cursor: pointer;transition: all .4s;transform-origin: center;}
/*.menu ul li.dd.opened span.arrow {transform: rotate(180deg);}*/

.tabSections {padding-top: 30px;}
.tabSection:not(:first-child) {display: none;}
.tabSection {border: 1px solid #F2F2F2;padding: 60px;}
.tabSection h2 {font-size: 24px;color: #000;font-weight: 600;margin-bottom: 50px;}
.tabSection h3 {font-size: 20px;color: #000;font-weight: 600;margin: 20px 0;}
.tabSection p {font-size: 18px;color: #000;font-weight: 300;display: block;}
.tabSection ul {display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;gap: 5px;margin: 40px 0;}
.tabSection ul {display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;gap: 5px;}
.tabSection ul li {font-size: 18px;color: #000000;font-weight: 300;list-style-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMyIgaGVpZ2h0PSIzIiB2aWV3Qm94PSIwIDAgMyAzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB3aWR0aD0iMi4zIiBoZWlnaHQ9IjIuMyIgcng9IjEuMTUiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=");list-style-position: outside;}

#urunler {margin: 0 100px;}
.imgBayiSet {display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 30px;margin-top: 20px;}
.imgBayiSet img {border-radius: 10px;/*width: 70%;*/}
.itemsUrunler {display: flex;align-content: stretch;justify-content: flex-start;flex-wrap: wrap;gap: 15px;}
.itemsUrunler .item.urun {max-width: calc(33.3% - 10px);display: flex;flex-direction: column;justify-content: space-between;}
.itemsUrunler.markaItems .item.urun a{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.itemsUrunler.markaItems .item.urun {max-width: calc(25% - 20px);}
.itemsUrunler .item.urun img  {max-width: 100%;max-height: 300px;width: 100%;object-fit: cover;}
.itemsUrunler .item.urun .buttons a{padding: 13px 5px;}
.urunlerTop > img {border-radius: 30px;margin: 50px 0;width: 100%;}
.urunlerTop > h1 {font-size: 30px;font-weight: 700;color: #000;margin:0;margin-top: 30px;}
.text h2 {font-size: 26px;color: #000;font-weight: 700;margin-top: 30px;}
.text p {font-size: 18px;color: #000;font-weight: 300;margin-top: 30px;line-height: 160%;}


.alt_kategoriler {display: flex;align-items: center;justify-content: center;margin-top: 60px;flex-wrap: wrap;gap: 30px;}
.alt_kategoriler .alt_kategori {width: calc(50% - 15px);position: relative;border-radius: 20px;overflow: hidden;}
.alt_kategoriler .alt_kategori img {transition: all .4s;width: 100%;}
.alt_kategoriler .alt_kategori:hover img {transform: scale(1.2);}
.alt_kategoriler .alt_kategori .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);display: flex;align-items: center;justify-content: center;font-size: 22px;color: #fff;font-weight: 700;}

#urunDetay {margin: 0 100px;}
#urunDetay .urunDetayContent {margin-top: 30px;}
#urunDetay .urunDetayContent .swiper img {border: 1px solid #ededed;}
#urunDetay .urunDetayContent .mySwiper img {height: 100px;object-fit: cover;}
/*#urunDetay .urunDetayContent .mySwiper {margin-top: 20px;}*/
/*#urunDetay .urunDetayContent .mySwiper img {aspect-ratio: 1/1;cursor:pointer;}*/
#urunDetay .urunBilgileri h1.urun_adi {padding: 0;margin:20px 0;}
#urunDetay .urunBilgileri > ul {padding: 0;margin:0;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;list-style:none;}
#urunDetay .urunBilgileri > ul li {font-size: 18px;color: #000;font-weight: 300;padding: 15px 0;border-bottom: 1px solid #ECECEC;width: 100%;}

.markalar-imgs {display: flex;align-items: stretch;width: 100%;margin-top: 30px;}
.markalar-imgs img {max-height: 100% !important;object-fit: cover;}
.markalar-imgs img:first-child {max-width: 80% !important;}
.markalar-imgs img:last-child {max-width: 20% !important;margin-left: -1px;}

.formPopup {width: 450px;max-width: 90%;}
.formPopup form {display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;gap: 15px;}
.formPopup form input {width:100%;padding: 15px 20px;font-size: 16px;font-weight: 400;color:#000;border: 1px solid #e7e7e7;}
.formPopup form label {font-size: 18px;font-weight: 500;padding: 30px 0;padding-bottom: 5px;}
.formPopup form textarea {width:100%;padding: 15px 20px;font-size: 16px;font-weight: 400;color:#000;border: 1px solid #e7e7e7;}
.formPopup form button {width:100%;padding: 15px 20px;font-size: 16px;font-weight: 400;color:#fff;background: #4CCA5A;width: 100%;border: 0;}




#iletisim {padding:0 100px;}
#iletisim .contact-detail {display: flex;align-items: center;justify-content: center;margin: 0 100px;background: url(/front/images/contact-detail.jpg) center center no-repeat;background-size: cover;border-radius: 20px;transform: translateY(-50%);position: relative;z-index: 1;padding: 70px 0;}
#iletisim .contact-detail ul {display: flex;align-items: center;justify-content: center;gap: 150px;padding: 0;margin:0;}
#iletisim .contact-detail ul li {margin: 0;list-style: none;padding:0;max-width: 24%;}
#iletisim .contact-detail ul li a {display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;font-size: 18px;color: #fff;font-weight: 300;line-height: 140%;gap: 5px;}
#iletisim .contact-detail ul li a strong {font-weight: 600;}
#iletisim .grey-content {padding: 90px 200px;background: #F9F9F9;border-radius: 20px;}
#iletisim .grey-content .text {display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 30px;}
#iletisim .grey-content .text h2 {font-size: 36px;color: #000;font-weight: 600;margin: 0;}
#iletisim .grey-content .text p {font-size: 18px;color: #000;font-weight: 300;margin: 0;padding: 0 15%;text-align: center;}
#iletisim .form-content {margin-top: 90px;display: flex;align-items: stretch;justify-content: center;gap: 30px;}
#iletisim .form-content img {width: calc(50% - 15px);object-fit: cover;border-radius: 20px;}
#iletisim .form-content form {width: calc(50% - 15px);padding: 50px;border: 15px solid transparent;border-image: url(/front/images/border.svg) 30 stretch;display: flex;align-items: center;justify-content: center;gap: 12px;flex-direction: column;}
#iletisim .form-content form input {background: #F2F2F2;font-size: 16px;color: #000;font-weight: 300;padding: 15px 30px;width: 100%;border: 0;border-radius: 10px;}
#iletisim .form-content form input::placeholder {color: #000;}
#iletisim .form-content form .textarea-content {position: relative;height: auto;width: 100%;max-width: 100%;}
#iletisim .form-content form textarea {background: #F2F2F2;font-size: 16px;color: #000;font-weight: 300;padding: 20px 30px;width: 100%;border: 0;border-radius: 10px;height: 200px;max-height: 300px;max-width: 100%;min-height: 150px;min-width: 100%;padding-right: 110px;}
#iletisim .form-content form textarea::placeholder {color: #000;}
#iletisim .form-content form button {transition:all .4s;border: 1px solid #8D112C;padding: 5px 20px;background: #8D112C;color: #fff;font-size: 14px;font-weight: 300;border-radius: 100px;position: absolute;bottom: 20px;right: 20px;}
#iletisim .form-content form button:hover {color: #8D112C;background: #F2F2F2;}






footer {display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 60px 240px;background: #FAFAFA;margin-top: 80px;}
footer img.logo {max-height: 125px;}
footer ul {margin: 0;padding: 0;list-style: none;}
footer ul.social {display: flex;align-items: center;justify-content: center;gap: 25px;margin: 50px 0;filter: brightness(0)}
footer ul.social li a img {max-height: 20px;}
footer ul.social li a img {transition: all .4s;}
footer ul.social li a:hover img {transform: scale(1.3);}
footer .uls {display: flex;align-items: stretch;justify-content: space-between;width: 100%;}
footer .uls .item {display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;width:25%;max-width: 25%;}
footer .uls .item h2 {font-size: 22px;color: #000;font-weight: 700;margin: 0;margin-bottom: 20px;}
footer .uls .item ul{display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;gap: 10px;}
footer .uls .item ul li a {font-size: 18px;color: #000;font-weight: 300;transition: all .4s;}
footer .uls .item ul li a:hover {transform: translateX(5px);}
footer .uls .item ul:not(.footer-contact-list) li a:hover {padding-left: 5px;}
footer img.odeme {width: 100%;margin: 50px 0;mix-blend-mode: multiply;}
footer ul.footer-contact-list li a {display: flex;align-items: center;justify-content: center;}
footer ul.footer-contact-list li a img {margin-right: 10px;height: 25px;}


#slide .swiper-slide {height: auto !important;min-height: auto !important;}

@media screen and (max-width: 1600px)
{
    header .header-bottom ul.menu li a {font-size: 16px;}
    header .header-top ul li img {max-height: 90px;}
    header .header-top .search form input {font-size: 16px;}
    header .header-top .search form input::placeholder {font-size: 16px;}
    header .header-top .search form button {width: 51px;}
    .item.urun .buttons a {font-size: 12px;}
    .item.urun .buttons a img {max-height: 14px;}
    .urunCarousel {margin-top: 90px;}
    .urunCarousel h1 {font-size: 32px;}
    .item.urun .productName {font-size: 15px;}
    .item.urun .productContent {font-size: 15px;}
    .m240 {margin: 0 150px;}
    .formPopup {width: 400px;}
    .formPopup form input {width: 100%;}
    .formPopup form textarea {width: 100%;}
    #urunDetay .urunBilgileri h1.urun_adi {font-size: 28px;}
    #urunDetay .urunBilgileri > ul li {font-size: 16px;}
    #urunDetay .urunDetayContent .aciklama p.head {font-size: 26px;}
    .urunCarousel h1 {font-size: 26px;}
    .item.urun {padding: 20px;}
}
@media screen and (max-width: 1460px)
{
    .item.urun .buttons a {font-size: 15px;}
    .urunCarousel.m240 {margin: 0 100px;margin-top: 70px;}
}
@media screen and (max-width: 1100px)
{
    .item.urun .buttons a {width: 100%;}
    .item.urun .buttons {flex-direction: column;}
    header .header-bottom ul.menu li a {padding: 20px;font-size: 13px;}
    header .header-top ul li img {max-height: 40px;}
    header .header-top img.logo {max-height: 70px;}
    header .header-top .search form input {font-size: 13px;}
    header .header-top .search form input::placeholder {font-size: 13px;}
    header .header-bottom .categories ul li a {font-size: 14px;}
    #urunler {margin: 0 50px;}
    .menu .menu-head {font-size: 13px;}
    .menu ul li a {font-size: 12px;}
    .alt_kategoriler .alt_kategori .overlay {font-size: 16px;}
}
@media screen and (min-width:1459px) and (max-width: 1800px)
{

    .itemsUrunler .item.urun {max-width: calc(50% - 15px);}
    .itemsUrunler .item.urun .buttons a {font-size: 12px;}
    .menu .menu-head {font-size: 18px;}
    .menu ul li a {font-size: 14px;}

}

@media screen and (max-width: 1100px)
{
    #urunDetay .urunBilgileri h1.urun_adi {font-size: 16px;}
}

@media screen and (max-width: 768px)
{
    .owl-nav button img {padding: 0;}
    .headerGroup .right {flex: 0 0 50%;}
    .headerGroup .right .social li a {padding: 5px;}
    header .social li a img {height: 16px;}
    .text-content h1 {font-size: 22px;font-weight: 700;margin: 50px 0;}
    .text-content * {font-size:14px;color: #000;font-weight: 300;line-height: 170%;margin-bottom: 20px;}
    #cerezPopup {left:50%;transform: translateX(-50%);bottom: 20px;}
    body {padding-bottom: 60px;}
    #mobilefooter {display: block;}
    .outer-menu {display: block !important;top: 35px !important;zoom: .8}
    .outer-menu .hamburger {position: relative !important;}
    .mobile-hidden {display: none !important;}
    .mobile-visible {display: block;}
    .homeSlider.mobile-visible {display: block !important;}
    .mobile-visible.flx {display: flex;}
    .mobile-visible.flx.jst {justify-content: space-between;align-items: center;}
    header {background: #F2F2F2;padding: 20px 15px;padding-right: 90px;}
    .top-brands {padding: 0 60px;display: flex;align-items: center;justify-content: center;gap: 10px;list-style: none;margin-top: 10px;}
    .top-brands img {height: 65px;}
    header .social {display: flex;align-items: center;justify-content: flex-end;gap: 5px;list-style: none;margin: 0;padding: 0;}
    header img.logo {max-width: 80%;height: auto !important;}
    #slide {margin-left: 0;}
    #slide .swiper-slide {height: auto;min-height: auto;}
    .search {width: calc(100% - 40px);background-color: #F2F2F2;border-radius: 100px;margin: 15px 20px;border: 0;margin-top: 20px}
    .search form {position: relative;width: 100%;}
    .search form input {padding: 15px 20px;color: #000;font-size: 14px;font-weight: 300;width: 100%;padding-right: 50px;border:0;background-color: transparent;border-radius: 100px;height: 40px;}
    .search form input::placeholder {color: #000;font-size: 14px;font-weight: 300;}
    .search form button {position: absolute;right: 5px;top: 50%;transform: translateY(-50%);height: 30px;border-radius: 100px;border: 0;background-color: #BD2E33;display: flex;align-items: center;justify-content: center;width: 30px;transition: all .4s;}
    .search form button img {transform: scale(.7);}
    .search form button:hover {transform: translateY(-50%) scale(.8);}
    .m240 {margin: 0 15px;}
    #brands {margin: 30px 0;padding: 0 60px;}
    .owl-nav {margin-top: 0;}
    .urunCarousel.m240 {margin: 0;}
    .urunCarousel  {margin: 0 15px;}
    .urunCarousel h1 {background: #BD2E33;color: #fff;font-size: 22px;font-weight: 700;padding: 12px 0;}
    .item.urun .productName {font-size: 14px;}
    .item.urun .productContent {font-size: 14px;}
    .item.urun {padding: 20px;}
    .item.urun .buttons a {font-size: 12px;}
    .item.urun .buttons a img {max-height: 15px;filter: brightness(0) invert(1);}
    .urunCarousel h1 {margin-bottom: 40px;}
    footer {padding: 50px 15px;flex-direction: column;}
    footer .uls {flex-direction: column;align-items: center;justify-content: center;}
    footer .uls .item {width: 100%;max-width: 100%;align-items: center;justify-content: center;}
    footer p {text-align: center;padding: 0 30px;}
    footer .uls .item h2 {font-size: 18px;margin-bottom: 10px;margin-top: 30px;text-align: left;width: 100%;}
    footer .uls .item ul {margin-top: 0px;width: 100%;}
    footer ul.social {margin: 30px 0;}
    footer .uls .item ul li a {font-size: 16px;}

    .categories {margin-bottom: 15px;}
    .categories > a {background-color: #BD2E33;color: #fff;font-size: 16px;font-weight: 500;display: flex;align-items: center;justify-content: center;gap: 10px;width: 100%;height: 50px;}
    .categories ul {background-color:#fff;border: 1px solid #F1F1F1;padding: 20px;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;gap: 0px;list-style: none;height: auto;opacity:0;transition: all .4s;visibility: hidden;}
    .categories ul.active {opacity: 1;visibility: visible;}
    .categories:hover {height: auto;}
    .categories:hover > ul {opacity: 1;visibility: visible;}
    .categories ul li {position: relative;width: 100%;padding: 10px 0;}
    .categories ul li.dd > a::before {content:'';width: 15px;height: 15px;position: absolute;top: 4px;right: 0;background: url(/front/images/icons/arrow-down.svg) center right no-repeat !important;background-size: contain !important;z-index: 2;cursor: pointer;transform: rotate(-90deg);}
    .categories ul li::before {content: '';width: 100%;height: 1px;background-color: #E6E6E6;bottom: 0px;position: absolute;left: 0;}
    .categories ul li::after {content: '';width: 0%;height: 1px;background-color: #BD2E33FF;bottom: 0px;position: absolute;left: 0;transition: all .4s;}
    .categories ul li:hover::after {width: 100%;}
    .categories ul li:last-child::before {display: none;}
    .categories ul li a {font-size: 16px;color: #252025;font-weight: 600;position: relative;width: 100%;display: block;text-transform: uppercase;}
    /*header .header-bottom .categories ul li.dd::after {content: '';position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 15px;height: 15px;background:transparent url(../images/icons/arrow-right.svg) center center no-repeat;background-size: contain;}*/
    .categories ul li.dd > ul {position: absolute;left: calc(100% + 20px);z-index: 5;opacity: 0;top: -20px;height: auto;width: auto;visibility: hidden;min-width:350px;max-width: 100%;}
    .categories ul li.dd:hover > ul {opacity: 1;visibility: visible;}

    .yedek-parca-menu {margin-bottom: 15px;margin-top: 20px;font-size: 16px;font-weight: 700;text-transform: uppercase;transition: all .4s;transform: scale(.95);}
    .yedek-parca-menu.open {}
    .yedek-parca-menu .menu-head {font-size: 14px;display: flex;align-items: center;justify-content: space-between;position: relative;border-radius: 10px;transition: all .4s;}
    .yedek-parca-menu .menu-head span.arrow {content: '';width: 20%;height: 55px;position: absolute;top: 0;right: 0;background: url(/front/images/icons/arrow-down.svg) center center no-repeat !important;background-size: 30% !important;z-index: 2;cursor: pointer;transition: all .4s;transform-origin: center;filter: brightness(0) invert(1);}
    .yedek-parca-menu .menu-head.open {border-radius: 0;border-top-left-radius: 10px;border-top-right-radius: 10px; }
    .yedek-parca-menu .menu-head.open span.arrow {transform: rotate(180deg);}

    .yedek-parca-menu > ul {display: none;margin: 0;}
    .yedek-parca-menu ul li a {font-size: 14px;}
    #urunler {margin: 0 15px;}
    .urunlerTop > h1 {font-size: 18px;margin-top: 20px;}
    .urunlerTop > img {margin: 30px 0;border-radius: 10px;}
    .alt_kategoriler {margin-top: 30px;}
    .alt_kategoriler .alt_kategori {width: 100%;border-radius: 10px;}
    .alt_kategoriler .alt_kategori .overlay {font-size: 15px;}
    .itemsUrunler .item.urun {max-width: 100%;width: 100%;}
    #urunDetay {margin: 0 15px;}
    #urunDetay .urunDetayContent img:first-child {width: 100%;}
    #urunDetay .urunDetayContent .swiper img {height: 200px;object-fit: cover;}
    #urunDetay .urunDetayContent .mySwiper {margin-top: 15px;}
    #urunDetay .urunDetayContent .mySwiper img{height: 70px;}
    #urunDetay .urunBilgileri h1.urun_adi {font-size: 22px;}
    #urunDetay .urunBilgileri > ul li {font-size: 16px;padding: 10px 0;}
    #urunDetay .urunBilgileri .buttons {flex-direction: column;}
    #urunDetay .urunBilgileri .buttons a {width: 100%;}
    #urunDetay .item.urun .buttons {flex-direction: column;}
    #urunDetay .item.urun .buttons a {width: 100%;}
    #urunDetay .urunCarousel {margin: 0;}
    #urunDetay .col-md-9 {padding: 0;}
    #urunDetay .col-md-3 {padding: 0;}
    .formPopup form input {width: 100%;font-size: 14px;}
    .formPopup form textarea {width: 100%;font-size: 14px;}
    #urunDetay .urunDetayContent .aciklama p.head {font-size: 22px;}
    #urunDetay .urunCarousel h1 {font-size: 13px;padding: 20px;border-radius: 10px;margin-bottom: 20px;margin-top: 40px;}
    .markaItems {gap: 10px;flex-wrap: wrap;margin-top: 10px !important;}
    .markaItems .item.urun {width: calc(50% - 5px) !important;}

    .tabMenu .menu-head {font-size: 16px;}
    .tabMenu ul li a {font-size: 14px;}
    .tabSection {padding: 20px;font-size: 16px;}
    .tabSection h2 {font-size: 20px;margin-bottom: 30px;}
    .tabSection p {font-size: 14px;line-height: 170%;}

    .swal2-popup {zoom: 1.2;}


    #iletisim {padding:0 15px;}
    #iletisim iframe {height: 200px;}
    #iletisim .contact-detail {flex-direction: column;transform: translateY(-50px);margin: 0 30px;}
    #iletisim .contact-detail ul {flex-direction: column;gap: 30px;align-items: flex-start;}
    #iletisim .contact-detail ul li {max-width: 100%;padding: 0 30px;}
    #iletisim .contact-detail ul li a {font-size: 14px;}
    #iletisim .grey-content {padding: 60px 15px;}
    #iletisim .grey-content .text h2 {font-size: 18px;text-align: center;}
    #iletisim .grey-content .text p {font-size: 14px;padding: 0 30px;}
    #iletisim .form-content {flex-direction: column;align-items: center;}
    #iletisim .form-content img {width: 100%;height: auto;}
    #iletisim .form-content form {width: 100%;height: auto;padding: 15px;}
    #iletisim .form-content form input {font-size: 14px;}
    #iletisim .form-content form textarea {font-size: 14px;}
    #iletisim .form-content form input::placeholder {font-size: 14px;}
    #iletisim .form-content form textarea::placeholder {font-size: 14px;}
    #iletisim .contact-detail {padding: 50px 0;}
    #iletisim .form-content {margin-top: 40px;}
    .itemsUrunler.markaItems .item.urun {max-width: 49%;}
    /*#slide .slideArrows {padding: 0 15px;}*/
    #slide .slideArrows .homeSliderButton {width: 35px;height: 35px;margin: 0 15px;}
    #slide .slideArrows .homeSliderButton img {max-width: 100%;}
    footer {max-height: 400px;overflow-y: auto;justify-content: flex-start;}
    .owl-carousel .owl-item img {max-height: 200px;object-fit: cover;}
    .item.urun .productContent {text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
    .item.urun .buttons a {width: calc(50% - 15px);}
    .item.urun .buttons {flex-direction: row;}

    .urunCarousel.m240:not(:first-child) {margin-top:40px; }
}


.item.urun .productContent {text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}




















.outer-menu .menu ul {background: transparent !important;border: 0 !important;}
.outer-menu .menu ul li a {font-size: 18px;color: #fff;font-weight: 600;}
.outer-menu .menu ul li a::before {display: none !important;}



.outer-menu {position: absolute;right: 20px;z-index: 2;display: none;margin-top: 0px;transition:margin .3s;}
.outer-menu .checkbox-toggle {position: absolute;top: -10px;right: 0px;z-index: 100;cursor: pointer;width: 60px;height: 60px;opacity: 0;background: red;}
.outer-menu .checkbox-toggle:checked + .hamburger > div {-webkit-transform: rotate(135deg); transform: rotate(135deg);}
.outer-menu .checkbox-toggle:checked + .hamburger > div:before, .outer-menu .checkbox-toggle:checked + .hamburger > div:after {top: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {opacity: 0;}
.outer-menu .checkbox-toggle:checked ~ .menu {pointer-events: auto; visibility: visible;margin-top: 0 !important;}
.outer-menu .checkbox-toggle:checked ~ .menu > div {-webkit-transform: scale(1); transform: scale(1); -webkit-transition-duration: .75s; transition-duration: .75s;}
.outer-menu .checkbox-toggle:checked ~ .menu > div > div {opacity: 1; -webkit-transition: opacity 0.4s ease 0.4s; transition: opacity 0.4s ease 0.4s;}
.outer-menu .checkbox-toggle:hover + .hamburger {}
.outer-menu .checkbox-toggle:checked:hover + .hamburger > div {-webkit-transform: rotate(225deg); transform: rotate(225deg);}
.outer-menu .hamburger {position: fixed;top: -3px;left: auto;right: 0px;z-index: 99;width: 60px;height: 50px;padding: .5em 1em;cursor: pointer;-webkit-transition: box-shadow 0.4s ease;transition: box-shadow 0.4s ease;-webkit-backface-visibility: hidden;backface-visibility: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background: #BD2E33;}
.outer-menu .hamburger > div {position: relative; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; height: 2px; background: #FEFEFE; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.outer-menu .hamburger > div:before, .outer-menu .hamburger > div:after {content: ''; position: absolute; z-index: 1; top: -10px; left: 0; width: 100%; height: 2px; background: inherit; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.outer-menu .hamburger > div:after {top: 10px;}
.outer-menu .menu {position: fixed;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;visibility: hidden;overflow: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;outline: 1px solid transparent;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;z-index: 98;}
.outer-menu .menu > div {width: 100%; height: 100%; color: #FEFEFE; background: rgba(0, 0, 0, 0.9); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.outer-menu .menu > div > div {text-align: center; max-width: 90vw; max-height: 100vh; opacity: 0; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; overflow-y: auto; -webkit-box-flex: 0; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.outer-menu .menu > div > div > ul {list-style: none; padding: 0 1em; margin: 0; display: block; max-height: 100vh; overflow: hidden;}
.outer-menu .menu > div > div > ul > li {padding: 0;margin: 1em;font-size: 22px;display: block;text-align: center;width: 100%;padding: 0;margin: 0;line-height: 41px;font-weight: 300;}
.outer-menu .menu > div > div > ul > li > a {/*--0%-100% border bottom actived----position: relative;*/ display: inline; cursor: pointer; color:#fff; -webkit-transition: color 0.4s ease; transition: color 0.4s ease;}
.outer-menu .menu > div > div > ul > li > a:hover {color: #e5e5e5; text-decoration: none;}
.outer-menu .menu > div > div > ul > li > a:hover:after {width: 100%;}
.outer-menu .menu > div > div > ul > li > a:after {content: ''; position: absolute; z-index: 1; bottom: -0.15em; left: 0; width: 0; height: 2px; background: #e5e5e5; -webkit-transition: width 0.4s ease; transition: width 0.4s ease;}