html { scroll-behavior: smooth; }
body { font-size: var(--icerik-font-boyutu); font-family: var(--icerik-fontu); margin: 0; padding: 0; background: #fff; color: var(--tema-renk-icerik); }
a, a:active, a:hover, a:visited { text-decoration: none; transition: all ease .1s; }
h1, h2, .h2, .h3, .h4, h3, h4 { font-family: var(--baslik-fontu); font-weight: 700; color: var(--tema-renk-baslik); font-size: var(--baslik-font-boyutu); }

:focus, input:focus { outline: 0 !important; }
::placeholder { color: #aaa; opacity: 1; }

ul, p { margin: 0; padding: 0; list-style: none; }
img { max-width: 100%; display: block; }
figure { margin: 0; padding: 0 }
::selection { color: #ffffff; background: #0095da; }
/***/
* { box-sizing: border-box; }
.container { width: 1170px; margin: 0 auto; max-width: 100%; position: relative; }
.row { display: flex; }
.wrap { flex-wrap: wrap }
/******/
.cl1, .cl2, .cl3, .cl4, .cl5, .cl6, .cl7, .cl8, .cl9, .cl10, .cl11, .cl12 { position: relative; padding: 0 }
.cl1 { width: 8.333333% }
.cl2 { width: 16.666667% }
.cl3 { width: 25% }
.cl4 { width: 33.333333%; }
.cl5 { width: 41.666667% }
.cl6 { width: 50% }
.cl7 { width: 58.333333% }
.cl8 { width: 66.666667% }
.cl9 { width: 75% }
.cl10 { width: 83.333333% }
.cl11 { width: 91.666667% }
.cl12 { width: 100% }
/******/

#sosyalNC { margin-top: 11px; right: 0; top: 60%; z-index: 999; position: fixed; background: #0b4456; border-radius: 5px 0 0 5px; padding: 8px 4px; }
#sosyalNC a { color: #020e27; font-size: 14px; display: block; margin-left: 30px; position: relative; font-weight: 600; background: url(/d/r/sprite.png) no-repeat; display: block; margin: 0 0 11px 0; height: 22px; width: 19px; opacity: .8; }
#sosyalNC a:hover { opacity: 1; }
#sosyalNC a:last-child { margin-bottom: 0 }
#sosyalNC a.face { background-position: -806px -874px; }
#sosyalNC a.inst { background-position: -871px -953px; }
#sosyalNC a.linked { background-position: -513px -512px; width: 34px; height: 34px; }
/******/
#slider { position: relative; background: #4fbde1; overflow: hidden; }

#slider:after { content: ''; background: url(/d/r/sliderShape.png) no-repeat bottom center; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; position: absolute; opacity: .05; background-size: cover; }

#slider div.item { position: relative; height: 100vh; max-height: 675px; }

#slider div.item figure { position: absolute; bottom: 0; height: 100%; right: calc((100% - 1170px) / 2); width: 451px; max-width: 100%; z-index: 9; }
#slider div.item figure img { max-width: initial; width: auto; bottom: -10px; position: absolute; }



#slider .metin { left: calc((100% - 1170px) / 2); width: 451px; max-width: 100%; position: absolute; top: 50%; z-index: 9; margin-top: -132px; }

#slider .metin .baslik {animation-duration: .5s;animation-fill-mode: both;backface-visibility: visible !important;font-size: 32px;font-weight: 400;margin: 0;color: #000;line-height: 34px;font-family: var(--baslik-fontu);}
#slider .metin .ozet {animation-duration: 1s;animation-fill-mode: both;backface-visibility: visible !important;color: #222;margin-top: 20px;font-size: 17px;font-family: var(--icerik-fontu);font-weight: 400;line-height: 28px;-webkit-line-clamp: 13;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}

#slider .metin .ozet p { margin: 0 0 5px 0; }
#slider .metin .ozet a {display: inline-block;margin: 0 0 16px 0;background: #fff;padding: 0 10px;border-radius: 4px;color: #111;font-size: 12px;line-height: 20px;}
#slider .metin .ozet a:hover{opacity:.8}
#slider .metin .ozet strong {color: #222;text-transform: uppercase;font-size: 16px;}
#slider .metin .diger { animation-duration: 1.5s; animation-fill-mode: both; backface-visibility: visible !important; color: #555; margin: 15px 0 0 0; line-height: 28px; font-size: 17px; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }
#slider .active a.link { animation-duration: 1.5s; animation-fill-mode: both; backface-visibility: visible !important; box-shadow: 1px 4px 20px -4px #0000006b; text-transform: uppercase; }
#slider a.link { letter-spacing: .8px; display: none; margin: 30px 0 0 0; display: inline-block; transition: all .4s ease; position: relative; background-color: #0c5168; color: #fff; font-size: 13px; font-weight: 400; padding: 10px 36px 10px 15px; border-radius: 3px; z-index: 1; }
#slider a.link:hover { color: #fff }
#slider a.link:after { content: ''; position: absolute; height: 19px; width: 20px; border-radius: 50%; top: 9px; right: 10px; background: url(/d/r/sprite.png) no-repeat -624px -661px; filter: brightness(100); transition: all ease .3s; }
#slider a.link:hover:after { background-position: -595px -661px; }
#slider a.link:before { content: ""; border-radius: 3px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transform: scaleX(0); transform-origin: right center; transition: transform .24s cubic-bezier(.37,.31,.31,.9); background-color: #2e87a4; }
#slider a.link:hover:before { transform: scaleX(1); transform-origin: left center; }


#slider .active .baslik {animation-name: fadeInDown;animation-delay: .2s;backface-visibility: initial;}
#slider .active .ozet { animation-name: fadeInUp; animation-delay: .3s; }
#slider .active .diger { animation-name: fadeInDown; animation-delay: .4s; }
#slider .active .link { animation-name: flipInX; animation-delay: .5s; }


#slider .owl-theme .owl-dots .owl-dot span { position: relative; }

#slider .owl-theme .owl-nav.disabled + .owl-dots { margin: 0; }
/***/
.slideOklar { bottom: 0; left: 50%; width: 98px; position: absolute; z-index: 11; display: flex; margin-left: -22px; }
.slideOklar a { background-color: var(--tema-renk1); width: 45px; height: 45px; display: block; text-align: center; padding: 10px; }
.slideOklar a svg { fill: #fff; height: 25px; }
.slideOklar a:nth-child(2) { background-color: var(--tema-renk2) }
.slideOklar .left:hover { bottom: 0; filter: invert(1); }
.slideOklar .right:hover { bottom: 0; filter: invert(1); }
/***/
/******/
.menuFixle { margin: 0; position: fixed; top: 0; left: 0; z-index: 500; width: 100%; text-align: center; background: #4fbde1; box-shadow: 0 0 10px #00000087; padding: 4px 25px; }
header nav .ul1 > li > a:after { top: 42px; }
header nav .ul1 > li > a:hover:after { }
.menuFixle ul { justify-content: center !important; }
.menuFixle .li1 > a { padding: 13px 8px 23px 7px }
.menuFixle a:hover { }
.menuFixle .altMenulu:after { color: #fff; }
.menuFixle .li1 { background: transparent; }
.menuFixle .ulWrap2 { top: 54px !important; }
.menuFixle .li1.okKoy:after { top: 25px; color: #fff; right: 0; }
.menuFixle a:before { display: none !important }
.menuFixle .ulWrap2:after { border-bottom: 7px solid #fff !important; }
.menuFixle .logo { margin: 6px auto 0 auto; }
.menuFixle .logo img { max-width: 200px; }
.menuFixle nav.menu { margin: 0; transition: all ease .3s; }
.menuFixle div#sepet { margin: 27px 0 0 0; }
.menuFixle a#uyeGirisi { margin: 27px 15px 0 0; }
.menuFixle a#uyeOl { margin: 27px 15px 0 0; }
.menuFixle div#hesabim { margin: 21px 5px 0 0; }
/***/
.hareketegec { position: relative; z-index: 2; }
.hareketegec:before { content: ""; border-radius: 3px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transform: scaleX(0); transform-origin: right center; transition: transform .24s cubic-bezier(.37,.31,.31,.9); background-color: #2e87a4; }
.hareketegec:hover:before { transform: scaleX(1); transform-origin: left center; }


@media (min-width:1401px) {
    .container { width: 1170px; margin: 0 auto; }
    #slider div.item { max-height: 750px; }
}

@media (min-width:992px) and (max-width:1400px) {
}



@media (max-width:991px) {
    .container { width: 100%; padding: 0 10px }
    .row { display: block; }
    .gizle-xs { display: none !important; }
    .goster-xs { display: block !important; }
    .xs12 { width: 100%; padding: 0; }
    #slider div.item {height: 97vh;overflow: hidden;max-width: 97%;}
    #slider div.item figure { position: relative; height: 92vh; right: -75px; width: 100%; overflow: hidden; opacity: .2; }
    #slider .metin { left: 10px; top: 285px; z-index: 666; }
    #slider div.item figure img { height: 72%; right: 0; bottom: 0; }
    .slideOklar {right: 10px;margin: 0;left: initial;width: fit-content;}
    .slideOklar a { width: 30px; height: 30px; padding: 7px; }
    .slideOklar a svg { height: 11px; }
    #slider .metin .ozet {width: 97%;-webkit-line-clamp: initial;}
    .menuFixle { padding: 4px 0; height: 105px; }

    .menuFixle .logo, .menuFixle .logo img { width: 150px; }
    .menuFixle .li1 > a { padding: 9px 10px; }
}