* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "montserrat";
    font-weight: 300;
}
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, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    font-family: "montserrat";
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    letter-spacing: 1px;
    color: #2c2926;
}
a{text-decoration:none;  font-size: 16px;letter-spacing: 0px;transition: all .5s ease-out;}
a,a:hover {text-decoration: none;}
b,strong {   font-weight: 500;}
ol,ul {list-style: none;  margin: 0;}
body {line-height: 1; }
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}: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: #fff;}


.alink {
    margin-top: calc(var(--spacing) * -2) ;
    position: absolute
}

.alinkm {
    margin-top: calc(var(--spacing) * -3) ;
    position: absolute
}
.alinks{margin-top:-90px;position:absolute}

.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); }


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;}

textarea::placeholder {  color: #BFB5B2 !important}
::-webkit-input-placeholder {color: #BFB5B2 !important}
:-ms-input-placeholder {color: #BFB5B2 !important;}
::placeholder {color: #BFB5B2 !important;}

sub,sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em;
}
.bg0{background:none !important}
.mt15 {margin-top: 15px}
.mt25 {margin-top: 25px}
.mt45 {margin-top: 45px}
.bg15 {background: rgba(0, 0, 0, .15);width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2; max-width:100% !important}
.bg30 {background: rgba(0, 0, 0, .3);width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2; max-width:100% !important}
.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(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 100%); max-width:100% !important}
.grdbgbottom {
    width: 100%;
    position: absolute;
    height: 25vh;
    bottom: 0;
    z-index: 2;
    background: linear-gradient( 0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0) 100% );
}

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



@font-face {
    font-family: Wonder Garden Script;
    src: url(/font//WonderGardenScript.woff2) format("woff2"),url(/assets/fonts/wonder-garden/WonderGardenScript.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    block-timeout: 0;
    swap-timeout: 0
}

@font-face {
    font-family: SangBleu Empire;
    src: url(/font/SangBleuEmpire-Regular-WebXL.woff2) format("woff2"),url(/assets/fonts/sangbleu-empire/SangBleuEmpire-Regular-WebXL.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    block-timeout: 0;
    swap-timeout: 0
}