﻿* {padding: 0;margin: 0;box-sizing: border-box; font-family: 'Montserrat';}

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;font-size: 100%;vertical-align: baseline;background: transparent;letter-spacing: .0px;font-weight: normal;color: #727066;}

a {text-decoration: none;font-size: 16px;letter-spacing: .6px;color: #727066;}
button {display: inline-block;padding: 13px 40px;border: 0;background-color: transparent;border-radius: 0;cursor: pointer;}
textarea {}
a, a:hover {text-decoration: none;}
b, strong {font-weight: bold;}
ol, ul {list-style: none;margin: 0;}
blockquote, q {quotes: none;}
/*div:before, div:after, li:before, li:after, a:after, a:before {content: '';}*/
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
html, body {width: 100%;height: 100%;background: #faf8f2e0;}
.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}
.mt25 {margin-top: 25px}
.mt45 {margin-top: 45px}
.bg30 {background: rgba(0, 0, 0, .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;transition: .5s;}
.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: 100%;top: 0;z-index: 2;background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 100%);}
.grdbgbottom {width: 100%;position: absolute;height: 25vh;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%);}
.main {width: 100%}
.alink {margin-top: -50px;position: absolute;}
.txtmain {width: calc(100% - 25px);padding-right: 25px;}
.rtl {flex-direction: row-reverse;}
h1, h2 {font-weight: normal;letter-spacing: .1px;color: #683523;}
.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;right: var(--yanmenugenislik);top: 50%;margin-top: -50px;z-index: 9;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 #fff;}
.fs-pagination li.active a {background-color: #fff;}
.fullmesaj { /* background:#fff; */position: absolute;right: 20px;transition: 1s;z-index: -1;opacity: 0;color: #fff;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 {font-family: sans-serif;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: #fff;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;}

@-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*/