* {padding: 0;margin: 0;box-sizing: border-box;font-family: "Poppins", sans-serif;font-size: 13px;letter-spacing: .0px;font-weight: 400;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;color: #000;}

a {text-decoration: none;color: #000;font-weight: 400;}
button {display: inline-block;padding: 13px 20px;border: 0;background-color: transparent;border-radius: 0;cursor: pointer;border: 1px solid #000;color: #000;}
a.button{background: #000d;padding: 4px 9px;color: #fff;font-size: 12px;border-radius: 5px;border: 1px solid #000d;transition: .3s;display: block;}
a.button:hover{background: #fff;color: #000;border: 1px solid #edededdd;}
a.buttonbeyaz{background: #fff;padding: 8px 10px;color: #000;font-size: 15px;border-radius: 5px;transition: .3s;}
a.buttonbeyaz:hover{}
a.buttongri{background: #ddd;padding: 5px 14px;font-weight: 600;border-radius: 5px;transition: .3s;}
a.buttongri:hover{}
.txtright{text-align:right}
.txtleft{text-align:left}
.txtcenter{text-align:center}
.csize{width:10px}
.isize{width:2.5rem}

textarea {}
a, a:hover {text-decoration: none;}
b, strong {font-weight: bold;}
ol, ul {list-style: none;margin: 0;}
blockquote, q {quotes: none;}

.red{color:#f00!important}

:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
.table.liste{width: 100%;}
.table.liste>thead{}
.table.liste>thead>tr{}
.table.liste > thead > tr > td {font-weight: 600;background: #f1f1f1;border-top: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;}
.table.liste > thead > tr > td .urunlerisil{
    display: flex;
}
.table.liste > thead > tr > td .urunlerisil span{
    font-size: 20px;
    padding-right: 2px;
}

.table.liste>tbody{}
.table.liste>tbody>tr{}
.table.liste>tbody>tr>td{}
.table.liste>tbody>tr>td>img{width: 100%;border: 1px solid #d0d0d0;padding: 4px;border-radius: 6px;}
.table.liste>tbody>tr>td>input{border: 1px solid #ddd;padding: 2px 5px;}
.table.liste>tbody>tr>td .altbar{display: flex;align-items: center;justify-content: center;}
.table.liste tr{border-bottom: 1px solid #f1f1f1;cursor:pointer;}
.table.liste tr.bostr{display:none}
.table.liste tr>td{padding: 4px 0;vertical-align: middle; padding: 7px 10px;color: #777;}
.table.liste>tbody>tr>td .altbar img{width: 30px;margin-left: 3px;}
.table.liste input{}

.alert-success{background:#71ff00!important;padding: 15px;width: 100%;border-radius: 10px;}
.alert-danger{background:red !important ;padding: 15px;width: 100%;border-radius: 10px;color:#fff}

html, body {width: 100%;height: 100%;background: #f1f1f1;}
.temizle {clear: both;}
.no-padding-top {padding-top: 0 !important;}
.no-padding-right {padding-right: 0 !important;}
.no-padding-bottom {padding-bottom: 0 !important;}
.no-padding-left {padding-left: 0 !important;}
.no-margin-top {margin-top: 0 !important;}
.no-margin-right {margin-right: 0 !important;}
.no-margin-bottom {margin-bottom: 0 !important;}
.no-margin-left {margin-left: 0 !important;}
.hide {display: none !important;}
.block {display: block !important;}
.inline-block {display: inline-block !important;}
.no-margin {margin: 0 !important;}
.ds-effect {box-shadow: 5px 5px 15px 0 rgba(0,0,0,.1);transition: .22s ease-out;transition-property: transform,box-shadow;}
.ds-effect:hover {transform: translate3d(0,-.1875rem,0);box-shadow: 5px 15px 30px 0 rgba(0,0,0,.15);}
.mt15 {margin-top: 15px !important}
.mt25 {margin-top: 25px !important}
.mt25 {margin-top: 30px !important}
.mt45 {margin-top: 45px !important}
.mt60 {margin-top: 60px !important}

.mb15 {margin-bottom: 15px !important}
.mb25 {margin-bottom: 25px !important}
.mb25 {margin-bottom: 30px !important}
.mb45 {margin-bottom: 45px !important}
.mb60 {margin-bottom: 60px !important}

.bg30 {background: rgba(130,110, 74, .3);width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;}
.bg50 {background: rgba(0, 0, 0, .5);width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;}
.bg60 {background: rgba(0, 0, 0, .6);width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;}
.bg70 {background: rgba(0, 0, 0, .7);width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;}
.grdbg {width: 100%;position: absolute;height: 25vh;top: 0;z-index: 2;background: rgb(130,110, 74);background: linear-gradient(180deg, rgba(130,110, 74,.75) 0%, rgba(130,110, 74,0) 100%);}
.grdbgbottom {width: 100%;position: absolute;height: 55vh;bottom: 0;z-index: 2;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 100%);}
.grdbgtop{width: 100%;position: absolute;height: 25vh;top: 0;z-index: 2;background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255,255,255,0%) 0, rgb(255 255 255 / 41%) 140%);}
.grdbg {width: 100%;position: absolute;height: 100%;top: 0;z-index: 2;background: rgb(0,0,0,0.3);}
.bg1{background:#ACA29A}
.bgwhite{background:#fff}
.h50{height:50%;overflow: hidden;}
.imgcover {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;position: relative;}

#toTop {position: fixed;right: 30px;bottom: 30px;border-radius: 10px;display: none;background: #ffffff;border-radius: 30px;width: 30px;height: 50px;z-index: 9;/* box-shadow: 0px 0px 7px rgb(0 0 0 / 25%); */display:none;border: 1px solid #f7f5f4;}
#toTop a{display:block;width:100%;height: 100%;display: flex;align-items: center;justify-content: center;}
#toTop a svg {width: 30% !important;}
#toTop a svg path{fill: #000000;stroke: #000000;}
#toTop:hover{background: #000000;border-color: #000;}
#toTop:hover a svg path{fill: #fff;stroke: #fff;}

.w80{width:80px}


.main {width: 100%;}
.alink {margin-top: -60px;position: absolute;}
.txtmain {width: calc(100% - 25px);padding-right: 25px;}
.rtl {flex-direction: row-reverse;}
h1, h2 {font-weight: normal;letter-spacing: .1px;}
.beyaz {color: #fff !important}
form:focus {outline: 0;}
a[href^=tel] {color: inherit;text-decoration: none;}
body.no-scroll, html.no-scroll {overflow: hidden;}
body.homepage, html.homepage {padding-top: calc(100vh - 210px);}
textarea {overflow: auto;resize: none;padding-top: 15px !important;height: 120px !important;}
textarea::placeholder {color: #BFB5B2 !important}
::-webkit-input-placeholder {color: #BFB5B2 !important}
:-ms-input-placeholder {color: #BFB5B2 !important;}
::placeholder {color: #BFB5B2 !important;}

@media (min-width:319px) and (max-width:768px) {
body.homepage, html.homepage {padding-top: calc(100vh - 317px);}}

/*full page down*/
.fs-page {position: relative;height: 100%;}
.fs-section {position: relative;height: 100%;}
.fs-content {width: 100%;}
.fs-page-absolute {position: absolute;left: 0;top: 0;width: 100%;}
.fs-pagination {position: fixed;left: 30px;bottom: 30px;margin-top: -50px;z-index: 8;display: flex;flex-direction: column;align-items: center;}
.fs-pagination ul {list-style: none;margin: 0;padding: 0;margin-top: 10px;/* margin-left: 5px; */}
.fs-pagination li {margin: 0;padding: 0;margin-bottom: 10px;}
.fs-pagination li a {display: block;width: 8px;height: 8px;border-radius: 50%;border: 1px solid #dedede;}
.fs-pagination li.active a {background-color: #fff;}
.fullmesaj {/* background:#fff; */position: absolute;right: 20px;transition: 1s;z-index: -1;opacity: 0;color: #dedede;margin-top: -3px;font-size: 13px;line-height: 18px;letter-spacing: 11px;width: 340px;text-align: right;}
.fs-pagination li.active .fullmesaj {opacity: 1 !important;}
.navigasyon{display:flex; bottom:50px; left:50%; position:absolute; z-index:99}

.fs-pagination .next,.fs-pagination .back{ width: 100%;cursor: pointer;display: flex;justify-content: center;}
.fs-pagination .back{}
.fs-pagination>div>img{width: 8px;}
.fs-pagination .back>img{transform: rotate(180deg);}
/*full page down end*/

/*open table */
.opentab {  width: 100%;  margin-top: 0;}
.opentab > h2 {border: 1px solid #efefef;font-weight: 600;padding: 11px 15px;margin: 9px 0;cursor: pointer;text-align: center;line-height: 23px;font-size: 16px;text-align: left;padding-left: 22px;color: #000;display: flex;align-items: center;position: relative;justify-content: flex-start;}
.opentab > h2 > span {margin-bottom: 14px;}
.opentab > div > h3 {font-weight: 600;color: #00a550;padding-bottom: 20px;font-size: 34px;}
.opentab > div {display: none;padding: 0;color: #c8c7c7;line-height: 24px;font-size: 18px;}
.opentab > div > a {text-decoration: none;color: #8f8d8d;border-bottom: 1px dotted rgba(25, 25, 25, 0.28);width: 100%;display: block;line-height: 33px;font-size: 13px;}
.opentab > .active {background: #a5977f;color: #fff;}
.ricon {font-size: 21px; padding-left: 15px;float: right;}
/*List dizayn*/
.opentab > div > ul {list-style-type: none;}
.opentab > div > ul > li {margin: 10px;}
.opentab .fa {padding-right: 5px;}
.opentab > div p {margin-bottom: 15px}
.opentab > h2 {position: relative}
.opentab > h2 > span:after {content: "";padding: 4px;border: solid #D5804F;border-width: 0px 0px 2px 2px;transform: rotate( -45deg );width: 0px;position: absolute;display: flex;right: 25px;}
.opentab > h2.active > span:after {border-width: 2px 2px 0px 0;border-color: #D5804F;}
.opentab > h2 b {color: #A66946;margin-right: 10px}
/*open table end */

/*mouse kaydır*/
#scroll-helper {position: absolute;bottom: calc(var(--yanmenugenislik));left: calc(var(--yanmenugenislik) - 20px);transform: translateX(-50%);-webkit-transform: translateX(-50%);text-align: center;z-index: 9;}
#scroll-helper .scroll-line {position: initial;bottom: initial;left: initial;margin: 0 auto;}
#scroll-helper .scroll-word {position: initial;bottom: initial;margin-top: 10px;margin-left: 0;}
.scroll-word {position: absolute;bottom: 6vh;margin-left: -28px;opacity: 0;visibility: hidden;font-size: 11px;color: #a68676;text-transform: uppercase;letter-spacing: 4px;}
#scroll-helper .scroll-word {position: initial;bottom: initial;margin-top: 10px;margin-left: 0;}
.scroll-line {height: 65px;width: 1px;background: #a68676;position: absolute;bottom: 10vh;display: block;overflow: hidden;transform: scaleY(0);-webkit-transform: scaleY(0);-ms-transform: scaleY(0);}
.scroll-line:after {content: "";width: inherit;height: 50%;background: #dedede;position: absolute;transform: translateY(0%) scaleY(0);left: 0;z-index: 10;display: block;}
.scroll-line.init:after {-webkit-animation: mymove 1.5s infinite linear;animation: mymove 1.5s infinite linear;-webkit-transform-origin: top center;transform-origin: top center;}

.etkin{
    background: #00a123;
    color: #fff;
    display: inline;
    padding: 5px 15px;
    border-radius: 5px;
}
.pasif{
    background: #f00;
    color: #fff;
    display: inline;
    padding: 5px 15px;
    border-radius: 5px;
}

@-webkit-keyframes mymove {
0% {-webkit-transform: translateY(0%) scaleY(0);}
10% {-webkit-transform: translateY(0%) scaleY(0.5);}
30% {-webkit-transform: translateY(50%) scaleY(1);}
45% {-webkit-transform: translateY(200%) scaleY(0.5);}
55% {-webkit-transform: translateY(200%) scaleY(0);}
100% {-webkit-transform: translateY(200%) scaleY(0);}
}

@keyframes mymove {
0% {-webkit-transform: translateY(0%) scaleY(0);}
10% {-webkit-transform: translateY(0%) scaleY(0.5);}
30% {-webkit-transform: translateY(50%) scaleY(1);}
45% {-webkit-transform: translateY(200%) scaleY(0.5);}
55% {-webkit-transform: translateY(200%) scaleY(0);}
100% {-webkit-transform: translateY(200%) scaleY(0);}
}
/*mouse kaydır bitti*/

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
  border-radius: 34px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #00cc3e;
}

input:checked + .slider:before {
  transform: translateX(26px);
}