html {
  min-height: 100%;
  height: 100%;
  width: 100%;
}
body {
    /* padding: 0; */
    margin: 0;
    height: 100%;
    max-width: 100%;
    overflow-x: hidden;
    width: 100%;
    /* font-size: 12px; */
    background: var(--renk6);
    font-family:
    -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    font-family:
    'Heebo', sans-serif;
    padding-bottom: 60px;
    color: var(
    --renk7);
    display: table;
}

headerkenar { left: 0;top: 0px;z-index: 3; }
.kredisonuc { display:none; }



.example__complete {
  display: none;
  margin-left: 5px;
}

.example__complete::after {
  content: '✔';
}


.mesajkenar {
    display: none;
    z-index: 101;
    max-width: 350px;
}

.mesajkenar.acik {
    display: block;
}






.headeralt1 {width: 20%;background: var(--renk4);height: 2px;}
.headeralt2 {width: 20%;background: var(--renk4);height: 2px;}
.headeralt3 {width: 20%;background: var(--renk4);height: 2px;}
.headeralt4 {width: 20%;background: var(--renk4);height: 2px;}
.headeralt5 {width: 20%;background: var(--renk9);height: 2px;}



.header.active  {left: 0;top: 0px;z-index: 4;      /* Also the same as */transition-timing-function: ease-in;transition: 0.2s;transform: translateY(0px);position: fixed;}

.headerust {left: 0;top: 0px;z-index: 1;padding: 10px 0px;margin-bottom: 1px;}



.headerlogo {width: 25%;}
.headerlogo img {/* max-width: 90%; */}
.headerorta {width: 49%;}
.headersag {width: 30%;}


.modultitle:before {height: 3px;width: 100%;left: 0%;position: absolute;bottom: -3px;display: inline-block;content: "";background: var(--renk5);}
.modultitle:after {bottom: -3px;content: "";display: block;height: 3px;position: absolute;width: 60px;background-color: var(--renk10);}




.anamesaj {width: 100%;text-align: center;color: var(--renk3);background: #1514143d;z-index: 1;padding: 20px;}

.aramaust {}
.aramaust button {width: 12%;text-align: center;background: var(--renk8);border: 1px solid var(--renk8);height: 40px;color: #ffffff;/* display: none; */}
.aramaust input {line-height: 36px;background: #ffffff;cursor: text;width: 86%;padding-left: 15px;padding-right: 15px;color: var(--renk8);font-family: 'Fira Sans', sans-serif;margin-right: 2%;border: 1px solid #ccc;}



input, select {border: 1px solid var(--renk3);}

.bg-top {
    background: url(/images/bg-top.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}


::placeholder { color: var(--renk7);opacity: 1; }
:-ms-input-placeholder { color: var(--renk7); }
::-ms-input-placeholder { color: var(--renk7); }


.ustmenu {list-style: none;position: relative;}a
.ustmenu .menu { min-width: 45px;line-height: 30px;z-index: 2; }

.ustmenu .menu:before {position: absolute;top: 50%;left: 0;-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);content: "";width: 1px;height: 20px;display: block;background-color: var(--renk5);}
.ustmenu .menu:first-child:before { display: none; }

.ustmenu2 {list-style: none;position: relative;}a
.ustmenu2 .menu {min-width: 45px;line-height: 30px;z-index: 2;}
.ustmenu2 .menu a { color: var(--renk3); }
.ustmenu2 .menu a:hover { color: var(--renk4); }
.ustmenu2 .menu:before {position: absolute;top: 50%;left: 0;-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);content: "";width: 1px;height: 20px;display: block;background-color: var(--renk4);}
.ustmenu2 .menu:first-child:before { display: none; }


ul.kategorimenu {width: 100%;}
ul.kategorimenu li {width: 25%;float: left;}

li.siyah {
    /* border-radius: 5px; */
}
ul.kategorimenu li:hover {color: var(--renk10);}
ul.kategorimenu li:hover.siyah {background: var(--renk10);color: var(--renk3);/* border-bottom-left-radius: 0; *//* border-bottom-right-radius: 0; */}
ul.kategorimenu li:hover ul { display:block; }
ul.kategorimenu ul {left: 0;top: 100%;display: none;/* box-shadow: 0px 15px 15px rgba(7, 7, 7, 0.16); *//* -webkit-box-shadow: 0px 15px 15px rgba(7, 7, 7, 0.16); */moz-box-shadow: 0px 15px 15px rgba(7, 7, 7, 0.16);}
ul.kategorimenu ul li {width: 100%;text-align: left;padding: 5px;background: white;border-left: 3px solid #ffffff;line-height: 35px;/* font-size: 12px; */margin-bottom: 1px;}
ul.kategorimenu ul li:hover {border-left: 3px solid var(--renk10);background: var(--renk4);}
ul.kategorimenu ul li i {width: 35px;text-align: center;border-right: 1px dashed #d2d2d2;margin-right: 5px;}
ul.kategorimenu ul li span {
    top: 0;
    right: 10px;
    text-align: center;
    float: right;
}

ul.kategorimenu li.mavi:before {position: absolute;top: 50%;left: 0px;-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);content: "";width: 1px;height: 30px;display: block;background-color: #f1f0f0;}
ul.kategorimenu li.mavi:up-last-child:before { display: none; }
ul.kategorimenu li.mavi:first-child:before {/* display: none; */}

.headermenu {list-style: none;float: right;position: relative;}
.headermenu .menu {min-width: 45px;line-height: 30px;z-index: 2;}
.headermenu .menu:before { position: absolute;top: 50%;left: 0;-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);content: "";width: 1px;height: 20px;display: block;background-color: #e6e6e6; }
.headermenu .menu:first-child:before { display: none; }
.headermenu .menu.ilanver:before { display: none; }
.headermenu .menu space {top: 3px;right: 8px;position: absolute;width: 50%;background: var(--renk10);font-size: 10px;color: white;line-height: 15px;width: 10px;height: 10px;border-radius: 50%;}
.uyemenualt { display: none;top: 100%;right: -1px;width: 230px;z-index: 2000; }
.uyemenualt li {position: relative;float: left;width: 100%;cursor: pointer;padding: 3px 0px;font-size: 12px;/* line-height: 22px; */font-weight: 500;}
.uyemenualt li:hover {background: var(--renk4);}
.uyemenualt li i { width: 30px; }
.uyemenualtkenar:after { content: '';position: absolute;right: 5px;top: -12px;border-style: solid;border-bottom-width: 10px;border-right-width: 15px;border-left-width: 15px;border-top-color: transparent;border-right-color: transparent;border-bottom-color: #ffffff;border-left-color: transparent; }
.uyemenualtkenar:before { content: '';position: absolute;right: 5px;top: -13px;border-style: solid;border-bottom-width: 10px;border-right-width: 15px;border-left-width: 15px;border-top-color: transparent;border-right-color: transparent;border-bottom-color: #e6e6e6;border-left-color: transparent; }



.kutu1 {width: 24%;margin-right: 1%;}
.kutu2 {width: 75%;}
.kutu3 { width: 19%;margin-left: 1%;margin-bottom: 10px; }
.kutu4 { width: 24%;margin-left: 1%;margin-bottom: 1%; }
.kutu4-1 { width: 24%;margin-left: 1%;margin-bottom: 1%; }
.kutu5-1 { width: 49%;margin-right: 1%; }
.kutu5-2 { width: 50%; }
.kutu6-1 {width: 50%;padding: 5px 0px;}
.kutu6-2 {width: 50%;padding-left: 5px;}

.kutu7-1 { width: 49%;margin-right: 1%; }
.kutu7-2 { width: 24%;margin-right: 1%; }
.kutu7-3 { width: 25%; }
.kutu8 { width: 19%;margin-left: 1%; }
.kutu9-1 { width: 49%;margin-right: 1%; }
.kutu9-2 { width: 50%; }
.kutudetay {
    line-height: 30px;
    overflow: hidden;
}


.katmenu li {
    list-style: none;
    line-height: 20px;
    padding: 2px 0;
    font-size: 12px;
}
.katmenu li:hover {
    /* background: var(--renk6); */
    /* color: var(--renk9); */
}

.katmenu li span {
    color: var(--renk7);
}
.katmenu li:last-child { margin-bottom: 0; }

.katmenu a li {
    color: var(--renk12);
}

.katmenu a li:hover {
    color: var(--renk9);
}





.katmenuust i {
    width: 60px;
    line-height: 60px;
    font-size: 25px;
    text-align: center;
    color: var(--renk3);
    background: var(--renk10);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    top: 0px;
    border-radius: 50%;
}
.katmenuust span {
    color: var(--renk7);
    padding: 5px 0px;
    width: 100%;
    float: left;
    text-align: center;
    font-size: 16px;
}






ilankenar resim img {
    max-width: 100%;
    height: 140px;
    object-fit: contain;
}

ilantag {
    right: 5px;
    top: 5px;
}


ilankenar ilanalt baslik {
    height: 30px;
    font-family: 'Fira Sans', sans-serif;
}

ilankenar ilanalt kategori {
    line-height: 20px;
}
ilankenar ilanust fiyat {
    bottom: 5px;
    left: 5px;
}



.scrool::-webkit-scrollbar-track
{
	/* border-radius: 3px; */
	background-color: var(--renk11);
}

.scrool::-webkit-scrollbar
{
	width: 8px;
	background-color: var(--renk10);
}

.scrool::-webkit-scrollbar-thumb
{
	/* border-radius: 3px; */
	background-color: var(--renk10);
}



danismankenar:hover, ilankenar:hover {
	background: var(--renk6);
}

.menukaydir {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 250px;
    width: 100%;
    padding-top: 10px;
    /* padding-bottom: 10px; */
}
.scrollefek::-webkit-scrollbar {width: 18px;}
.scrollefek::-webkit-scrollbar-button:vertical:decrement {background: url('/images/icon/scrollust2.png')   center 0;width: 18px;height: 18px;cursor:pointer;} 
.scrollefek::-webkit-scrollbar-button:vertical:increment {background: url('/images/icon/scrollalt2.png')   center 0;width: 18px;height: 18px;cursor:pointer;}
.scrollefek::-webkit-scrollbar-button:vertical:decrement:hover {background: url('/images/icon/scrollust.png')   center 0;width: 18px;height: 18px;cursor:pointer;} 
.scrollefek::-webkit-scrollbar-button:vertical:increment:hover {background: url('/images/icon/scrollalt.png')   center 0;width: 18px;height: 18px;cursor:pointer;}
.scrollefek::-webkit-scrollbar-track {background: transparent;width: 18px;} 
.scrollefek::-webkit-scrollbar-thumb {background: url('/images/icon/scrollorta2.png')   center 0;width: 18px;}
.scrollefek::-webkit-scrollbar-thumb:hover {background: url('/images/icon/scrollorta.png')   center 0;width: 18px;}

.yukari {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    background: var(--renk10);
    color: var(--renk3);
    position: fixed;
    z-index: 4;
    bottom: 10px;
    right: 10px;
    border-radius: 50%;
    display: none;
}





.mobilmenu {
    display: none;
    left: 0;
    top: 0;
    height: 100%;
    width: 70%;
    z-index: 101;
    position: fixed;
    background: var(--renk3);
}
.mobilmenu.aktif {
    display: none;
}


input:focus, textarea:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}















.flickity-enabled {
  position: relative;
}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
.flickity-slider:hover .flickity-prev-next-button.next {
    left: 10px;
}
.owl-carousel .owl-nav div {
    opacity: 0;
    transition: all .3s ease;
}
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  border: none;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.flickity-prev-next-button:hover { background: white; }
.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}
.flickity-prev-next-button.previous {left: 30px;}
.flickity-prev-next-button.next {right: 30px;}
.flickity-prev-next-button.previous:disabled {
  opacity: 0;
  cursor: auto;
}
.flickity-prev-next-button.next:disabled {
  opacity: 0;
  cursor: auto;
}
.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}
.carousel-cell {
    width: 100%;
    height: 410px;
    counter-increment: carousel-cell;
    display: flex;
    vertical-align: middle;
    align-items: center;
}

.carousel-cell.alt {

}
.carousel-cell.ust img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}
.carousel-cell.alt img {
    margin: 0 auto;
    max-width: 100%;
    /* height: 90px; */
}
.carousel-nav .carousel-cell.is-selected {
   opacity: 0.7;
}
.carousel-nav .carousel-cell {
  height: 90px;
  width: 20%;
  display: flex;
  overflow: hidden;
  text-align: center;
  border-left: 5px solid #fff;
  vertical-align: middle;
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.carousel-main img {
  display: block;
  margin: 0 auto; 
    max-width: 100%;
}





.adminbilgi {
    line-height: 15px;
    width: auto;
    padding: 5px 5px;
}
.adminrr21 {
    line-height: 50px;
    width: 50px;
    font-size: 24px;
    text-align: center;
}





li.genislik100.left.lineh30.font14 {
    padding: 9px 25px;
    font-size: 12px;
}

li.genislik100.left.lineh30.font16 {
    padding: 9px 25px;
    
color: #4c4e6f;
}





.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 10px;
    background: var(--renk3);
    outline: none;
    border-radius: 10px;
}

.slider:hover {
  opacity: 0.7;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 30px;
  height: 30px;
  background: var(--renk8);
  cursor: pointer;
  border-radius: 4px;
}

.slider::-moz-range-thumb {
  width: 30px;
  height: 30px;
  background: var(--renk8);
  cursor: pointer;
  border-radius: 4px;
}


.article {
  display: block;
  margin: 0 0 30px 0;
  padding: 12px;
  transition: all 220ms;
}
.article:hover {
  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
  transition: all 220ms;
}
.wall {
  display: block;
  position: relative;
}
.wall-column {
  display: block;
  position: relative;
  width: 33.333333%;
  float: left;
  padding: 0;
  box-sizing: border-box;
}
.wall-column:first-child {
  padding-right: 12px;
}
.wall-column ~ .wall-column {
  padding-left: 12px;
  padding-right: 12px;
}
.wall-column:last-of-type {
  padding-right: 0;
}
@media (max-width: 640px) {
  .wall-column {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .wall-column {
    width: auto;
    float: none;
    padding: 0;
  }
}



video {
    height: 40px;
    width: 100%;
    background: #f1f3f4;
}


ul.ustmenu li {
    /* display: block; */
}
ul.ustmenu li:first-child::before{ background-color: #ffffff; }

ul.ustmenu li:before {
    position: absolute;
    top: 50%;
    left: 0px;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    width: 1px;
    height: 30px;
    display: block;
    background-color: #f1f0f0;
}




@media only screen and (max-width: 1100px){
	.kutu3 { width: 32.3%; }
}
@media only screen and (max-width: 1000px){
	.kutu1 {width: 25%;}
	.kutu2 { width: 74%; }
	.kutu4 {width: 24%;margin-bottom: 1%;}
	.headerlogo {width: 25%;}
	.headersag {width: 25%;}

	

	
}
@media only screen and (max-width: 900px){
	.mobilmenu.aktif { display: block; }

	

}
@media only screen and (max-width: 800px){
	.mobilyes { display: block; }
	.mobilnone { display: none; }
	.headerorta { display: none; }
	.headersolust { width: 40%; }
	.headersagust { width: 60%; }
	.headersol { width: 30%;line-height: 35px;font-size: 28px;color: var(--renk8); }
	.headerlogo {width: 40%;}	
	.headersag {width: 30%;}
	.kutu1 { width: 100%;margin-right: 0%; }
	.kutu2 { width: 100%;}
	.kutu3 { width: 49%;}
	.kutu4 {width: 49%;}
	.headersol img { height: 35px; }
	.kutu4-1 { width: 100%;margin-left: 0%; }	
}
@media only screen and (max-width: 700px){


}
@media only screen and (max-width: 600px){

	
}
@media only screen and (max-width: 300px) {		
}