/* Minification failed. Returning unminified contents.
(1,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,66): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,84): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,107): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,126): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,143): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,160): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,35): run-time error CSS1039: Token not allowed after unary operator: '-content-link'
(6,41): run-time error CSS1039: Token not allowed after unary operator: '-linkhover'
(9,57): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(9,79): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(10,39): run-time error CSS1039: Token not allowed after unary operator: '-aciksari'
(15,27): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(23,33): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(24,39): run-time error CSS1039: Token not allowed after unary operator: '-linkhover'
(25,38): run-time error CSS1039: Token not allowed after unary operator: '-redlink'
(32,138): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(33,32): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(34,36): run-time error CSS1039: Token not allowed after unary operator: '-linkhover'
(39,122): run-time error CSS1039: Token not allowed after unary operator: '-border'
(46,61): run-time error CSS1039: Token not allowed after unary operator: '-redlink'
(47,90): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(48,97): run-time error CSS1039: Token not allowed after unary operator: '-aciksari'
(48,121): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(49,66): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(55,77): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(56,62): run-time error CSS1039: Token not allowed after unary operator: '-aciksari'
(56,95): run-time error CSS1039: Token not allowed after unary operator: '-aciksari'
(64,48): run-time error CSS1039: Token not allowed after unary operator: '-redlink'
(66,59): run-time error CSS1039: Token not allowed after unary operator: '-redlink'
(80,49): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(81,55): run-time error CSS1039: Token not allowed after unary operator: '-linkhover'
(82,57): run-time error CSS1039: Token not allowed after unary operator: '-aciksari'
(82,79): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(96,40): run-time error CSS1039: Token not allowed after unary operator: '-aciksari'
(97,39): run-time error CSS1039: Token not allowed after unary operator: '-mavibg'
(99,49): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(100,37): run-time error CSS1039: Token not allowed after unary operator: '-redlink'
(101,31): run-time error CSS1039: Token not allowed after unary operator: '-linkhover'
(105,36): run-time error CSS1039: Token not allowed after unary operator: '-redlink'
(106,32): run-time error CSS1039: Token not allowed after unary operator: '-redlink'
(109,29): run-time error CSS1039: Token not allowed after unary operator: '-redlink'
(113,75): run-time error CSS1039: Token not allowed after unary operator: '-aciksari'
(114,62): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(118,47): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(120,25): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(121,31): run-time error CSS1039: Token not allowed after unary operator: '-linkhover'
(126,62): run-time error CSS1039: Token not allowed after unary operator: '-koyubg'
(126,97): run-time error CSS1039: Token not allowed after unary operator: '-redlink'
(129,40): run-time error CSS1039: Token not allowed after unary operator: '-aciklink'
(130,33): run-time error CSS1039: Token not allowed after unary operator: '-aciksari'
(133,63): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(142,32): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(143,38): run-time error CSS1039: Token not allowed after unary operator: '-linkhover'
(149,31): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(150,37): run-time error CSS1039: Token not allowed after unary operator: '-redlink'
(153,38): run-time error CSS1039: Token not allowed after unary operator: '-redlink'
(156,32): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(157,90): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(172,27): run-time error CSS1039: Token not allowed after unary operator: '-content-link'
(173,33): run-time error CSS1039: Token not allowed after unary operator: '-redlink'
(178,72): run-time error CSS1046: Expect comma, found '245'
(178,79): run-time error CSS1046: Expect comma, found ')'
(181,132): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(187,60): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(188,51): run-time error CSS1039: Token not allowed after unary operator: '-redlink'
(202,171): run-time error CSS1039: Token not allowed after unary operator: '-aciksari'
(205,156): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(218,59): run-time error CSS1039: Token not allowed after unary operator: '-border'
(219,43): run-time error CSS1039: Token not allowed after unary operator: '-redlink'
(225,672): run-time error CSS1046: Expect comma, found '68'
(225,678): run-time error CSS1046: Expect comma, found '/'
(225,1751): run-time error CSS1046: Expect comma, found '68'
(225,1757): run-time error CSS1046: Expect comma, found '/'
(229,61): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(230,50): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(232,50): run-time error CSS1039: Token not allowed after unary operator: '-aciksari'
(237,57): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(252,48): run-time error CSS1039: Token not allowed after unary operator: '-aciksari'
(271,61): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(272,50): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
(274,50): run-time error CSS1039: Token not allowed after unary operator: '-aciksari'
(280,57): run-time error CSS1039: Token not allowed after unary operator: '-koyulink'
 */
:root{--koyulink:#101f2d;--aciklink:#a3b5ca; --linkhover:#dec854;--redlink:#bf070e;--content-link:#2154a5;--aciksari:#e9dc96;--border:#909ca7;--mavibg:#142e55;--koyubg:#162f45}
*{margin:0;padding:0;outline:none}
body {font-family: 'Montserrat', sans-serif; margin: 0; padding: 0; font-weight: 400; font-size: 15px; line-height: 1.42857143; color: #05052c;  margin: 0; background: #fff; overflow-x: hidden; }
html {position: relative;min-height: 100%;background: #fff;}
a{text-decoration:none;color:var(--content-link);transition: all .3s ease}
a:hover{text-decoration:none;color:var(--linkhover)}
a:focus, button:focus{outline: none;}
img{max-width:100%;}
a.palink-button{padding:10px 20px;border:solid 1px var(--koyulink);color:var(--koyulink);font-weight:600;display: inline-block;}
a.palink-button:hover{background:var(--aciksari)}
ul{padding:0}

header {padding:15px 0}
header .logo{font-size:30px;font-weight:700;letter-spacing:1px;}
header .logo a{color:var(--koyulink);display:inline-block}
header .logo img{margin-right:10px;float:left}
header .logo span{padding-top:15px;line-height:35px;}

.yuzyil-logo{margin:20px 0 0 0;position:absolute;right:0;}

header .socials{margin-bottom:10px}
header .socials li{float:left;list-style:none;font-size:15px;margin:0 8px;}
header .socials li a{color:var(--koyulink)}
header .socials li a:hover{color:var(--linkhover)}
header .socials li a.red{color: var(--redlink);text-decoration:underline;font-weight:700}

header .menu{width:auto;height:50px;transition: all .8s ease;z-index:999;}
header .menu .acilir-menu{width:auto;float:right;}
header .menu .acilir-menu li img{height:13px;}
header .menu-fixed {width:100%!important;background-color:#fff; position: fixed;left:0; top: 0; }

header .hamburger{float:right;font-size:25px;padding:20px;cursor:pointer;    display: block; position: relative; z-index: 999;color:var(--koyulink)}
header .hamburger a{color:var(--koyulink)}
header .hamburger:hover{color:var(--linkhover)}


.Slider{width:100%;background:url('/Content/default/img/bg-slider.jpg') repeat-x top center #f4f6f9;height:600px;/*animation: 40s easy  infinite;animation-name:gradient*/}
.Slider .carousel-item{height:600px;}
.Slider .carousel-item .slider-img{ height: 380px;float: right;width: 600px;margin-top: 7%;  box-shadow: -10px 10px var(--border);border-radius: 70px 0; border: solid 3px #f6f6f6;overflow:hidden;position:relative;}
.Slider .carousel-item .slider-img img{ height: 380px;float: right;min-width: 600px;max-width: max-content;animation: 20s infinite alternate;animation-name:shrink}
.Slider .carousel-item .slider-img figure{height:380px;overflow:hidden;}
.Slider .carousel-item .slider-img figure:hover  i{display:block}
.Slider .carousel-item .slider-img:hover img{opacity:0.7}

.Slider .carousel-caption{width:45%;left:0;text-align:left;bottom:20%;}
.Slider .carousel-caption span{font-size: 16px; color: var(--redlink);font-weight: 600;letter-spacing:2px;margin-left:2px;}
.Slider .carousel-caption h3{font-size:28px;font-weight:700;line-height:40px;color: var(--koyulink);}
.Slider .carousel-caption .carousel-detail{display: table; padding: 10px 20px; background: var(--aciksari); color: var(--koyulink); font-weight: 700; font-size: 20px;margin-top:15px;}
.Slider .carousel-caption .carousel-detail:hover{background:var(--koyulink);color:#fff;}
@keyframes gradient {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}
@keyframes shrink { 0% { transform:scale(1) } 100% { transform:scale(1.1)  } }
.shadowbar { width: 100%; height: 53px; background: url('/Content/default/img/shadow.png') no-repeat center top; }

.carousel-indicators [data-bs-target]{height:30px;}
.carousel-indicators [data-bs-target]{background:#fff;border:solid 1px var(--koyulink)}
.carousel-indicators [data-bs-target].active{background:var(--aciksari);border:solid 1px var(--aciksari);}

.section{padding:50px 0;}
.bg-abstract{background:url('/Content/default/img/bg-abstract.jpg') repeat-x top center #e7e7e7}
.section.bg-video{background:url('/Content/default/img/bg-video.jpg') no-repeat top center #2c4b5e;}
.section.gray{background:#f8f8f8}

.section .title{letter-spacing:2px;}
.section .title span{font-size:16px;color:var(--redlink);font-weight:600}
.section .title h2{font-size:48px;font-weight:600;padding-bottom:10px}
.section .title i{width:80px;border-bottom:solid 2px var(--redlink);}
.section .title .title-content{padding-top:37px;font-weight:500;font-size:12px;}

.search{padding: 15px 15px 0 15px;min-height:60px;}

.news{padding:50px 0;}
.news .card{position:relative;overflow:hidden;}
.news .card img{min-height:250px;width:100%;}
.news .card figure{height:250px;overflow:hidden;}
.news .card figure:hover  i{display:block}
.news .card:hover img{opacity:0.7}
.news .card{margin:15px;}
.news .card .card-body{padding:25px;position:relative;}
.news .card .card-body .card-title{min-height:72px;font-size:17px;font-weight:500}
.news .card .card-body .card-title a{color:var(--koyulink)}
.news .card .card-body .card-title a:hover{color:var(--linkhover)}
.news .card .card-body .card-date{background-color:var(--aciksari);color:var(--koyulink);padding:5px 10px;position:absolute;font-size:13px; top:-13px;right:20px;font-weight:600;}
.news .card .card-body .card-text{text-align:justify}

/* Shine */
.hover14 figure{position:relative;margin:0}
.hover14 figure i{position:absolute;z-index:9;background:#00000075;padding:10px;top:45%;font-size:15px;left:-50%;right:-50%;margin:0 auto;color:#fff;width:50px;text-align:center;display:none}
.hover14 figure::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:'';width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
.hover14 figure:hover::before{-webkit-animation:shine .75s;animation:shine .75s}
@-webkit-keyframes shine {100%{left:125%}}
@keyframes shine {100%{left:125%}}

.event-box{background:#fff;padding:10px 20px 20px 20px;margin:35px 0 20px 0;min-height:230px;font-size:13px;}
.events {padding:40px 0}
.events .event-box{border: solid 1px #101f2d;}
.event-box .event-date{background:var(--aciksari);padding:12px;font-weight:700;margin-top:-30px;}
.event-box .event-new{background:var(--mavibg);padding:12px;font-weight:700;color:#fff;margin-top:-30px;}
.event-box .event-pin{background:#4e4e4e;padding:12px;font-weight:700;color:#fff;margin-top:-30px;}
.event-box .event-link{margin:20px 0;color:var(--koyulink);font-weight:600;font-size:15px;line-height:28px;text-transform:uppercase}
.event-box .event-detail{color:var(--redlink);font-weight:600;display:table-footer;font-size:16px;bottom:20px;position:absolute;}
.event-box a:hover{color:var(--linkhover)}
#content .event-box{border: solid 1px #ddd;}

.video{height:300px;color: #fff; font-size: 22px;letter-spacing: 3px;}
.video i{font-size:70px;color:var(--redlink);background:#fff;border-radius:100%;cursor:pointer;transition: all .3s ease}
.video i:hover{background:var(--redlink);color:#fff}

.info-title{font-size:50px;font-weight:900;font-style:italic}
.info-title span{color:var(--redlink)}
.info-content{width:70%;font-size:12px;}
.info-content .info-search{width:100%;padding:5px 10px;border:solid 1px #ccc;border-radius:50px;margin:15px 0}
.info-content .info-search .searchtext{width:80%;height:40px;border:0;background:none;text-indent:10px}
.info-content .info-search .btn-search{width:20%;border:0;background:var(--aciksari);height:40px;border-radius:40px;font-weight:700;font-size:15px;transition: all .3s ease}
.info-content .info-search .btn-search:hover{background:var(--koyulink);color:#fff;}

.info-links a{margin:5px}

.education{padding:20px;border:solid 1px var(--koyulink);max-width:300px;min-height:220px;}
.education img{max-width:50%}
.education a{color:var(--koyulink);font-size:16px;font-weight:600}
.education a:hover{color:var(--linkhover);}
.education:hover{background:#fff}

.owl-theme{margin:40px 0 30px 0;}

footer{width:100%;height:auto;padding:50px 0;background:var(--koyubg);border-top:solid 3px var(--redlink);background-image: url(/Content/default/img/footer-palogo.png), url(/Content/default/img/footer-palogo.png);
  background-position: left center, right center;background-repeat: no-repeat, no-repeat;}
footer ul li{list-style:none;font-size:14px;padding:3px 0;font-weight:600}
footer ul li a,footer ul li{color:var(--aciklink)}
footer ul li a:hover{color:var(--aciksari)}
footer .footer-title{text-transform:uppercase;color:#fff;font-weight:700;margin-bottom:10px;}

#bottom{width:100%;height:auto;padding:15px 0;background:var(--koyulink);color:#fff;font-size:13px;}

#content{padding:40px 0;min-height:500px}

#header-alt{width:100%;padding:15px 0 20px 0;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd}
#header-alt ul{margin-left:2px;}
#header-alt ul li{list-style:none;float:left;margin-right:20px;font-size:14px;text-transform:capitalize}
#header-alt ul li:after{content:' / ';margin-left:15px;}
#header-alt ul li:last-child:after{display:none}
#header-alt ul li a{color:var(--koyulink)}
#header-alt ul li a:hover{color:var(--linkhover)}
#header-alt h2{margin-top:10px;font-size:18px;font-weight:700;}

.sideTitle{padding:20px 0;background:#f3f3f3;margin-bottom:15px;font-weight:700;font-size:17px;text-transform:capitalize}
.related-news{}
.related-news li{list-style:none;display:table;margin-bottom:20px;}
.related-news li a{color:var(--koyulink);font-weight:600;display:list-item;text-transform:capitalize}
.related-news li a:hover{color:var(--redlink);}
.related-news li span{font-weight:normal;font-size:13px;}
.related-news li img{width:70px;height:60px;float: left; margin-right: 10px;}
.related-news li a.active{color:var(--redlink)}

.related-pages li{list-style:none;margin-bottom:5px;}
.related-pages li a{color:var(--koyulink);font-weight:600;display:list-item;background:#f7f7f7;padding:10px 0 10px 20px;}
.related-pages li a:hover,.related-pages li a.active{    color: #ffffff;background: var(--koyulink);}

.related-pages li.altkat a{font-size:13px;font-weight:400; padding: 10px 0 10px 35px;}


.news-detail {
    line-height: 25px;
}
.news-detail h1{font-size:25px;font-weight:600;padding:15px 0 0 0}
.news-detail ul li{margin-left: 30px; border-bottom: solid 1px #eee; padding: 10px 0;list-style-position: inside;width: 95%;}

.news-detail .fontsize{float:right;margin:-25px 0 10px 0;}
.news-detail .fontsize #font-size{font-size:16px;font-weight:500}
.news-detail .fontsize .btn{padding: 7px;line-height: 15px;font-size: 14px;margin-top: -2px;}

.news-detail a{color:var(--content-link);font-weight: 700;}
.news-detail a:hover{color:var(--redlink)}
/*.news-detail a:before { content: '\25BA'; padding: 0 5px; display: inline-block; }*/

#news-content{margin:20px 0;}

#filter{width:100%;height: 40px;padding: 5px 10px; background: rgb(245 245 245); font-size:12px;border:0}

.personal{padding:25px 0!important;border-bottom:solid 1px #ccc;margin:0!important;list-style:none;width:100%!important;height:auto;}
.personal .personal-img{width:20%;height:220px;overflow:hidden;position:relative;border: solid 3px #fff;box-shadow: 0 0 0 1px var(--koyulink);}
.personal .personal-img img{height:230px;max-width:initial;position:absolute;left:-50%;right:-50%;margin:0 auto;}
.personal .personal-content{width:78%;}
.personal .personal-content h2{font-weight:600;font-size:20px;line-height:20px;padding-top:5px;}
.personal .personal-content h2 i{font-size:20px;margin-right:5px;}
.personal .personal-content h2 span{font-weight:normal;font-size:14px;font-style:italic;}
.personal .personal-content h2 a{font-size:35px;color:var(--koyulink)}
.personal .personal-content h2 a:hover{color:var(--redlink)}
.personal .personal-content ul li{list-style:none;border:none;margin:0;padding:3px 0;font-size:14px;}

.raporBaslik{height: 70px;display: block; text-align: center; margin-bottom: 20px; margin-top: 10px;}
.raporKapakResimleri {height: 242px;display: block; margin-left: auto; margin-right: auto;}

table{border:solid 1px #eee;width: 100%!important;}
table td{padding:10px;}
table td span{font-family: 'Montserrat', sans-serif !important;font-size: initial;}
table tr:nth-child(2n){background:#f4f4f4}

.caption-margin{/*top:20%!important;*/}
.caption-margin h3{font-size: 27px!important;}

.back-to-top { position: fixed; bottom: 15px; right: 15px; width: 40px; height: 40px; z-index: 9999; cursor: pointer; text-decoration: none; font-size: 35px; color: var(--aciksari); transition: opacity 0.2s ease-out; }
.back-to-top:hover { opacity: 0.7;}

.ssslink{width:100%;display:inline-block;padding:10px 20px;background:#fff;border:solid 1px #d2d2d2;font-size:16px;font-weight:600;margin:5px 0;color:var(--koyulink);border-radius: 25px;}
.ssslink:hover{background: #e9dc96;border: solid 1px #05052c;}

.closebtn{border:none;padding:15px;background:#fff;}
.closebtn:hover{background:#eee;}

.kitapbox { border-radius: 5px; background-color: #fff; border: 1px solid #d0d0d0; padding: 15px; margin: 0 0 30px; font-size: 14px; }
.kitapbox:hover{transform: scale(1.02);box-shadow: 0 0 10px 1px rgba(0,0,0,.25);}
.kitapbox .kitap-img{height:300px;overflow:hidden;}
.kitapbox .kitap-img img{min-height:300px;box-shadow:14px 11px 4px 0px #a1a1a1;}
.kitapbox .kitap-price{font-size:20px;font-weight:600;padding-bottom:10px;}
.kitapbox .kitap-title{font-weight:500;font-size:15px;padding:10px 0;min-height:100px;}

.inputSearch{width:100%;padding:8px;border:solid 1px var(--border);border-radius:5px;}
.sepetsil:hover{cursor:pointer;color:var(--redlink)!important}

.modal-body ul{padding:20px;}
.preloader{width:100%;padding:50px 0;background:url(/Content/default/img/preloader.gif) no-repeat center;}

.filterkat{cursor:pointer;}
nav ul{margin:0} nav li{position:relative;display:inline-block;float:left} nav li:last-child a{padding-right:10px;padding-left:10px;} nav li:last-child a:hover{box-shadow:none;} nav li:nth-child(5) .submenu,nav li:nth-child(4) .submenu{right:0;left:auto;} nav a{cursor:pointer;position:relative;z-index:999;color:#3e3e3e;text-decoration:none;display:block;padding:10px 15px 17px 15px;font-weight:700;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;border-top:solid 5px #fff} nav a i[class*="caret"]{color:#3b536b;margin-left:.15em} nav li:hover>a ,nav a:hover{color:#af262c;border-top:solid 5px #af262c; box-shadow: 0 -3px 3px rgb(68 68 68 / 30%);} nav a:hover + .submenu{opacity:1;-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-o-transform:rotateX(0deg);transform:rotateX(0deg);visibility:visible} nav .eiob .submenu{-webkit-transition:all .3s cubic-bezier(0.68,-0.55,0.265,1.55),opacity .2s linear;-moz-transition:all .3s cubic-bezier(0.68,-0.55,0.265,1.55),opacity .2s linear;transition:all .3s cubic-bezier(0.68,-0.55,0.265,1.55),opacity .2s linear} nav .ln .submenu{-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear} nav .ei .submenu{-webkit-transition:all .3s ease-in,opacity .2s linear;-moz-transition:all .3s ease-in,opacity .2s linear;transition:all .3s ease-in,opacity .2s linear} nav .eo .submenu{-webkit-transition:all .3s ease-out,opacity .2s linear;-moz-transition:all .3s ease-out,opacity .2s linear;transition:all .3s ease-out,opacity .2s linear} nav .submenu{display:block;opacity:0;position:absolute;visibility:hidden;z-index:499;min-width:500px;top:100%;left:0;background:#fff;    box-shadow: 0 3px 5px rgb(68 68 68 / 30%);-webkit-transform-origin:top center;-moz-transform-origin:top center;-ms-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transition:all .25s ease;-moz-transition:all .25s ease;transition:all .25s ease;margin-top:-3px;padding:10px 0} nav .submenu.single{min-width:200px!important;} nav .submenu.single li{float:none;width:100%;} nav .submenu li > .submenu{top:0;left:100%} nav .submenu:hover{opacity:1;-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-o-transform:rotateX(0deg);transform:rotateX(0deg);visibility:visible} nav .submenu li{float:left;display:block;width:50%;} nav .submenu a,nav .submenu li:last-child a{width:100%;display:block;font-weight:500;padding:7px 5px 7px 20px;border:none;font-size:14px;} nav .submenu a:hover{color:#fff;background:#101f2d;border:none} nav.rx li:hover + .submenu{opacity:1;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg)} nav.rx .submenu{-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);transform:rotateY(-90deg)} nav.rx .submenu:hover{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg)} nav.fd li:hover + .submenu{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)} nav.fd .submenu{-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center;-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);-o-transform:translateY(-50px);transform:translateY(-50px)} nav.fd .submenu:hover{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)} nav.fu li:hover + .submenu{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)} nav.fu .submenu{-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px)} nav.fu .submenu:hover{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)} nav.sc li:hover + .submenu{opacity:1;-webkit-transform:rotateY(0deg) scale(1);-moz-transform:rotateY(0deg) scale(1);-ms-transform:rotateY(0deg) scale(1);-o-transform:rotateY(0deg) scale(1);transform:rotateY(0deg) scale(1)} nav.sc .submenu{-webkit-transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;transform-origin:center top;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)} nav.sc .submenu:hover{-webkit-transform:rotateY(0deg) scale(1);-moz-transform:rotateY(0deg) scale(1);-ms-transform:rotateY(0deg) scale(1);-o-transform:rotateY(0deg) scale(1);transform:rotateY(0deg) scale(1)} nav.rt li:hover + .submenu{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)} nav.rt .submenu{-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} nav.rt .submenu:hover{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)} nav.mv li:hover + .submenu{-webkit-transform:translateX(0px) skewX(0deg);-moz-transform:translateX(0px) skewX(0deg);-ms-transform:translateX(0px) skewX(0deg);-o-transform:translateX(0px) skewX(0deg);transform:translateX(0px) skewX(0deg)} nav.mv .submenu{-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center;-webkit-transform:translateX(-40px) skewX(-7deg);-moz-transform:translateX(-40px) skewX(-7deg);-ms-transform:translateX(-40px) skewX(-7deg);-o-transform:translateX(-40px) skewX(-7deg);transform:translateX(-40px) skewX(-7deg)} nav.mv .submenu:hover{-webkit-transform:skewX(0deg);-moz-transform:skewX(0deg);-ms-transform:skewX(0deg);-o-transform:skewX(0deg);transform:skewX(0deg)} nav.dc li:hover + .submenu{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg)} nav.dc .submenu{-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top;-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);transform:rotateY(-90deg)} nav.dc .submenu:hover{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg)}
@media only screen and (max-width:570px) {

     .acilir-menu{height:100%; width:0;overflow: hidden; position: fixed;z-index: 999999;left:-250px;top:0;display:block!important;float:none;margin:0;}
    .acilir-menu .mob{padding:0;height:100%;background:var(--koyulink); color: #2f353b; width: 250px!important;position: fixed;z-index:999;margin-top: 0;overflow-y:auto;float:none;padding-bottom:70px;}
    .acilir-menu li{border-bottom:solid 1px var(--koyulink);display:block;float:none;position:relative;}
    .acilir-menu .mob li a{padding:10px 20px;color:#c8c8c8;font-size:14px;display:list-item;list-style:none;border:none}
    .acilir-menu .mob li a:hover{background:var(--aciksari)}     
    .acilir-menu .mob .submenu{opacity:1;position:relative;width:100%;top:initial;left:initial;transform:none;background:#22374b;visibility:visible;display:table;padding:0;box-shadow:none;min-width:100%;}
    .acilir-menu .mob .submenu li a{font-size:11px;text-transform:uppercase;padding:7px 20px!important}
    .acilir-menu .mob .submenu li a::before{content:"- ";}
    .acilir-menu .close{position:fixed;height:100%;z-index:9;}
    .acilir-menu .mobil-logo{width:100%;background:var(--koyulink);font-size:15px;font-weight:bold;color:#fff;border: none;border-bottom: solid 1px #22374b;padding: 5px 20px;}
    nav .submenu li{width:100%;}

    .section .title h2{font-size:30px;}
    .section .title span{font-size:14px;}
    a.palink-button{padding:10px;font-size:14px;}
    .info-title{font-size:35px;}
    .info-content{width:100%;}
    #FooterMenuListe{text-align:center;}
    .news-detail h1{font-size:20px;}
    .Slider{height:360px;}
    .Slider .carousel-item{height:350px;}
    .Slider .carousel-item .slider-img{border-radius:0;border:none;width:100%;box-shadow:none;height:272px;}
    .Slider .carousel-caption h3{font-size:18px;line-height:normal;color:#fff;}
    .Slider .carousel-caption { width: 100%; padding: 5%; bottom: 15%; top: inherit; background: #0000007d; }
    .Slider .carousel-caption span{color: var(--aciksari);}
    .Slider .carousel-caption .carousel-detail{display:none;}
    .Slider .carousel-item .slider-img img{animation:none;margin-left: -40%; float: none;}
    .carousel-indicators{margin-bottom:5px;}
    .caption-margin h3{font-size:18px!important;}
    .shadowbar{    background-size: contain;}
    .Slider{animation:none;}
    #DigerSayfalar li{display:none;}
    .news-detail .fontsize{margin: 0 0 10px 0;}
    .personal .personal-img{width:40%;}
    .personal .personal-content{width:55%;}
    #content{padding:20px 0;}
    header .socials li{margin:0 6px;}
    .akademiyonetimi td{display:flex;}
}

@media only screen and (min-width:571px) and (max-width:767px) {

  .acilir-menu{height:100%; width:0;overflow: hidden; position: fixed;z-index: 999999;left:-250px;top:0;display:block!important;float:none;margin:0;}
    .acilir-menu .mob{padding:0;height:100%;background:var(--koyulink); color: #2f353b; width: 250px!important;position: fixed;z-index:999;margin-top: 0;overflow-y:auto;float:none;padding-bottom:70px;}
    .acilir-menu li{border-bottom:solid 1px var(--koyulink);display:block;float:none;position:relative;}
    .acilir-menu .mob li a{padding:10px 20px;color:#c8c8c8;font-size:14px;display:list-item;list-style:none;border:none}
    .acilir-menu .mob li a:hover{background:var(--aciksari)}
     
    .acilir-menu .mob .submenu{opacity:1;position:relative;width:100%;top:initial;left:initial;transform:none;background:#22374b;visibility:visible;display:block;padding:0;box-shadow:none;min-width:100%;}
    .acilir-menu .mob .submenu li a{font-size:11px;text-transform:uppercase;padding:7px 20px!important}
    .acilir-menu .mob .submenu li a::before{content:"- ";}
    .acilir-menu .close{position:fixed;height:100%;z-index:9;}
    .acilir-menu .mobil-logo{width:100%;background:var(--koyulink);font-size:15px;font-weight:bold;color:#fff;border: none;border-bottom: solid 1px #22374b;padding: 5px 20px;}
    nav .submenu li{width:100%;}
      .section .title h2{font-size:30px;}
    a.palink-button{padding:10px;font-size:14px;}
    .info-title{font-size:35px;}
    .info-content{width:100%;}
    #FooterMenuListe{text-align:center;}
    .news-detail h1{font-size:20px;}
    .Slider{height:450px;}
    .Slider .carousel-item{height:450px;}
    .Slider .carousel-item .slider-img{border-radius:0;border:none;width:100%;box-shadow:none;height:350px;}
    .Slider .carousel-caption h3{font-size:20px;line-height:normal;color:#fff;}
    .Slider .carousel-caption { width: 100%; padding: 5%; bottom: 15%; top: inherit; background: #0000007d; }
    .Slider .carousel-caption .carousel-detail{display:none;}
    .caption-margin h3{font-size:18px!important;}
    .shadowbar{    background-size: contain;}
    .Slider{animation:none;}
      .personal .personal-img{width:30%;}
    .personal .personal-content{width:65%;}
}
@media only screen and (min-width:768px) and (max-width:991px) {

    nav a{padding:10px}

       .section .title h2{font-size:30px;}
    a.palink-button{padding:10px;font-size:14px;}
    .info-title{font-size:35px;}
    .info-content{width:100%;}
    #FooterMenuListe{text-align:center;}
    .news-detail h1{font-size:20px;}
    .Slider{height:550px;}
    .Slider .carousel-item{height:550px;}
    .Slider .carousel-item .slider-img{border-radius:0;border:none;width:100%;box-shadow:none;height:420px;max-width:100%}
    .Slider .carousel-item .slider-img img{width:100%;height:420px;max-width:none;}
    .Slider .carousel-caption h3{font-size:20px;line-height:normal;color:#fff;}
    .Slider .carousel-caption { width: 100%; padding: 5%; bottom: 15%; top: inherit; background: #0000007d; }
    .Slider .carousel-caption .carousel-detail{display:none;}
    .caption-margin h3{font-size:18px!important;}
    .shadowbar{    background-size: contain;}
    .news .card{margin:0;}
    .news .card figure{height:180px;}
    .news .card img{max-height:180px;}
    .news .card .card-text{display:none;}

    .event-box .event-link{font-size:13px;}
    .Slider{animation:none;}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .Slider{height:550px;}
    .Slider .carousel-item{height:550px;}
    .Slider .carousel-item .slider-img{height:350px;max-width:500px;}
    .Slider .carousel-caption h3{font-size:25px;}
    .section .title h2{font-size:40px;}
    .section .title .title-content{padding-top:14px}
    nav a{font-size:13px;}
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
     nav a{font-size:14px;padding:10px 10px 17px 10px;}
}
/* Make clicks pass-through */
#nprogress {
    pointer-events: none;
    
}

    #nprogress .bar {
        background: #e9dc96;
        position: fixed;
        z-index: 1031;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        z-index: 9999999;
    }

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #e9dc96, 0 0 5px #e9dc96;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
    #nprogress .spinner {
        display: block;
        position: fixed;
        z-index: 1031;
        top: 15px;
        right: 15px;
        z-index: 9999999;
    }

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #e9dc96;
  border-left-color: #e9dc96;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


