@import url('https://fonts.googleapis.com/css2?family=Akaya+Telivigala&family=Cabin:ital@0;1&family=DM+Sans:wght@400;500&family=Fira+Sans:wght@300;400&family=Josefin+Sans:wght@300;400&family=Karla:wght@200;400&family=Source+Sans+Pro:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300&family=League+Spartan:wght@300&display=swap');

html{display:block;width:100%;height:100%;margin:0;padding:0;background:#f4f4f4;overflow:hidden;}
html>body{position:relative;display:block;width:100%;height:100%;margin:auto;padding:0;background:#ffffff;overflow:auto;}

.clearX{position:relative;width:100%;height:1px;clear:both;margin:Auto;padding:auto;background:auto !important;}


.overlay {z-index:999999999;position: fixed;top:0px;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.7);transition: opacity 200ms;visibility: hidden;opacity: 0;}
.overlay:target {visibility: visible;opacity: 1;}
.popup {z-index:99999999;margin: 200px auto;padding: 20px;background: #fff;border-radius: 5px;width:35%;height:60%;position: relative;transition: all 1s ease-in-out;}
.popup .close {position: absolute;top:-5px;right: 15px;transition: all 200ms;font-size: 30px;font-weight: bold;text-decoration: none;color: #333;}
.popup .close:hover {color: #06D85F;}
.popup .content {text-align:Center;margin:auto;height:97%;overflow: auto;font-size:17px;}


.message {z-index:999999999;position: fixed;top:0px;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.7);transition: opacity 200ms;visibility: hidden;opacity: 0;font-family:League Spartan, sans-serif;}
.message:target {visibility: visible;opacity: 1;}
.message > .windows {z-index:99999999;margin: 50px auto;padding: 0px;background: #fff;border-radius: 5px;width:70%;min-height:670px;max-height:780px;position: relative;transition: all 1s ease-in-out;}
.windows > .close {position: absolute;width:50px;height:50px;top:55px;right: 15px;transition: all 200ms;font-size: 35px;font-weight: bold;text-decoration: none;color: #000000;background:none;text-indent:5px;padding:10px;}
.windows > .close:hover {color: #020e1c;}
.windows > .content {text-align:Center;margin:auto;overflow:hidden;overflow-y: auto;font-size:17px;min-height:670px;max-height:670px;background:#fafafa;}
.windows > .content #vsk {text-align:Center;display:block;width:100%;height:130px;padding:0;overflow:hidden;background:#fff;font-family:League Spartan;border-bottom:1px solid #eeeeee;}
.windows > .content #vsk #vsk_img{text-align:right;width:43%;height:100%;float:left;margin:auto;padding:10px;}
.windows > .content #vsk #kisabilgi{text-align:left;width:55%;height:100%;float:left;margin:auto;padding:10px;font-size:20px;padding-top:40px;}
.windows > .content #yazi{float:left;width:65%;height:100%;padding:38px;background:none;text-align: left;}
.windows > .content #yazisag{float:left;width:34%;min-height:500px;padding:10px;background:#eeeeee;text-align:left;}

#MenuClose{display:none;}



.introBody{width:100%;height:auto;background-position: center;background-size:100% auto;background-repeat: no-repeat;opacity: 0.9;background:#dbdbdb;}

.introIMG img{display:block;width:100%;height:100%;}
.bbslider-wrapper {width: 100%;height:auto;}
.bbslider-wrapper.carousel {width: 100%;height:auto;}

.introLogo{z-index:102;;position:fixed;margin:35px;width:auto;height:155px;border:3px double #f9f9f9;border-radius:5px;}

.languageCheck{z-index:99;margin:auto;position:fixed;width:100%;height:65px;margin:0%;top:92%;text-align:Center;background-color:#fff;opacity: 0.5;padding:6px;border-radius:5px;}
.languageCheck #langImg{font-familt:trajan-profont-weight:bold;font-size:13px;color:#414141;line-height:30px;display: inline-block;height:100%;width:100px;background-repeat: no-repeat;background-size:auto 68%;background-position: top;}

.languageCheck a{text-decoration: none;}
.languageCheck a:hover #langImg{text-decoration:underline;}
.languageCheck:hover{opacity: 0.7;}


/********default sayfa başlangıcı****/

.headerTop{width:100%;height:125px;display:block;margin:Auto;background:#021124;margin-top:0px;border-bottom:5px solid #020e1c;font-family:League Spartan, sans-serif;}
.headerTop #leftLogo{float:left;width:40%;height:85%;text-align:Center;padding:10px;}
.headerTop #rightMenus{float:left;width:60%;height:85%;padding-right:0px;background:none;text-align:right;}
.headerTop #headerLine{display:none;float:right;margin:Auto;width:50%;height:15%;text-align:Center;line-height:35px;background:none;text-align:right;padding-right:110px;}

.navbarBody{margin:Auto;position:relative;top:26%;width:100%;height:50%;display:block;lis-style:none;background:none;text-transform: capitalize;font-size:22px;padding-right:75px;}
.navbarBody a{color:#fff;}
.navbarBody a:hover{text-decoration:none;color:#fff;}
.navbarHome{;margin:Auto;position:relative;top:20%;width:auto;height:45px;line-height:45px;display:inline-block;background:none;border-bottom:0px solid #d9d9d9;margin-right:20px;margin-left:20px;text-transform: capitalize;text-align:left;}

.navbarHome:hover{border-bottom:2px solid #bcbcbc;cursor: pointer;cursor:hand;}
.language{margin:Auto;position:relative;top:-7%;left:-25px;min-width:50px;max-width:52px;height:28px;line-height:30px;display:inline-block;background:#a5090d;margin-right:0px;color:#fff;font-size:15px;font-famiy:cabin;text-align: center;border-radius:2px;}
.language a{color:#fff;text-decoration:none;}
.language:hover{color:#fff;text-decoration:underline;}

#navBaropening {display:none;z-index:99999;position:fixed;width:43%;min-height:80px;max-height:1220px;background:#fff;text-transform: capitalize;list-style:none;-webkit-box-shadow: 0px 17px 28px -19px rgba(0,0,0,0.47);-moz-box-shadow: 0px 17px 28px -19px rgba(0,0,0,0.47);box-shadow: 0px 17px 28px -19px rgba(0,0,0,0.47);margin:0px;padding:0px;margin-left:-230px;border-bottom:2px solid #bcbcbc;text-align:center;color:#fff;}
#navBaropening li{float:left;width:49.5%;min-height:38px;max-height:64px;line-height:38px;text-align:center;border-bottom:2px solid #a5090d;background:none;text-indent:6px;font-size:17px;overflow: hidden;padding:2px;}
#navBaropening li a{color:#021124;display:block;}
#navBaropening li:hover{background:#fff;color:#021124;}
#navBaropening li:hover a{background:#fff;color:#021124;font-weight:bold;}

.navbarHome:hover #navBaropening{display:block;}


.SpareSlideX{width:100%;min-height:550px;MAX-height:550px;background:none;padding:0px;}
.SpareSlideX img{height:590px;}


.page_title{margin:auto;width:90%;height:35px;line-height:35px;color:#fff;text-indent:68px;font-size:20px;font-family:League Spartan, sans-serif;background-image:url('../../WebThemas/WebCss/CSSimg/title_round.png');background-repeat: no-repeat;background-size:auto 100%;background-position: left;border-bottom:3px double #16365c;}
.pagesBody{width:85%;min-height:385px;margin:auto;padding:10px;position:relative;font-family:League Spartan;font-size:18px;background:none;}






.personalCon{display:inline-block;position:relative;min-width:385px;max-width:400px;height:205px;border-bottom:2px solid #ababab;background:#fff;padding:7px;border-radius:8px;margin-top:20px;margin-right:25px;margin-bottom:37px;}
.personalCon:hover{background:#eeeeee;cursor: pointer;cursor:hand;}

.personalCon #icon{width:auto;height:35px;overflow: hidden;position:absolute;z-index:999999;margin-left:87%;opacity:0.6;}
.personalCon #icon:hover{opacity:1;}

.personalCon #personalIMG{float:left;width:30%;height:62%;overflow: hidden;border-radius:4px;text-align:Center;}
.personalCon #personalContent{float:left;width:70%;height:62%;overflow: hidden;}
.personalCon #personalContent article{width:100%;height:35%;text-indent:15px;font-weight:bold;font-size:18.5px;padding-top:5px;}
.personalCon #personalContent article a{color:#16365c;}
.personalCon #personalContent #article{width:100%;height:32%;overflow: hidden;text-indent:0px;font-weight:normal;font-size:15px;padding-left:15px;}
.personalDownBar{width:100%;height:38%;overflow: hidden;background:none;padding-top:-8px;font-size:15px;}
.personalDownBar > p{line-height:20px;text-align:left;padding:0px;margin:0px;}
.personalDownBar > ul{padding:0px;margin:0px;width:100%;list-style-type:square !important;}
.personalDownBar > ul > ul > li{list-style-type:disc !important;height:17px;text-align:left;line-height:15px;margin-left:-23px;margin-top:7px;}





.menuBox{width:200px;height:125px;line-height:125px;float:left;display:inline;margin:10px;border:2px solid #020e1c;padding:20px;text-align:Center;color:#020e1c;border-radius:3px;font-size:17px;}
.menuBox:hover{background:#a5090d;color:#fff;text-decoration:none;}
.menuBox .menuBoxwrite{line-height:28px;text-align:Center;margin: auto;font-family:League Spartan, sans-serif;margin-top:20px;}
.menuBox .menuBoxwrite:hover{margin-top:20px;white-space:normal;overflow: hidden;text-overflow: clip;}



.contactLeft{float:left;width:39%;height:280px;background:#021124;overflow: hidden;color:#FFF;border-right:1px solid #16365c;}
.contactRight{float:right;width:60%;height:480px;background:none;overflow: hidden;}
.contactRight iframe{width:100%;height:100%;}

.contactLeft #titles{width:100%;height:36px;line-height:36px;margin:Auto;text-algin:Center;text-transform: capitalize;font-size:17px;font-weight:normal;}


.contactLeft #div2{margin:Auto;text-align:Center;display:inline-block;overflow: hidden;width:100%;height:100%;margin:-2px;margin-top:36px;padding:13px;}

.contactLeft #div2 ul{margin:0px;padding:5px;width:100%;height:100%;list-style-type:none;}
.contactLeft #div2 ul li{margin:0px;padding:0px;width:100%;min-height:24px;max-height:50px;line-height:24px;text-align:center;overflow:hidden;font-size:17px;}
.contactLeft #div2 ul li img{height:40px;}




footer{text-align:Center;margin:auto;height:325px;width:100%;overflow: hidden;position: relative;background:#020E1D;padding:10px;color:#f5de44;font-family:League Spartan, sans-serif; }
footer a{text-decoration: none;color:#fff;}
footer a:hover{text-decoration: underline;color:#fff;}

footer #titles{width:90%;height:28px;line-height:28px;margin:Auto;text-algin:Center;text-transform: capitalize;font-size:15px;font-weight:bold;border-bottom:0px solid #4b5152;}


footer #div2{margin:Auto;text-align:Center;display:inline-block;overflow: hidden;width:22.5%;height:65%;background:#021124;border-bottom:1px solid #4b5152;margin:-2px;margin-top:36px;color:#fff;border-top:1px solid #4b5152;padding:13px;}

footer #div2 ul{margin:0px;padding:5px;width:100%;height:100%;list-style-type:none;}
footer #div2 ul li{margin:0px;padding:0px;width:100%;min-height:24px;max-height:50px;line-height:24px;text-align:center;overflow:hidden;font-size:14px;}
footer #div2 ul li img{height:40px;}

footer #div2 select{color:#000;height:42px;line-height:45px;width:78%;margin-top:22px;font-family:League Spartan, sans-serif;border-radius:4px;}

footer #footerdBar{display:none;width:100%;margin:auto;height:10%;overflow: hidden;text-align:center;background-color:none;padding:3px;}
footer #footerdBar img{display: inline-block;height:100%;width:auto;}
footer #div2 #social{background:#fff;border-radius:4px;}
footer #div2 #social:hover{background:#a5090d;}


footer #footerTulpar{display:block;width:90%;margin:auto;height:35%;line-height:95px;overflow: hidden;text-align:center;font-size:13px;color:#fff;}
footer #footerTulpar div{display:inline-block;margin-right:23px;}






/* 
  ##Cihaz = Masaüstü
  ##Ekran = 1281px 'den yüksek çözünürlükler için
*/

@media (min-width: 1281px) {
  
  //CSS
  
}

/* 
  ##Cihaz = Laptoplar, Masaüstü
  ##Ekran = 1025px to 1280px Arası Ekranlar
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  //CSS
  
}

/* 
  ##Cihaz = Tabletler, Ipad (portrait/dikey modda)
  ##Ekran = 768px to 1024px Arası Ekranlar
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  //CSS
  
}

/* 
  ##Cihaz = Tabletler, Ipad (landscape/yatay modda)
  ##Ekran = 768px to 1024px Arası Ekranlar
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  //CSS
  
}

/* 
  ##Cihaz = Düşük Çözünürlüklü Tablet ve Mobil Ekranlar (Landscape / Yatay Modda)
  ##Ekran = 481px to 767px Arası Ekranlar
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  //CSS
  
}

/* 
  ##Cihaz = En Çok Tercih Edilen Mobil Boyutlar (Portrait/Dikey Modda)
  ##Ekran = 320px to 479px Arası Ekranlar
*/

@media (min-width: 320px) and (max-width: 480px) {
  
.headerTop{width:100%;height:125px;display:block;margin:Auto;background:#021124;margin-top:0px;border-bottom:5px solid #020e1c;font-family:League Spartan, sans-serif;}
.headerTop #leftLogo{float:left;width:60%;height:85%;text-align:Center;padding:10px;}
.headerTop #rightMenus{float:left;width:40%;height:85%;padding-right:0px;background:none;text-align:right;}


.navbarBody{z-index:999999;margin:Auto;position:relative;top:0%;width:100%;height:100%;lis-style:none;text-transform: capitalize;font-size:22px;padding-right:0px;display:none;}
#mobileMneuX{z-index:999999;margin:Auto;position:relative;top:0%;width:100%;height:100%;display:block;lis-style:none;text-transform: capitalize;font-size:22px;padding-right:75px;background-image:url('../../../WebThemas/WebCss/CSSimg/mobile_menu_white.png');background-repeat:no-repeat;background-size:auto 65%;background-position:right;width:100%;height:100%;}
.navbarHome{margin:Auto;position:relative;top:50%;width:100%;height:45px;line-height:45px;background:none;border-bottom:0px solid #d9d9d9;margin-right:0px;margin-left:0px;text-transform: capitalize;text-align:left;}
#MenuClose{position: absolute;width:50px;height:50px;top:5px;right: 10px;transition: all 200ms;font-size: 35px;font-weight: bold;text-decoration: none;color: #000000;background:none;text-indent:0px;padding:10px;display:none;color:#000;opacity:1;}

.navbarHome a{color:#000;}

.navbarHome:hover #navBaropening{display:none;}

.language{margin:Auto;position:relative;top:-10%;left:-5px;min-width:50px;max-width:52px;height:28px;line-height:30px;display:inline-block;background:#a5090d;margin-right:0px;color:#fff;font-size:15px;font-famiy:cabin;text-align: center;border-radius:2px;}
.language a{color:#fff;text-decoration:none;}
.language:hover{color:#fff;text-decoration:underline;}

.SpareSlideX{width:100%;min-height:250px;MAX-height:250px;background:none;padding:0px;}
.SpareSlideX img{height:250px;}


.page_title{margin:auto;width:96%;height:35px;line-height:35px;color:#fff;text-indent:68px;font-size:20px;font-family:League Spartan, sans-serif;background-image:url('../../WebThemas/WebCss/CSSimg/title_round.png');background-repeat: no-repeat;background-size:auto 100%;background-position: left;border-bottom:3px double #16365c;}
.pagesBody{width:90% !important;min-height:385px;margin:auto;padding:10px;position:relative;font-family:League Spartan;font-size:18px;background:none;}


.menuBox{width:136px;height:84px;display:inline-block;margin:7px;border:2px solid #020e1c;padding:0px;text-align:Center;color:#020e1c;border-radius:3px;font-size:14px;}
.menuBox .menuBoxwrite{line-height:17px;text-align:Center;margin: auto;font-family:League Spartan, sans-serif;margin-top:27px;}

.contactLeft{float:left;width:100%;height:280px;background:#021124;overflow: hidden;color:#FFF;border-right:1px solid #16365c;}
.contactRight{float:left;width:100%;height:480px;background:none;overflow: hidden;}



footer{text-align:Center;margin:auto;min-height:600px;width:100%;overflow: hidden;position: relative;background:#020E1D;padding:10px;color:#f5de44;font-family:League Spartan, sans-serif; }
footer a{text-decoration: none;color:#fff;}
footer a:hover{text-decoration: underline;color:#fff;}

footer #titles{width:90%;height:28px;line-height:28px;margin:Auto;text-algin:Center;text-transform: capitalize;font-size:15px;font-weight:bold;border-bottom:0px solid #4b5152;}


footer #div2{margin:Auto;text-align:Center;display:inline-block;overflow: hidden;width:50%;height:200px;background:#021124;border-bottom:1px solid #4b5152;margin:-2px;margin-top:36px;color:#fff;border-top:1px solid #4b5152;padding:3px;}

footer #div2 ul{margin:0px;padding:5px;width:100%;height:100%;list-style-type:none;}
footer #div2 ul li{margin:0px;padding:0px;width:100%;min-height:24px;max-height:50px;line-height:24px;text-align:center;overflow:hidden;font-size:14px;}
footer #div2 ul li img{height:40px;}

footer #div2 select{color:#000;height:42px;line-height:45px;width:78%;margin-top:22px;font-family:League Spartan, sans-serif;border-radius:4px;}

footer #footerdBar{display:none;width:100%;margin:auto;height:10%;overflow: hidden;text-align:center;background-color:none;padding:3px;}
footer #footerdBar img{display: inline-block;height:100%;width:auto;}
footer #div2 #social{background:#fff;border-radius:4px;height:32px;margin:5px;}
footer #div2 #social img{height:100%;}
footer #div2 #social:hover{background:#a5090d;}


footer #footerTulpar{display:block;width:90%;margin:auto;height:15%;line-height:35px;overflow: hidden;text-align:center;font-size:13px;color:#fff;}
footer #footerTulpar div{display:inline-block;margin-right:23px;}
  
}