@import "https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap";
html,body{min-height:1000px;line-height:24px;float:left;width:100%;scroll-behavior:smooth;width:100%;height:100%;color:#000;background-color:#fff;font-family:"Urbanist",sans-serif}
body{overflow-x:hidden}

.header{float:left;width:100%;position:absolute;top:0;left:0;z-index:100;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;background-color:#ffff;font-family:'Urbanist',sans-serif}
.header .toparea{float:left;width:100%;height:40px;padding:5px 0;display:flex;align-items:center;border-bottom:1px solid #fff;position:relative;z-index:10;background-image:linear-gradient(to right,#07205a,#005b8e,#07205a)}
.header .toparea .topmenu{float:left;display:inline;position:relative;z-index:10}
.header .toparea .topmenu a{float:left;padding:0 8px;color:#FFF;font-size:14px;line-height:30px;font-weight:500}
.header .toparea .topmenu a:hover,.header .toparea .topmenu .active{color:#017AB8;background-color:#FFF;text-decoration:none}
.header .toparea .dilbar{float:left;display:inline;position:relative;z-index:1}
.header .toparea .dilbar .dilyazi{float:left;display:inline;cursor:pointer;font-size:14px;line-height:30px;padding-bottom:5px;color:#fff;text-decoration:none}
.header .toparea .dilbar .dilsec{position:absolute;left:0;top:34px;float:left;display:none;background-color:#fff;border:1px solid #00000026;-webkit-box-shadow:0 6px 12px #0000002d;box-shadow:0 6px 12px #0000002d;background-clip:padding-box}
.header .toparea .dilbar .dilsec a{cursor:pointer;float:left;clear:left;text-decoration:none;font-size:12px;line-height:13px;color:#000;padding:8px;width:75px;display:block;padding-left:10px;padding-right:10px}
.header .toparea .dilbar .dilsec a img{float:left;display:inline;margin-right:8px;width:24px;height:auto}
.header .toparea .dilbar .dilsec a span{float:left;display:inline}
.header .toparea .dilbar:hover .dilsec{display:inline}
.header .toparea .dilbar .dilsec a:hover,.header .toparea .dilbar .dilsec .active{background-color:#f5f5f5;color:#000}
.header .toparea .currencybar{float:left;display:inline;position:relative;z-index:1}
.header .toparea .currencybar .currencyyazi{float:left;display:inline;cursor:pointer;font-size:14px;line-height:30px;padding-bottom:5px;color:#fff;text-decoration:none}
.header .toparea .currencybar .currencysec{position:absolute;left:0;top:34px;float:left;display:none;background-color:#fff;border:1px solid #00000026;-webkit-box-shadow:0 6px 12px #0000002d;box-shadow:0 6px 12px #0000002d;background-clip:padding-box}
.header .toparea .currencybar .currencysec a{cursor:pointer;float:left;clear:left;text-decoration:none;font-size:12px;line-height:13px;color:#000;padding:8px;width:90px;display:block;padding-left:10px;padding-right:10px}
.header .toparea .currencybar:hover .currencysec{display:inline}
.header .toparea .currencybar .currencysec a:hover,.header .toparea .currencybar .currencysec .active{background-color:#f5f5f5;color:#000}
.loginbar{display:inline;position:relative;float:right}
.loginsec{position:absolute;right:0;top:29px;float:left;-webkit-box-shadow:0 6px 12px #0000002d;background-clip:padding-box;background-color:#fff;padding:.75rem;border-radius:.25rem;box-shadow:0 2px 5px 0 #0000001a;display:block;display:none}
.loginbar:hover .loginsec{display:inline}
.header .toparea .loginbar .loginsec a{cursor:pointer;float:left;clear:left;text-decoration:none;font-size:12px;line-height:13px;color:#fff;padding:8px;width:150px;padding-left:10px;padding-right:10px}
.header .toparea .loginbar .loginsec a:hover,.header .toparea .loginbar .loginsec .active{background-color:#f5f5f5;color:#000}
.header .toparea .cizgi{float:right;font-size:15px;line-height:30px;margin-left:15px;margin-right:15px;color:#FFF}
.header .toparea .cizgi.left{float:left;margin-left:25px;margin-right:25px;opacity:50%}
.header .toparea .topbuts{float:left;text-align:center;width:100%;position:absolute;top:3px;left:0}
.header .toparea .topbut{display:inline-block;color:#FFF;font-size:14px;line-height:30px;margin-left:25px;margin-right:25px;font-family:"Urbanist",sans-serif}
.header .toparea .topbut i{float:left;margin-right:5px;line-height:30px}
.header .toparea .topicons{float:right;margin-right:15px;position:relative;z-index:1}
.header .toparea .topicons .topicon{float:left;font-size:16px;line-height:30px;color:#FFF}
.header .toparea .topicons .cizgi{float:left;font-size:15px;line-height:30px;margin-left:15px;margin-right:15px;color:#FFF}
.header .toparea .butback{color:#fff;padding:1px 20px;font-size:13px;line-height:18px;font-weight:400;float:right;position:relative;z-index:1;background-color:transparent;border:1px solid #fff;border-radius:5px;margin-left:5px;margin-top:4px;text-decoration:none;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
.header .toparea .butback:hover{background-color:#D29E00;color:#000;border:1px solid transparent}
.header .menuarea{float:left;width:100%;position:relative}
.header .menuarea .logo{float:left;position:relative;z-index:1;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;display:block}
.header .menuarea .logo.logo-black{display:none}
.header .menuarea .logo img{float:left;width:250px;height:100%}
.header .menuarea .menuic{float:right;height:90px;font-weight:500}
.header .menuarea .menuic .but{position:relative;font-size:16px;line-height:20px;font-weight:400;color:#fff;text-decoration:none;padding:10px 15px;float:left;cursor:pointer}
.header .menuarea .menuic .but.sari{background-color:#fdc310;font-size:14px;line-height:20px;font-weight:900;color:#000;margin-right:15px;margin-left:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:10px;padding:15px}
.header .menuarea .menuic .but.sari:hover,.header .menuarea .menuic .sari.active{color:#fff;background-color:#005283}
.header .menuarea .menuic a{float:left;color:#005283;font-weight:700;font-size:20px;padding:20px;border-radius:20px}
.header .menuarea .menuic .menuok{color:#005283;padding:0}
.header .menuarea .menuic .menuok i{font-size:16px;line-height:20px;float:right;margin-left:8px}
.header .menuarea .menuic .menuok a{text-decoration:none;padding:10px}
.header .menuarea .menuic .menuok .okasagi{display:inline}
.header .menuarea .menuic .menuok .okyukari{display:none}
.header .menuarea .menuic .menuok:hover .okasagi{display:none}
.header .menuarea .menuic .menuok:hover .okyukari{display:inline}
.header .menuarea .menuic .menuok .altmenu{margin:0;padding:0;position:absolute;visibility:hidden;opacity:0;display:block;width:auto;cursor:auto;top:40px;left:0;border-bottom:none;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
.header .menuarea .menuic .menuok .altmenusag{right:0;left:auto}
.header .menuarea .menuic .menuok .altmenu a{float:left;display:inline;width:100%;box-sizing:border-box;cursor:auto;margin:0;white-space:nowrap;text-align:left;font-size:14px;line-height:20px;color:#005283;cursor:pointer;border-top:1px solid #efefef;background-color:#fff;text-decoration:none;-webkit-box-shadow:0 0 0 0 #eaf5ffff;-moz-box-shadow:0 0 0 0 #eaf5ffff;box-shadow:0 0 0 0 #eaf5ffff;border-radius:0;padding:10px 15px}
.header .menuarea .menuic .menuok .altmenu a:hover,.header .menuarea .menuic .menuok .altmenu .active{color:#fff;background-color:#005283}
.header .menuarea .menuac{display:none}
.headerfix{position:fixed;background-color:#ffff;box-shadow:0 3px 11px 0 #00000026}
.headerfix .toparea{display:none}
@media only screen and (max-width: 1440px) {
.header .menuarea .logo{margin-top:10px}
.header .menuarea .logo img{width:133px;height:40px}
.headerfix .menuarea .logo img{width:133px;height:40px}
.header .menuarea .menuic{margin-top:15px}
.headerfix .menuarea .menuic{margin-top:15px}
.header .menuarea .menuic .but{font-size:15px;line-height:20px;padding:10px}
.header .menuarea .menuic .menuok{padding:0}
.header .menuarea .menuic .menuok a{text-decoration:none;padding:10px}
}
@media only screen and (max-width: 1200px) {
body{font-size:14px;line-height:20px}
.header .menuarea .logo img{width:auto;height:60px}
.headerfix .menuarea .logo{width:auto;height:36px}
.headerfix .menuarea .menuic{margin-top:15px}
.header .menuarea .menuic{margin-top:15px}
.header .menuarea .menuic .but.sari{font-size:13px;margin-right:5px}
.header .menuarea .menuic .but{font-size:13px;line-height:20px;padding:8px 7px}
.header .menuarea .menuic .menuok{padding:0}
.header .menuarea .menuic .menuok i{margin-left:5px}
.header .menuarea .menuic .menuok a{text-decoration:none;padding:10px 7px}
.header .toparea .cizgi.left{margin-left:15px;margin-right:15px}
.header .toparea .topbut{margin-left:15px;margin-right:15px}
}
@media only screen and (max-width: 991px) {
.header .menuarea .logo{margin-top:0}
.header .menuarea .logo img{height:40px}
.header{background-color:#fff}
.header .container{height:100%}
.header .toparea .topbuts{display:none}
.header .toparea .topicons .cizgi,.header .toparea .cizgi.left{margin-left:10px;margin-right:10px}
.header .menuarea{height:calc(100% - 40px);padding-top:15px;padding-bottom:15px;background-color:#fff}
.header .menuarea .menuac{color:#005283;font-size:30px;line-height:40px;position:absolute;z-index:1;right:0;top:15px;display:inline;cursor:pointer}
.header .menuarea .menuic{float:left;width:100%;overflow:hidden;height:0;background-color:#fff;margin:0;overflow-y:auto}
.header .menuarea .menuic .but.sari{font-size:14px;line-height:30px;margin-right:0;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;margin-top:10px}
.header .menuarea .menuic .but{float:left;width:100%;font-size:14px;line-height:30px;color:#005283;cursor:pointer;padding:5px 10px;border-bottom:1px solid #ffffff80;overflow:hidden}
.header .menuarea .menuic .but a{float:left;width:100%;height:100%;padding:0}
.header .menuarea .menuic .menuok{padding:0}
.header .menuarea .menuic .menuok a{padding:5px 10px;color:#005283}
.header .menuarea .menuic .but:hover,.header .menuarea .menuic .active{background-color:#014d84}
.header .menuarea .menuic .menuok:hover,.header .menuarea .menuic .menuok.active{background-color:transparent}
.header .menuarea .menuic .menuok:hover a,.header .menuarea .menuic .menuok.active a{background-color:#014d84}
.header .menuarea .menuic .menuok i{font-size:16px;line-height:20px;display:inline-block;margin-left:8px}
.header .menuarea .menuic .menuok a{color:#005283;text-decoration:none;background-color:transparent}
.header .menuarea .menuic .menuok .okasagi{display:inline}
.header .menuarea .menuic .menuok .okyukari{display:none}
.header .menuarea .menuic .menuok:hover .okasagi{display:none}
.header .menuarea .menuic .menuok:hover .okyukari{display:inline}
.header .menuarea .menuic .menuok .altmenu{margin:0;padding:0;top:0;visibility:hidden;opacity:0;float:left;width:100%;cursor:auto;height:0;position:relative}
.header .menuarea .menuic .menuok.active .altmenu{visibility:visible;height:auto;opacity:1}
.header .menuarea .menuic .menuok .altmenu a{color:#005283;padding:7px;padding-left:20px;padding-right:0;font-size:13px;line-height:20px;background-color:transparent!important;border-top:none;border-bottom:none}
.header .menuarea .menuic .menuok .altmenu a:hover,.header .menuarea .menuic .menuok .altmenu .active{background-color:#ffffff1a!important}
.header .menuarea .menuic .but.sari{border-radius:0}
}
@media only screen and (max-width: 578px) {
body{font-size:13px;line-height:18px}
.header .toparea .topicons{display:none}
.header .loginarea{position:absolute;top:5px;right:10px}
}
@media only screen and (min-width: 1440px) {
.container{min-width:1380px}
}


#KULLANICI_GIRISI_BASLANGIC{}
#kullanici-girisi{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
#kullanici-girisi .psuedo-link{cursor:pointer}
#kullanici-girisi .search-controller{display:inline-block;color:#333;position:fixed;top:15px;right:55px;width:140px;z-index:999}
#kullanici-girisi .search-controller > .nav-controller > .controller-open{display:inline-block;color:#333}
#kullanici-girisi .search-controller > .nav-controller > .controller-close{display:none}
#kullanici-girisi.focus ~ .search-controller > .nav-controller > .controller-open{display:none}
#kullanici-girisi.focus ~ .search-controller > .nav-controller > .controller-close{display:inline-block;color:#fff}
#kullanici-girisi{position:fixed;top:-300px;right:0;padding-top:8px;padding-bottom:15px;width:100%;max-height:200px;text-align:left;background-color:#DD4952;color:#fff;box-shadow:-3px 0 3px 0 rgba(160,160,160,0.30);z-index:100;overflow:hidden}
#kullanici-girisi.focus{top:0}
#kullanici-girisi > .divider{content:'';border-bottom:1px solid #e6e6e6;max-height:1px;overflow:hidden;margin:15px 0}
#kullanici-girisi > h4,#kullanici-girisi > p,#kullanici-girisi > ul{padding:0 10px}
#kullanici-girisi > ul{list-style:none}
#kullanici-girisi > ul > li{margin:5px 0;}
#kullanici-girisi > ul > li > a{color:#bebebe;}
#kullanici-girisi > ul > li > a:hover{font-size:1.1em;font-weight:700;color:#333;text-decoration:none}
#kullanici-girisi .kapat-butonu{margin-right:80px;margin-top:25px}