@charset "UTF-8";
/* Common Styles */
@import url("icomoonTempStyle.css");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;800&display=swap");
/* No Code, Just Variables */
/* Fonts */
/*Container Width */
/*     responsive    */
/*    filter renk kutusu input  */
/*@import url("https://i.icomoon.io/public/c9afc0bac7/etamamla/style.css");*/

@import url("/static/fonts/icomoon/etamamla-font.css");

img {
  width: 100%;
  height: auto;
}

body {
  font-family: "Open Sans", sans-serif;
}

body a {
  color: #444;
  text-decoration: none;
}
body a:hover {
  text-decoration: none;
  color: #c3272c;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

body {
  line-height: 1.1rem;
}

.wrapper {
  overflow: hidden;
}

.btn-red {
  padding: 10px 3rem;
  background: #c3272c;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
}
.btn-red:hover {
  color: #c3272c;
  background: #fff;
}

.btn {
  border: 1px solid #dadada;
  font-size: 12px;
  border-radius: 0.25rem;
  transition: 0.3s ease;
}
.btn:focus {
  box-shadow: none;
}
.btn-close:focus {
    box-shadow:none;
  }
.card:hover{
  color:#555;
}
/*   Form error */
body .errorText {
  display: none;
}
body .errorText.active {
  display: block;
  margin-top: 5px;
  color: #c3272c;
  font-size: 12px;
}
body input, body select {
  outline: none;
}
body input:focus, body select:focus {
  border: 2px solid #b0b0b0 !important;
}
body input.error, body select.error {
  border: 2px solid #ed1d26 !important;
  background-color: #feeff0;
}

.carousel-indicators [data-bs-target] {
  height: 10px;
  width: 10px;
  background: #c3272c;
  padding: 0;
  border-radius: 50%;
  border: none;
}

.homeSlider.owl-carousel .owl-nav button.owl-prev, .homeSlider.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background: rgba(218, 218, 218, 0.7);
  height: 30px;
  width: 30px;
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  margin: 0 10px;
}

.homeSlider.owl-carousel .owl-nav button.owl-next {
  right: 0;
}

/*   Story Css   */
.story{
  margin-top: 10px;
}
.backgraudBox {
  background: #f6f5f1;
  padding-bottom: 4em;
}

.circleBox {
  display: flex;
  flex-direction: column;
  text-align: center;
  transition: 0.3s ease;
  color: #242424;
}
.circleBox .circleFrame {
  border-radius: 50%;
  border: 5px solid #fff;
  transition: 0.3s ease;
  overflow: hidden;
  height: 100px;
  width: 100px;
}
.circleBox .circleFrame img{
  height: 100%;
  object-fit: cover;
}
.circleText {
  margin-top: 5px;
  font-size: 10px;
}
@media (min-width: 578px) {
  .circleText {
    font-size: 12px;
  }
}

.storySlider a:hover {
  color: #c3272c;
}
.storySlider a:hover .circleFrame {
  border: 5px solid #c3272c;
  transform: scale(1.1);
}

.storySlider .owl-nav {
  position: absolute;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  z-index: -1;
  width: 100%;
}

.storySlider .owl-nav span {
  font-size: 45px;
  color: #d6d6d6;
}

.storySlider .owl-next {
  right: 0;
  margin-right: -15px;
  margin-bottom: 3em;
  height: 100%;
  padding: 10px;
}

.storySlider .owl-prev {
  right: 0;
  margin-left: -15px;
  margin-bottom: 3em;
  height: 100%;
  padding: 10px;
}

/*   Story Css END  */
.banner {
  margin-top: 0px;
  margin-bottom: 0px;
}
@media (min-width: 578px) {
  .banner {
    margin-bottom: 10px;
    margin-top: 25px;
  }
}
@media (max-width:768px) {
  .banner {
    margin-bottom: 10px;
  }
}


@media (min-width: 768px) {
  .banner .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.banner .advertising {
  margin-top: 10px;

}
@media (min-width: 768px) {
  .banner .advertising {
    padding-left: 10px;
    margin-top: 0;
  }
}

.highlights .cardSlider .owl-nav {
    position: absolute;
    top: 0;
    height: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
  
}
.highlights .cardSlider .owl-nav .owl-prev {
    height:25em;
    width: 3em;
}
.highlights .cardSlider .owl-nav .owl-next {
    height:25em;
    width:3em;
  
}
.highlights .cardSlider .owl-nav span {
  opacity: 0;
}
/*  content  List Css  */

@media (min-width: 992px) {
  .contentArea .events {
  position: relative;
  display: flex;

  width: 100%;
 
}
}
.contentArea .events img {
  display: none;
}
@media (min-width: 992px) {
  .contentArea .events img {
    position: absolute;
    width: 100%;
    z-index: -1;
    height: 100%;
    top: 0;
    display: block;
  }
}
.contentArea .events .contentList {
  width: 100%;
}
@media (min-width: 992px) {
  .contentArea .events .contentList {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.contentArea .events .contentLeft {
  padding: 10px;
  width: 100%;
}
@media (min-width: 992px) {
  .contentArea .events .contentLeft {
    width: 40%;
  }
}
.contentArea .events .contentLeft p {
  width: 100%;
  margin: auto;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.1;
}
@media (min-width: 768px) {
  .contentArea .events .contentLeft p {
    width: 95%;
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .contentArea .events .contentLeft p {
    width: 75%;
    font-size: 15px;
  }
}
.contentArea .events .contentLeft .purple {
  color: #D43E65;
  margin-top: 10px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .contentArea .events .contentLeft .purple {
    margin-bottom: 0px;
  }
}

.contentArea .contenRight {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 992px) {
  .contentArea .contenRight {
    width: 100%;
    flex-wrap: nowrap;
  }
}

.contentBox {
  width: 50%;
  font-size: 14px;
  text-align: center;
  font-weight: 500;
  margin-bottom: 25px;
  background: rgba(255, 255, 255, 0.7);
}
@media (min-width: 768px) {
  .contentBox {
    width: 33.3%;
  }
}
@media (min-width: 992px) {
  .contentBox {
    width: 15.7%;
    margin-bottom: 4px;
    border: 1px solid #dadada;
    padding: 10px;
    border-radius: 10px;
  }
}
.contentBox strong {
  display: block;
  margin-top: 17px;
  font-size: 25px;
  font-weight: 600;
}
.contentBox{
  background: url("../img/etamamla-img/Component1.png");
  background-position: center;
  background-repeat: no-repeat;


}
.content-sm-text{
  font-size: 12px;
    margin-top: 8px;
    display: block;
    cursor: pointer;
}
/*   content list Css END  */
/*   SHOWCASE Css  */
.contentArea .container {
  flex-wrap: wrap;
}

.showcase {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px;
}

.contentFrame{
  width: 100%;
  position: relative;
  padding-bottom: 17px;
}
.contentFrame img{
  transition: ease 1s;
}
.contentFrame:hover img{
  transform: scale(1.2);
}

.contentFrame a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: fit-content;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
}
.contentFrame  .bottom-red span.etamamla-search1{
  position: relative;
  top: 2px;
}
.contentFrame .bottom-red {
    bottom: 0px;
    width: 100%;
    color: #444;
    padding: 8px 5px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
}
@media (min-width: 768px) {
  .contentFrame {
    width: 33.3%;
  }
}
 .showcase.home .contentFrame {
    width: 45%;
  }
@media (min-width: 768px) {
  .showcase.home .contentFrame {
    width: 30%;
  }
   .contentFrame  .bottom-red {
        padding: 8px 15px;
  }
}
@media (min-width: 996px) {
  .showcase.home .contentFrame {
    width: 15.6%;
  }
}

  .contentFrame .showcaseTitle {
    position: absolute;
    align-items: center;
    font-family: "calibri", sans-serif;
    width: 100%;
    font-size: 16px;
    background-color: rgba(0,0,0,0.5);
    display: none;
    height: 100%;
    color: #fff;
    padding: 5px;
    margin-bottom: 0;
    justify-content: center;
    text-align: center;
}
@media (min-width: 992px) {
.showcase.home .contentFrame:hover .showcaseTitle{
  display: flex;
}
}
span.showText-b {
    position: absolute;
    bottom: 10px;
    font-size: 11px;
}
@media (min-width: 578px) {
  .contentFrame .showcaseTitle {
    font-size: 14px;
  }
}

/*.......FAST CAT. MENU...... */
.fastCat .container {
  display: flex;
  justify-content: space-between;
  margin-top: -1px;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .fastCat .container {
    flex-wrap: nowrap;
  }
}
.fastCat .container .card {
  width: 46%;
  margin: 5px;
  border: 1px solid #dadada;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .fastCat .container .card {
    width: 30%;
  }
}
@media (min-width: 992px) {
  .fastCat .container .card {
    width: 20%;
    margin: 0;
    margin-right: 16px;
  }
}
.fastCat .container .card:last-of-type {
  margin-right: 0;
}
.fastCat .container .card .card-body {
  text-align: center;
  padding: 8px 12px;
}
.fastCat .container .card .card-title {
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.fastCat .container .card .card-text {
  color: #000;
  font-size: 12px;
}
.fastCat .container .card .btn {
  width: 97%;
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 10px;
  height: auto;
  display: block;
  margin: auto;
  padding: 10px 5px;
}
.fastCat .container .card .btn:hover {
  background: #c3272c;
  color: #fff;
}
@media (min-width: 1200px) {
  .fastCat .container .card .btn {
    width: 85%;
  }
}
.homeTitle{
   margin-bottom: 25px;
    margin-top: 10px;
}
.homeTitle h2 {
    font-size: 26px;
   
}
.homeTitle span {
    font-size: 15px;
  
}
.fastCat.home{
  height: fit-content;
}
/*....... PROMO BANNER...... */
.promoBanner .container {
  display: flex;
  justify-content: center;
  margin-top: 15px;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .promoBanner .container {
    flex-wrap: nowrap;
  }
}
.promoBanner .container .bannerFrame {
  width: 100%;
  border: 1px solid #dadada;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 10px;
}
.promoBanner .container .bannerFrame:last-of-type {
  margin-right: 0;
}
@media (min-width: 992px) {
  .promoBanner .container .bannerFrame {
    width: 33.3%;
    margin-right: 15px;
    margin-top: 0px;
  }
  .promoBanner .container .bannerFrame img {
    height: 100%;
    object-fit: cover;
  }
}

/*....... HOME BLOG...... */
.homeBlogFrame {
  display: flex;
  justify-content: space-between;
  margin-top: 2%;
  margin-bottom: 5%;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .homeBlogFrame {
    flex-wrap: nowrap;
  }
}
.homeBlogFrame h4 {
  font-size: 25px;
  margin-bottom: 10px;
  font-weight: 600;
  margin-left: 20px;
}
.homeBlogFrame h5 {
  font-size: 14px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .homeBlogFrame h5 {
    font-size: 16px;
  }
}
.homeBlogFrame .blogLeftFrame {
  width: 100%;
}
@media (min-width: 992px) {
  .homeBlogFrame .blogLeftFrame {
    width: 66.6%;
  }
}
.homeBlogFrame .blogLeft {
  padding: 25px 25px 0px 25px;
  border: 1px solid #dadada;
  border-radius: 10px;
  margin-right: 4px;
}
.homeBlogFrame .blogLeft .blogBox {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 1px solid #dadada;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.homeBlogFrame .blogLeft .blogBox:last-of-type {
  margin-bottom:0px;
}
@media (min-width: 992px) {
  .homeBlogFrame .blogLeft .blogBox {
    flex-wrap: nowrap;
  }
}
.homeBlogFrame .blogLeft .blogText {
  margin-top: 10px;
}
@media (min-width: 992px) {
  .homeBlogFrame .blogLeft .blogText {
    margin-top: 0px;
    margin-left: 20px;
  }
}
.homeBlogFrame .blogLeft .blogText h5 {
  font-size: 18px;
}
.homeBlogFrame .blogLeft .blogText p {
  font-size: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.homeBlogFrame .blogLeft .blogText a {
  color: #c3272c;
  text-decoration: underline;
}
.homeBlogFrame .blogLeft .blog-icon ul {
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .homeBlogFrame .blogLeft .blog-icon ul {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .homeBlogFrame .blogLeft .blog-icon {
      width: 100%;
  
  }
}
.homeBlogFrame .blogLeft .blog-icon {
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .homeBlogFrame .blogLeft .blog-icon {
    width: 100px;
    font-size: 15px;
  }
}
.homeBlogFrame .blogLeft .blog-icon ul li {
  padding: 5px;
  position: relative;
}
.homeBlogFrame .blogLeft .blog-icon ul li span {
  color: #999;
  font-size: 15px;
}
.homeBlogFrame .blogLeft .blog-icon ul li span.blue:hover {
  color: #4867aa;
}
.homeBlogFrame .blogLeft .blog-icon ul li span.lightblue:hover {
  color: #1d9bf0;
}
.homeBlogFrame .blogLeft .blog-icon ul li span.pink:hover {
  color: #c44075;
}
.homeBlogFrame .blogLeft .blog-icon ul li span.orange:hover {
  color: #ff9739f5;
}
@media (min-width: 992px) {
  .homeBlogFrame .blogLeft .blog-icon ul li:hover:before {
    content: "Paylaş";
    position: absolute;
    left: -40px;
    top: 3px;
    font-size: 13px;
  }
}

.notice {
  width: 100%;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .notice {
    margin-top: 0px;
    width: 33.3%;
    padding-left: 10px;
  }
}
.notice .noticeFrame {
  border: 1px solid #dadada;
  border-radius: 10px;
  position: relative;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .notice .noticeFrame {
    
    margin-top: 0px;
  }
}
.notice .noticeFrame:before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 47px;
  background: #F7F7F7;
  border-right: 1px solid #dadada;
}
.notice .noticeBox {
  display: flex;
  transition: 0.5s ease;
  height: 100%;
  position: relative;
}
.notice .noticeBox .leftNo {
  width: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #B7B7B7;
  font-weight: 600;
  font-size: 20px;
}
.notice .noticeBox .noticeText {
  margin-left: 20px;
  padding: 15px 10px 15px 0px;
  border-bottom: 1px solid #dadada;
  width: 100%;
}
.notice .noticeBox .noticeText p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0;
}
.notice .noticeBox .noticeText h5 {
  color: #c3272c;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.notice .noticeBox .noticeText span {
  font-size: 12px;
}
.notice .noticeBox:hover {
  color: #0F0F0F;
}

.homeBlog .downBtn {
  text-align: center;
  display: block;
  width: 100%;
  border: none;
  font-size: 35px;
  padding: 0;
}

.noticeFrame .downBtn {
  width: calc(100% - 65px);
  margin-left: 65px;
}

/*********  ETKİNLİK SAYFASI  **************/
.advertising img {
  border: 1px solid #dadada;
  border-radius: 5px;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.container.ct-filter {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.cardSlider {
  display: flex;
  border: 1px solid #dadada;
  border-radius: 5px;
  padding: 10px 5px;
}
.container.ct-filter .btn,.ct-filterBtn{
    width: 90px;
    color: #fff;
    background: #c3272c;
}
.ct-filterBtn:hover{
  color: #fff;
  background: #c3272c;

}
.activityPage .card {
  padding: 0px;
  border: 0;
}
.activityPage .card .card-body {
  padding: 5px 0;
  text-align: center;
 
}


}
.activityPage .card .card-title {
  height: 2rem;
}
.activityPage .card .card-title h5 {
  font-size: 12px;
  font-weight: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5;
  padding-top: 5px;
  height: 40px;
}
.activityPage .card .price {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  height: 2rem;
  color: #333;
}
.activityPage .card .price del {
  color: #c3272c;
  font-size: 14px;
}
.activityPage .card .card-Btn {
  display: flex;
  margin-top: 15px;
  flex-direction: column;
  height: 60px;
  display: none;
}
@media (min-width: 992px) {
  .activityPage .card .card-Btn {
    height: 30px;
    flex-direction: row;
  }
}
.activityPage .card .card-Btn .btn {
  width: 100%;
  border: 0;
  padding: 5px;
  font-size: 12px;
  font-weight: normal;
  border-radius: 0;
  transition: .1s ease;
  border-radius: 2px;
}
span.addBasket.btn:hover,span.addToWishlistNew.btn:hover{
  transform: scale(1.1);
}
@media (min-width: 992px) {
  .activityPage .card .card-Btn .btn {
    width: 50%;
  }
}
.activityPage .card .card-Btn .btn.red {
  background: #c3272c;
  color: #fff;
  box-shadow: 0px 0px 2px #c3272c;
}

.activityPage .contentArea .container {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  flex-direction: column;
}
@media (min-width: 992px) {
  .activityPage .contentArea .container {
    flex-direction: row;
  }
}

.mobile-FilterBtn{
  width: 100%;
  background: #c3272c;
  margin-top: 2rem;
  margin-bottom: 2rem;
  border: 1px solid #c3272c;
  font-weight: 500;
  color: #fff;
}
.mobile-FilterBtn:active {
  background: #fff;
  color: #c3272c;
  border: 1px solid #c3272c;
}
.mobile-FilterBtn:hover {
  background: #fff;
  color: #c3272c;
  border: 1px solid #c3272c;
}
.mobile-FilterBtn:focus {
  box-shadow: none !important;
  background: #c3272c;
  border: none;
}
@media (min-width: 992px) {
  .mobile-FilterBtn {
    display: none;
  }
}
.col-md-3.filter-flex{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.filterMenu {
  border-radius: 10px;
  border: 1px solid #dadada;
  padding: 15px;
  position: relative;
  height: 100%;
  display: none;
}
@media (max-width: 992px) {
  .filterMenu {
    max-height: 100vh;
    overflow: auto;
  }
}
@media (min-width: 992px) {
  .filterMenu {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
  }
}
.filterMenu .filterTitle {
  padding: 10px 0;
  border-bottom: 2px solid #c3272c;
}
.filterMenu .filterTitle h1,.filterMenu .filterTitle h2{
  font-size: 24px;
  margin-bottom: 0;
  color: #333;
  font-weight: 600;
}


.contentArea .offcanvas .filterMenu {
  display: block;
}
@media (min-width: 992px) {
  .contentArea .offcanvas .filterMenu {
    display: none;
  }
}
.contentArea .offcanvas .filterMenu .filterTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.filterMenu .relevantCategory {
  margin-top: 15px;
  margin-bottom: 2rem;
      border-bottom: 2px solid #c3282b;
        margin-bottom: 20px;
}
.filterMenu .relevantCategory h5 {
  font-size: 17px;
  border-bottom: 1px solid #dadada;
  padding-bottom: 10px;
  font-weight: normal;
  color: #333;
}
.filterMenu .relevantCategory .bottomList {
  padding: 10px 0 20px 0;
  display: none;
  max-height: 200px;
  overflow: auto;
}
.filterMenu .relevantCategory .bottomList li {
  margin: 3px 0;
}

.bottomList::-webkit-scrollbar-track {
  width: 16px;
  border-radius: 10px;
  background-color: #eee;
}

.bottomList::-webkit-scrollbar-thumb {
  margin: 3px;
  border-radius: 10px;
  background-color: #ccc;
}

.bottomList::-webkit-scrollbar {
  width: 8px;
  padding: 0;
  background-color: #fff;
}

.relevantCategory .bottomList.open {
  display: block !important;
}

.relevantCategory {
  overflow: hidden;
  width: 100%;
}

.relevantCategory > ul > li {
  font-size: 14px;
  position: relative;
  margin-bottom: 10px;
  cursor: pointer;
  padding-right: 20px;
}
@media (min-width: 1200px) {
  .relevantCategory > ul > li {
    font-size: 16px;
    padding-right: 20px;
  }
}

.relevantCategory>ul>li:after, .catFilterList li.close:after{
  content: "";
  font-family: "etamamla";
  position: absolute;
  right: 0;
  color: #c3272c;
  font-size: 18px;
  top: 0;
}
.relevantCategory>ul>li.open:after{
  transform: rotate(90deg);

}
.catFilterList > li:after {
  content: "";
    font-family: "etamamla";
    position: absolute;
    right: 0;
    color: #c3272c;
    font-size: 18px;
    top: 0;
    transform: rotate(90deg);

}
 .catFilterList li.close:after {
transform: rotate(0deg);
 }
.relevantCategory > ul > li.open:after,.catFilterList li:after {
  transform: rotate(90deg);
  z-index: -1;
}
.relevantCategory > ul > li ul a {
  font-size: 12px;
  color: #646464;
}
@media (min-width: 1200px) {
  .relevantCategory > ul > li ul a {
    font-size: 14px;
  }
}
.relevantCategory > ul > li ul a:hover {
  color: #c3272c;
}

.filterBox > ul > li {
  font-size: 17px;
  position: relative;
      font-weight: 600;
}
.filterBox > ul > li .inp-bottomList {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  max-height: 200px;
  overflow: auto;
  font-weight: 400;
}
.filterBox > ul > li .inp-bottomList input {
  margin-right: 15px;
  width: 10px;
  height: 10px;
  position: relative;
  margin-left: 5px;
}
.filterBox > ul > li .inp-bottomList li {
  margin-bottom: 3px;
  position: relative;
  display: flex;
}
.filterBox > ul > li .inp-bottomList li a {
  margin-left: -30px;
  padding-left: 25px;
}

.inp-bottomList::-webkit-scrollbar-track {
  width: 16px;
  border-radius: 10px;
  background-color: #eee;
}

.inp-bottomList::-webkit-scrollbar-thumb {
  margin: 3px;
  border-radius: 10px;
  background-color: #ccc;
}

.inp-bottomList::-webkit-scrollbar {
  width: 8px;
  padding: 0;
  background-color: #fff;
}

.inp-bottomList input:before {
  position: absolute;
  background: #fff;
  height: 13px;
  width: 13px;
  border-bottom: -5px;
  content: "";
  border: 1px solid #dadada;
  top: -2px;
  left: -3px;
}

.inp-bottomList input:checked:after {
  position: absolute;
  content: "";
  font-family: "etamamla";
  font-size: 10px;
  left: 2px;
  color: #c3272c;
  top: -3px;
  left: -1px;
}

.filterBtn {
  text-align: center;
}
.filterBtn .btn {
  width: 85%;
  background: #c3272c;
  color: #fff;
  border-radius: 10px;
  border: 1px solid transparent;
}
.filterBtn .btn:hover {
  background: #fff;
  color: #c3272c;
  border: 1px solid #c3272c;
}

.rightCat {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
}
@media (min-width: 992px) {
  .rightCat {
    width: 75%;
    justify-content: flex-start;
    padding-left: 10px;
  }
}
.rightCat .contentFrame {
  width: 49%;
}
@media (min-width: 578px) {
  .rightCat .contentFrame {
    width: 33.3%;
    padding-left: 15px;
  }
}
.rightCat .contentFrame a:hover {
  color: #c3272c;
}
.rightCat .contentFrame img {
  border-radius: 10px;
  border: 1px solid #dadada;
}
.rightCat .rightCatTitle {
  display: block;
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.2;
}
.rightCat .contentFrame:hover img {
    
}

.frm{
  height: fit-content;
  overflow: hidden;
  margin-left: 10px;
}
.rightCat .frm{
   margin-left:0px;
}
@media (min-width: 992px) {
  .rightCat .rightCatTitle {
    font-size: 18px;
  }
}
.rightCat .rightCatTitle:hover {
  color: #c3272c;
}

/*********  KATEGORY SAYFASI  **************/
.rightCat .col-3 {
  padding: 10px;
  width: 50%;
  margin-bottom: 10px;
  box-shadow: 0 1px 2px #dadada;
}
@media (min-width: 578px) {
  .rightCat .col-3 {
    width: 33.3%;
  }
}
@media (min-width: 768px) {
  .rightCat .col-3 {
    width: 25%;
  }
}
@media (min-width: 992px){
  .rightCat .col-3 {
    width: 33.3%;
  }
}
 @media(min-width: 1200px){
  .rightCat .col-3 {
    width: 25%;
  }
}
.textField {
  position: relative;
  background: #fafafa;
  padding: 15px;
  border: 1px solid #dadada;
  border-radius: 10px;
  text-align: center;
}
@media (min-width: 768px) {
  .textField {
    padding: 30px;
    text-align: left;
  }
}
.textField .content-header h5 {
  font-size: 18px;
  border-bottom: 1px solid #dadada;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
.textField .content-header p {
  font-size: 13px;
  color: #444;
}
.textField .circle {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #dadada;
}
.textField .circle img {
  object-fit: cover;
  object-position: center;
  height: 100%;
}
.textField .catContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 15px;
  align-items: center;
}
@media (min-width: 768px) {
  .textField .catContent {
    flex-direction: row;
  }
}
.textField .textContent h6 {
  font-size: 15px;
}
.textField .textContent {
  width: 100%;
}
@media (min-width: 768px) {
  .textField .textContent {
    width: 80%;
    padding-left: 30px;
  }
}
.textField .textContent p {
  font-size: 12px;
}

/**** Favori Sayfası ****/
.headerTop.activityHeader .logo {
  width: 35%;
}
@media (min-width: 992px) {
  .headerTop.activityHeader .logo {
    width: 268px;
  }
}

.activityTitle {
  margin-top: 10%;
  margin-bottom: 5%;
}
.activityTitle h2 {
  font-weight: 600;
  margin-bottom: 20px;
}
@media (min-width: 578px) {
  .activityTitle h2 {
    font-size: 24px;
  }
}
.activityTitle p {
  font-size: 14px;
}
@media (min-width: 578px) {
  .activityTitle p {
    font-size: 16px;
  }
}

.activityFrame {
  display: flex;
  justify-content: center;
}
@media (max-width: 992px) {
  .activityFrame {
    flex-wrap: wrap;
  }
}

.activityBox {
  margin: 10px;
  position: relative;
  border-radius: 8px;
  width: 42%;
}
@media (min-width: 992px) {
  .activityBox {
    width: auto;
  }
}
.activityBox.active:before {
  content: "L";
  position: absolute;
  color: #c3262c;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  transform: rotateY(180deg) rotateZ(-45deg);
  background: #fff;
  border-radius: 50%;
  height: 25px;
  font-weight: 600;
  z-index: 1;
  width: 25px;
  right: 8px;
  padding: 3px;
  top: 12px;
}
.activityBox.active:after {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.9);
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 8px;
}

.activityText {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  width: 100%;
}
@media (min-width: 768px) {
  .activityText {
    font-size: 18px;
  }
}

.activityButton {
  margin-top: 5%;
  margin-bottom: 5%;
}
@media (min-width: 768px) {
  .activityButton {
    display: flex;
    justify-content: center;
  }
}
.activityButton .btn {
  width: 100%;
  height: 48px;
  margin-right: 15px;
  margin-bottom: 10px;
  border-radius: 6px;
  color: #c3272c;
  font-weight: 600;
  background: #fff;
}
@media (min-width: 578px) {
  .activityButton .btn {
    width: 300px;
    height: 48px;
    font-size: 16px;
  }
}
.activityButton .btn:hover {
  color: #fff;
  background: #c3272c;
}
.activityButton .btn.btn-red {
  color: #fff;
  background: #c3272c;
}
.activityButton .btn.btn-red:hover {
  color: #c3272c;
  background: #fff;
}

/*********  LİSTEMİ DÜZENLE SAYFAS **************/
.listFix-page .headerTop {
  width: 100%;
  background: #F1F1F1;
}
.listFix-page .headerTop .container{
  display: flex;
  align-items: center;
}
.listFix-page .headerTop .container .comeBackBtn{
  position: absolute;
}
.listFix-page .headerTop .container .comeBackBtn{
  position: absolute;
}
.listFix-page .headerTop .container .comeBackBtn .btn{
  border: 0;
  background:#c3272c;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  margin-right: 5px;
}
.listFix-page .headerTop .container .comeBackBtn .btn .etamamla-cheveron-down{
  display: block;
  transform: rotate(90deg);
  font-size: 24px;
  bottom: 5px;
  position: relative;
  color: #fff;
}
.listFix-page .headerTop .container .comeBackBtn u{
  font-size: 16px;
   
}
.listFix-page .headerTop h2 {
  background: transparent;
  text-align: center;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.listFix-page .basketLeft {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 5rem;

}

@media (min-width: 992px) {
  .listFix-page .basketLeft {
    width: 56%;
    margin-bottom: 0;
  }
}
.listFix-page .basketLeft .fixBoxFrame {
  width: 100%;
  margin-bottom: 20px;
}
.listFix-page .basketLeft .col-list  {
  width: 100%;
}
@media (min-width: 578px) {
  .listFix-page .basketLeft .col-list {
    width: 48%;
  }
}
.listFix-page .basketLeft .fixBoxFrame .listBox {
  padding: 20px;
  border: 1px solid #c3272c;
  border-radius: 10px;
  height: 192px;
  position: relative;
  overflow: hidden;
}
.listFix-page .basketLeft .fixBoxFrame .listBox h4 {
  font-size: 25px;
  color: #BDBDBD;
  text-align: right;
}
.listFix-page .basketLeft .fixBoxFrame .bottom-text {
  font-size: 14px;
  color: #7A7A7A;
  text-align: center;
}

.titleBottom {
  font-size: 16px;
  text-align: center;
  margin-top: 15px;
}

.list-textarea {
  width: 100%;
  height: 85%;
  font-size: 15px;
  line-height: 1.3;
  padding: 5px 20px;
  border: 0;
  outline: none;
}

.listFixBtn {
  border: 0;
  border-radius: 50%!important;
  height: 50px;
  width: 50px;
  background: #c3272c;
  color: #fff;
  font-size: 5em;
  margin: 20px auto 30px auto;
  display: block;
  overflow: hidden;
  border: 1px solid;
  display: flex;
  justify-content: center;
  align-items: center;
}
.listFixBtn:hover {
  color: #c3272c;
  background: #fff;
  border: 1px solid #c3272c;
}

.profil-fix .profilCircle {
  width: 250px;
  height: 250px;
  overflow: hidden;
  margin: auto;
  border-radius: 50%;
  border: 1px solid #dadada;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
}
.profil-fix .profilCircle img {
  object-fit: cover;
  height: 100%;
}

.colorSelector {
  display: inline-flex;
  flex-wrap: wrap;
  margin: 5px;
}

.colorSelector input[type=radio] {
  display: none;
}

.colorFrame {
  max-height: 195px;
  overflow: auto;
}

.colorFrame::-webkit-scrollbar {
  width: 8px;
  padding: 0;
  background-color: #fff;
}

.colorFrame::-webkit-scrollbar-thumb {
  margin: 3px;
  border-radius: 10px;
  background-color: #ccc;
}

.colorFrame::-webkit-scrollbar-track {
  width: 16px;
  border-radius: 10px;
  background-color: #eee;
}

.colorSelector label {
  position: relative;
  height: 38px;
  width: 38px;
  border-radius: 50%;
  cursor: pointer;
  transition: ease 0.2s;
}
.colorSelector label.c-pink {
  background: #FB3174;
}
.colorSelector label.c-blue {
  background: #3178FB;
}
.colorSelector label.c-red {
  background: #FE4747;
}
.colorSelector label.c-green {
  background: #31FB61;
}
.colorSelector label.c-yellow {
  background: #E6FB31;
}
.colorSelector label.c-black {
  background: #5A5A5A;
}
.colorSelector label.c-lightblue {
  background: #31F9FB;
}
.colorSelector label.c-purple {
  background: #FE47EB;
}
.colorSelector label.c-lightgreen {
  background: #90FE47;
}
.colorSelector label.c-orange {
  background: #FB6F31;
}

.colorSelector input[type=radio]:checked ~ label {
  border: 10px double white;
}

.bottom-text {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  text-align: center;
}

.listBox .form-group {
  margin: 15px auto;
}
.listBox .form-group label {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  color: #575757;
  position: relative;
}
label.str:after {
  content: "*";
  position: absolute;
  right: 6px;
  top: 6px;
  color:#c3272c ;
  
}
.listBox .form-group input {
  border: 1px solid #dadada;
  border-radius: 5px;
  height: 45px;
  width: 100%;
  outline: none;
  padding: 10px;
}

.listBoxBtns {
  width: 100%;
  margin-top: 20px;
}


.selectEvent {
  width: 100%;
  height: 75px;
  font-size: 20px;
  border: 1px solid #c3272c;
  border-radius: 10px;
  padding: 10px 20px;
  outline: none;
  position: relative;
}


.form-select:focus {
  box-shadow: none;
}

.startBtn {
  width: 100%;
  display: block;
  height: 75px;
  margin-top: 20px;
}
@media (min-width: 578px) {
  .startBtn {
    width: 48%;
    margin-top: 0;
  }
}
.startBtn .btn {
  width: 100%;
  height: 100%;
  border: 0;
  color: #fff;
  font-size: 20px;
  border: 1px solid #c3272c;
  background: #c3272c;
  border-radius: 10px;
  padding: 10px 20px;
}
.startBtn .btn:hover {
  color: #c3272c;
  background: #fff;
}

.name-box {
  width: 100%;
  text-align: left;
}
.name-box label {
  padding-left: 3px;
  padding-bottom: 5px;
}
.duzenlegiris-m .btn-red {
  width: 100%;
  background:#c3272c;
  border-radius:5px;
  font-size: 18px;
}
 @media (min-width: 576px){

.duzenlegiris-m .modal-dialog {
    max-width: 400px;
}
}
.name-box .form-group input {
  width: 100%;
  height: 45px;
  border: 1px solid #dadada;
  border-radius: 5px;
  outline: none;
  padding: 10px;
  font-size: 13px;
  margin-bottom: 15px;
  background: #f3f3f3;
}

.mScreen {
  height: 73%;
  background: #FFF;
  border-radius: 50px;
  position: relative;
  padding: 20px;
  margin-bottom: 20px;
}
.mScreen:before {
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  height: 30%;
  border-top: 2px solid #c3272c;
  border-left: 2px solid #c3272c;
  border-right: 2px solid #c3272c;
}
.mScreen:after {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  height: 30%;
  border-bottom: 2px solid #c3272c;
  border-left: 2px solid #c3272c;
  border-right: 2px solid #c3272c;
}
.mScreen .ScreenHeader {
  display: flex;
  align-items: center;
}
.mScreen .ScreenHeader .profilCircle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: relative;
  background: #E1E1E1;
  overflow: hidden;
}
.mScreen .ScreenHeader .profilCircle img {
  object-fit: cover;
  height: 100%;
}
.mScreen .ScreenHeader .profileTitle {
  margin-left: 10px;
  width: 65%;
  position: relative;
}
.mScreen .ScreenHeader .profileTitle label {
  font-size: 12px;
  border-bottom: 1px solid #000;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (min-width: 578px) {
  .mScreen .ScreenHeader .profileTitle label {
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  .mScreen .ScreenHeader .profileTitle label {
    font-size: 18px;
  }
}
.mScreen .ScreenHeader .profileTitle:after {
  content: "";
  position: absolute;
  font-family: "etamamla";
  color: #BDBDBD;
  right: -10px;
  bottom: 6px;
  transform: rotate(-23deg);
}
.mScreen h6 {
  font-size: 18px;
  padding-left: 15px;
  margin-top: 20px;
}

.listFix-page .basketRight, .contributePage .basketRight {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: auto;
  margin-top: 20px;
  position: relative;
}
@media (min-width: 992px) {
  .listFix-page .basketRight, .contributePage .basketRight {
    margin-top: 0px;
  }
  .listFix-page .basketRight:before, .contributePage .basketRight:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #000;
    position: absolute;
    right: -35px;
  }
}

.mScreen .profile {
  position: relative;
}
.mScreen .profile .circle {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #1dbd1d;
  position: absolute;
  bottom: 5%;
  left: 5%;
}
.mScreen .profile .circle.red {
  background: #c3272c;
}

.mScreen .mContent {
  background: #E1E1E1;
  border-radius: 10px;
  font-size: 14px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  margin-top: 3rem;
  margin-bottom: 3rem;
  height: 300px;
  overflow: hidden;
}
.mScreen .mContent img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

@media (min-width: 992px) {
  .contributePage .basketRight {
    margin-right: 0;
  }
}

.mScreen .mScreenBottom h6 {
  padding-left: 0;
  text-align: center;
}
.mScreen .mScreenBottom .counterFrame {
  display: flex;
  justify-content: center;
}
.mScreen .mScreenBottom .counterFrame .counter {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 25%;
}
.mScreen .mScreenBottom .counterFrame .counter span {
  width: 48%;
  color: #fff;
  background: #c3272c;
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
  padding-top: 20px;
  font-size: 30px;
  border-radius: 9px;
}
.mScreen .mScreenBottom .counterFrame .counter h6 {
  width: 100%;
  margin-top: 10px;
}
.mScreen .mScreenBottom .counterFrame .twoDots {
  width: 10%;
  font-size: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

.blank-img {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 100%;
  justify-content: center;
  padding: 20px 15px;
}
.blank-img .listFixBtn {
  height: 60px;
  width: 60px;
  background: #C5C5C5;
  font-size: 50px;
  border: 1px solid #C5C5C5;
  margin-top: 10px;
  margin-bottom: 5px;
}
.blank-img .listFixBtn:hover {
  background: #c3272c;
  color: #fff;
  border-color: #c3272c;
}
.blank-img span {
  font-size: 35px;
  color: #C5C5C5;
}
.blank-img p {
  font-size: 16px;
}

.listFix-page .form-check-group.contract {
  width: 80%;
  margin: 15px auto;
}
.listFix-page .form-check-group.contract div {
  justify-content: center;
  align-items: center;
}
.listFix-page .form-check-group.contract label {
  margin-left: 10px;
  font-size: 14px;
}

.listFix-page .toApprove .btn {
  height: 60px;
  border-radius: 10px;
}

/**katkıda bulun sayfası****/
.contributePage header {
  background: #F1F1F1;
}
.contributePage header .headerTop {
  justify-content: center;
  background: transparent;
}

.paymentBottom {
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
}
@media (min-width: 768px) {
  .paymentBottom {
    font-size: 15px;
  }
}
.paymentBottom form {
  padding: 40px 20px;
}

.formGroup {
  width: 100%;
  display: flex;
  justify-content: start;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.formGroup label {
  font-size: 12px;
}
@media (min-width: 768px) {
  .formGroup label {
    font-size: 15px;
  }
}
.formGroup input {
  border: 1px solid #dadada;
  width: 100%;
  height: 40px;
  padding: 10px;
}

.formGroup .cardNo {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.formGroup .cardNo input {
  width: 23%;
}

.formLeftG {
  position: relative;
}
@media (min-width: 992px) {
  .formLeftG .col-lg-4 {
    width: 28.3%;
  }
}
.formLeftG .formRightG {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
@media (min-width: 992px) {
  .formLeftG .formRightG {
    display: block;
  }
}
.formLeftG select {
  width: 100%;
  height: 40px;
  border: 1px solid #dadada;
  padding: 10px 0px 10px 10px;
}

.expirationDate {
  display: flex;
  justify-content: space-between;
}
.expirationDate select {
  width: 45%;
}

.securityCode input {
  width: 45%;
}

.formBottom .installment {
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 10px;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .formBottom .installment {
    flex-wrap: nowrap;
  }
}
.formBottom .installment .left {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media (min-width: 992px) {
  .formBottom .installment .left {
    width: 50%;
  }
}
.formBottom .installment .left div {
  display: flex;
  justify-content: space-between;
  width: 50%;
  align-items: center;
}
.formBottom .installment .left div img {
  width: 40%;
}
.formBottom .installment .right span del {
  color: #c3252b;
  margin-right: 1rem;
}
.formBottom .installment .right {
  text-align: right;
  display: block;
  width: 100%;
}
@media (min-width: 992px) {
  .formBottom .installment .right {
    width: auto;
  }
}

.orderSummary {
  border: 1px solid #dadada;
  width: 85%;
  margin: 35px auto 0;
  margin-bottom: 50px;
}
@media (min-width: 992px) {
  .orderSummary {
    margin-bottom: 0;
  }
}
.orderSummary h6 {
  padding: 20px;
  background: #f2f2f2;
  font-size: 15px;
  border-bottom: 1px solid #d8d8d8;
}
.orderSummary .rightCol {
  padding: 10px;
}
.orderSummary .subTotal, .orderSummary .discountAmount, .orderSummary .kdv, .orderSummary .totalPrice {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  font-weight: 500;
  font-size: 12px;
}
@media (min-width: 768px) {
  .orderSummary .subTotal, .orderSummary .discountAmount, .orderSummary .kdv, .orderSummary .totalPrice {
    font-size: 15px;
  }
}

.totalPrice {
  padding: 10px;
  border-top: 1px solid #dadada;
}
.totalPrice span.red-color {
  color: #c3272c;
}

.orderBottom a {
  text-decoration: none;
}

.orderBottom button {
  display: block;
  color: #fff;
  width: 70%;
  background: #c3252b;
  margin: 10px auto -20px;
  border-radius: 0;
  font-size: 12px;
  transition: 0.5s ease;
}
@media (min-width: 768px) {
  .orderBottom button {
    font-size: 15px;
  }
}
.orderBottom button:hover {
  background: #fff;
  color: #c3252b;
  border: 1px solid #c3252b;
}

.installment {
  padding: 10px;
  cursor: pointer;
}

.installment input {
  position: relative;
}
.installment input:checked:before {
  content: "";
  height: 15px;
  width: 15px;
  border: 1px solid #888;
  background: #fff;
  position: absolute;
  border-radius: 50%;
  top: -1px;
  left: -1px;
}

.installment input:checked:after {
  content: "";
  height: 9px;
  width: 9px;
  position: absolute;
  border-radius: 50%;
  background: #000;
  top: 2px;
  left: 2px;
}

.installment.active {
  background: #f2f2f2;
}

.contributePage .paymentBottom {
  border: 1px solid #dadada;
  padding: 10px;
  border-radius: 5px;
}
.contributePage .paymentBottom .big-title {
  margin: 15px auto 0;
  font-size: 22px;
}
.contributePage .paymentBottom form {
  padding: 20px 20px 10px 20px;
}

.contributePage .mContent {
  height: auto;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.contributePage .mScreen {
  background: url("../etamamla-img/bg-tel.png");
  background-position: left;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contributePage .mScreen .start-btn {
  width: 60%;
  z-index: 1;
}
.contributePage .mScreen .start-btn .btn {
  display: block;
  margin: auto;
  width: 100%;
  font-size: 14px;
  background: #c3272c;
  padding: 10px 25px;
  border-radius: 10px;
  color: #fff;
}

.contributePage .mScreen .start-btn:hover .btn {
  background: white;
  color: #c3272c;
  border-color: #c3272c;
}

.payment-under {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.payment-under .orderSummary {
  width: 100%;
  margin: 0;
  position: relative;
  min-height: 240px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .payment-under .orderSummary {
    width: 49%;
    margin-bottom: 0;
  }
}
.payment-under .orderSummary div .totalPrice {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.miniForm {
  padding: 15px;
  padding-bottom: 0;
  border: 1px solid #dadada;
  width: 100%;
  min-height: 240px;
  font-size: 14px;
}
@media (min-width: 992px) {
  .miniForm {
    width: 48%;
  }
}

.miniForm .form-group {
  margin-bottom: 15px;
}
.miniForm .form-group label {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
}
.miniForm .form-group input {
  width: 100%;
  height: 35px;
  border-radius: 5px;
  border: 1px solid #dadada;
  padding: 10px;
  outline: none;
}

.form-check-group.contract {
  margin-top: 25px;
  width: 100%;
}
.form-check-group.contract div {
  margin: auto;
  font-size: 15px;
}

@media (min-width: 992px) {
  .contributePage .basketLeft.col-lg-8 {
    width: 62.6%;
  }
}

.form-check-group {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-direction: column;
  margin-bottom: 10px;
  margin-top: 10px;
  font-size: 13px;
}
@media (min-width: 1200px) {
  .form-check-group {
    flex-direction: row;
  }
}
.form-check-group div {
  display: flex;
  align-items: baseline;
  padding: 5px 0;
}
.form-check-group.list-open div.check{
   align-items: self-start;
}
.form-check-group.list-open label{
   font-size: 12px;
}
.form-check-group div input {
  margin-right: 6px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
}

.form-check-group input:before {
  content: "";
  height: 16px;
  width: 16px;
  border: 1px solid #707070;
  border-radius: 3px;
  background: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
}

.form-check-group input:checked:after {
  position: absolute;
  content: "";
  font-family: "etamamla";
  font-size: 10px;
  color: #c3272c;
  left: 3px;
  top: 0px;
}

.form-inline {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.form-inline div {
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .form-inline div {
    width: 45%;
  }
}
.form-inline .ile {
  margin-top: 25px;
  display: none;
}
@media (min-width: 768px) {
  .form-inline .ile {
    display: block;
  }
}
.form-inline .info {
  width: 100%;
  font-size: 11px;
  margin-top: 5px;
  margin-bottom: 0;
}

.toApprove {
  width: 100%;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.toApprove .btn {
  width: 15rem;
  padding: 10px 20px;
  font-size: 15px;
  border-radius: 0;
  margin: auto;
  background: #c3272c;
  border: 1px solid #c3272c;
  color: #fff;
  display: block;
}
.toApprove .btn:hover {
  background: white;
  color: #c3272c;
}

/*********  ÜYE OL SAYFASI **************/
.singupPage header {
  border-bottom: 1px solid #dadada;
}

.log-sin-page form {
  width: 100%;
  margin: 4rem auto;
}
@media (min-width: 578px) {
  .log-sin-page form {
    width: 70%;
  }
}
@media (min-width: 992px) {
  .log-sin-page form {
    width: 45%;
  }
}
@media (min-width: 1200px) {
  .log-sin-page form {
    width: 35%;
  }
}
.log-sin-page form .form-header {
  text-align: center;
  color: #3A4344;
}
.log-sin-page form .form-header p {
  margin-top: 15px;
  font-size: 16px;
}
.log-sin-page form .formpageBtn {
  display: flex;
  justify-content: space-between;
}
.log-sin-page form .formpageBtn a {
  width: 49.5%;
  display: block;
  overflow: hidden;
  display: block;
  outline: none;
  border: 1px solid #dadada;
  padding: 15px;
  background: #F7F7F7;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  text-align: center;
  font-size: 16px;
}

.log-sin-page form .formpageBtn a.white {
  background: #fff;
}
.log-sin-page form .form-frame {
  padding: 20px 20px;
  border: 1px solid #dadada;
  border-top: 0;
}
.log-sin-page form .formGroup.icon {
  position: relative;
}
.log-sin-page form .formGroup.icon:after {
  content: "";
  position: absolute;
  right: 10px;
  font-family: "etamamla";
  top: 15px;
  color: #444;
  cursor: pointer;
}
.log-sin-page form .formGroup label {
  margin-bottom: 5px;
}
.log-sin-page form .formGroup input {
  background: #F7F7F7;
  height: 45px;
  border: 1px solid #DCDCDC;
  border-radius: 5px;
  outline: none;
}
.log-sin-page form .form-check-group div {
  align-items: center;
}
.log-sin-page form .form-check-group div input {
  margin-right: 15px;
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.log-sin-page form .btnRed {
  width: 100%;
  display: block;
  margin-top: 25px;
}
.log-sin-page form .btnRed button {
  padding: 10px;
  background: #c3272c;
  font-size: 15px;
  width: 100%;
  color: #fff;
  border-radius: 8px;
}
@media (min-width: 578px) {
  .log-sin-page form .btnRed button {
    font-size: 1.3rem;
  }
}

.form-check-group u b {
  font-weight: 600;
}

/*********  GİRİŞ YAP SAYFASI  **************/
.pas-check {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pas-check .form-check-group label {
  margin-top: 4px;
}
.pas-check .pas-forget {
  color: #c3272c;
  font-size: 13px;
}
.form-frame #error_login{
  margin-top: 10px;
}


/*********  ÖDEME SAYFASI  **************/
.paymentRight .form-check-group div {
  display: flex;
  align-items: center;
  position: relative;
}
.paymentRight .form-check-group div input {
  opacity: 0;
  margin-right: 12px;
}
.paymentRight .form-check-group div label {
  cursor: pointer;
}
.paymentRight .form-check-group div label a {
  font-weight: 500;
}
.paymentRight .form-check-group div input + label:before {
  content: "";
  height: 12px;
  width: 12px;
  border: 1px solid #707070;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.paymentRight .form-check-group div input:checked + label:after {
  position: absolute;
  content: "";
  font-family: "etamamla";
  left: 3px;
  top: 8px;
  height: 6px;
  width: 6px;
  background: #000;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.paymentRight .form-check-group div .formFrame {
  margin: auto;
}

/*********  ÖDEME SAYFASI END **************/
/*********  KATEGORY SAYFASI ESKİ  **************/
/*......Sepet Kategori..........*/
/**** Etkinlik Sayfası ****/
/*......kategori başlık kısım..........*/
.chanceProduct {
  margin-top: 4%;
  margin-bottom: 25px;
}

ul.chanceList {
  display: flex;
  background: #fff;
  padding-left: 10px;
}
ul.chanceList li {
  padding: 20px 15px;
  margin-right: 10px;
}
ul.chanceList li a {
  font-weight: 600;
  font-size: 14px;
  color: #0F0F0F;
}
ul.chanceList li.chanceActive {
  border-bottom: 2px solid #c3272c;
}
ul.chanceList li.chanceActive a {
  color: #c3272c;
}

/*......kategori başlık kısım son..........*/
.products {
  flex-wrap: wrap;
}

.products .card {
  margin: 5px;
  border: 0px;
  height: 100%;
  justify-content: space-between;
}

.sliderFrame {
  position: relative;
  overflow: hidden;
}
.sliderFrame .badgeFrame {
  position: absolute;
  bottom: 3px;
  left: 3px;
  display: none;
}
.sliderFrame .badgeFrame span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 8px;
  padding: 3px 5px;
  filter: contrast(100%);
  font-weight: 600;
  letter-spacing: 0.2px;
  border-radius: 2px;
}
@media (min-width: 768px) {
  .sliderFrame .badgeFrame span {
    font-size: 11px;
  }
}
.sliderFrame .badgeFrame .badge-light {
  color: #c3272c;
}

.badge-danger {
  background: #c3272c;
}

.card-text {
  color: #4a4a4a;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (min-width: 768px) {
  .card-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
  }
}
@media (min-width: 992px) {
  .card-text {
    font-size: 16px;
  }
}

.products .card-body {
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.subInfo {
  color: #E00023;
  font-size: 11px;
  display: none;
}

.card-price {
  align-items: center;
  flex-wrap: wrap;
}

.discount {
  background: #c3272c;
  font-size: 12px;
  padding: 5px 8px;
  color: #fff;
  margin-right: 10px;
  display: flex;
  align-items: center;
  position: relative;
  height: 23px;
}

@media (min-width: 768px) {
  .discount {
    font-size: 12px;
    height: 28px;
  }
}

.card-price {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 600;
}
.card-price .price-old {
  font-size: 12px;
  position: relative;
  text-decoration: none;
  display: flex;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #939292;
}
@media (min-width: 768px) {
  .card-price .price-old {
    font-size: 15px;
  }
}
.card-price .price-old:before {
  height: 1px;
  background: #939292;
  display: block;
  content: "";
  width: 100%;
  position: absolute;
}
.card-price .price {
  font-size: 12px;
  color: #000;
}
@media (min-width: 768px) {
  .card-price .price {
    font-size: 15px;
  }
}

.card-cargo {
  margin-top: 5px;
  margin-bottom: 5px;
  display: none;
}

.card-cargo span {
  font-size: 11px;
  font-weight: 600;
  color: #009311;
}
.card-cargo span:before {
  content: "";
  font-family: "icomoon";
  font-size: 13px;
  margin-right: 5px;
  color: #009311;
}

.card-bottom {
  justify-content: space-between;
  font-size: 12px;
  flex-direction: column;
  padding-bottom: 10px;
  z-index: 1000;
}
.card-bottom .basket {
  padding: 8px 11px;
  border: 1px solid #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  color: #c3272c;
  cursor: pointer;
  margin-top: 10px;
  width: 100%;
}
.card-bottom .basket .basket-text {
  display: block;
}
.card-bottom .card-stars {
  display: none;
}

@media (max-width: 578px) {
  .category .container-sm {
    padding-left: 0;
    padding-right: 0;
  }
}

.products .owl-nav {
  position: absolute;
  width: 100%;
  top: 10px;
  margin-top: 0;
  width: 100%;
}

.products .cardContentTop .owl-dots {
  position: absolute;
  width: 100%;
  bottom: 10px;
  margin-top: 0;
}
.products .cardContentTop .owl-dots .owl-dot.active span {
  background: #c3272c;
}

@media (max-width: 578px) {
  .products .cardContentTop {
    padding-bottom: 0.5rem;
  }
  .products .cardContentTop .discount {
    font-size: 9px;
    height: 25px;
  }
  .products .cardContentTop .discount:after {
    right: -9px;
    height: 18px;
    width: 18px;
  }
}

.cardHover {
  position: absolute;
  width: 100%;
  bottom: -30px;
  display: flex;
  z-index: -1;
  transition: all 0.7s ease;
  display: none;
}
.cardHover div {
  height: 40px;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  font-size: 11px;
  cursor: pointer;
}
.cardHover div.quickView {
  background-color: rgba(224, 0, 35, 0.6);
  color: #fff;
  padding-bottom: 3px;
  transition: 0.5s ease;
}
.cardHover div.quickView:hover {
  background-color: #c3272c;
}
.cardHover div.quickView:before {
  content: "";
  font-family: "icomoon";
  font-size: 14px;
}
.cardHover div.addToWishlist {
  background-color: rgba(49, 49, 49, 0.6);
  color: #fff;
  padding-bottom: 3px;
  transition: 0.5s ease;
}
.cardHover div.addToWishlist:hover {
  background-color: #313131;
}
.cardHover div.addToWishlist:before {
  content: "";
  font-family: "icomoon";
  font-size: 11px;
}

@media (min-width: 768px) {
  .card:hover .cardHover {
    bottom: 0;
    z-index: 1;
  }
}

@media (min-width: 768px) {
  .card:hover .badgeFrame {
    display: none;
  }
}

.card a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  height: 100%;
}

.textContent {
  margin-top: 10px;
  padding: 0 7px;
}
@media (min-width: 768px) {
  .textContent {
    margin-bottom: 10px;
  }
}

.cardContentBottom {
  padding: 0 7px;
}

.moreBtn {
  padding: 10px 20px;
  margin: 30px auto;
  display: block;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px;
}

/*......sepet kategori  ..........*/
.productFrame .card {
  flex-direction: row;
  margin-left: 20px;
  border: none;
  z-index: -1;
}
.productFrame .card .sliderFrame {
  width: 68px;
  height: 73px;
  padding: 10px;
  border: 1px solid #dadada;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  margin-bottom: 0;
}
.productFrame .card .sliderFrame img {
  object-fit: cover;
  height: 100%;
}
@media (min-width: 768px) {
  .productFrame .card .sliderFrame {
    width: 110px;
    height: 100px;
  }
}
.productFrame .card .card-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  font-size: 12px;
}
.productFrame .card .card-body {
  padding: 0;
  width: 50%;
}

.productFrame .textContent {
  margin-top: 0;
}
@media (min-width: 768px) {
  .productFrame .textContent {
    margin-top: 0;
  }
}

/*......sepet kategori son ..........*/
.basketPage .number-counter, .basketPage .trash, .basketPage .discount, .basketPage .price-old {
  display: none;
}

.basketPage .headerTop {
  background: transparent;
}

.contributeBtn {
  display: flex;
  flex-direction: column;
}
.contributeBtn .btn {
  border: 1px solid #dadada;
  border-radius: 10px;
  background: #F3F3F3;
  font-size: 10px;
}
@media (min-width: 578px) {
  .contributeBtn .btn {
    font-size: 12px;
  }
}
.contributeBtn .btn:hover {
  background: #22BF18;
  color: #fff;
}
.contributeBtn .btn.green {
  color: #fff;
  background: #22BF18;
  margin-bottom: 5px;
}
.contributeBtn .btn.green:hover {
  background: #F3F3F3;
  color: #000;
}

.basketPage .orderSummary {
  height: 73%;
  background: #FF92FB;
  border-radius: 50px;
  position: relative;
  padding: 20px;
}
.basketPage .orderSummary:before {
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  height: 30%;
  border-top: 2px solid #6c757d;
  border-left: 2px solid #6c757d;
  border-right: 2px solid #6c757d;
}
.basketPage .orderSummary:after {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  height: 30%;
  border-bottom: 2px solid #6c757d;
  border-left: 2px solid #6c757d;
  border-right: 2px solid #6c757d;
}
.basketPage .orderSummary .orderHeader {
  display: flex;
  align-items: center;
  z-index: 1;
  position: relative;
}
.basketPage .orderSummary .orderHeader .profilCircle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.basketPage .orderSummary .orderHeader .profile .circle {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #1dbd1d;
  position: absolute;
  bottom: 1px;
  left: 5px


}
.basketPage .orderSummary .orderHeader .circle.red {
  background: #c3272c;
}
.basketPage .orderSummary .orderHeader .profileTitle {
  margin-left: 20px;
  text-align: center;
  width: 100%;
}
.basketPage .orderSummary .orderHeader .profileTitle h4 {
  font-size: 18px;
}
.basketPage .orderSummary h6 {
  font-size: 18px;
  padding: 0;
  padding-left: 15px;
  margin-top: 20px;
  background: transparent;
  border-bottom: 0;
}

.basketPage .basketRight {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: auto;
  margin-top: 20px;
  position: relative;
}
@media (min-width: 992px) {
  .basketPage .basketRight {
    margin-top: 0px;
  }
  .basketPage .basketRight:before {
    content: "";
    width: 3px;
    height: 100%;
    background: #000;
    position: absolute;
    left: -25px;
  }
}

.basketPage .orderSummary.newList {
  height: 25%;
  background: #F6F6F6;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0px;
  margin-top: 10px;
}
.basketPage .orderSummary.newList:after {
  content: "";
  display: none;
}
.basketPage .orderSummary.newList:before {
  content: "";
  height: 100%;
}
.basketPage .orderSummary.newList .profileTitle {
  margin-left: 10px;
}

.basketPage .orderSummary .contentSummary {
  background: #fff;
  border-radius: 10px;
  padding: 20px 15px;
  font-size: 14px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  position: relative;
  z-index: 1;
}
.basketPage .orderSummary .contentSummary .shippingFee, .basketPage .orderSummary .contentSummary .totalPrice, .basketPage .orderSummary .contentSummary .remainingPrice {
  display: flex;
  align-items: center;
  padding: 0;
  justify-content: space-between;
  border-bottom: 1px solid #dadada;
  padding-top: 10px;
  padding-bottom: 10px;
}
.basketPage .orderSummary .contentSummary .flex-column {
  width: 65%;
}
.basketPage .orderSummary .contentSummary .flex-column .progresBarFrame {
  width: 100%;
  margin-left: 0;
}
.basketPage .orderSummary .contentSummary .flex-column .progresBarFrame .contributors span {
  padding: 5px;
  font-size: 12px!important;
}
.basketPage .orderSummary .contentSummary .flex-column .progresBarFrame .percent {
  font-size: 10px!important;
}
.basketPage .orderSummary .contentSummary .btn.red {
  width: 70%;
  background: #c3272c;
  color: #fff;
  margin: 15px auto 0;
  display: block;
  border-radius: 10px;
  font-size: 15px;
}

.basketPage .orderSummary .contentSummary .totalPrice, .basketPage .orderSummary .contentSummary .remainingPrice {
  font-size: 14px!important;
  font-weight: 500;
}

.basketPage .orderSummary .orderBottom h6 {
  padding-left: 0;
  text-align: center;
}

.counterFrame {
  display: flex;
  justify-content: center;
}
.counterFrame .counter {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 25%;
}
.counterFrame .counter span {
  width: 48%;
  color: #fff;
  background: #000;
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
  padding-top: 20px;
  font-size: 30px;
  border-radius: 9px;
}
.counterFrame .counter h6 {
  width: 100%;
  margin-top: 10px;
}
.counterFrame .twoDots {
  width: 10%;
  font-size: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

.newList .profileTitle .btn.black {
  width: 80%;
  padding: 5px 20px;
  background: black;
  color: #fff;
  border: 0;
  border-radius: 10px;
  font-size: 12px;
}
@media (min-width: 578px) {
  .newList .profileTitle .btn.black {
    font-size: 14px;
  }
}

.newList p {
  padding-top: 10px;
  font-size: 12px;
  text-align: center;
}

.basketPage .basketLeft {
  width: 100%;
  padding: 10px;
  border: 1px solid #eee;
  border-radius: 10px;
}
@media (min-width: 578px) {
  .basketPage .basketLeft {
    padding: 10px 20px;
  }
}
@media (min-width: 992px) {
  .basketPage .basketLeft {
    width: 58.33%;
  }
}

.basketList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 20px;
  flex-direction: row-reverse;
  
}
@media (max-width: 992px) {
  .basketList  {
   flex-direction: column-reverse;
  }
}

.productFrame {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #dadada;
  padding-bottom: 10px;
  padding-top: 10px;
}
@media (min-width: 578px) {
  .productFrame {
    flex-wrap: nowrap;
    padding: 0;
    border: 0;
  }
}

.productFrame .productBox {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 578px) {
  .productFrame .productBox {
    width: 90%;
  }
}

.progresBarFrame {
  width: 52%;
  position: relative;
  margin-left: 30px;
}
@media (min-width: 578px) {
  .progresBarFrame {
    width: 55%;
    margin-left: 0px;
  }
}
.progresBarFrame.iconActive:before {
  content: "";
  font-family: "etamamla";
  position: absolute;
  left: -23px;
  color: #f44336;
  background: url("../img/sus.png");
  width: 20px;
  height: 25px;
}

.progress {
  width: 45%;
  height: 10px;
  overflow: auto;
  margin-right: 5px;
}
@media (min-width: 578px) {
  .progress {
    width: 100%;
  }
}

.progress-bar {
  background: #20c114;
  border-radius: 24px;
}

.number-counter {
  display: flex;
  align-items: center;
}
.number-counter button {
  border: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  padding: 5px;
  color: #555;
}
.number-counter input {
  border: none;
  text-align: center;
  width: 30px;
}

.contributors {
  position: relative;
}
.contributors span {
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 15px;
  padding-top: 15px;
  cursor: pointer;
}
.contributors .contList-frame {
  position: absolute;
  left: -142px;
  margin-top: 10px;
  height: auto;
  width: 180px;
  display: none;
  background: #000;
  z-index: 1;
}
.contributors .contList-frame:after {
  content: "";
  border: 10px solid transparent;
  border-bottom: 10px solid #000;
  position: absolute;
  top: -18px;
  right: 10px;
}
.contributors .contList-frame.active {
  display: block;
}
.contributors .contList-frame .contList {
  background: #000;
  overflow-y: scroll;
  padding: 10px;
  border-radius: 4px;
  max-height: 150px;
}
.contributors .contList-frame .contList li {
  color: #fff;
  font-size: 12px;
}

.remainder {
  margin: 10px 0;
  font-size: 12px;
  display: block;
}

.trash {
  cursor: pointer;
  text-align: end;
  width: 100%;
}
@media (min-width: 578px) {
  .trash {
    width: auto;
  }
}

.mobileProduct {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
}

.percent {
  font-size: 12px;
  font-weight: 600;
}

/*** LİSTE YENİ TASARIM***/

@media (min-width: 992px) {
  .listPage .basketLeft {
    padding-right: 15px;
  }
}

ul.basketTitleList {
  display: flex;
  align-items: end;
  overflow-y: scroll;
  margin-bottom: 30px;
  border-bottom: 1px solid #dadada;
}
@media (min-width: 578px) {
  ul.basketTitleList {
    align-items: center;
  }
}
ul.basketTitleList li {
  padding: 10px 20px;
  text-align: center;
  width: 50%;
}
@media (min-width: 578px) {
  ul.basketTitleList li {
    width: 33.3%;
  }
}
ul.basketTitleList li a {
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.8px;
  transition: 0.5s ease;
}
@media (min-width: 578px) {
  ul.basketTitleList li a {
    font-size: 14px;
  }
}
ul.basketTitleList li a:hover {
  color: #c3272c;
}
ul.basketTitleList li.activeRed {
  border-bottom: 2px solid #c3272c;
}
ul.basketTitleList li.activeRed a {
  color: #c3272c;
}

.listPage .basketListFrame {
  min-height: 65vh;
}

.listRight-panel {
  position: relative;
  margin: 25px auto;
}
@media (min-width: 992px) {
  .listRight-panel {
    margin: 0 auto;
    padding-left: 20px;
  }
  .listRight-panel:before {
    content: "";
    height: 100%;
    border-left: 1px solid #dadada;
    position: absolute;
    left: 0;
  }
}

.listPage .list-img {
  max-height: 300px;
  overflow: hidden;
}
.listPage .list-img img {
  height: 100%;
  object-fit: cover;
}

.add-prod a {
  display: block;
  margin-top: 20px;
  border: 3px solid #dadada;
}
.add-prod a button {
  width: 100%;
  outline: none;
  padding: 10px;
  font-size: 14px;
  border: 0;
  background: #fff;
}
.add-prod a button span {
  color: #888;
  margin-top: 4px;
  font-weight: bolder;
}

.listRight-panel .shareList {
  margin-top: 10px;
  border: 3px solid #dadada;
  padding: 20px 10px;
}
.listRight-panel .shareList h6 {
  font-size: 14px;
  text-align: center;
}
.listRight-panel .shareList .btnRed {
  width: 100%;
  display: block;
  margin-top: 15px;
  margin-bottom: 15px;
}
.listRight-panel .shareList .btnRed button {
  padding: 10px;
  background: #c3272c;
  font-size: 14px;
  width: 100%;
  color: #fff;
}
.listRight-panel .shareList .shareLink {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.listRight-panel .shareList .shareLink a {
  font-size: 12px;
}
.listRight-panel .shareList .shareLink a span {
  color: #888;
}

.list-header {
  background: #FB8EF7;
}
.list-header .container {
  display: flex;
  flex-direction: column;
  padding: 20px;
}
@media (min-width: 992px) {
  .list-header .container {
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
  }
}
.list-header .left {
  display: flex;
}
@media (min-width: 578px) {
  .list-header .left {
    align-items: center;
  }
}
.list-header .left .profile {
  position: relative;
}
.list-header .left .profile .profilCircle {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.list-header .left .profile .profilCircle img{
  object-fit: cover;

}
@media (min-width: 578px) {
  .list-header .left .profile .profilCircle {
    width: 100px;
    height: 100px;
  }
}
.list-header .left .profile .circle {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #1dbd1d;
  position: absolute;
  bottom: 5%;
  left: 5%;
}
@media (min-width: 578px) {
  .list-header .left .profile .circle {
    width: 25px;
    height: 25px;
  }
}
.list-header .left .profile .circle.red {
  background: #c3272c;
}

.list-header .profileTitle {
  margin-left: 15px;
}
.list-header .profileTitle h4 {
  font-size: 15px;
}
@media (min-width: 578px) {
  .list-header .profileTitle h4 {
    font-size: 20px;
  }
}
.list-header .profileTitle p {
  font-size: 12px;
}
@media (min-width: 578px) {
  .list-header .profileTitle p {
    font-size: 14px;
  }
}

.list-header .right {
  width: 77%;
  margin-top: 10px;
}
@media (min-width: 578px) {
  .list-header .right {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .list-header .right {
    width: 25%;
    margin-top: 0px;
  }
}
.list-header .right p {
  font-size: 12px;
  margin-bottom: 5px;
  margin-left: 10px;
}
.list-header .right .counterFrame .counter span {
  font-size: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.list-header .right .counterFrame .counter h6 {
  font-size: 14px;
  text-align: center;
}

.detailRow {
  display: flex;
  flex-wrap: wrap;
}
.detailRight {
  padding: 0;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .detailRight {
    padding: 0 20px;
    margin-top: 10px;
  }
}
.detailRight .detailTitle {
  font-size: 17px;
  font-weight: normal;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .detailRight .detailTitle {
    font-size: 23px;
  }
}
.detailRight .priceBox {
  align-items: baseline;
  margin-bottom: 10px;
}
.detailRight .priceBox .price {
  font-size: 25px;
  color: #c3272c;
  font-weight: normal;
}
.detailRight .priceBox .price-old {
  font-size: 20px;
  margin-right: 5px;
  font-weight: normal;
  color: #444;
}

.discount {
  background: transparent;
  font-size: 18px;
  color: #26C32D;
  font-weight: normal;
  padding: 0;
}

.card-price {
  width: 100%;
  font-weight: normal;
}
.card-price p {
  font-size: 14px;
}

.proEvaluation {
  display: flex;
  font-size: 14px;
  justify-content: space-between;
}

.card-stars {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .card-stars {
    flex-direction: row;
  }
}
.card-stars ul {
  display: flex;
  margin-right: 5px;
}
.card-stars ul li span {
  color: #dadada;
  font-size: 14px;
}
.card-stars ul li span.yellow {
  color: #FFA900;
}
.card-stars span {
  font-size: 11px;
}

.bodySize {
  border-top: 1px solid #dadada;
}
.bodySize ul {
  display: flex;
  margin-top: 20px;
}
.bodySize ul li {
  width: 40px;
  height: 40px;
  font-size: 16px;
  border: 1px solid #E2E5EA;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.bodySize ul li a {
  color: #020202;
}
.bodySize ul li.active {
  background: #E2E5EA;
}
.bodySize ul li.active a {
  color: #818386;
}
.detailBox .body-size label{
  margin-right: 15px;
  font-weight: 700;
}
.detailBox .detailBtn {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.detailBox .detailBtn .btn {
  width: 49%;
  background: #3D4647;
  color: #fff;
  padding: 10px;
  border-radius: 10px;
  font-size: 14px;
}

.detailBox .detailBtn .btn.red {
  background: #c3272c;
}
.detailBox  .modal .open-acc{
  padding: 10px 0;
  background: #c3272c;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
.modal.fade.body-size{
  top: 0;
  transform: none;
}
.modal.fade.body-size div#accrow4 {
    overflow-y: scroll;
}
.detailBox  .modal .content-acc{
  margin-bottom: 40px;
}
.deliveryTime {
  font-size: 14px;
  margin-top: 20px;
  display: block;
}

.detailBottom {
  margin-top: 20px;
}
.detailBottom .iconFrame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 1px solid #dadada;
  padding-bottom: 20px;
}
@media (min-width: 1200px) {
  .detailBottom .iconFrame {
    flex-direction: row;
    align-items: center;
  }
}
.detailBottom .iconFrame .iconBox,.detailBottom .iconFrame .iconBox a {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 14px;
  padding-right: 15px;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .detailBottom .iconFrame .iconBox {
    width: 33.3%;
    justify-content: space-between;
    margin-bottom: 0px; 
  }
}
.detailBottom .iconFrame .iconBox span {
  font-size: 30px;
  color: #3E4748;
  margin-right: 6px;
}

.kargo {
  width: 180px;
  height: 60px;
  display: flex;
  align-items: center;
  background: #F7F7F7;
  border: 1px solid #dadada;
  border-radius: 10px;
  padding: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .kargo {
    margin-bottom: 0px;
  }
}
.kargo img {
  width: 40%;
}
.kargo span {
  font-size: 16px;
  margin-left: 10px;
  font-weight: 500;
}
.kargo span strong {
  font-size: 22px;
  font-weight: 500;
}

.dealer {
  border: 1px solid #dadada;
  border-radius: 10px;
  overflow: hidden;
}
.dealer .dealerHeader {
  display: flex;
  justify-content: space-between;
  background: #F9F9F9;
  padding: 10px;
  font-size: 14px;
}
.dealer .dealerHeader .dealerLeft {
  font-size: 16px;
}
.dealer .dealerHeader .dealerLeft span {
  color: #888;
  font-size: 14px;
}
.store-info .dealerLeft .dealName{
  padding: 10px 0;
}
.store-info .dealerLeft .dealName span{
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
}
.store-info{
  margin-bottom: 10px;
}
.dealer .dealerHeader .dealerLeft .dealName {
  color: #c3272c;
  font-size: 14px;
  display: block;
  margin-left: 0px;
  margin-top: 3px;
}
.dealer .dealerHeader .puan .icon-star-full {
  color: #c3272c;
  font-size: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.dealer .dealerHeader .puan .number {
  font-size: 14px;
  position: absolute;
  font-family: 'open sans';
  color: #fff;
  font-weight: bolder;
  margin-top: 5px;
}
.seller-contact .modal-content{
  background: #c3272c;

}
.seller-contact .modal-title{
  color: #fff;
  font-weight: 500;
  margin-bottom: 15px;
  text-align: left;
  
}
.seller-contact .left-logo img{
  width: 95px;
} 
.seller-contact .left-logo {
  border-right: 2px solid rgba(255,255,255,0.2);
  padding:5px;
  display: flex;
  align-items: center;
  background: #fff;
  
} 
.seller-contact .info-modal{
  padding: 15px;
  width: 100%;
}
.lineGroup{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;

}
.lineGroup label{
  color: #fff;
  font-size: 18px;
  width: 125px;
  text-align: left;
  
}
.lineGroup .info-box{
  color: #444;
  font-size: 15px;
  background: #fff;
  width: 100%;
  height: 40px;
  padding: 10px;
  border-radius: 5px;
  text-align: left;
  overflow-y: scroll;
  white-space: nowrap;
  text-overflow: ellipsis;
 
}
@media (max-width: 568px) {
  .lineGroup{
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;

  }
  .seller-contact .modal-title{
    margin-bottom: 15px;
  }
  .lineGroup label{
   margin-bottom: 5px;
    
  }
  .seller-contact .left-logo {
    display: none;
  }
   .seller-contact .modal-dialog {
    margin: 0.7rem; 
    }

}
.dealerBody {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  border-top: 1px solid #EAEAEA;
}
@media (min-width: 992px) {
  .dealerBody {
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  .dealerBody {
    font-size: 15px;
  }
}
.dealerBody .d-bodyLeft {
  display: flex;
  align-items: center;
  padding: 10px 0;
  text-align: center;
  font-size: 14px;
}
.dealerBody .d-bodyLeft span {
  font-size: 18px;
  margin-right: 5px;
  color: #888;
}
.dealerBody .numberProd {
  font-size: 13px;
  line-height: 1.1;
}
.dealerBody .numberProd .red {
  display: block;
  color: #c3272c;
  text-align: center;
  font-size: 12px;
}
.dealerBody ul {
  list-style: square;
  padding: 0 20px;
}
.dealerBody ul li {
  font-size: 14px;
  padding: 5px 0;
  line-height: 1.3;
}
.dealerBody ul li .red {
  color: #c3272c;
}

.dealerBody.bottom {
  justify-content: center;
  display: flex;
}
.dealerBody.bottom a {
  display: block;
  font-size: 14px;
}
.dealerBody.bottom a:hover {
  color: #c3272c;
}
/** card kodları **/
.detailProducts.highlights .card .card-title {
  height: 4.3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 0;
}
.detailProducts.highlights .card .card-title h5 {
  -webkit-line-clamp: 3;
}
.detailProducts.highlights .card .card-title .discount {
  font-size: 12px;
}
.detailProducts.highlights img {
  border: 1px solid #dadada;
  padding: 0 15px;
}
.detailProducts.highlights .price {
  flex-direction: row;
  color: #c3272c;
  height: auto;
  font-size: 14px;
}
@media (min-width: 768px) {
  .detailProducts.highlights .price {
    font-size: 16px;
  }
}
.detailProducts.highlights .price del {
  color: #444;
  font-size: 14px;
  margin-right: 3px;
  font-size: 10px;
}
@media (min-width: 768px) {
  .detailProducts.highlights .price del {
    font-size: 14px;
  }
}
.detailProducts.highlights a:hover {
  color: #000;
}

/** card end   **/
.pastProducts .pastProTitle {
  margin-bottom: 20px;
  margin-top: 5%;
  font-size: 18px;
}
@media (min-width: 768px) {
  .pastProducts .pastProTitle {
    font-size: 1.25rem;
  }
}

.proComment {
  border: 1px solid #dadada;
  border-radius: 10px;
  height: 19rem;
  padding: 10px 0;
  overflow-y: scroll;
}
.proComment .commentBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column-reverse;
  border-bottom: 1px solid #dadada;
  padding: 10px;
}
@media (min-width: 768px) {
  .proComment .commentBox {
    flex-direction: row;
  }
}
.proComment .commentBox .star {
  width: 100%;
}
@media (min-width: 768px) {
  .proComment .commentBox .star {
    width: 12%;
  }
}
.proComment .commentBox .star .card-stars {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.proComment .commentBox .star .card-stars ul {
  margin: auto;
}

.commentBox .comment {
  font-size: 14px;
  line-height: 1.3;
  display: flex;
  align-items: center;
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .commentBox .comment {
    width: 75%;
    text-align: left;
  }
}

.commentBox .comment-time {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  line-height: 1.5;
  font-size: 14px;
}
@media (min-width: 768px) {
  .commentBox .comment-time {
    width: 13%;
  }
}

.productDestTitle {
  display: flex;
  margin-top: 5%;
}
.productDestTitle h5 {
  padding: 0px 30px;
  border-right: 1px solid #dadada;
  font-size: 18px;
  text-align: center;
  margin-top: 10%;
}
@media (min-width: 768px) {
  .productDestTitle h5 {
    font-size: 1.25rem;
    text-align: left;
    margin-top: 0%;
  }
}
.productDestTitle h5:first-of-type {
  padding-left: 0;
}
.productDestTitle h5:last-of-type {
  border-right: 0;
}
.productDestTitle h5:last-of-type a {
  color: #ADADAD;
}
.productDestTitle h5 a:hover {
  color: #c3272c;
}

.productDest {
  border: 1px solid #dadada;
  padding: 20px;
  border-radius: 10px;
}
.productDest ul {
  list-style: square;
  padding-left: 20px;
}
.productDest ul li {
  font-size: 14px;
  padding: 5px 0;
  line-height: 1.3;
}

/* Custom Styles */
header {
  /* border-top: 10px solid #c3272c; */
  border-bottom: 2px solid #eee;
}

.fastMenu {
  display: none;
}
@media (min-width: 768px) {
  .fastMenu {
    display: flex;
    justify-content: flex-end;
    padding: 10px 0;
  }
}
.fastMenu a {
  margin-left: 20px;
  font-size: 13px;
}
.fastMenu a:hover {
  color: #c3272c;
}

.headerTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .headerTop {
    margin-bottom: 20px;
  }
}
.headerTop .logo {
  width: 85px;
  margin-left: 25px;
}
@media (min-width: 768px) {
  .headerTop .logo {
    width: 150px;
    margin-left:0px;
  }
}

.headerMenu {
  display: none;
}
@media (min-width: 992px) {
  .headerMenu {
    width: 40%;
    display: flex;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .headerMenu {
    width: 50%;
  }
}
.headerMenu .dropdown .btn {
  height: 47px;
  display: flex;
  align-items: center;
  width: 168px;
  background: #F3F3F3;
  color: #0F0F0F;
  border-radius: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border: none;
  margin-right: 5px;
  font-size: 13px;
}
@media (min-width: 992px) {
  .headerMenu .dropdown .btn {
    width: 140px;
  }
}
@media (min-width: 1200px) {
  .headerMenu .dropdown .btn {
    width: 168px;
  }
}
.headerMenu .dropdown .btn:hover:after {
  color: #707070;
}
.headerMenu .dropdown-toggle::after {
  content: "";
  font-family: "etamamla";
  position: absolute;
  right: 15px;
  font-size: 20px;
  color: #707070;
  border: 0;
}
.headerMenu .searchBtn {
  width: 100%;
  position: relative;
}
.headerMenu .searchBtn input {
  height: 47px;
  width: 100%;
  background: #F3F3F3;
  border: none;
  border-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  font-size: 13px;
}
.headerMenu .searchBtn input:focus {
  box-shadow: none;
  border: none !important;
}
.headerMenu .searchBtn:after {
  content: "";
  font-family: "etamamla";
  position: absolute;
  right: 15px;
  font-size: 20px;
  color: #222;
  top: 15px;
  cursor: pointer;
}

.headerRight {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 13px;
  width: fit-content;
}
@media (min-width: 992px) {
  .headerRight {
    width: 36%;
  }
}
@media (min-width: 1200px) {
  .headerRight {
    width: 33.3%;
  }
}
.headerRight .myList {
  height: 47px;
  border-radius: 10px;
  background: #c3272c;
  padding: 0 20px;
  color: #fff;
  display: flex;
  align-items: center;
  text-align: left;
  border: 1px solid transparent;
}
@media (min-width: 992px) {
  .headerRight .myList {
    padding: 0 10px;
  }
}
@media (min-width: 1200px) {
  .headerRight .myList {
    padding: 0 20px;
  }
}
.headerRight .myList:hover {
  color: #c3272c;
  background: #fff;
  border: 1px solid #c3272c;
  box-shadow: 0 0 1px;
}
.headerRight .myList span {
  margin-right: 15px;
  font-size: 16px;
}
.headerRight .list-btn {
  display: none;
}
@media (min-width: 992px) {
  .headerRight .list-btn {
    display: block;
  }
}
.headerRight .dropdown {
  margin-right: 15px;
  margin-left: 15px;
  display: none;
}
@media (min-width: 992px) {
  .headerRight .dropdown {
    display: block;
  }
}
.headerRight .dropdown .btn {
  height: 47px;
  border-radius: 10px;
  background: #F3F3F3;
  padding: 10px 30px;
  color: #222;
  border: none;
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  .headerRight .dropdown .btn {
    padding: 10px 25px 10px 10px;
  }
  .mobilSearch{
    display: none;
  }
}
.headerRight .dropdown .btn:hover {
  color: #fff;
  background: #c3272c;
}
.headerRight .dropdown .btn span {
  font-size: 18px;
  margin-right: 5px;
  margin-bottom: 4px;
}
.headerRight .dropdown-toggle::after {
  content: "";
  font-family: "etamamla";
  position: absolute;
  right: 5px;
  font-size: 20px;
  color: #707070;
  border: 0;
}

.basketBtn .btn, .mobileBtn,.mobilSearch{
  height: 40px;
  border-radius: 10px!important;
  padding: 10px;
  color: #222;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
}


.basketBtn .btn svg{
   display: none;
}
.basketBtn .btn span.etamamla-cart1{
  font-size: 25px;
}
@media (max-width: 992px) {
.basketBtn .btn span.basket-number {
    top: -6px;
    font-size: 12px;
  }
}

@media (min-width: 992px) {
  .basketBtn .btn, .mobileBtn{
    height: 47px;
    padding: 10px 20px;
  }

  .basketBtn .btn:hover, .mobileBtn:hover {
  border: 1px solid #c3272c;
}
  .mobilSearch{
  display:none!important ; 
}
.basketBtn .btn svg{
   display: block;
}
.basketBtn .btn span.etamamla-cart1{
   display: none;
}
}
.mobile-user{
  font-size: 25px;
  padding: 0 5px;
}
@media (min-width: 992px) {
  .mobile-user{
    display: none;
  }
}
.mobilSearch{
  width:100%;
  position: relative;
  background: #f1f1f1;
  height: auto;
  border-radius: 0;
 
}
.mobilSearch form{
  width: 100%;
  position: relative;
}
.mobilSearch form:after{
  content: "\e909";
  font-family: 'etamamla';
  position: absolute;
  font-size: 18px;
  top: 13px;
  left: 17px;


}
.mobilSearch input {
    font-size: 12px;
    height: 45px;
    padding: 3px;
    padding-left: 28px;
    border: 0;
    cursor: pointer;
    background: #fff;
    width: 100%;
  

}
.mobilSearch .form-control:focus{
    box-shadow: none;
    border: 0!important;

}

@media (max-width: 992px) {
  .basketBtn svg {
    width: 23px;
  }
}

.basket-number {
  position: absolute;
  left: 14px;
  top: 1px;
  font-size: 12px;
  color: #c3272c;
  font-weight: bold;
  width: 20px;
}
@media (min-width: 992px) {
  .basket-number {
    font-size: 15px;
    left: 25px;
    text-align: center;
    width: 20px;
  }
}

.mobileBtn {
  display: flex;
  font-size: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  /*margin-left: 10px;*/
}
@media (min-width: 992px) {
  .mobilMenu {
    display: none;
  }
}

.mobileBtn span:after{
 content: "menu";
 position: absolute;
 bottom: -4px;
 left: 9px;
 font-size: 11px;
 font-family: sans-serif;
 letter-spacing: 0.5px;
}
.mobilMenu ul a {
  padding: 5px 10px;
  font-size: 12px;
  width: 100%;
  display: block;
  height: 100%;
}

.mobilMenu .offcanvas-body{
  height: 100%;
  overflow-y: scroll;
  padding: 0 0 10px 0;
}
.mobil-list:last-of-type{
  padding-top: 10px;
  background:#DFE0E2;
}
.mobil-list li img{
  display: inline-block;
  width: 20px;
  margin-right: 10px;
  height: 26px;
}

.mobil-list > li {
  border-bottom: 1px solid #eee;
  padding: 13px 15px;
  font-size: 14px;
  background: #fff;
  display: flex;
  align-items: center;
}

.mobil-list:first-of-type > li span:after {
 content: "\e901";
 position: absolute;
 right: 10px;
 font-family: 'etamamla';
 font-size: 20px;
}

.mobil-list > li a {
  font-size: 14px;
  padding: 0;
}
.mobil-list > li span {
 position: relative;
 width: 100%;
}

.mobilMenu ul.bottomList {
  display: none;
  border-top: 1px solid #eee;
  margin-top: 10px;
  padding-top: 10px;
}
.mobilMenu ul.bottomList li {
  width: 48%;
  height: 100px;
  background: #dadada;
  margin-bottom: 5px;
  margin-right: 5px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.mobilMenu ul.bottomList a{
 position: relative;
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 justify-content: center;
}
.mobilMenu ul li span {
  font-size: 16px;
  position: relative;
  background: #fff;
}
.mobilMenu ul.bottomList.open {
  display: block;
  position: absolute;
  z-index: 100;
  background: #fff;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  left: 0;
}
.headerTop .mobilMenu .logo {
    width: 70px;
}
.mobilMenu .offcanvas-header{
  font-size: 20px;
  background: #dfe0e2;
  padding: 10px 15;
}
.mobilMenu .offcanvas-header button{
 opacity: 1;
}
.mobilMenu .offcanvas-header span{
  font-size: 30px;
  color: #b9babc;
}

.mobilMenu .menu-bottom {
  position: absolute;
  bottom: 20px;
  width: 100%;
  display: flex;
  left: 0;
  justify-content: center;
}
.mobilMenu .menu-bottom a {
  width: 40%;
  font-size: 14px;
  font-weight: 500;
  padding: 10px;
  display: block;
  text-align: center;
  border: 1px solid #c3272c;
  color: #c3272c;
}
.mobilMenu .menu-bottom a.red {
  background: #c3272c;
  color: #fff;
}

.headerRight .dropdown .btn .user-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 80px;
  font-size: 12px;
  margin: 0;
}

/** BASKET HEADER***/
.basketPage header {

  padding-top: 10px;
  padding-bottom: 10px;
}
.basketPage header .headerTop {
  text-align: center;
  margin: 0;
}
.basketPage header .headerTop h2 {
  font-size: 25px;
  margin: auto;
}
@media (min-width: 768px) {
  .basketPage header .headerTop h2 {
    font-size: 40px;
  }
}

/** BASKET END***/
.dropdown-toggle:hover:after {
  color: #fff;
}

.breadCrumb {
  padding: 12px 12px 12px 0;
}
.breadCrumb ul {
  white-space: nowrap;
  display: flex;
  flex-wrap: wrap;
}
.breadCrumb ul a {
  font-size: 12px;
  margin-right: 7px;
  color: #444;
  position: relative;
  padding-right: 10px;
}
.breadCrumb ul a:after {
  content: "";
  font-family: "etamamla";
  position: absolute;
  right: -5px;
  top: 1px;
  font-size: 12px;
  color: #c3272c;
}
.breadCrumb ul a:hover {
  color: #c3272c;
}

.breadCrumb li:last-of-type a:after {
  content: "";
}

footer {
  margin-top: 5%;
  border-bottom: 10px solid #c3272c;
  padding-bottom: 20px;
  background: #F3F3F3;
}
@media (max-width: 578px) {
  footer {
    margin-top: 10%;
  }
}
@media (max-width: 992px) {
  footer {
    margin-bottom: 45px;
  }
}
footer .footerTop {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 40px;
  margin-left: 5%;
  width: 100%;
}
@media (min-width: 578px) {
  footer .footerTop {
    margin-left: 0;
  }
}

.footer-cat {
  width: 50%;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .footer-cat {
    display: block;
    width: auto;
    margin-bottom: 0px;
    margin-bottom: 0px;
  }
}
.footer-cat h4 {
  font-size: 17px;
  width: 100%;
}
@media (min-width: 578px) {
  .footer-cat h4 {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .footer-cat h4 {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .footer-cat h4 {
    font-size: 18px;
  }
}
.footer-cat ul li a {
  font-size: 12px;
  padding: 5px 0;
  font-weight: 500;
}
.footer-cat .social-icon {
  margin-top: 10px;
}
.footer-cat .social-icon li {
  margin-bottom: 14px;
}
.footer-cat .social-icon span {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #898989;
  font-size: 13px;
  padding: 7px;
  color: #fff;
  margin-right: 10px;
}

.footer-cat ul {
  width: 100%;
}
@media (min-width: 578px) {
  .footer-cat ul {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .footer-cat ul {
    width: auto;
  }
}
.footer-cat ul li {
  margin-bottom: 5px;
}

.footer-cat.qrCode {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin: 0;
  margin-left:5px;

}
.footer-cat.qrCode img {
  height: 100%;
  width: 43px;
}
.footer-cat.qrCode img:last-of-type {
  margin-left: 20px;
}

.footerBottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .footerBottom {
    flex-wrap: nowrap;
  }
}
.footerBottom .footerLeft {
  display: flex;
  align-items: center;
}
.footerBottom .footerLeft .logo {
  width: 100px;
}
@media (min-width: 1200px) {
  .footerBottom .footerLeft .logo {
    max-width: 200px;
  }
}
.footerBottom .footerLeft span {
  margin-left: 20px;
  margin-top: 15px;
  font-size: 12px;
  font-weight: 500;
}
@media (min-width: 992px) {
  .footerBottom .footerLeft span {
    font-size: 14px;
  }
}
.footerBottom .footerRight {
  width: 100%;
}
@media (min-width: 992px) {
  .footerBottom .footerRight {
    width: 50%;
  }
}

/* owl carausel*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots, .owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav {
  margin-top: 10px;
}

.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

.badgeFrame {
  position: absolute;
  bottom: 3px;
  left: 3px;
}
.badgeFrame span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 8px;
  padding: 3px 5px;
  filter: contrast(100%);
  font-weight: 600;
  letter-spacing: 0.2px;
  border-radius: 2px;
}
@media (min-width: 768px) {
  .badgeFrame span {
    font-size: 11px;
  }
}

.basket-btns {
  justify-content: flex-end;
 
}
.basket-btns  a{
    width: 175px;
    margin-left: 10px;
 }

.basket-btns  a.createList.btn-checkout-next span:after{
    display: none;
 }
 .basket-btns  a.createList.btn-checkout-next{
    background: #d9d9d9;
    position: relative ;
    color: #212121;

 }
  .basket-btns  a.createList.btn-checkout-next:hover{
    background: #c3272c;
    color: #fff;

 }
   .basket-btns  a.createList.btn-checkout-next:hover span:before{
    color: #fff;

 }
.basket-btns  a.createList.btn-checkout-next span:before{
    content: "\e90c";
    position: absolute;
    left: 15px;
    font-family: 'etamamla';
    font-size: 18px;
    color: #717171;
 }


/** link sayfaları **/
.faq-wrapper  .row {
  margin-top: 2.5rem;

}

.faq-wrapper  h1{
 font-size: 25px;

}
.check-g{
  width: 100%;
}

.check-g .contract{
  margin: 0;
}
button.baslabtn{
   width: 100%;
      border: 1px solid #eee;
      margin: 0;
      padding: 0;
      height: 78px;
      font-size: 20px;
      background: #c3272c;
      border-radius: 10px;
      color: #fff;
      margin-top: 10px;
}
button.baslabtn:hover{
      color: #c3272c;
      background: #fff;
}


.btn-cls{
    margin-right: -12px;
    margin-top: -13px;
    outline: none;
    border: 0;
    background: black;
    color: #fff;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    float: right;
    font-size: 17px;

}
.finishedProd .modal-header h4{
  font-size: 18px;
  text-align: center;
  border-bottom: 1px solid #dadada;
  padding-bottom: 10px;
  width: 100%;
  margin-bottom: 0;


}
.finishedProd .productBox{
  width: 80%;
  margin-bottom: 10px;
}

.finishedProd .productBox a{
  z-index: 1;
  width: 80%;
  margin-left: 0;
}

.finishedProd .card-body .textContent{
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 20px;

}

.finishedProd .card-body .textContent p{
  text-align: left;
  width: 100%;
  text-overflow: ellipsis;
}

.finishedProd .mobileProduct{
  width: 20%;
}

.finishedProd .mobileProduct .remainder{
  background:#1dbd1d;
  color:white;
  padding:6px 15px;
  border-radius: 10px;
  font-size: 11px;
}
.finishedProd .modal-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.finishedProd .modal-bottom .form-check-group div.check {
    align-items: center;
}
.finishedProd .modal-bottom .form-check-group label {   
    text-align: left;
    margin-left: 8px;
}
.finishedProd .modal-bottom .form-check-group {   
    width: 54%;
    font-size: 11px;
}
.finishedProd .modal-bottom .btnRed {   
    width: 45%;
}
.finishedProd .modal-bottom .btnRed .btn {   
    width: 100%;
    background: #c3272c;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
    font-size: 14px;
}
.finishedProd .btn-cls {
    margin-right: -20px;
    margin-top: -55px;
   
}



.datepicker-days th.dow {
    font-weight: 600;
    font-size: 15px;
    padding: 8px;
}
.datepicker .datepicker-switch{
  font-weight: 600;
  transition: .2s ease;
}
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused ,.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover{
    background: #c3272c!important;
    cursor: pointer;
    color: #fff;

}


.storySlider.owl-carousel .owl-stage-outer{
  padding-top: 10px;
}

.homeSlider {
    border: 1px solid #dadada;
    border-radius:5px;
}



.headerBottom{
  width: 100%;

}
.headerBottom .bottom-nav{
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
  padding:0 5px;

}
.visible-nav{
  position: absolute;
  z-index: 1000;
  background: #fff;
  width: 100%;
  left: 0;
  padding: 20px;
  justify-content: space-between;
  height: 450px;
  border: 2px solid #eee;
  border-bottom-left-radius:10px ;
  border-bottom-right-radius:10px ;
  display: flex;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  




}
.visible-nav .nav-menu-left{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  width:100%;

}
@media (min-width: 1200px) {
  .visible-nav .nav-menu-left {
     width: 78%;
     
  }
}

.visible-nav ul{
  margin-bottom: 5px;
}
.visible-nav ul li{
  margin-top: 10px;
  padding-left: 5px;
  text-align: left;
}

.menu-img-right {
  width: 23%;
  height: 100%;
  right: 0;

}
@media (min-width: 1200px) {
  .menu-img-right {
     width: 30%;
     display: block;
  }
}
@media (min-width: 1400px) {
  .menu-img-right {
     width: 35%;
  }
}

.menu-img-right img{
  border-radius: 8px;
}
.bottom-nav > li > a{
  padding: 0 10px;
  transition: .5s ease;
}

.bottom-nav > li > a,.navTitle a{
font-weight:600;
position: relative;
}
.bottom-nav > li:hover > a{
color:#D3141D;
transition-delay: .5s;
}
.bottom-nav > li:hover > a:after{
    content: "";
    width: 100%;
    height: 3px;
    background: #D3141D;
    position: absolute;
    left: 0px;
    bottom: -12px;
    transition: .5s ease;
    transition-delay: .5s;

}
.bottom-nav a{
  font-size: 12px;

}
@media (min-width: 1200px) {
  .bottom-nav a{
  font-size: 14px;

}
}

.visible-nav ul li.navTitle{
  padding-left: 0;
}

.bottom-nav > li > a,.navTitle a{
font-weight:600;
color: #000;


}

.bottom-nav > li{
 padding-bottom:10px ;
 flex-shrink: 0;
 flex-grow: 1;
 text-align: center;
}
.navBackground{
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.2);
  z-index: 10;
  margin-top: 3px;
  transition: .3s;

}
.navBackground.open{
display: block;
}
.visible-nav-frame{
position: absolute;
transition: .5s linear;
z-index: 1000;
width: 100%;
left: 0;
height: 0;
top:29px;
overflow: hidden;

}
.bottom-nav > li:hover .visible-nav-frame.open{
  height: 450px;
 
}


.headerBottom .bottom-nav.nav-destop{
  display: none;
}

@media (min-width:992px) {
  .headerBottom .bottom-nav.nav-destop{
    display: flex;
  }
 .headerBottom .bottom-nav.mobile-bottom-nav{
    display: none;
  }
}
.mobile-bottom-nav{
   padding: 0;
   margin-top: 15px;
   overflow-x: scroll;
   height: 29px;
}
.mobile-bottom-nav::-webkit-scrollbar {
    display: none; 
}

.mobile-bottom-nav > li:first-of-type a{
padding-left: 0;

}
.showcase.home::-webkit-scrollbar {
    display: none; 
}

.mobile-bottom-nav > li:hover> a:after,.mobile-bottom-nav > li:hover> a{
  width: 0;
  color: #0F0F0F;
}
.mobile-bottom-nav > li.active:first-of-type a:after{
 width: 105%;
 left: -5px;
}
.bottom-nav.mobile-bottom-nav > li{
  margin-right: 5px;
}
.mobileBar{
    display: flex;
    position: fixed;
    bottom: 0;
    z-index: 20;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 60px;
    background: #c3272c;
    border-top: 2px solid #c9171e;
    box-shadow: 0px -1px 4px #c3272c;
}

.mobileBar a {
    align-items: center;
    font-size: 26px;
    width: 20%;
    display: flex;
    height: 100%;
    justify-content: center;
  /*  color: #444;*/
    color: #fff;

}
.mobileBar a:hover {
    color: #c3272c;
    background: #fff;


}
@media (min-width:992px) {
  .mobileBar{
  display: none;
  }
}
.offcanvas-end{
  width: 100%;
}
.bottomList2 {
  background: #fff;
  position: absolute;
  width: 100%;
  height: calc(100% - 90px);
  display: block;
  flex-wrap: wrap;
  left: -100%;
  top: 90px;
  padding-top:5px;
  z-index: 1;
  overflow-y: scroll;
}
.mobilMenu ul.bottomList2 li {
    border-bottom: 1px solid #eee;
    padding: 13px 15px;
    font-size: 14px;
    background: #fff;
}



.bottomList2.open{
  left: 0;
}
.mobilMenu .btn-close:focus{
  box-shadow: none;

}
.offcanvas-header h5{
  margin-bottom: 0;
}

.sssFrame h5{
  font-size: 25px;
  text-align: center;
  margin-bottom: 3rem;
  font-weight: 600;
}

.sssFrame h6{
  font-size: 17px;
  color:#c3272c;
  font-weight: 600;

}
.sssContent{
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;

}
.sssContent div{
  width: 100%;
}
@media (min-width:768px) {
  .sssContent div{
     width: 49%;
  }
}
.sssContent p{
  font-size: 14px;
  line-height: 1.5;

}
.offcanvas-start{
  height: calc(100% - 60px);
  overflow: hidden;
}
body.open{
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.m-catfastmenu{
  background: #f1f1f1;
  padding: 10px;
}
.contentArea .m-catfastmenu .container{
 display: flex;
 flex-direction: row;
 justify-content: center;
 margin-top: 0;
}
.m-catfastmenu a{
  width: 30%;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  background: #fff;
  margin: 5px;
  align-items: center;
  display: flex;
  justify-content: center;
  box-shadow: 0px 1px 5px #cbcbcb;
}
@media (min-width:992px) {
  .m-catfastmenu{
     display: none;
  }
}
@media (max-width:370px) {
  .m-catfastmenu a{
     width: auto;
  }
  .m-catfastmenu a{
  width: auto;
}
}
.col-list{
  width: 48%;
}
.listBox #address{
  position: relative;
}
button.address-Btn {
    position: absolute;
    right: -2px;
    padding: 3px;
    font-size: 11px;
    color: #c3272c;
    border: 0;
    bottom: -80px;
}
#newaddressModal{
  top: 0;
  transform:none;

}
#newaddressModal tr{
  flex-direction: column;
    display: flex;
    width: 100%;
}
#newaddressModal td{
    padding: 2px;
    width: 100%;
    text-align: left;
    border: 0;
}
.d-visible{
    display: none;
}
@media (min-width:992px) {
  .mb-visible{
    display: none!important;
  }
  .d-visible{
    display: block!important;
  }
}

@media (max-width:992px) {
  .faq-wrapper .row.container{
    display: flex;
    flex-direction: column-reverse;
  }
  .faq-wrapper .row.container .col{
    width: 100%!important;
  }
   .faq-wrapper .row.container .col-sm-3{
     border-top: 1px solid #dadada;
    padding-top: 5px;
   }
}
.filterBoxFrame{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.filterBoxFrame .mobile-FilterBtn,.filterBoxFrame .ct-filterBtn{
    width: 49%;
    background: #fff;
    color: #444;
    border: 1px solid #dadada;
    border-radius: 10px;
    padding: 10px;
    position: relative;

}
.filterBoxFrame .ct-filterBtn{
  width: 100%;
}
.filterBoxFrame .dropdown{
width: 49%;
}
.filterBoxFrame .ct-filterBtn.dropdown-toggle::after{
  display: none;
}
.filterBoxFrame .dropdown-menu{
  width: 100%;
  border-radius: 10px;
}
.filterBoxFrame .ct-filterBtn.dropdown-toggle:before{
  content: "\e925";
  font-family: 'etamamla';
  font-size: 19px;
  color: #c3272c;
  position: absolute;
  left: 20px;
  top: 5px;
}
.filterBoxFrame .mobile-FilterBtn:before{
  content: "\e924";
  font-family: 'etamamla';
  font-size: 22px;
  color: #c3272c;
  position: absolute;
  left: 20px;
  top: 2px;

}
.imgFrame {
    height: 200px;
    width: 100%;
    overflow: hidden;
}
.imgFrame img {
    height: 100%;
    object-fit:contain;
}

.promo-frame {
    overflow: hidden;
    height: 42%;
    width: 100%;
}
.promo-frame img {
    border: 1px solid #dadada;
    border-radius: 10px;
}

 @media (min-width: 992px){
  .menu-img-right.superm-right{
   width: 70%; 

}
}
 @media (min-width: 1199px){
  .menu-img-right.superm-right{
   width: 36%; 

}
}
@media (min-width: 1400px){ 
.menu-img-right.superm-right{
    width: 41%;
}

.promo-frame {
    margin-bottom: 20px;
}
}
 @media (max-width: 1199px){
 .headerRight .myList span {
    font-size: 13px;
  }
}
/*melih*/
.communication{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 3%;
}

.communication-frame{
  width: 100%;
  display: block;
  margin-bottom: 20px;
}
 @media (min-width: 768px){
 .communication-frame{
  width: 49%;
}
}
 @media (min-width: 992px){
 .communication-frame{
  width: 32.5%;
}
}

.communication-img img{
  border: 1px solid #dadada;
  border-radius: 10px;
  width: 100%;
}


.brand-card{
  border: 1px solid #dadada;
  padding: 0;
  display: inline-block;
  cursor: pointer;
  border-radius: 10px;
  overflow: hidden;
  margin: 0 8px;
}
.brandSlider .owl-nav,.homeProductSlider .owl-nav{
  display: block !important;
  position: absolute;
  top: 50%;
  width: 100%;
}
.brandSlider .owl-prev,.brandSlider .owl-next,.homeProductSlider .owl-prev,.brandSlider .owl-next{
  font-size: 29px;
  color: #313131;
  width: 100%;
  height: 100%;
  display: block;
  padding-top: 7px;
  text-align: center;
}
.brandSlider .owl-prev span,.homeProductSlider .owl-prev span{
   position: relative;
  color: #fff;
  font-size: 30px;
  bottom: 3px;
  left: 2px;
}
.brandSlider .owl-next span,.homeProductSlider .owl-next span{
  position: relative;
  color: #fff;
  font-size: 30px;
  bottom: 3px;
  left: 2px;
}
.brandSlider .owl-theme .owl-nav [class*=owl-],.homeProductSlider .owl-theme .owl-nav [class*=owl-]{
  padding: 4px 7px;
  cursor: pointer;
  border-radius: 3px;
}
.brandSlider .owl-prev,.homeProductSlider .owl-prev{
  width: 22px;
  height: 80px;
  background: #D8D8D8 !important;
  overflow: hidden;
  position: absolute;
  top: -55px;
  left: 15px;

}

.brandSlider .owl-next,.homeProductSlider .owl-next{
  width: 22px;
  height: 80px;
  background: #D8D8D8 !important;
  overflow: hidden;
  position: absolute;
  top: -55px;
  right: 15px;
}
.brandSlider.owl-carousel .owl-nav button.owl-next,.homeProductSlider.owl-carousel .owl-nav button.owl-next{
  display: flex;
    justify-content: center;
    align-items: center;
    position:absolute;
    right: -24px;
    border-radius: 10px;
}
.brandSlider.owl-carousel .owl-nav button.owl-prev,.homeProductSlider.owl-carousel .owl-nav button.owl-prev{
  opacity: 0;
  margin-left: -32px;
  border-radius: 10px;
}
.brandSlider.owl-carousel .owl-nav button.owl-prev:hover,.homeProductSlider.owl-carousel .owl-nav button.owl-prev:hover{
  opacity: 1;
}

.brandSlider.owl-carousel.owl-theme .owl-prev:before,.homeProductSlider.owl-carousel.owl-theme .owl-prev:before{
   display: none;
}
.brandSlider.owl-carousel.owl-theme .owl-next:before,.homeProductSlider.owl-carousel.owl-theme .owl-next:before{
   display: none;
}
/*melih end*/

.fastCat .container .homeProductSlider .card .card-title{
  height: 36px;
}

.fastCat .container .homeProductSlider .card {
    width: auto;
    margin: 0 8px !important;
    display: block;
}
.hoverCard{
    position: absolute;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 15px;
    color: #fff;
}
.hoverCard button{
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 17px;
    letter-spacing: 0px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    padding: 6px;

}
@media (min-width:992px) {
  .fastCat .container .homeProductSlider .card:hover .hoverCard {
    display: flex;
  }
}
.saticiBasvuruFormu #address-form{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.saticiBasvuruFormu #address-form .form-group{
  width: 48%;
  margin-bottom: 15px;
}
.saticiBasvuruFormu #address-form .form-group input{
  width: 100%;
  height: 45px;
  border: 1px solid #dadada;
  border-radius: 10px;
  padding: 10px;
}
.saticiBasvuruFormu #address-form .form-group input::-webkit-input-placeholder { /* Edge */
  font-size: 13px;
}

.saticiBasvuruFormu #address-form .form-group input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size: 13px;
}

.saticiBasvuruFormu #address-form .form-group input::placeholder {
  font-size: 13px;
}
.saticiBasvuruFormu #address-form .form-group label{
  width: 100%;
  text-align: left;
  margin-bottom: 5px;
  font-size: 14px;
  position: relative;
}
.saticiBasvuruFormu.modal .modal-header{
  position: relative;
  background: #c12931;
  color: #fff;
  font-size: 22px;
}
.saticiBasvuruFormu.modal .modal-header h3{
  margin: 0;
  font-size: 20px;
}
.saticiBasvuruFormu .form-select{
  height: 45px;
  font-size: 14px;
  border-radius: 10px;
  border: 1px solid #dadada;
  color: #757575;
}
.saticiBasvuruFormu  label.str:after {
    position: static;
    margin-left: 3px;
}
.saticiBasvuruFormu .check-g{
  display: flex;
  margin-top: 25px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.saticiBasvuruFormu .form-check-group{
  display: block;
  position: relative;
  width: 50%;
  text-align: left;
  
}
.saticiBasvuruFormu .form-check-group input{
  margin-left: 10px;
  
}
.saticiBasvuruFormu .form-check-group input:before{
  content: "";
    height: 20px;
    width: 20px;
    border: 1px solid #707070;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: -2px;
    left: 6px;
}
.saticiBasvuruFormu button.baslabtn{
  width: 48%;
  font-size: 18px;
  height: 40px;
  border: 1px solid #c3272c;
}
.saticiBasvuruFormu .modal-dialog-scrollable .modal-content{
  border-radius: 10px;
  border: none;
}
.saticiBasvuruFormu .modal-dialog {
    max-width: 575px;
}
.saticiBasvuruFormu .form-check-group input:checked:after{
  left: 11px
}
@media (max-width: 575.98px) {
 .saticiBasvuruFormu #address-form .form-group{
  width: 100%;
  }
  .saticiBasvuruFormu .form-check-group{
  width: 100%;
  justify-content: flex-start;
}
.saticiBasvuruFormu button.baslabtn{
  width: 100%;
 
}
}
.modal.saticiBasvuruFormu {
    top: 0;
    transform: none;
}
.banner .owl-carousel.owl-loaded{
  display: flex;
}

.banner .owl-theme .owl-dots .owl-dot {
    margin-bottom: 5px;
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid #eee;
}
.banner .owl-theme .item {
  
  border: 2px solid #eee;
  border-radius: 10px;
  overflow: hidden;
}
.banner .owl-theme .owl-nav.disabled + .owl-dots {
    width: 70%;
    display: none;
}
.banner{
  background: #e0dfdf;
  padding-top: 3em;
  padding-bottom: 3em;
}
@media (min-width: 992px){
.banner .owl-theme .owl-dots .owl-dot{
 width: 80%;
}
.banner .owl-theme .item {
/*  width: 85%;*/
}
.banner .owl-theme .owl-nav.disabled + .owl-dots {

    display: block;
}
.banner{
  padding-top: 4em;
    padding-bottom: 4em;
}
}
@media (min-width: 1200px){
.banner .owl-theme .owl-dots .owl-dot{
 width: 85%;
}
.banner{
  padding-top: 3em;
  padding-bottom: 3em;
  
 /* min-height: 73vh;
  overflow: hidden;*/
}


}

  .showcase.home{
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
  .showcase.home .contentFrame {
    min-width: 28%;
    margin-right: 15px;
}

@media (min-width: 575.98px){
  .showcase.home .contentFrame {
    min-width: 19%;
}
}
@media (min-width: 768px){
  .showcase.home .contentFrame {
    min-width: 18%;
}
}
@media (min-width: 992px){
  .showcase.home{
    flex-wrap: wrap;
    
  }
  .showcase.home .contentFrame {
    min-width: 0%;
    margin-right: 0;
}
}
.brand-card a:hover{
  overflow: hidden;
} 
.brand-card a:hover img{
  transform: scale(1.1);
  transition: .5s ease;
} 
.owl-carousel .owl-item .brand-card img{
  display: flex;

}
.banner .owl-theme .owl-nav.disabled + .owl-dots{
  margin-top: 0;
}
input[type="search"].searchinput::-webkit-search-cancel-button {
  display: none;
}
@media (max-width: 992px){
  .my-account .profile-page-inline-title{
    font-size: 20px!important;
    line-height: 1.5;
    margin-top: 0!important;
  }

}
@media (max-width: 575.98px) {.hidden-xs {display:none!important;}}
@media (min-width: 576px) and (max-width: 767.98px) {.hidden-sm {display:none!important;}}
@media (min-width: 768px) and (max-width: 991.98px) {.hidden-md {display:none!important;}}
@media (min-width: 992px) and (max-width: 1199.98px) {.hidden-lg {display:none!important;}}
@media (min-width: 1200px) {.hidden-xl {display:none!important;}}


.banner.b2 .owl-carousel.owl-loaded{
  display: block;
}
@media (min-width: 992px){
.banner.b2 .owl-theme .item{
/*  width: 100%;*/
}
}
.banner.b2 .owl-theme .item{
/*  width: 100%;*/
}
.banner.b2 .owl-theme .item{
  display: inline-flex;
}
@media (min-width: 1200px){
.banner.b2 .owl-theme .owl-dots .owl-dot {
    width: 10%;
    margin:0px 5px;
}
}
.banner.b2 .owl-theme .owl-dots .owl-dot {
    width: 10%;
    margin:0px 5px;
}
.banner.b2 .owl-theme .owl-nav.disabled + .owl-dots {
    width: 100%;
    margin-top: 13px;
   
}
.banner.b2  .owl-carousel .owl-dots.disabled,.banner.b2 .owl-carousel .owl-nav.disabled {
    position: absolute;
    width: 78%;
    display: flex;
    justify-content: space-between;
    left: 50%;
    transform: translateX(-50%);
    height: 59px;
    align-items: center;
    bottom: -55px;
}
.banner.b2  .owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 24px;
    margin: 5px;
    padding: 4px 7px;
    background: transparent;
    display: inline-block;
    cursor: pointer;
    border-radius: 10px;
    border: 2px solid;
    padding: 12px 23px;
    margin: 0;
    position: absolute;
    top: -55px;
}
.banner.b2  .owl-theme .item .sliderFrame{
  width: 60%;
}

.banner.b2  .owl-theme .item .sliderText{
  width: 40.1%;
  min-width: 40.1%;
  padding: 35px;
  background: #fff;

}
.slider-title{
 font-size: 36px;
 line-height: 1.2;
 font-weight: 400;
 display: -webkit-box;
-webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
  overflow: hidden;
}
.sliderDes{
 font-size: 15px;
 font-weight: 400;
 margin-top: 15px;
 display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.banner.b2 .owl-carousel .owl-nav .owl-next{
  right: 0;
}
.banner.b2  .owl-theme .item .sliderText a{
  font-size: 15px;
  display: block;
  border: 2px solid #898989;
  padding:15px 30px;
  border-radius: 8px;
  margin-top: 3em;;
  width: fit-content;

}
.banner.b2 .owl-theme .item .sliderText a.supplier {
    font-size: 16px;
    color: #898989;
    position: absolute;
    bottom: 40px;
    display: block;
    border: 0;
    padding: 0;

 
}
.supplier .supplierName {
  font-size: 22px;
  color: #C3272C;
  font-weight: 500;
}
.selectEventFrame{
  display: flex;
  justify-content: center;
  width: 100%;
}


.selectEventFrame .select-event{
    border: 2px solid #fff;
    padding: 15px 10px;
    color: #000;
    font-size: 18px;
    margin: 20px 10px;
    width: 13%;
    background: transparent;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    position: relative;
     cursor: pointer;
   
}
.selectEventFrame .select-event.active{
    background: white;
    color: #444;

}
.selectEventFrame .select-event.active:before{
    content: "";
    margin: auto;
    border: 10px solid transparent;
    border-top: 10px solid white;
    position: absolute;
    bottom: -22px;
}

@media (min-width: 992px) and (max-width: 1199px){
 .banner.b2  .owl-carousel .owl-dots.disabled,.banner.b2 .owl-carousel .owl-nav.disabled {
    width: 83%;
} 
.banner.b2 .owl-theme .owl-nav [class*=owl-]{
  font-size: 21px;
  padding: 8px 23px;
  top: -44px;  
}
.slider-title {
    font-size: 29px;
}
.supplier .supplierName {
    font-size: 19px;
}

.banner.b2 .owl-theme .item .sliderText a {
    
    padding: 10px 30px;
    border-radius: 8px;
}
.selectEventFrame .select-event{
    font-size: 15px;
}
}
@media(max-width: 992px){
.banner.b2 .owl-carousel .owl-dots.disabled, .banner.b2 .owl-carousel .owl-nav.disabled{
  display: none;
}
.banner.b2 .owl-theme .item .sliderText {
    padding: 25px;
}
.slider-title {
    font-size: 20px;
}
.sliderDes {
    font-size: 12px;
    font-weight: 400;
    margin-top: 15px;
}
.banner.b2 .owl-theme .item .sliderText a{
  font-size: 12px;
  padding: 5px 28px;
  margin-top: 2em;
   
}
.supplier {
    font-size: 14px;
    bottom: 5px;
}
.banner.b2 .owl-theme .item .sliderText a.supplier{
 position: static;
}  
.supplier .supplierName {
    font-size: 16px;
}
.selectEventFrame{
  display: none;
}
}
@media(max-width: 768px){
.banner.b2 .owl-theme .item{
  flex-direction: column;
}
.banner.b2 .owl-theme .item .sliderFrame ,.banner.b2 .owl-theme .item .sliderText{
    width: 100%;
}

.supplier {
    position: static;
    margin-top: 16px;

}
.banner.b2 .owl-theme .item .sliderText a{
  margin-top: 1em;
}
}

@media (min-width: 992px) and (max-width: 1199px){
 .banner.b2 .owl-theme .owl-item{
    /*width: 936px;
    margin-right: 10px;*/
    display: inline-block;
  }

}
@media (min-width: 1200px){
 .banner.b2 .owl-theme .owl-item{
   /* width: 1206px;
    margin-right: 10px;*/
    display: inline-block;
  }

}


.labelFrame {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 20px;
    display: flex;
    align-items: center;
}
.formFrame {
  width: 45%;
  margin-right: 20px;

}

.formFrame span {
    font-size: 15px;
    margin-right: 10px;
    color: black;
}
label.info-text {
    height: 40px;
    border: 1px solid #eee;
    width: 100%;
    padding: 10px 10px 10px 15px;
    border-radius: 6px;
    box-shadow: 0 0 2px #888888;
    color: black;
}

a.editBtn {
    background: #c12931;
    color: white;
    border-radius: 6px;
    padding: 10px 15px;
    box-shadow: 0 0 3px #c24047;
    border: 0px;
    margin-left: 25px;
}

a.editBtn:hover {
    background: #c12931;
    color: white;
   
}

@media (max-width:992px){
.formFrame{
    width: 100%;
  }
}

.bottom-title {
    margin-bottom: 35px;
    border-bottom: 2px solid #e1e1e1;
    padding-bottom: 4px;
}

.bottom-title span {
    border-bottom: 2px solid #d01927;
    text-align: center;
    font-size: 14px;
    padding: 4px 15px;
    font-weight: 500;
}
.my-account .profile-page-inline-title{
  margin-top: 0;
  font-size: 20px;
}
.order-top-menu{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 20px;
  border-bottom: 2px solid #dadada;
}

.orderSearch input{
  padding: 10px;
    width: 100%;
    border: 1px solid #dadada;
    border-radius: 8px;

}
.orderSearch{
  width: 25%;
  margin-bottom: 8px;
  position: relative;
  display: flex;
  align-items: center;
}
.orderSearch form{
  width: 100%;
  
}
.orderSearch:after{
 content: "\e986";
 right: 10px;
 position: absolute;
 font-family: "etamamla";

}
.orderAll .order-list .order{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #dadada;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 8px;
    flex-wrap: wrap;
}
.orderAll .order-list .order .badge{
  font-size: 12px;
  font-weight: 500;
}
.order-right{
  display: flex;
  align-items: flex-end;
  width: 80%;
  padding-bottom: 10px;
}
.orderAll .order-img {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
    margin: 2px;
    border: 1px solid #dadada;

}
.orderAll .order-img-frame{
  display: flex;
  width: 15%;
  flex-wrap: wrap;

}
.orderAll  .order-detail{
    width: 33.3%;
    text-align: end;
}
.orderAll .orderInfo{
  width:  33.3%;
}

.orderAll .total-product{
  width:  33.3%;
  text-align: center;
}

.orderAll .total-price a{
    border-radius: 50%;
    background: #d4d4d4;
    font-size: 16px;
    color: #595959;
    display: inline-flex;
    height: 30px;
    width: 30px;
    align-items: center;
    justify-content: center;
}

.orderAll  .order-number {
    margin-bottom: 10px;
}

.orderAll .total-price,.orderAll .total-price span{
    font-weight: 600;
}

@media (max-width:992px){
.orderAll .order-list .order{
    align-items: flex-start;
  }
  .orderAll .order-img-frame{
   width:40%;
  }
  .order-right{
    flex-direction: column;
    align-items: baseline;
    width: 60%;
  }
  .orderAll .total-product,.orderAll .order-detail{
    text-align: left;
  }
  .order-right div{
    width: 100%!important;
  }
  .orderAll .order-list .order .badge{
      text-align: left;
      padding-left: 0;
  }
  .total-price{
    display: flex;
    align-items: baseline;
  }



}
@media (max-width:1199px){
.order-tabs {
    width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
}
.order-top-menu {

    flex-direction: column;
    align-items: flex-start;
  
}
.orderSearch {
    margin-top: 15px;
    width: 60%;
}
}
@media (min-width:992px){
  .orderAll .order-img-frame {
    display: flex;
    width: 20%;
    flex-wrap: wrap;
}
}

.pagination {
    font-size: 15px;
    justify-content: center;
}
.pagination li {
    margin-right: 10px;
}
.my-account .pagination > .active > a{
  background-color: #E00023;
    border-color: #E00023;
    padding: 3px 8px;
    color: white;
}
.orderAll  .order-detail-bottom{
  width: 100%;
  border-top: 1px solid #dadada;
  margin-top: 15px;
  padding-top: 15px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.orderAll .order-detail-bottom .product-card {
    width: 100%;
    text-align: left;
    display: flex;

}
@media (min-width:992px){
  .orderAll .order-detail-bottom .product-card {
    width: 50%;
    text-align: left;
    display: flex;


}
}
.orderAll .order-detail-bottom .productImg {
    width: 100px;
    min-width: 100px;
    height: 100px;
    border: 1px solid #dadada;
    overflow: hidden;
    margin-right: 15px;
}

.productImg img,.orderAll .order-img-frame img{
  height: 100%;
  object-fit: contain;
}
.order-detail-bottom .product-card .satici-ad a{
  color: #000;
  font-weight: 600;
}
.order-detail-bottom .product-card .magaza-ziyaret{
  float: right;
    text-decoration: underline;
    color: #6e6e6e;
}
.order-detail-bottom .product-card .product-title{
     margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.order-detail-bottom .product-card  .price{
  font-size: 14px;
  color: #d01927;
}
.order-detail-bottom .product-card  a.btn{
    margin-top: 10px;
    border-radius: 8px;
}

.orderCancel {
    width: 100%;
    padding: 20px 20px 30px 20px;
    background: #EAEAEA;
    border-radius: 10px;
    position: relative;
    margin-top: 15px;
}
@media (min-width:992px){
  .orderCancel {
    width: 45%;
    margin-top: 0;
   
}
.payment-info{
  padding-left: 30px;
}
.orderCancel:before {
   content: "";
    height: 100%;
    width: 1px;
    background: #dadada;
    position: absolute;
    left: -20px;
    top: 0;

}
.contentArea {
    min-height: 360px;
}
}

.orderCancel span {
    padding: 10px;
    background: white;
    border-radius: 50%;
    font-size: 20px;
    margin-right: 15px;
}


.well h3  {
  font-size: 16px;
}

.well strong {
  font-size: 14px;
  margin-bottom: 10px;
}

.order-cart{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    background: #F3F3F3;
    border-radius: 10px;
    margin-bottom: 20px;
}
.order-cart-img{
width: 35%;
}
.order-cart-info{
  width: fit-content;%;
  margin-left: 15px;
  font-size: 15px;
  font-weight: 600;
}
@media (min-width:1199px){
  .order-cart-info{
  width: 45%;
}
}

.order-cart-info p{
margin-top: 7px;
margin-bottom: 0;
}
.order-cart-info p span{
font-size: 12px;
color:#919191;
font-weight: 500;
}

.payment-frame {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #dadada;
    padding: 15px 0;
}
.hiden-detail {
    height: 0;
    opacity: 0;
    transition: height .5s linear;
}
.order.active .hiden-detail {
    height: auto;
    opacity: 1;
    
}
.order.active .total-price a {
 
    transform: rotate(90deg);
}
  }
.orderAll  .order{
   transition: height .5s linear;
}
.banner.b2 .imgCt.opacity-0{
  height: 0;
  opacity: 0;
}
.nameCircle {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #dadada;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background: #dadada;
    font-size: 19px;
    font-weight: 500;
    box-shadow: 0 0 2px;
}
.addresses-title{
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
  display: block;
}
.addresses-name-title{
  font-size: 14px;

}
.addresses-table span{
display: block;
}

.addresses-frame{
    margin-bottom: 15px;
    border-radius: 10px;
    border: 1px solid #dadada;
    padding: 20px;
    position: relative;
    box-shadow: 0 0 1px;
}

.addresses-img {
  width: 40px;
  margin-right: 20px;
  min-width: 40px;
}
@media (min-width:768px){
  .addresses-img {
  width: 70px;
  margin-right: 20px;
}
}
a.duzenle-icon {
    width: 25px;
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
}

a.address-trash {
    position: absolute;
    bottom: 20px;
    right: 23px;
    font-size: 15px;
}
.addfavorite {
    position: absolute;
    z-index: 2;
    right: 5px;
    background-color: #fff;
    color: #444;
    border: none;
    line-height: 1;
    height: 25px;
    width: 25px;
    font-size: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 2px;
}
.addfavorite.etamamla-heart-outlined:hover::before{
  content: "\e92d";
  color: red;
  font-family: "etamamla";
  font-size: 16px;
}
.fastCat .homeProductSlider .price {
  font-weight: 700;
  color: red;
  text-align: left;
  font-size: 14px;
}

img {
    pointer-events: none;
}
.menu-img-right a{
  display: block;
  height: fit-content;
}
.filter-flex{
  height: fit-content;
}
.catFilterList > li.close ul li,.catFilterList>li.close div span{
  display: none;
  margin-bottom:0;
}
.filterBox .catFilterList li.close .inp-bottomList{
margin-top: 0;
}

.cinselurunfilter {filter: blur(5px);}

.cinselurunbadge {z-index: 999;
width: 120px!important;
height: 120px!important;
margin: 40px auto 0px 40px;
position: absolute;
}
.banner.b2 .owl-stage{
  display: flex;
}
.ratinghelpful{
display:none;
}
a.btn.btn-radius.btn-red.btn-new-review{
  background: #c3282b;
    border-radius: 8px;
    padding: 7px 15px;
  
}
.textField ul {
    list-style: disc;
    padding-left: 25px;
}

.footerYeniBanner{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
   
}
.footerYeniBanner .communication-img{
    margin-top: 3%;
}
@media (min-width:992px) {
  .footerYeniBanner {
     flex-wrap: nowrap;
    }
     .footerYeniBanner .communication-img:first-of-type {
          margin-right: 15px;
    }
}
span.catTitle {
  display: block;
}

.contentFrameFilterGroup {
  margin-bottom: 8px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;

}

.contentFrameFilterGroup .selectedFacetShowGroup {
  display: flex;
    justify-content: space-between;
    align-items: center;
    width: fit-content;
    min-width: 80px;
    height: 35px;
    border: 1px solid #EBEBEB;
    background: #f2f2f2;
    border-radius: 6px;
    padding: 8px;
    font-size: 11px;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
    line-height: 1.2;
}



.contentFrameFilterGroup .selectedFacetShowGroup .selectedFacetShowLeft .removeicon:after {
  font-family: 'decomeco' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0f";
  font-size: 7px;
  color: #444;
  border-radius: 50%;
  border: 1px solid #a8a5a5;
  padding: 5px;
  margin-left: 10px;
}

.contentFrameFilterGroup .selectedFacetShowGroup:hover .removeicon:after {

  color: #c3282b;
  border: 1px solid #c3282b;


}

.selectedFacetShowGroup:hover .selectedFacetShowGroup .selectedFacetShowLeft .removeicon:before {
  color: #c3272c;
}



.contentFrameFilterGroup .selectedFacetShowGroup .selectedFacetShowItem .selectedFacetShowTitle {
  line-height: 13px;
  margin: 0px 0px 0px 0px;
  font-weight: 600;
}

.contentFrameFilterGroup .selectedFacetShowGroup .selectedFacetShowItem .selectedFacetShowText {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 80px;
  overflow: hidden;
}