@media (max-width:320px){
  .logo{ background: url(../images/logo.png) no-repeat center left; width:120px !important; background-size:120px !important; height:74px !important; margin:20px 0 0 0 !important;display:block !important; }
  .header-f .logo{ background: url(../images/logo.png) no-repeat center left; width:120px !important; background-size:120px !important; height:74px !important; margin:20px 0 0 0 !important;display:block !important; }

  .menubar{ margin: 40px 0 0 0;}
  .header-r{position:absolute; top:25px; z-index:99; width:100%;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
  .header-f{position:fixed !important; background: #fff !important; box-shadow: 2px 2px 22px #ccc;  z-index:1000; top:-20px; width:100%;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}

  .footer-logo{ background: url(../images/footer-logo.png) no-repeat center center; width: 100%; height: 60px; background-size: 130px;}
  .footer-white{ background: url(../images/footer-white.png) no-repeat center top; width: 100%; height: 70px; background-size: contain;}
  .footer-bg-2{background:#012f6b;}

  .slogan1{font-size: 10px; color:#003982; font-weight: 500; margin: 0px 0 0 30px;}
  .slogan2{font-size: 11px; color:#003982; font-weight: 700; margin: 15px 0 0 30px;}
  .slogan3{white-space:normal !important; width: 450px; font-size: 18px; color: #748ba8; line-height: 25px; margin: 0 0 0 30px;}
  .slide-margin{ margin: 0 0 0 30px;}
  .slide-img{ margin: 30px 0 0 -20px;}
  .tp-rightarrow{float:left;width:20px;height:48px;font-size:14px;text-align:center;line-height:48px;color:#fff;position:absolute;background:url(../images/righthover.png) no-repeat center; background-size:20px; z-index:80;cursor:pointer;top:50%;margin-top:-24px;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;-ms-transition:all linear .2s;transition:all linear .2s;right:1%; opacity:0.2;}
  .tp-leftarrow{float:left;width:20px;height:48px;font-size:14px;text-align:center;line-height:48px;color:#fff;position:absolute;background:url(../images/lefthover.png) no-repeat center; background-size:20px; z-index:80;cursor:pointer;top:50%;margin-top:-24px;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;-ms-transition:all linear .2s;transition:all linear .2s;left:1%; opacity:0.2;}
  .fs35{ font-size: 20px;}
  .fs25mb{ font-size: 17px;}
  .number-box{background: #0d3675; border-radius: 20px; text-align: center; margin: 50px 0 80px 0; padding:20px 5px ;}
  .fs30mb{ font-size: 15px;}
  .fs18mb{ font-size: 13px;}
  .content-text{background: #fff; padding: 20px; margin:-100px 0 0 0; border-radius:10px;}
  .ic-header{min-height: 280px; margin:75px 0 0 0; background: rgb(0,42,96);background: linear-gradient(16deg, rgba(0,42,96,1) 35%, rgba(244,124,9,1) 100%);}
}
@media (min-width:321px){

  .logo{ background: url(../images/logo.png) no-repeat center left; width:120px !important; background-size:120px !important; height:74px !important; margin:20px 0 0 0 !important;display:block !important; }
  .header-f .logo{ background: url(../images/logo.png) no-repeat center left; width:120px !important; background-size:120px !important; height:74px !important; margin:20px 0 0 0 !important;display:block !important; }

  .menubar{ margin: 40px 0 0 0;}
  .header-r{position:absolute; top:25px; z-index:99; width:100%;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
  .header-f{position:fixed !important; background: #fff !important; box-shadow: 2px 2px 22px #ccc;  z-index:1000; top:-20px; width:100%;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}

  .footer-logo{ background: url(../images/footer-logo.png) no-repeat center center; width: 100%; height: 60px; background-size: 130px;}
  .footer-white{ background: url(../images/footer-white.png) no-repeat center top; width: 100%; height: 70px; background-size: contain;}
  .footer-bg-2{background:#012f6b;}

  .slogan1{font-size: 12px; color:#003982; font-weight: 500; margin: 0px 0 0 30px;}
  .slogan2{font-size: 14px; color:#003982; font-weight: 700; margin: 15px 0 0 30px;}
  .slogan3{white-space:normal !important; width: 450px; font-size: 18px; color: #748ba8; line-height: 25px; margin: 0 0 0 30px;}
  .slide-margin{ margin: 0 0 0 30px;}
  .slide-img{ margin: 30px 0 0 -20px;}
  .tp-rightarrow{float:left;width:20px;height:48px;font-size:14px;text-align:center;line-height:48px;color:#fff;position:absolute;background:url(../images/righthover.png) no-repeat center; background-size:20px; z-index:80;cursor:pointer;top:50%;margin-top:-24px;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;-ms-transition:all linear .2s;transition:all linear .2s;right:1%; opacity:0.2;}
  .tp-leftarrow{float:left;width:20px;height:48px;font-size:14px;text-align:center;line-height:48px;color:#fff;position:absolute;background:url(../images/lefthover.png) no-repeat center; background-size:20px; z-index:80;cursor:pointer;top:50%;margin-top:-24px;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;-ms-transition:all linear .2s;transition:all linear .2s;left:1%; opacity:0.2;}
  .fs35{ font-size: 20px;}
  .fs25mb{ font-size: 20px;}
  .number-box{background: #0d3675; border-radius: 20px; text-align: center; margin: 50px 0 80px 0; padding:20px 5px ;}
  .fs30mb{ font-size: 18px;}
  .fs18mb{ font-size: 13px;}
  .content-text{background: #fff; padding: 20px; margin:-100px 0 0 0; border-radius:10px;}
  .ic-header{min-height: 280px; margin:75px 0 0 0; background: rgb(0,42,96);background: linear-gradient(16deg, rgba(0,42,96,1) 35%, rgba(244,124,9,1) 100%);}
}

@media(min-width:768px){
  .logo{ background: url(../images/logo.png) no-repeat center left; width:140px !important; background-size:140px !important; height:74px !important; margin:20px 0 0 0 !important;display:block !important; }
  .header-f .logo{ background: url(../images/logo.png) no-repeat center left; width:120px !important; background-size:120px !important; height:74px !important; margin:20px 0 0 0 !important;display:block !important; }

  .menubar{ margin: 40px 0 0 0;}
  .header-r{position:absolute; top:30px; z-index:99; width:100%;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
  .header-f{position:fixed !important; background: #fff !important; box-shadow: 2px 2px 22px #ccc;  z-index:1000; top:-20px; width:100%;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
  
  .footer-logo{ background: url(../images/footer-logo.png) no-repeat center center; width: 185px; height: 60px; background-size: 185px;}
  .footer-bg-2{background:#003982;}

  .slogan1{font-size: 25px; color:#003982; font-weight: 500; margin: 0px 0 0 50px;}
  .slogan2{font-size: 30px; color:#003982; font-weight: 700; margin: 15px 0 0 50px;}
  .slogan3{white-space:normal !important; width: 450px; font-size: 18px; color: #748ba8; line-height: 25px; margin: 0 0 0 50px;}
  .slide-margin{ margin: 0 0 0 50px;}
  .slide-img{ margin:0px;}
  .tp-rightarrow{float:left;width:48px;height:48px;font-size:14px;text-align:center;line-height:48px;color:#fff;position:absolute;background:url(../images/righthover.png) no-repeat center;z-index:80;cursor:pointer;top:50%;margin-top:-24px;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;-ms-transition:all linear .2s;transition:all linear .2s;right:1%; opacity:0.2;}
.tp-leftarrow{float:left;width:48px;height:48px;font-size:14px;text-align:center;line-height:48px;color:#fff;position:absolute;background:url(../images/lefthover.png) no-repeat center;z-index:80;cursor:pointer;top:50%;margin-top:-24px;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;-ms-transition:all linear .2s;transition:all linear .2s;left:1%; opacity:0.2;}
.fs35{ font-size: 35px;}
.fs25mb{ font-size: 25px;}
.number-border{border-right: solid 0px #fff;}
.number-box{background: #0d3675; border-radius: 20px; text-align: center; margin: 50px 0 80px 0; padding:50px 30px 50px 30px ;}
.fs30mb{ font-size: 30px;}
.fs18mb{ font-size: 18px;}
.content-text{background: #fff; padding: 40px; margin:-100px 0 0 0; border-radius: 30px;}
.ic-header{min-height: 280px; margin:85px 0 0 0; background: rgb(0,42,96);background: linear-gradient(16deg, rgba(0,42,96,1) 35%, rgba(244,124,9,1) 100%);}
}
@media(min-width:992px){

  .logo{ background: url(../images/logo.png) no-repeat center left; width:180px !important; background-size:180px !important; height:74px !important; margin:20px 0 0 0 !important;display:block !important; }
  .header-f .logo{ background: url(../images/logo.png) no-repeat center left; width:140px !important; background-size:140px !important; height:74px !important; margin:20px 0 0 0 !important;display:block !important; }

  .header-r{position:absolute; top:30px; z-index:99; width:100%;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
  .header-f{position:fixed !important; background: #fff !important; box-shadow: 2px 2px 22px #ccc;  z-index:1000; top:-20px; width:100%;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}

  .navbar{ padding:0px; margin: 35px 0 0 0;}
  .navbar-expand-lg .navbar-nav .nav-link{margin:0px 2px 0 2px; background:none; text-align:center;  height:45px; line-height:25px; display:block; font-weight:600;font-size:13px;color:#003982;text-decoration:none; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out; padding:10px 7px 10px 7px; border-radius: 5px;}
  
  .dropdown-item{padding:8px 20px 8px 20px; min-width:215px; font-size:14px; color:#fff;}
  .content-top{ margin:110px 0 0 0;}

  .footer-logo{ background: url(../images/footer-logo.png) no-repeat center center; width: 185px; height: 60px; background-size: 185px;}
  .footer-white{ background: url(../images/footer-white.png) no-repeat center top; width: 100%; height: 148px; background-size: contain;}
  .footer-bg-2{background:#003982;}

  .slogan1{font-size: 25px; color:#003982; font-weight: 500; margin: 0px 0 0 50px;}
  .slogan2{font-size: 30px; color:#003982; font-weight: 700; margin: 15px 0 0 50px;}
  .slogan3{white-space:normal !important; width: 450px; font-size: 18px; color: #748ba8; line-height: 25px; margin: 0 0 0 50px;}
  .slide-margin{ margin: 0 0 0 50px;}

  .tp-rightarrow{float:left;width:48px;height:48px;font-size:14px;text-align:center;line-height:48px;color:#fff;position:absolute;background:url(../images/righthover.png) no-repeat center;z-index:80;cursor:pointer;top:50%;margin-top:-24px;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;-ms-transition:all linear .2s;transition:all linear .2s;right:0%; opacity:0.2;}
.tp-leftarrow{float:left;width:48px;height:48px;font-size:14px;text-align:center;line-height:48px;color:#fff;position:absolute;background:url(../images/lefthover.png) no-repeat center;z-index:80;cursor:pointer;top:50%;margin-top:-24px;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;-ms-transition:all linear .2s;transition:all linear .2s;left:0%; opacity:0.2;}
.fs35{ font-size: 35px;}
.fs25mb{ font-size: 20px;}
.number-border{border-right: solid 1px #fff;}
.content-text{background: #fff; padding: 50px; margin:-100px 0 0 0; border-radius: 30px;}
.ic-header{min-height: 280px; margin: 150px 0 0 0; background: rgb(0,42,96);background: linear-gradient(16deg, rgba(0,42,96,1) 35%, rgba(244,124,9,1) 100%);}
}
@media(min-width:1200px){
  .logo{ background: url(../images/logo.png) no-repeat center left; width:229px !important; background-size:200px !important; height:74px !important; margin:20px 0 0 0 !important;display:block !important; }
  .header-f .logo{ background: url(../images/logo.png) no-repeat center left; width:140px !important; background-size:140px !important; height:74px !important; margin:20px 0 0 0 !important;display:block !important; }
  .container{min-width:1190px;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
  .navbar{ padding:0px; margin: 35px 0 0 0;}
  .navbar-expand-lg .navbar-nav .nav-link{margin:0px 2px 0 2px; background:none; text-align:center;  height:45px; line-height:25px; display:block; font-weight:600;font-size:14px;color:#003982;text-decoration:none; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out; padding:10px 10px 10px 10px; border-radius: 5px;}
  
  .dropdown-item{padding:8px 20px 8px 20px; min-width:215px; font-size:14px; color:#fff;}
  .content-top{ margin:110px 0 0 0;}
  .footer-logo{ background: url(../images/footer-logo.png) no-repeat center center; width: 185px; height: 60px; background-size: 185px;}

  .slogan1{font-size: 25px; color:#003982; font-weight: 500; margin: 0px;}
  .slogan2{font-size: 30px; color:#003982; font-weight: 700; margin: 15px 0 0 0;}
  .slogan3{white-space:normal !important; width: 450px; font-size: 18px; color: #748ba8; line-height: 25px; margin:0px;}
  .slide-margin{ margin:0px;}
  
  .tp-rightarrow{float:left;width:48px;height:48px;font-size:14px;text-align:center;line-height:48px;color:#fff;position:absolute;background:url(../images/righthover.png) no-repeat center;z-index:80;cursor:pointer;top:50%;margin-top:-24px;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;-ms-transition:all linear .2s;transition:all linear .2s;right:5%; opacity:0.2;}
.tp-leftarrow{float:left;width:48px;height:48px;font-size:14px;text-align:center;line-height:48px;color:#fff;position:absolute;background:url(../images/lefthover.png) no-repeat center;z-index:80;cursor:pointer;top:50%;margin-top:-24px;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;-ms-transition:all linear .2s;transition:all linear .2s;left:5%; opacity:0.2;}
.fs25mb{ font-size: 25px;}
}

.ic-title-pd{padding: 70px 0 0 0; text-align: center; color: #fff; font-weight: bold; font-size: 45px;}
.content-pd{min-height: 500px; font-size: 15px; line-height: 22px;}


.blue-title{ color: #003982; font-weight: 700;}
.a-blue-title{ color: #748ba8; font-weight: 400; font-size: 18px;}
.mh-250{min-height: 250px; position: relative; text-align: center;}
.yorum-t{color: #fff; text-shadow: 2px 2px 122px #ccc; top: 100px; font-size: 120px; font-weight: bold;}
.orange-circle{background:#f47c09; color:#fff; width:80px; height:80px; border-radius:50%; display:inline-block; text-align:center; line-height:80px; font-weight:bold; font-size:25px;}
.carousel_ileri_geri_sayilar {
  position: absolute;
  right: 0px;
  top: 45%;
width:100%;
}
.carousel_ileri_geri_sayilar .owl-prev-sayilar{ color:#FFF; left:10px; position:absolute;cursor:pointer;}
.carousel_ileri_geri_sayilar .owl-next-sayilar{ color:#FFF; right:10px; position:absolute; cursor:pointer;}

.yorum-top{margin: 30px 0 0 0; position:absolute; z-index: 1; width: 100%;}
.gk-btn{ margin: 35px 0 0 20px;}
.giris-btn{background:#003982; border: solid 1px #003982; padding:10px; text-align:center; color:#FFFFFF; font-weight:bold; border-radius:25px 0 0 25px;font-size:14px;}

.kayit-btn{background:#f47c09; border: solid 1px #f47c09; padding:10px; text-align:center; color:#fff; font-weight:bold; border-radius:0 25px 25px 0;font-size:14px;}

.giris-btn-m{background:#003982; border: solid 1px #003982; padding:10px; text-align:center; color:#FFFFFF; font-weight:bold; font-size:14px;}
.kayit-btn-m{background:#f47c09; border: solid 1px #f47c09; padding:10px; text-align:center; color:#fff; font-weight:bold; font-size:14px;}

.giris-btn:hover{color:#fff;}
.kayit-btn:hover{color:#fff;}

.mobilm-w{height:100%;display:block; width:270px !important;}

.footer-bg{background:#003982;}
.sosyalhover{ width:30px; height:30px; line-height:30px; font-size:14px; margin:0 5px 0 5px; display:inline-block; color:#003982 !important; text-align:center; background:#fff; border-radius:5px;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}

.kat{	padding:15px 0 15px 0;	margin:0px;		background:#f2f2f4;	padding-top:0px; padding-bottom:0px;}
.kat li {	list-style:none;	width:100%; border-radius:10px;	}
.kat li a {background:none;padding:20px 15px 20px 15px;width:100%; font-size:14px;font-weight:300;color:#000000;text-decoration:none;display:inline-block;border-bottom:1px solid #e2e2e2; }
.kat li a:hover {background:#e2e2e2;	padding:20px 15px 20px 20px;	width:100%; 	font-size:14px;	font-weight:300;	color:#303235;	text-decoration:none;	display:inline-block;	border-bottom:1px solid #e2e2e2; }
.kat li a.act {	background:#fff;	width:100%; min-height:40px;		color:#303235;	font-weight:600;	}

.solmalt li a{  background:#fff;padding:8px 15px 8px 15px; display:block; font-size:14px;font-weight:300;color:#000;text-decoration:none;display:inline-block;border-bottom:1px solid #e2e2e2}
.solmalt li a:hover{  color:#000;padding:8px 15px 8px 25px; background:#f2f2f4;}
.blue-btn{ background: #003982; border-radius: 30px; padding: 10px 20px 10px 20px; color: #fff !important; font-size: 14px;}
.orange-btn{ background: #f47c09; border-radius: 30px; padding: 10px 20px 10px 20px; color: #fff !important; font-size: 14px;}
body{margin:0px; font-family: 'Poppins', sans-serif; background:#fff;font-weight:400;font-size:13px;color:#455567;height:100%; outline:none;}
.w-120{width:120px; display:inline-block;}
.menumobilalt li a { color:#FFF;padding:5px 10px 5px 10px; margin-bottom:3px; margin-left:30px; background:none; font-size:14px;font-weight:100; display:block; border-left: solid 4px #FFF;}
.menumobilalt li a:hover { color:#fff; background:none;}


.footer-menu li a{ color:#b4c1d3; font-size: 14px; }
.footer-menu li a:hover{ color:#fff !important; box-shadow:0 11px 27px 1px rgba(41,53,108,.25);transform:translateY(-3px); -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}

.back-to-top {cursor: pointer;position: fixed;bottom: 20px;right: 20px;display:none;z-index:999; padding:10px 15px 10px 15px; font-size:14px;}
.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
    background:#05224e;
}

.cookiealert.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.cookiealert a {
    text-decoration: underline
}

.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
}
.tab-content > .tab-pane{
    display: block;
    height: 0;
}
.tab-content > .active{
    height: auto;
}
.z-1{z-index:1;}
.z-9{z-index:9 !important;;}
.z-99{z-index:99 !important;}
.z-0{z-index:0 !important;}

.cizgi:before {
  content: '';
  width: 1px;
  height: 50px;
  background-color: #003982;
  display: block;
  margin: 0 auto 10px; }
 
 .input,.select,.textarea{ 
    display:block;
    width:100%;
    border:none !important;
    font-weight:300 !important;
    color:#556379;
    background:#fff;
    border:solid 1px #D9D9D9 !important;
    padding:10px 40px;
    border-radius:6px;
    font-size:16px;
    outline:none;
    }

  .input-icon{top:12px; left:15px;}
  .br-0{border: 0px;}
.icbaslik{ text-align:center; color:#003982; font-size:20px;}
.hover-top{-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;display:inline-block !important;}
.hover-top:hover{box-shadow:0 11px 27px 1px rgba(41,53,108,.25);transform:translateY(-3px); -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}


.hover-top-icon .icons{-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out; z-index:999;}
.hover-top-icon:hover .icons{transform:translateY(-3px); -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}


.dropup:hover .dropup-content, 
.dropup:active .dropup-content, 
.dropup:focus .dropup-content {
  display:block;
}
.cursor-pointer{cursor:pointer;}
.nav-tabs { background:#e2e6ec ;}
.center-bg{background: url(../images/center-bg.png) no-repeat top center; background-size: cover; min-height: 700px; margin: -150px 0 0 0; padding: 150px 0 0 0; position: relative; z-index: 99;}
.text-blue{color:#b4c1d3;}
.orange{ color: #f47c09 !important;}
.text-orange{ color: #f47c09 !important;}
.text-orange:hover{ color: #fff !important;}
.fw1{ font-weight:100; }
.fw2{ font-weight:200; }
.fw3{ font-weight:300; }
.fw4{ font-weight:400; }
.fw5{ font-weight:500; }
.fw6{ font-weight:600; }
.fw7{ font-weight:700; }

.fs11{ font-size:11px;}
.fs12{ font-size:12px;}
.fs13{ font-size:13px;}
.fs14{ font-size:14px;}
.fs15{ font-size:15px;}
.fs16{ font-size:16px;}
.fs17{ font-size:17px;}
.fs18{ font-size:18px;}
.fs19{ font-size:19px;}
.fs20{ font-size:20px;}
.fs25{ font-size:25px;}
.fs30{ font-size:30px;} 
.fs36{ font-size:36px;} 
.fs40{ font-size:40px;} 
.fs50{ font-size:50px;} 

.menu-line li {
  position: relative;
  display: inline-block;
}
.menu-line li:before,
.menu-line li:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.menu-line li:before {
  bottom: 0;
  display: block;
  height: 3px;
  width: 0%;
  content: "";
  background-color: #ffcc01;
}
.menu-line li:after {
  left: -20px;
  top: 0;
  padding: 0.5em 0;
  position: absolute;
  content: attr(data-hover);
  color: #ffffff;
  white-space: nowrap;
  max-width: 0%;
  overflow: hidden;
}
.menu-line li:hover:before,
.menu-line .current li:before {
  opacity: 1;
  width: 100%;
}

.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}

.dropdown {
  position: relative;
  display: inline-block;
  z-index:99;
  
  }
  .dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  padding: 5px 7px;
  z-index: 1;
  margin-left:0px;
  width:50px;
  }
  .dropdown:hover .dropdown-content {
  display: block;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;
  }
.imgeffect_ic {
	 	filter: brightness(100%);
	opacity: 1;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;
}


.mh-400{min-height:400px;}
.ul{ list-style:none; padding:0px; margin:0px;}
.breadcrumb {
	margin: 0;
	background: #FFFFFF;
	float:right;
	width: 100%;
	padding: 0;
	border-radius: 0;
	position: relative;
	display:inline-block;
	text-align:right;
	color:#000; font-size:12px; font-weight:100; padding:25px 15px 25px 0 ;

}
.breadcrumb ul {
	float: right;
	width: auto;
	display:inline-block;
	text-align:right;
}
.breadcrumb ul li {
	float: left;
	position: relative;
}
.breadcrumb ul li:nth-child(1) a {
	padding-left: 0;
}
.breadcrumb ul li:last-child i {
	display: none;
}
.breadcrumb ul li a {
	display: block;
	color: #888;
	padding: 0 12px;
}
.breadcrumb ul li a:hover {
	display: inline-block;
	color: #000;
}
.breadcrumb ul li i {
	color: #888;
	position: absolute;
	right: 0;
	top: 0px;
	font-size:12px;
	right: -1px;
}

a{text-decoration:none;color:#455567;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
a:hover{text-decoration:none;color:#000000;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
html{overflow-x:hidden;height:100%; overflow-y:scroll;}
h1,h2,h3,h4,h5,h6{border:0;font-size:100%;margin:0;padding:0;font-weight:normal;}
.bar3{width:50px;height:3px;background-color:#003982;margin:5px 0px 8px 0px;transition:0.4s;border-radius:8px;}
.bar2{width:50px;height:3px;background-color:#003982;margin:5px 0px 8px 0px;transition:0.4s;border-radius:8px;}
.bar1{width:50px;height:3px;background-color:#003982;margin:5px 0px 8px 0px;transition:0.4s;border-radius:8px;}
.w-200{ width:270px !important; display:block;}
.overlaymenu{ position:absolute; background:#001e45; opacity:0.6; z-index:1200; top:0px; left:0px;  width:100%; height:100%; display:none;	}
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0;
	background: #f47c09;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
	
	font-weight:700;
}

.sidenav .alink {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 15px;
    color: #fff;
    display: block;
    transition: 0.3s;
}

.sidenav .alink:hover {
    color: #FFF;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 36px;
}

#main {
    transition: margin-left .5s;
    padding: 16px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px; z-index:99999;}
  .sidenav a {font-size: 18px;}
}
#slidingLine {
	position: absolute;
	top: 0;

	width: 3px;
	padding: 0 !important;
	background-color: #ef9000;
}
.sosyalhover-f{ width:30px; height:30px; line-height:30px; font-size:14px; margin:0 5px 0 5px; display:inline-block; color:#003982 !important; text-align:center; background:#8b98a7;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out; border-radius:4px;}

.sosyalhover:hover{background:#fff; color:#fff; display:inline-block;box-shadow:0 11px 27px 1px rgba(41,53,108,.25);transform:translateY(-3px); -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}


/* menu css*/
.screen-overlay{width:0%;height:100%;z-index:30;position:fixed;top:0;left:0;opacity:0;visibility:hidden;background-color:rgba(34,34,34,.6);-webkit-transition:opacity .2s linear,visibility .1s,width 1s ease-in;transition:opacity .2s linear,visibility .1s,width 1s ease-in}.screen-overlay.show{-webkit-transition:opacity .5s ease,width 0s;transition:opacity .5s ease,width 0s;opacity:1;width:100%;visibility:visible}.modal .modal-dialog-aside{width:350px;max-width:80%;height:100%;margin:0;-webkit-transform:translate(0);transform:translate(0);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.dropdown-large,.megamenu,.megasubmenu{padding:20px}.dropdown-menu{margin-left:2px;margin-right:0; margin-top: -5px !important; border:0px solid rgba(0,0,0,.15)}.dropdown-menu .dropdown-toggle:after{border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.navbar .icon-arrow:after{content:"\276F";line-height:1;display:inline-block;vertical-align:middle;margin-left:7px;margin-top:-2px;opacity:.3;font-size:80%}.dropdown.has-dimmer:after{content:'';top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .15s ease-in-out;transition:opacity .15s ease-in-out;opacity:0;visibility:hidden;background-color:rgba(0,0,0,.5);pointer-events:none}.navbar:not(.navbar-hover) .dropdown.show.has-dimmer:hover .nav-link{position:relative;z-index:12}.navbar:not(.navbar-hover) .dropdown.show.has-dimmer:after{z-index:10;opacity:1;visibility:visible;position:fixed}@media all and (min-width:992px){.navbar{padding-top:0;padding-bottom:0}.navbar .has-megamenu{position:static!important}.navbar .dropdown-menu{margin-top:0}.navbar .megamenu{left:0;right:0;width:100%;padding:20px}.navbar .megasubmenu{left:100%;top:0;min-height:100%;min-width:500px}.navbar .dropdown-large{min-width:500px}.navbar .nav-link{padding-top:0.5rem;padding-bottom:1rem}.dropdown-menu .dropdown-menu,.submenu{display:none;position:absolute;left:100%;top:-7px}.dropdown-menu .dropdown-menu.submenu-left,.submenu.submenu-left{right:100%;left:auto}.navbar-hover .dropdown.has-dimmer:hover .nav-link{position:relative;z-index:12}.navbar-hover .dropdown.has-dimmer:hover:after{z-index:10;opacity:1;visibility:visible;position:fixed}.navbar-hover.navbar-dark .nav-item:hover .nav-link{color:#fff; background:#f47c09; }.navbar-hover.navbar-light .nav-item:hover .nav-link{color:#000}.navbar-hover .dropdown-menu:not(.animate){display:none}.navbar-hover .animate{display:block;opacity:0;visibility:hidden;-webkit-transition:.1s;transition:.1s;margin-top:0}.navbar-hover .dropdown-menu .animate{-webkit-transition:.1s;transition:.1s}.navbar-hover .fade-down{top:90%;-webkit-transform:rotateX(-80deg);transform:rotateX(-80deg);-webkit-transform-origin:0 0;transform-origin:0 0}.navbar-hover .fade-up{top:100px}.navbar-hover .dropdown-menu .fade-down{top:0}.navbar-hover .dropdown:hover>.dropdown-menu,.navbar-hover .nav-item:hover>.dropdown-menu{display:block;-webkit-transition:.4s;transition:.4s;opacity:1;visibility:visible;top:100%;-webkit-transform:rotateX(0);transform:rotateX(0); background:#f47c09;}.dropdown-menu>li:hover{background-color:#f1f1f1}.dropdown-menu li{position:relative}.dropdown-menu li.has-megasubmenu{position:static}.dropdown-menu li:hover>.dropdown-menu,.dropdown-menu li:hover>.submenu{display:block;-webkit-transition:.4s;transition:.4s;opacity:1;visibility:visible;top:0;-webkit-transform:rotateX(0);transform:rotateX(0)}.dropdown-menu li:hover>.megasubmenu{display:block;-webkit-transition:.4s;transition:.4s;opacity:1;visibility:visible;top:0;-webkit-transform:rotateX(0);transform:rotateX(0)}}@media all and (max-width:991px){.offcanvas-header{display:block}.mobile-offcanvas{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%);border-radius:0;display:block;position:fixed;top:0;left:0;height:100%;z-index:1200;width:80%;overflow-y:scroll;overflow-x:hidden;-webkit-transition:visibility .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:visibility .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:visibility .2s ease-in-out,transform .2s ease-in-out;transition:visibility .2s ease-in-out,transform .2s ease-in-out,-webkit-transform .2s ease-in-out}} .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-soft .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-soft .navbar-brand{color:#111;font-weight:600;font-size:18px}.navbar-soft .navbar-nav .nav-item{margin-left:5px;margin-right:5px}.navbar-soft .navbar-nav .nav-link{padding:1.4rem .5rem;font-weight:600;text-transform:uppercase;color:#888;border:2px solid transparent}.navbar-soft .navbar-nav .nav-item.show .nav-link,.navbar-soft .navbar-nav .nav-item:hover .nav-link{border-bottom:2px solid orange;color:#111}.navbar-soft .dropdown-menu{border:0;background-clip:initial;border-radius:0;-webkit-box-shadow:0 1px 5px rgba(70,70,70,.2);box-shadow:0 1px 5px rgba(70,70,70,.2)}.navbar-soft .dropdown-menu .dropdown-item{padding:.6rem 1.5rem;border-bottom:1px solid #f1f1f1}@media all and (max-width:991px){.navbar-soft .navbar-nav{margin-bottom:10px;margin-top:10px}.navbar-soft .navbar-nav .nav-link{padding:.6rem 0}}

.list-unstyled li a{ padding:8px 20px 8px 20px; font-size:13px; color:#fff;font-family: Hero New regular; font-size:14px; padding:4px; display:block;}
.list-unstyled a:hover{ background:none; color:#f47c09; display:block;}

/*menu css*/

.d-title{background:#0e1d4e; padding:10px; font-size:18px; color:#fff; border-radius:3px;}
.date-bg{background:#0b1b2c; padding:10px; text-align:center; color:#FFF; border-radius:0px;}
.br10{ border-radius:10px;}
.area {
  padding: 1rem;
  background: none;
  height: 420px;
  overflow: auto;
}