@import"https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700|Indie+Flower";
@charset "UTF-8";

body {
    font-family: "Poppins", Arial, sans-serif;
    color:#28293a;    
    -webkit-font-smoothing:antialiased;
    -webkit-tap-highcolor-light:transparent;    
    font-size: .9rem;
    line-height: 1.6;
    font-weight: 400;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, html {
    width: 100%;
    height: 100%;
}
a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
    outline: 0;
}

:focus, :active {
    outline: 0
}

@mixin clearfix() {
  &::after {
    display: block;
    content: "";
    clear: both;
  }
}

// Usage as a mixin
.element {
  @include clearfix;
}

img {max-width: 100%}

ol, ul {list-style: none; line-height: 1.5}

.mt-100 {margin-top: 100px !important;}
.m-t-50 {margin-top: 50px !important;}
textarea {resize: none;}
optgroup {background: var(--info); color: #fff; font-size: .9rem;}
option {font-size: .8rem;}

.alert {padding: .5rem; border-radius: 0;}
.alert .close {line-height: 0.6}

.p-10 {
  padding: 6rem !important;
}

.font-weight-600 {font-weight: 600;}
.display-30 {font-size: 0.9rem;}
.d-block {display: block !important;}
.ml-3 {margin-left: 1rem !important;}
.main-wrapper {background: #fff none repeat scroll 0 0; margin: 0 auto -352px auto; z-index: 1; min-height: 100%; width: 100%}
header {transition: all 0.5s ease 0s; position: relative; z-index: 1040;}
.bg-cyan {background-color: #00bcd1 !important;}
.row:not(.gl-disable) {--bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x)/ -2); margin-left: calc(var(--bs-gutter-x)/ -2);}
#top-bar {display: block; position: relative; z-index: 999; padding: 6px 0; height: 40px; background: #edeff1; line-height: 28px; font-size: .85rem;}
.top-bar-info {display: inline-block; vertical-align: middle;}
.top-bar-info ul {margin-bottom: 0;}
.top-bar-info li {list-style-type: none; font-size: 14px; border-color: rgba(225,225,225,0.6) !important; padding: 0 5px 0 0; display: inline-block; margin-right: 5px; margin-bottom: 0; letter-spacing: 0.5px;}
.top-bar-info li i {font-size: 16px; color: #00bcd1; margin-right: 8px; margin-top: 0; display: inline-block; vertical-align: text-bottom;}
.top-social-icon, ul.logins {padding: 0; display: inline-block; margin: 0; margin-bottom: 0px;}
.top-social-icon li {font-size: 20px; list-style-type: none; float: left; text-align: center; margin: 0; padding: 0 5px;}
.top-social-icon li a {-moz-transition-duration: .3s; -ms-transition-duration: .3s; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; width: 100%; display: block; min-width: 30px;}
.top-social-icon li a:hover {color: #fff;}
.top-social-icon li a.facebook:hover {background: #4867aa}
.twitter {fill:white;}
.twitter:hover {background-color:#0f1418;}
.top-social-icon li a.instagram:hover {background-image: linear-gradient(#ed0002, #b500ab, #ebbd54);}
.top-social-icon li a.linkedin:hover {background: #0270ad}
.top-social-icon li a.youtube:hover {background: #f40000}

ul.logins {padding-right: 10px; border-right: 1px solid #ccc; line-height: 28px;}
ul.logins li {list-style: none; float: left; text-align: center;}
ul.logins li:not(:last-child)::after {content: "|"; margin-right: 5px; padding-left: 5px}

.list-unstyled {padding-left: 0; list-style: none;}

.bottomBar {padding: 10px 0}
.bottomBar .hLogo, div.footer .footer-logo img {max-width: 220px;}
.bottomBar .info-icon {float: left; width: 40px; height: 40px; line-height: 40px; text-align: center; margin: 3px 20px 0px 0px; color: #005AA9; border: 1px solid #ebebeb; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} 
.bottomBar .info-icon i {-webkit-transform: rotate(45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);}

.bottomBar .widget {padding-top: 25px;}
.bottomBar .widget .info-text {overflow: hidden;}
.bottomBar .widget .info-text h6 {font-weight: 700; font-size: 16px; color: #0655a6; margin-bottom: 0;}
.bottomBar .widget .info-text p {font-size: 14px; margin-bottom: 0; line-height: 20px;}
.bottomBar .flat-button, div.referanslar .sendeyaz .flat-button {background: #005AA9; border:#005AA9; font-weight: 600;}
.bottomBar .flat-button:hover, div.referanslar .sendeyaz .flat-button:hover {background: #004684; border:#004684;}


/*.navbar-header-custom{padding:15px 0}*/
.navbar-default{width: 100%;}
.navbar-default.navbarPage {position: relative; background: #333;}
.navbar-default.fixedNav {position: fixed; top: 0; background: rgba(0,166,184,0.85)}
.navbar-default .container,.navbar-default .container-fluid{position:relative}

.header-custom {
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    background: transparent; /* ilk hali */
}

.header-custom.scrolled {
    background: #004477; /* scroll sonrası */
}

.menu_area{position:relative;z-index:2}
.menu_area .navbar-brand{transition:all 0.5s ease 0s}
.navbar-expand-lg .navbar-nav {margin: auto; line-height: 1}
.navbar-nav li{list-style:none;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease}
.navbar-nav li.has-sub>a{position:relative}
.navbar-nav li.has-sub a:hover{color:#fff}
.navbar-nav li a{display:block;color:#9d9d9d;font-size:14px}
.navbar-nav>li:first-child{margin-left:0}
.navbar-nav .menuImg {width: 100%}

.navbar-nav h4.subtitle {background: #d60000; padding: 5px 10px; font-size: 1rem; color: #fff;}

/*.navbar-nav>li.has-sub{padding-right:13px}*/
.navbar-nav>li>a{position:relative;display:block;font-size:14px;/*font-weight:600;*/padding:15px 10px;color:#1e2022;letter-spacing:0.8px;-webkit-transition-duration:500ms;-o-transition-duration:500ms;transition-duration:500ms}
.navbar-nav li.current>a,.navbar-nav li.active>a{color:#007bff}
.navbar-nav>li.has-sub>a:hover{color:#fff}
.navbar>ul>li.has-sub>a:hover:after{border-color:transparent #fff #fff transparent}
/*.navbar>ul>li.has-sub>a:after{position:absolute;top:28px;right:-8px;content:"";border-color:transparent #1e2022 #1e2022 transparent;border-style:solid;border-width:0 1px 1px 0;display:block;height:6px;transform:rotate(45deg);transition:border 0.3s ease 0s;width:6px}*/
.navbar>ul>li.current>a:after{border-color:transparent #007bff #007bff transparent}
.navbar-nav ul{position:absolute;left:-9999px}
.navbar ul ul li{-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;margin-bottom:5px;padding:0 5px}
.navbar ul ul li:last-child{margin-bottom:0}
.navbar ul ul li.active>a{color:#fff}
/*.navbar-nav li>ul{padding:5px 0;background:#1e2022;min-width:225px;-webkit-box-shadow:0px 14px 35px 0px rgba(49,49,49,0.1);-ms-box-shadow:0px 14px 35px 0px rgba(49,49,49,0.1);-moz-box-shadow:0px 14px 35px 0px rgba(49,49,49,0.1);box-shadow:0px 14px 35px 0px rgba(49,49,49,0.1)}*/
.navbar-nav li>ul{padding:5px 0;background:#1e2022;min-width:225px;-webkit-box-shadow:0px 1px 5px 0px rgba(49,49,49,0.5);-ms-box-shadow:0px 1px 5px 0px rgba(49,49,49,0.5);-moz-box-shadow:0px 1px 5px 0px rgba(49,49,49,0.5);box-shadow:0px 1px 5px 0px rgba(49,49,49,0.5)}
.navbar-nav li:hover>ul{left:auto}
.navbar-nav>li.has-sub>ul{opacity:0;margin-top:10px;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease; line-height: 1.2}
.navbar-nav>li.has-sub:hover>ul{margin-top:0;opacity:1}
.navbar li>ul ul{margin-top:-31px;margin-left:220px;min-width:200px; width: 100%}
.navbar li>ul ul ul{margin-left:175px;min-width:130px}
.navbar ul ul li:last-child>a,.navbar ul ul li.last-item>a{border-bottom:0}
.navbar ul ul li.has-sub>a:after{position:absolute;top:15px;right:5px;width:8px;height:2px;display:block;background:#9d9d9d;content:""}
.navbar ul ul li.has-sub:hover>a:after{background:#fff}
.navbar ul ul li.has-sub>a:before{position:absolute;top:12px;right:8px;display:block;width:2px;height:8px;background:#9d9d9d;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all 0.25s ease}
.navbar ul ul>li.has-sub:hover>a:before{background: transparent;}
.navbar ul.cart-list>li img{width:50px;height:50px;border:1px solid #323232;display:inline-block}
.navbar ul.cart-list>li>h6{margin:0;font-size:12px;display:inline-block}
.navbar ul.cart-list>li>h6 a{color:#9d9d9d;padding:0}
.navbar ul.cart-list>li>h6 a:hover{color:#fff}
.navbar ul.cart-list>li>h6>a.photo{padding:0;display:block}
.navbar ul.cart-list>li>p{margin-bottom:0;font-size:12px;color:#f5f5f5}
.navbar ul.cart-list>li.total{padding:15px;border:none;display:inline-block;width:100%;vertical-align:top}
.navbar ul.cart-list>li.total>.butn{float:right;width:auto;padding:8px 14px}
.navbar ul.cart-list>li .price{font-weight:500}
.navbar ul.cart-list>li.total>span{padding-top:7px;color:#fff;padding-right:5px;font-size:14px;display:inline-block}

.rev-slider-fixed { padding: 0px; position: relative; z-index: 0; top: 16px; left: 0px; position: relative; overflow: hidden; position: relative; overflow: hidden; z-index: 1; visibility: hidden; background-color: #f9f9f9;}
.simplebullets { -moz-transition: margin 100ms ease-in-out; -o-transition: margin 100ms ease-in-out; -webkit-transition: margin 100ms ease-in-out; transition: margin 100ms ease-in-out;}
.rev-slider-fixed div.tparrows, .rev-slider-full div.tparrows { opacity: 0; filter: alpha(opacity=0);}
.rev-slider-fixed:hover .tparrows, .rev-slider-full:hover .tparrows { opacity: 1; filter: alpha(opacity=70); -moz-transition: background-color 200ms ease-in-out; -o-transition: background-color 200ms ease-in-out; -webkit-transition: background-color 200ms ease-in-out; transition: background-color 200ms ease-in-out;}
.rev-slider-fixed div.tp-leftarrow, .rev-slider-full div.tp-leftarrow { background: no-repeat 17px center url("../images/sl-items/arrow_left.png"); width: 50px; height: 50px; background-color: black; background-color: rgba(0, 0, 0, 0.5); border-radius: 2px;} 
.rev-slider-fixed div.tp-leftarrow:hover,.rev-slider-full div.tp-leftarrow:hover { background-color: rgba(0, 0, 0, 0.7);} 
.rev-slider-fixed div.tp-rightarrow, .rev-slider-full div.tp-rightarrow { background: no-repeat 20px center url("../images/sl-items/arrow_right.png"); width: 50px; height: 50px; background-color: black; background-color: rgba(0, 0, 0, 0.5); border-radius: 2px;}
.rev-slider-fixed div.tp-rightarrow:hover, .rev-slider-full div.tp-rightarrow:hover { background-color: rgba(0, 0, 0, 0.7);}
.rev-slider-fixed .tp-bullets.simplebullets.round .bullet { -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; background: no-repeat top left url("../images/sl-items/bullets3.png"); width: 12px; height: 12px;}
.rev-slider-fixed .tp-bullets.simplebullets.round .bullet:hover, .rev-slider-fixed .tp-bullets.simplebullets.round .bullet.selected, .rev-slider-fixed .tp-bullets.simplebullets.navbar .bullet:hover, .rev-slider-fixed .tp-bullets.simplebullets.navbar .bullet.selected { background-position: 0 -15px;}
.rev-slider-full { padding: 0px; position: relative; margin-left: auto; margin-right: auto; z-index: 0; width: 100%; position: relative; padding: 0; overflow: hidden; left: 0; top: 0; clear: both;}
.rev-slider-full .golge {width: 100%; height: 320px; position: absolute; left: 0; bottom: 0; background: url(../images/sh.png) repeat-x; z-index: 2;}
.rev-slider-full .button.btn-flat, .rev-slider-fixed .button.btn-flat { color: #fff; padding: 10px 15px;}
.rev-slider-full .button.btn-flat:hover, .rev-slider-fixed .button.btn-flat:hover { color: #fff; background-color: #279fbb;}
.slider-text-title {font-size: 2em; /*color: #1a242f;*/ color: #fff; font-weight: bold; line-height: 60px; left: 0; top: 500px;}
.slider-text-title h1 {/*text-align: center;*/ margin: 0; font-weight: 500; font-size: inherit;}
.revTitleBack {/*box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12); background-color: rgba(0,0,0,.6);*/ width: 100%;}
.revDescBack {width: 100%; left: 0}
.slider-text-description { font-family: "Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 20px; /*color: #626262;*/ width: 100%; left: 0; /*text-align: center;*/}
.slider-text-link {font-family: "Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 20px; /*color: #626262;*/ width: 100%; left: 0; text-align: center;}

/*.sliderZone {width: 100%; min-height: 300px; float: left; overflow: hidden; position: relative;}
.sliderZone .mainSlider {width: 100%; position: relative; overflow: hidden;}
.sliderZone .mainSlider li {width: 100%; position: absolute; left: 0; top: 0; display: none; -webkit-backface-visibility: hidden;}
.sliderZone .mainSlider li .slide {width: 100%; float: left; position: relative;}
.sliderZone .mainSlider li .slide .golge {width: 100%; height: 320px; position: absolute; left: 0; top: 0; background: url(../images/sh.png) repeat-x; z-index: 2;}
.sliderZone .mainSlider li .slide .caption {width: 100%; height: 200px; position: absolute;left: 0;top: 55%;text-align: center;color: #FFF;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;padding: 15px 10px 0;z-index: 3;animation: captionAnim 2s;-webkit-animation: captionAnim 2s;text-shadow: 0 3px 5px rgba(0, 0, 0, .3);}
.sliderZone .mainSlider li .slide .caption a {color: #fff; font-family: Exo, sans-serif; font-size: 40px; font-weight: 800; letter-spacing: 2px;}
.sliderZone .mainSlider li .slide .caption summary {width: 100%;float: left;color: #fff;line-height: 24px;margin: 15px 0 0;font-weight: 300;font-size: 15px;font-family: Ubuntu, sans-serif;letter-spacing: 1px;display: block;cursor: default;}
.sliderZone .mainSlider li .slide .image {width: 100%;height: auto;float: left;display: block;}
.sliderZone .mainSlider li .slide .image figure {width: 100%;height: auto;float: left;display: block;margin: 0}
.sliderZone .mainSlider li .slide .image figure img {height:100%;width: 100%;height: auto;float: left;}*/

.sliderZone .brkSlider_nav {position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 60%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../images/themes.gif") no-repeat left top; margin-top: -45px;}
.sliderZone .brkSlider_nav.next {left: auto; background-position: right top; right: 0;}

.btn {border-radius: 0.5rem}

.btn.btn-light.btn-raised {
 color:#fff!important
}

.btn.btn-dark.btn-raised {
 color:#fff!important
}

.btn.btn-primary.btn-raised {
 color:#fff!important
}

.btn.btn-info.btn-raised {
 color:#fff!important
}

.btn.btn-royal.btn-raised {
 color:#fff!important
}

.btn.btn-warning.btn-raised {
 color:#fff!important;
}

.btn.btn-danger.btn-raised {
 color:#fff!important
}

.btn.btn-success.btn-raised {
 color:#fff!important
}
.btn.btn-square {
 border-radius:0!important
}
.btn.btn-white.btn-raised {
 color:#000;
 background-color:#fff
}

.btn.btn-raised:hover,
.btn.btn-raised:focus,
.btn.btn-raised:active {
 box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2)
}

.input-group-addon {
    padding: 12px 14px 12px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #c1c1c1;        
    width: 1%;
    white-space: nowrap;
}

.panel {
 border:0;
 border-radius:2px;
 box-shadow:0 1px 3px 0 rgba(0,0,0,.12),0 1px 2px 0 rgba(0,0,0,.24);
 margin-bottom:20px;
 margin-bottom:1.5rem
}
.panel .panel-body {
 padding:10px;
 padding:1rem
}
.panel .panel-body>p:last-child {
 margin-bottom:0
}
.panel .panel-heading {
 padding:10px
}
.panel .panel-heading .panel-title {
 color:#fff;
 margin:0;
 font-size:16px
}
.panel .panel-heading .panel-title i {
 margin-right:2px;
 margin-right:.2rem
}
.panel .panel-footer {
 padding:10px
}
.panel.panel-flat {
 box-shadow:none;
 background-color:transparent
}
.panel.panel-black .panel-heading {
 background-color:#424242
}
.panel.panel-dark.panel-default .panel-heading,
.panel.panel-dark.panel-default .panel-footer {
 background-color:#e1e1e1;
 color:#424242
}
.panel.panel-dark.panel-default .panel-body {
 background-color:#eee;
 color:#424242
}
.panel.panel-dark.panel-black .panel-heading,
.panel.panel-dark.panel-black .panel-footer {
 background-color:#353535;
 color:#fff
}
.panel.panel-dark.panel-black .panel-body {
 background-color:#424242;
 color:#f5f5f5
}
.panel.panel-dark.panel-primary .panel-heading,
.panel.panel-dark.panel-primary .panel-footer {
 background-color:#00a5bb
}
.panel.panel-dark.panel-primary .panel-body {
 background-color:var(--info);
 color:#fff
}
.panel.panel-dark.panel-info .panel-heading,
.panel.panel-dark.panel-info .panel-footer {
 background-color:#00a5bb
}
.panel.panel-dark.panel-info .panel-body {
 background-color: var(--info);
 color:#fff
}
.panel.panel-dark.panel-success .panel-heading,
.panel.panel-dark.panel-success .panel-footer {
 background-color:#449d48;
 color:#fff
}
.panel.panel-dark.panel-success .panel-body {
 background-color:#4caf50;
 color:#fff
}
.panel.panel-dark.panel-warning .panel-heading,
.panel.panel-dark.panel-warning .panel-footer {
 background-color:#e68900
}
.panel.panel-dark.panel-warning .panel-body {
 background-color:#ff9800;
 color:#fff
}
.panel.panel-dark.panel-danger .panel-heading,
.panel.panel-dark.panel-danger .panel-footer {
 background-color:#f32c1e
}
.panel.panel-dark.panel-danger .panel-body {
 background-color:#f44336;
 color:#fff
}
.panel.panel-dark.panel-royal .panel-heading,
.panel.panel-dark.panel-royal .panel-footer {
 background-color:#89229b
}
.panel.panel-dark.panel-royal .panel-body {
 background-color:#9c27b0;
 color:#fff
}
.panel.panel-default .panel-heading .panel-title {
 color:#424242
}
.panel .panel-footer {
 border:0
}
.panel .panel-footer>p:last-child {
 margin-bottom:0
}
.panel.panel-primary .panel-footer {
 background-color:#00bcd4;
 color:#fff
}
.panel.panel-info .panel-footer {
 background-color:#00bcd4;
 color:#fff
}

.panel.panel-ktomem .panel-footer {
 background-color:#004477;
 color:#fff
}

.panel.panel-succ .panel-footer {
 background-color:#4caf50;
 color:#fff
}
.panel.panel-royal .panel-footer {
 background-color:#9c27b0;
 color:#fff
}
.panel.panel-warning .panel-footer {
 background-color:#ff9800;
 color:#fff
}
.panel.panel-danger .panel-footer {
 background-color:#f44336;
 color:#fff
}

.panel {
 border-radius:2px;
 border:0;
 box-shadow:0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12)
}
.panel>.panel-heading,
.panel.panel-default>.panel-heading {
 background-color:#eee
}
.panel.panel-inverse>.panel-heading {
 background-color:#3f51b5
}
.panel.panel-primary>.panel-heading {
 background-color:#00bcd4
}
.panel.panel-success>.panel-heading {
 background-color:#4caf50
}
.panel.panel-info>.panel-heading {
 background-color: var(--info);
}

.panel.panel-ktomem>.panel-heading {
 background-color: #004477;
}

.panel.panel-warning>.panel-heading {
 background-color:#ff9800
}
.panel.panel-danger>.panel-heading {
 background-color:#f44336
}
.panel.panel-royal>.panel-heading {
 background-color:#9c27b0
}
[class*=panel-]>.panel-heading {
 color:rgba(255,255,255,.84);
 border:0
}
.panel-default>.panel-heading,
.panel:not([class*=panel-])>.panel-heading {
 color:rgba(0,0,0,.87)
}
.panel-footer {
 background-color:#eee
}

.font-9 {font-size: .9em;}

.form-control:focus {
     color:#333;
     background-color:#fff;
     border-color: #bbb;
     outline:0;
     box-shadow: none;
     text-shadow: none;
}

.form-control {
    border-radius: 0.5rem !important;
}

.topScroll {position: fixed !important; right: -35px; bottom: 55px; width: 45px; cursor: pointer; background-color: rgba(0,0,0,0.5); height: 45px; line-height: 45px; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; transition: all 0.3s ease-in-out; opacity: 0; visibility: hidden;}
.topScroll i {color: white; font-size: 1.8rem; margin-top: 8px;}
.topScroll.show {right: 15px; z-index: 99; opacity: 1; visibility: visible;}

.form-control::-webkit-input-placeholder {color:#b4b9bd; opacity:1}
.form-control::-moz-placeholder {color:#b4b9bd; opacity:1}
.form-control:-ms-input-placeholder {color:#b4b9bd; opacity:1}
.form-control::-ms-input-placeholder {color:#b4b9bd; opacity:1}
.form-control::placeholder {color:#b4b9bd; opacity:1}

label.orange {color: var(--orange);}

div.form-buttons {margin-top: 15px; padding-top: 15px; border-top: 1px dashed #ccc; text-align: right;}

.input-group-text {font-size: .8rem; line-height: 1.3; border-radius: 0;}
.input-group-text i {width: 15px;}


h3.pageTitle {background-color: var(--info); border: 0; padding: 10px; color: #fff; margin: 0; font-size: 16px; width: 100%; margin-bottom: 30px}
h3.pageTitle i {margin-right: 2px; margin-right: .2rem;}

.staffSep {border-bottom: 1px dashed #ccc; margin-bottom: 15px;}


.table p {margin: 0}
.table thead th {
    vertical-align: middle;
    border-bottom: 2px solid #004477 !important;
}

.table td, .table th {vertical-align: middle;}

.table td, .table th,.table-search {
    padding: .7rem;
    border: 1px solid #dee2e6;
}

.table td {color: #757575}

.popover {border-radius: 0; box-shadow: 0 1px 10px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);}

.table tr.nodata td {text-align: center; color: #dc3545}
.table tr td a:hover {color: var(--info) !important;}


.table-search {border-bottom: 0; position: relative;}
.table-search a {position: absolute; color: #a0a0a0; top: 9px; right: 13px; display: none;}
.table-search a.active {display: block;}
.table-search .form-control {
   padding: .3rem 1.5rem .3rem .5rem;
}

.btn.btn-raised:not(.btn-link){
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}

.right-text {text-align: right;}

.container-shadow {box-shadow: 0px 0px 2px 0 rgba(0,0,0,.14),0 3px 1px -10px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);}

.hizmetlerimiz {border-top: 1px solid #e9e9e9; padding-top: 15px; margin-top: 15px;}
.hizmetlerimiz ul.icon-content-list-container {padding: 0; list-style-type: none;}
.hizmetlerimiz ul.icon-content-list-container li.icon-content-single {float: left; margin: 0 0 20px 0; list-style-type: none; width: 100%}
.hizmetlerimiz ul.icon-content-list-container li.icon-content-single a {display: block;}
.hizmetlerimiz ul.icon-content-list-container li.icon-content-single h4 {margin-bottom: 5px; color: #333}
.hizmetlerimiz ul.icon-content-list-container li.icon-content-single h4 strong {font-weight: 500}
.hizmetlerimiz .content-box.style5 .content-box-text {margin-left: 80px; margin-top: 5px;}
.hizmetlerimiz .right-text .content-box .content-box-text {margin-left: 0; margin-right: 80px;}
.hizmetlerimiz ul.icon-content-list-container li.icon-content-single .content-box-text {margin-top: -14px;}
.hizmetlerimiz ul.icon-content-list-container li.icon-content-single p {line-height: 20px; font-size: 14px}
.hizmetlerimiz .content-box h4 {margin: 0 0 20px 0; font-size: 16px;}
.hizmetlerimiz .content-box.style5 h4 {margin: 0; margin-bottom: 0px; line-height: 60px;}
.hizmetlerimiz ul.icon-content-list-container li.icon-content-single .content-box.style5 h4 i {margin-top: 14px;}
.hizmetlerimiz .right-text ul.icon-content-list-container li.icon-content-single h4 i {float: right; margin-left: 20px; margin-right: 0;}
.hizmetlerimiz .content-box.content-style2 h4 i, .content-box.style5 h4 i {border-color: #279FBB; color: #279FBB;}
.hizmetlerimiz .content-box.style5 h4 i { border: 1px solid; border-color: #279FBB; color: #279FBB; float: left; margin: 2px 20px 0 0; border-radius: 50%; text-align: center; display: block; font-size: 22px; width: 60px; height: 60px; line-height: 60px;}
.hizmetlerimiz .content-box.style5:hover i { background-color: #279FBB; color: #fff;}
/*.hizmetlerimiz .h2-section-title {text-align: center; font-size: 32px; line-height: 35px; margin-bottom: 10px;}*/
/*.hizmetlerimiz .i-section-title {background: transparent; height: 20px; text-align: center; margin: 0 auto 30px auto; border-bottom: 1px solid #F0F0F0; width: 50%;}*/
.hizmetlerimiz .i-section-title i {background: #fff; width: 40px; font-size: 32px; padding-top: 10px; border-radius: 50%; height: 40px; color: #D8D8D8; padding: 0 20px; line-height: 40px; display: inline;}

/*.slider-alt {background: #555; background:#279fbb; padding: 40px 0; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.slider-alt .content-box { width: -moz-calc(100% - 28px); width: -o-calc(100% - 28px); width: -webkit-calc(100% - 28px); width: calc(100% - 28px); background-color: #fff; position: relative; padding: 20px 30px 20px 20px; color: #6c6c6c; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: visible !important;}
.slider-alt .content-box .content-icon { position: absolute; right: -34px; top: 30px; background-color: #fff; width: 60px; height: 60px; font-size: 32px; text-align: center; line-height: 60px; border-radius: 50%; -moz-box-shadow: -2px 0 2px rgba(0, 0, 0, 0.28); -webkit-box-shadow: -2px 0 2px rgba(0, 0, 0, 0.28); box-shadow: -2px 0 2px rgba(0, 0, 0, 0.28); color: #279FBB; -moz-transition: background 0.8s, color 0.2s; -o-transition: background 0.8s, color 0.2s; -webkit-transition: background 0.8s, color 0.2s; transition: background 0.8s, color 0.2s; color: #279FBB;}
.slider-alt .content-box:hover .content-icon { color: #fff; background: #279FBB;}
.slider-alt .content-box .content-title {font-size: 18px; text-align: center;}
.slider-alt .content-box .content-text {text-align: center; font-size: 13px;}
.slider-alt .content-box .content-title h4 {font-size: 16px; color: #4b4b4b; font-weight: 500; margin: 0 0 20px 0;}*/


.slider-alt2 > h2 {margin-bottom: 1rem !important; font-size: 1.7rem}
.slider-alt2 > p {max-width: 800px; display: block; margin: 0 auto; margin-bottom: 1.2rem !important; font-size: 1.1rem}
.slider-alt2 .content-box {transition: all ease .5s; margin-bottom: 1.2rem; border: 0; box-shadow: 0 1px 10px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12); border-radius: 2px; background-color: #fff; position: relative; display: flex;flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box;}
.slider-alt2 .content-box .content-inner {padding: 1.2rem; flex: 1 1 auto; min-height: 1px; word-wrap: break-word;}
.slider-alt2 .content-box .content-inner .content-icon {border-radius: 50%; width: 80px; height: 80px; line-height: 80px; font-size: 36px; transition: all ease .5s; margin: 1rem 0; display: inline-block; text-align: center;}

.slider-alt2 .content-box .content-inner .content-icon.color-info {color: #fff !important; background-color: var(--info);}
.slider-alt2 .content-box .content-inner .content-icon.color-warning {color: #fff !important; background-color: #ffc107;}
.slider-alt2 .content-box .content-inner .content-icon.color-success {color: #fff !important; background-color: #4caf50;}
.slider-alt2 .content-box .content-inner .content-icon.color-danger {color: #fff !important; background-color: #dc3545;}

.slider-alt2 .content-box .content-inner p {font-size: 0.9rem}
.slider-alt2 .content-box .content-inner a.btn {margin: 10px 1px}
.slider-alt2 .content-box .content-inner h4 {font-size: 1.2rem; margin: 1.2rem 0 0.8rem;}
.slider-alt2 .content-box .content-inner h4.color-info {color: var(--info) !important;}
.slider-alt2 .content-box .content-inner h4.color-warning {color: #ffc107 !important;}
.slider-alt2 .content-box .content-inner h4.color-success {color: #4caf50 !important;}
.slider-alt2 .content-box .content-inner h4.color-danger {color: #f44336 !important;}

.slider-alt2 .content-box:hover, .slider-alt2 .content-box:focus {box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12); background-color:#fafafa}
.slider-alt2 .content-box:hover .content-icon, .slider-alt2 .content-box:focus .content-icon { transform:rotate(360deg); box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2)}

h2.section-title {margin-bottom: 0.5rem !important; font-size: 1.7rem; color: #333; margin-top: 2rem !important;}
div.section-separator {background: transparent; height: 20px; text-align: center; margin: 0 auto 30px auto; border-bottom: 1px solid #F0F0F0; width: 50%;}
div.section-separator span {line-height: 40px; background: #fff; padding: 0 10px;}
div.section-separator i {background: #fff; width: 40px; font-size: 32px; padding-top: 10px; border-radius: 50%; height: 40px; color: #D8D8D8; padding: 0 20px; line-height: 40px; display: inline;}

.page-left-menu ul {background-color: #f9f9f9; border: solid 1px #eee; margin: 0; padding: 0; font-size: .9em; border-top: 0; border-left: 0}
.page-left-menu ul li {padding: 0; list-style: none;}
.page-left-menu ul li a > i {margin: 2px 5px 0 0; font-size: 1.1em; color: #555;}
.page-left-menu ul li a {display: block; padding: 10px 15px; color: #555; text-decoration: none; border-left: solid 3px #333; background-color: #f3f3f3;}
.page-left-menu ul > li:not(.no-submenu) > a:after {font-family: "Font Awesome 5 Free"; content: "\f078"; font-weight: 600; font-size: 11px; float: right; margin-top: 2px;}
.page-left-menu ul > li:not(.no-submenu) > a.collapsed:after {content: "\f054";}
.page-left-menu > ul > li > a {background-color: transparent; border-left: solid 3px #ccc;}
.page-left-menu ul li a:hover, .sidebar-nav li a:focus, .sidebar-nav li a:active {border-color: #005AA9;}
.page-left-menu .menu-submenu {margin: 0; border: none; background: #f0f0f0;}
.page-left-menu .menu-submenu li a {border-color: #ddd; padding-left: 30px; background-color: transparent;}
.page-left-menu .menu-submenu li:first-child a {border-top: 1px dashed #ccc}
.page-left-menu .menu-submenu li a:before {font-family: "Font Awesome 5 Free"; content: "\f7a4"; font-weight: 600; left: -6px; position: relative; font-size: 11px;} 
.page-left-menu .menu-submenu li.active a {/*background-color: #f3f3f3;*/ color: var(--info); /*border-bottom: 1px dashed var(--info)*/}
.page-left-menu .menu-submenu li:last-child a {border-bottom: dashed 1px #ccc;}
.page-left-menu .menu-submenu li a:after {}
.page-left-menu  ul > li.active > a {border-left-color: #005AA9; color: #005AA9;}
.page-left-menu  ul > li.active > a i {color: var(--info)}

.lastArticles ul {font-size: .9rem; margin: 0}
.lastArticles ul li {padding: 5px 0; border-bottom: 1px dashed #ccc}
.lastArticles ul li:first-child {padding-top: 0}
.lastArticles ul li:last-child {padding-bottom: 0; border-bottom: 0}
.lastArticles ul li a {color: #777; display: block;}
.lastArticles ul li a:hover {color: #004477}

div.breadcrumb {padding: .40rem 0.5rem; margin-bottom: 0; font-size: 15px;}
div.breadcrumb ol {list-style-type: none; margin: 0; padding: 5px 0}
div.breadcrumb ol li {display: inline-block;}
div.breadcrumb ol li:after {content: ">"; display: inline-block; width: 20px; text-align: center; color: #DADADA;}
div.breadcrumb ol li:last-child:after {display: none;}
div.breadcrumb ol li a {color: #aaa}
div.breadcrumb ol li.active a {color: #555}

div.faq-header {border-bottom: 1px dashed #ccc;}
div.faq-header h1 {color: var(--gray-dark); font-weight: 500; font-size: 1.3rem;}
div.faq-header ul {list-style-type: none;}
div.faq-header ul li {display: inline-block; margin-right: 10px}
div.faq-header ul li i {color: var(--info)}
div.faq-header ul li span {font-size: .9rem}

div.faq-content {text-align: justify;}
div.faq-content img {max-width: 300px; float: left; margin: 0 15px 15px 0;}
div.faq-content .aciklama {color: var(--info); font-weight: 500; padding-bottom: 15px}
div.faq-content a {color: var(--info);}
div.faq-content h1, div.faq-content h2, div.faq-content h3, div.faq-content h4, div.faq-content h5, div.faq-content h6 {color: var(--info)}
div.faq-content h1 strong, div.faq-content h2 strong, div.faq-content h3 strong, div.faq-content h4 strong, div.faq-content h5 strong, div.faq-content h6 strong {font-weight: 500}
div.faq-content ul, div.faq-content ol {margin: .5rem 0; padding-left: 25px;}
div.faq-content ul li, div.faq-content > ol > li {list-style: none; margin-bottom: 5px;}
div.faq-content ul li::before {padding-right: 5px; font-family: 'Font Awesome 5 Free'; content: "\f00c"; font-weight: 900; color: var(--info)}
div.faq-content ol li::before {padding-right: 5px; font-family: 'Font Awesome 5 Free'; content: "\f0da"; font-weight: 900; color: var(--info)}
div.faq-content ul ul li::before, div.faq-content ul ol li::before, div.faq-content ol ul li::before, div.faq-content ol ol li::before {padding-right: 5px; font-family: 'Font Awesome 5 Free'; content: "\f054"; font-weight: 900; color: var(--info)}
div.faq-content video {width: 100%}

div.faq-photos {margin-top: 15px;}
div.faq-photos .photoBox {box-shadow: 0 1px 10px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12); position: relative; padding: 10px; margin-bottom: 15px;}
div.faq-photos .photoBox .image img {height: 200px; width: 100%}
/*div.faq-photos .imageHeader {color: var(--info); font-size: .9rem; padding-top: 10px;}*/

div.talepler ul {list-style: none; padding: 0; margin: 0}
div.talepler ul li {position: relative; text-align: center; margin-bottom: 10px; float: left;}

div.talepler ul li a {display: block; padding: 15px; border: 2px solid; border-image:linear-gradient(to right, var(--info), #343a40) 30; transition: none;}
div.talepler ul li a:hover {background-image: linear-gradient(var(--info), #343a40); border: none; padding: 17px;}

div.talepler ul li.success a i, div.talepler ul li.success a h2 {color: var(--success);}
div.talepler ul li.success a {border-image:linear-gradient(to right, var(--success), #343a40) 30;}
div.talepler ul li.success a:hover {background-image: linear-gradient(var(--success), #343a40);}

div.talepler ul li.danger a i, div.talepler ul li.danger a h2 {color: var(--danger);}
div.talepler ul li.danger a {border-image:linear-gradient(to right, var(--danger), #343a40) 30;}
div.talepler ul li.danger a:hover {background-image: linear-gradient(var(--danger), #343a40);}

div.talepler ul li.warning a i, div.talepler ul li.warning a h2 {color: var(--warning);}
div.talepler ul li.warning a {border-image:linear-gradient(to right, var(--warning), #343a40) 30;}
div.talepler ul li.warning a:hover {background-image: linear-gradient(var(--warning), #343a40);}

div.talepler ul li.gray-dark a i, div.talepler ul li.gray-dark a h2 {color: var(--gray-dark);}
div.talepler ul li.gray-dark a {border-image:linear-gradient(to right, var(--gray-dark), #343a40) 30;}
div.talepler ul li.gray-dark a:hover {background-image: linear-gradient(var(--gray-dark), #343a40);}

div.talepler ul li.primary a i, div.talepler ul li.gray-dark a h2 {color: var(--primary);}
div.talepler ul li.primary a {border-image:linear-gradient(to right, var(--primary), #343a40) 30;}
div.talepler ul li.primary a:hover {background-image: linear-gradient(var(--primary), #343a40);}

div.talepler ul li a i {font-size: 25px; margin-bottom: .8rem;}
div.talepler ul li a:hover i {background: -webkit-linear-gradient(#eee, #aaa); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
div.talepler ul li a h2 {font-weight: 600;}
div.talepler ul li a:hover h2 { background: -webkit-linear-gradient(#aaa, #eee); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

div.footer {padding-top: 25px; background: #252525; color: #FFF; min-height: 285px; font-size: 14px; margin-top: 15px;}
div.footer .footer-logo {margin-bottom: 15px}
div.footer .footer-baslik {font-size: 16px; font-weight: 700; color: #FFF;}
div.footer .list-links {color: #FFF; /*line-height: 1.8;*/ list-style-image: url(../images/listimg.png); margin-left: 20px;}
div.footer .list-links a {line-height: 1.8;}
div.footer ul.list-links li.listyok {list-style: none; line-height: 1.5}
div.footer ul.list-links li.listyok span {float: left; margin-left: -20px;}
div.footer ul.footersocial {float: left; margin-top: 5px; display: block;}
div.footer .footersocial li {width: 34px; height: 34px; float: left; margin-right: 5px; list-style: none;}
div.footer .footersocial li a {width: 30px; height: 30px; float: left; margin: 1px 0 0 1px; font-size: 25px}
div.footer .bottom-footer {background:#252525; display: block; font-size: .85rem; margin-top: 15px;}
div.footer .bottom-footer ul {margin: 0; list-style: none;}
div.footer .bottom-footer ul li {display: inline-block; padding: 0 6px 0 2px; border-right: 1px solid #ccc;}
div.footer .bottom-footer ul li:first-child {padding-left: 0}
div.footer .bottom-footer ul li:last-child {padding-right: 0; border-right: 0;}
div.footer .bottom-footer ul a {line-height: 1.5;}
div.footer .bottom-footer p.small-text {width: 100%; margin: 0; line-height: 1.5;}

div.footer .ebulten span {display: block; padding-bottom: 15px;}
div.footer .ebulten .form-check-label {line-height: 1.4}



div.footer-ghost {height: 352px;}

.flat-quote {padding: 25px 0px; background: #0F3661; color: #fff;}
.flat-quote .quote-text h3 {margin-bottom: 2px; line-height: 1.3; font-size: 1.4rem; font-weight: 600}
.flat-quote .quote-text p {line-height: 1.3;  font-size: 1.1rem; margin-bottom: 0}
.flat-quote .quote-link {margin-top: 8px;}
.flat-quote .quote-link a {background: #005AA9 !important; color: #fff; border-radius: 0px !important;}
.flat-quote .quote-link a:hover {background: white !important; color: #0F3661}

section.egitim {background-color: #edeff1; padding: 45px 0; position: relative;}
section.egitim .title-section {margin-bottom: 15px;}
section.egitim .title-section .title {font-size: 2rem; font-weight: 700; color: #0F3661;}
section.egitim .title-section .sub-title {line-height: 23px; font-size: 1rem}
section.egitim a.flat-button {margin-top: 10px; padding: 10px 30px 12px 32px; background: #005AA9; color: #fff; font-size: 1rem}
section.egitim a.flat-button:hover {background: #004477}
section.egitim div#yEgitim {padding: 10px; border-top: 1px dashed #ccc;}
section.egitim div#yEgitim .imagebox {overflow: hidden;}
section.egitim div#yEgitim .imagebox:hover .imagebox-image img {-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1)}
section.egitim div#yEgitim .imagebox .imagebox-image a {display: block;}
section.egitim div#yEgitim .imagebox .imagebox-image img {-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
section.egitim div#yEgitim .imagebox .imagebox-content {position: absolute; left: 0; bottom: 0; width: 100%; padding: 19px 30px 14px; background-color: rgba( 242,194,26,0.8); opacity: 0; visibility: hidden; transition: all .3s ease-in-out;}
section.egitim div#yEgitim .imagebox .imagebox-content::after {right: 16px; top: 28px; font-family: "Font Awesome 5 Free"; font-weight: 600; content: "\f105"; font-size: 24px; color: #28293a; position: absolute;}
section.egitim div#yEgitim .imagebox:hover .imagebox-content {opacity: 1; visibility: visible;}
section.egitim div#yEgitim .imagebox .imagebox-content h5.imagebox-title {margin-bottom: 5px; font-weight: 600}
section.egitim div#yEgitim .imagebox .imagebox-content p {color: #333; margin: 0; line-height: 20px;}
section.egitim div#yEgitim .imagebox .imagebox-content p.imagebox-category {font-size: .8rem; color: #28293a; font-weight: 500}

section.kisacaktomem {padding: 100px 0px 31px;}
section.kisacaktomem .title-section {margin-bottom: 50px;}
section.kisacaktomem .title-section .title .title-section .title {padding-bottom: 10px; margin-bottom: 41px; font-size: 2rem; line-height: 2; font-weight: 700; color: #0F3661;position: relative;}
section.kisacaktomem .title-section .title:before {content:""; left: 0; margin-left: 0; bottom: 0px; width: 80px; height: 5px; position: absolute; background: #0F3661;}
section.kisacaktomem .metin {color: #42435d}
section.kisacaktomem .metin p {line-height: 1.7; margin-bottom: 11px;}
section.kisacaktomem .metin a {padding: 7px 30px; background: #005AA9; color: #fff; font-size: 1rem}


div.projeler .iconbox, div.haberler .iconbox {transition: all ease .5s; margin-bottom: 1.2rem; border: 0; border: 1px solid #ebebeb; background-color: #fff; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; padding: 20px; box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);height: -webkit-fill-available;}
div.projeler .iconbox .box-content .box-title, div.haberler .iconbox .box-content .box-title {margin-bottom: 9px; font-size: 20px; font-weight: 600; line-height: 20px; transition: all 0.3s ease-in-out; color: #0F3661; line-height: 1.2}
div.haberler .iconbox .box-content p {line-height: 1.5; margin-bottom: 0}

div.projeler .iconbox {padding: 10px; border-radius: 25px;}
div.projeler .iconbox > a.photo {height: 100%}
div.projeler .iconbox .box-content {margin-bottom: 10px;}
div.projeler .iconbox .box-content .box-title {text-align: center; font-size: 1rem}
div.projeler .iconbox .box-content p {margin-bottom: 0; line-height: 20px; font-size: .85rem; text-align: center;}
div.projeler.gDetay .iconbox .box-image {padding: 0; border:0; margin: 0}
div.projeler .iconbox .box-image {padding-bottom: 10px; border-bottom: 1px dashed #ccc; margin-bottom: 10px; text-align: center; border-radius: 25px;}
div.projeler .iconbox .box-image img {max-width: 100%; border-radius: 25px;}

div.haberler .iconbox .box-content p {font-size: 16px; margin-bottom: 5px; color:#333333; text-align: justify;line-height: 1.6;}
div.haberler .iconbox .box-content span {font-size: 16px; border-bottom: 1px dashed #ccc; padding: 7px 0; color: #777;}

section.comments {padding: 40px 0px; background: #004F9E;}
section.comments .title-section .title {margin-bottom: 15px;font-size: 1.7rem; line-height: 2; font-weight: 700}
section.comments .cr-inner h4 {font-size: 20px; line-height: 25px; font-weight: 600}
section.comments .cr-inner .message {padding: 18px; background-color: #fff; margin-bottom: 15px;}
section.comments .cr-inner .message::before {position: absolute; content: ""; left: 44px; bottom: 35px; border-left: 8px solid white; border-right: 8px solid white; border-top: 8px solid #fff; transform: translateX(50%); border-left-color: transparent; border-right-color: transparent;}
section.comments .owl-theme .owl-dots {text-align: center; padding-bottom: 15px; padding-left: 0; user-select: none;}
section.comments .owl-theme .owl-dots .owl-dot span {border: 2px solid #0f3661; margin: 4px 5px 4px 6px; width: 10px; height: 10px; border-radius: 50%; display: block; outline: 0;}
section.comments .owl-theme .owl-dots .owl-dot:active, section.comments .owl-theme .owl-dots .owl-dot:focus {outline: 0}
section.comments .owl-theme .owl-dots .owl-dot.active span, section.comments .owl-theme .owl-dots .owl-dot:hover span {background-color: #0f3661;}
section.comments .cr-inner .message blockquote {line-height: 22px; margin-bottom: 0; font-size: 15px; font-weight: 400;}
section.comments .cr-inner .avatar .name {font-size: 18px; color: #fff; font-weight: 700; display: inline-block; margin: 10px 0px 0px 0px;}

/*section.counter {padding: 50px 0px;}*/
section.counter .content-counter span {line-height: 24px; color: #737373;}
section.counter .icon-count {font-size: 36px; margin-bottom: 19px;}
section.counter .icon-count img {max-height: 100px;}
section.counter .sayac {font-size: 54px; line-height: 55px; font-weight: 700; margin-bottom: 16px;}
section.counter .name-count {font-size: 16px; font-weight: 500; line-height: 24px;}

section.clients {padding: 50px 0;}

@media screen and (min-width: 992px){    

    .navbar-nav .menuContents {font-size: .9rem}    
    .navbar-default.nav-fixed, .navbarPage.nav-fixed {position: fixed; top:0; /*background: rgba(0,0,0,.8) none repeat scroll 0% 0%;*/ background: rgba(51, 51, 51, .9) none repeat scroll 0% 0%; box-shadow: 0 0 13px rgba(0,0,0,0.5);}
    .nav-fixed .navbar-header-custom {padding: 0}
    .nav-fixed .navbar-expand-lg .navbar-nav {margin-top: 1px;}

    div.projeler .iconbox {max-width: 30%; margin: 1%;}

	header.scrollHeader .navbar-default{position:fixed;top:0;z-index:99;width:100%;background:#fff;left:0;transition:all 0.2s ease 0s;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.2);-ms-box-shadow:0 0 3px rgba(0,0,0,0.2);box-shadow:0 0 3px rgba(0,0,0,0.2)}
	.wrapper-boxed .scrollHeader .navbar-default{left:0;margin:0 auto;max-width:1200px;right:0}
	.scrollHeader .navbar-brand img{max-height:35px;transition-duration:0.5s}
	.scrollHeader .navbar-header-custom{padding:10px 0;transition-duration:0.5s}
	.navbar-nav .megamenu{margin:0;padding:20px 15px;right:0;width:100%}
	.navbar .megamenu>li{margin:0;float:left}
	.navbar .sub-title{color:#fff}
	.megamenu>li>ul{left:0;margin:0;min-width:auto;position:static;width:100%}
	.navbar .megamenu li>ul{margin:0;min-width:auto;padding:0;-webkit-box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
	.navbar .megamenu ul li{padding:0}
	.navbar .megamenu li.has-sub>a:after,.navbar .megamenu li.has-sub>a:before{background:none}
	.top-position{margin-top:-95px}
	.top-position1{margin-top:-96px}
	.navbar-default{box-shadow:none;}
	.navbar-nav li a{color:#575a7b}
	.navbar-nav>li>a{color:#1e2022}
	.navbar-nav li>ul{background:#fff}
	.navbar ul ul li.active>a{color:#00bcd1;}
	.navbar-nav li.has-sub a:hover{color:#1e2022}
	.navbar-nav li.current>a{color:#fff; background: #005aa9;}
	.navbar .sub-title{background: var(--info); color: #fff;}

	/*.navbar-nav>li>a:hover,.navbar-nav li.has-sub > a:hover{background:#fff; color:#00a6b8;}*/
    .navbar-nav>li>a:hover,.navbar-nav li.has-sub > a:hover{font-weight: bolder; color: #fff;}
	.navbar-nav>li.has-sub>ul>li>a{color:#004477; padding: 5px 10px;}
    .navbar-nav>li.has-sub>ul>li>a>i{width: 20px; text-align: center;}
	.navbar-nav>li.has-sub>ul>li>a:hover{color:#004477;font-weight: bolder;}
	.navbar>ul>li.has-sub>a:hover:after{border-color:transparent #fff #fff transparent}
	.navbar>ul>li.has-sub>a:after{border-color:transparent #fff #fff transparent}
	.navbar>ul>li.current>a:after{border-color:transparent #007bff #007bff transparent}
	.scrollHeader .navbar-nav>li>a{color:#1e2022}
	.scrollHeader .navbar-nav>li.has-sub>a:hover{color:#fff}
	.scrollHeader .navbar>ul>li.has-sub>a:after{border-color:transparent #1e2022 #1e2022 transparent}
	.scrollHeader .navbar-nav li.current>a{color:#007bff}
	.scrollHeader .navbar-nav li.current>a:hover{color:#007bff}
	.scrollHeader .navbar>ul>li.current>a:after{border-color:transparent #007bff #007bff transparent}
	.menu_area-light .navbar-nav li a{color:#575a7b}
	.menu_area-light .navbar-nav>li>a{color:#fff}
	.menu_area-light .navbar-nav li>ul{background:#fff}
	.menu_area-light .navbar ul ul li.active>a{color:#1e2022}
	.menu_area-light .navbar-nav li.has-sub a:hover{color:#1e2022}
	.menu_area-light .navbar-nav li.current>a{color:#007bff}
	.menu_area-light .navbar .sub-title{color:#1e2022}
	.menu_area-light .navbar-nav>li.has-sub>a:hover{color:#fff}
	.menu_area-light .navbar>ul>li.has-sub>a:hover:after{border-color:transparent #fff #fff transparent}
	.menu_area-light .navbar>ul>li.has-sub>a:after{border-color:transparent #fff #fff transparent}
	.menu_area-light .navbar>ul>li.current>a:after{border-color:transparent #007bff #007bff transparent}
	.menu_area-light.scrollHeader .navbar-nav>li>a{color:#1e2022}
	.menu_area-light.scrollHeader .navbar-nav>li.has-sub>a:hover{color:#fff}
	.menu_area-light.scrollHeader .navbar>ul>li.has-sub>a:after{border-color:transparent #1e2022 #1e2022 transparent}
	.menu_area-light.scrollHeader .navbar-nav li.current>a{color:#007bff}
	.menu_area-light.scrollHeader .navbar-nav li.current>a:hover{color:#007bff}
	.menu_area-light.scrollHeader .navbar>ul>li.current>a:after{border-color:transparent #007bff #007bff transparent}

	.navbar-nav ul.sub-menu>li>a {padding: 5px 10px;}


    div.footer .bottom-footer .fRight {text-align: right;}

}@media screen and (max-width: 1199px){
	.header-custom .navbar-brand img {max-height: 36px;}
	.navbar-nav>li{margin-left:5px}
	.navbar-nav>li>a{padding:21px 0.3rem}
}

@media screen and (max-width: 991px){
	#nav {top: 39px;}
	.navbar-header-custom{padding:12px 0}
	.header-custom .navbar-toggler {top: 5px;}
	.navbar-nav li>ul{-webkit-box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
	.navbar-nav>li.has-sub>ul{opacity:1;margin:0;-webkit-box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transition:all 0s ease;-ms-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease}
	.navbar li>ul ul{margin:0;min-width:auto}
	.navbar-nav>li.has-sub{padding-right:0}
	.navbar-nav>li>a{padding:14px 20px;color:#1e2022;font-size:14px;font-weight:500}
	.navbar-nav>li>a:hover{opacity:1}
	.navbar-nav li.has-sub a:hover{color:#1e2022}
	


	.navbar ul ul li.active>a{color:#000}
	.navbar .sub-title{color:#1e2022}
	.navbar-nav{background:#fff;-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.2);-ms-box-shadow:0 2px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 3px rgba(0,0,0,0.2);box-shadow:0 2px 3px rgba(0,0,0,0.2);position:absolute;top:0;left:0;width:100%;transition-duration:0;-ms-transition-duration:0;-moz-transition-duration:0;-webkit-transition-duration:0;-o-transition-duration:0;width:100%;display:none;transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}
	.navbar-nav li.active>a{opacity:1}
	.navbar-nav ul{width:100%;display:none;transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}
	.navbar-nav li{width:100%;border-top:1px solid #e6e6e6;position:relative;padding:0;margin:0}
	.navbar-nav ul li:hover{background:#f5f5f5}
	.navbar-nav ul ul li{height:auto}
	.navbar-nav li:hover>ul>li{height:auto}
	.navbar ul li a{width:100%;border-bottom:0}
	.navbar ul ul{position:relative;left:0;width:100%;margin:0;text-align:left;background:#f5f5f5;padding:0}
	.navbar ul ul li{margin-bottom:0;padding:0;border-color:#e6e6e6}
	.navbar ul ul li a{width:100%;border-bottom:0;color:#575a7b;background:none;padding:10px 30px}
    .navbar ul ul li a i{width: 20px; text-align: center;}
	.navbar ul ul ul li a{padding-left:45px}
	.navbar>ul>li{float:none}
	.navbar-nav ul ul{position:relative;left:0;width:100%;margin:0;text-align:left;background:#f5f5f5;padding:0}
	.navbar>ul>li.has-sub>a:after,.navbar>ul>li.has-sub>a:before{display:none}
	.navbar ul ul>li.has-sub>a:after,.navbar ul ul>li.has-sub>a:before{display:none}
	.navbar-nav ul ul ul li.active a{border-left:none}
	.navbar-nav>ul>li.has-sub>ul>li.active>a,.navbar-nav>ul ul>li.has-sub>ul>li.active>a{border-top:none}
	.navbar li>ul ul ul{margin-left:0;background:#fff}
	.navbar ul ul ul ul li a{padding-left:55px}
	.navbar-nav .has-sub .has-sub .submenu-button{height:43px}
	.navbar-nav .has-sub .has-sub .submenu-button:after{top:19px}
	.navbar-nav .has-sub .has-sub .submenu-button:before{top:15px}
	.navbar-toggler{background:#1e2022;width:40px;height:30px;padding:0;border-radius:0;position:absolute;right:0;top:-59px;cursor:pointer;z-index:12399994;border:none;box-shadow:none !important}
	.navbar-toggler:after{position:absolute;top:14px;right:10px;display:block;height:8px;width:20px;border-top:2px solid #fff;border-bottom:2px solid #fff;content:""}
	.navbar-toggler:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:8px;right:10px;display:block;height:2px;width:20px;background:#fff;content:""}
	.navbar-toggler.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:14px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
	.navbar-toggler.menu-opened:before{top:14px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
	.navbar-nav .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;height:51px;width:100%;cursor:pointer}
	.navbar-nav .submenu-button:after{position:absolute;top:24px;right:16px;width:10px;height:2px;display:block;background:#1e2022;content:""}
	.navbar-nav .submenu-button:before{position:absolute;top:20px;right:20px;display:block;width:2px;height:10px;background:#1e2022;content:""}
	.navbar-nav .has-sub.active>.submenu-button:before{display:none}

	.navbar-nav .menuContents {font-size: 12px; padding: 10px; color: red;}	

    .flat-quote {text-align: center;}
    .flat-quote .quote-text, .flat-quote .quote-link {float: none;}
    div.footer .fColumns:first-child {padding-top: 0}
    div.footer .fColumns:last-child {border-bottom: 0}
    div.footer .bottom-footer .fLeft, div.footer .bottom-footer .fRight {text-align: center;}
    div.footer .bottom-footer .fLeft {border-bottom: 1px dashed #fff}
}

div.page-header {position: relative;background-position: 50% -225px; background-size: cover; background-color: rgba(0,0,0,.7); background-attachment: fixed; background-repeat: no-repeat; border: none; padding: 40px 0; color: #fff;}
div.page-header .page-header-shadow {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 50%) !important;}
div.page-header .container {position: relative;}
div.page-header .page-title-heading h1 {font-size: 1.7rem; font-weight: 500}
div.page-header .breadcrumbs ul {list-style: none; padding: 0}
div.page-header .breadcrumbs ul li {display: inline-block; position: relative; padding-right: 21px; font-size: 16px; margin-right: 7px;}
div.page-header .breadcrumbs ul li::before {position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 600; right: 0; top: 0; content: "\f105";}
div.page-header .breadcrumbs ul li i {margin-right: 12px;}
div.page-header .breadcrumbs ul li:last-child::before {content:none}
div.page-header .breadcrumbs ul li.home {padding-right: 27px;}

div.page-content {font-size: 1rem; color: #646a7c; text-align: justify; line-height: 1.5}
div.page-content strong, div.page-content b {font-weight: 600}
div.page-content ul, div.kurumsal ul:not(#logomuz) {margin: .5rem 0; padding-left: 25px;}
div.page-content ul li, div.kurumsal ul:not(#logomuz) li {list-style: none; margin-bottom: 5px;}
div.page-content ul li::before, div.kurumsal ul:not(#logomuz) li::before {padding-right: 5px; font-family: 'Font Awesome 5 Free'; content: "\f00c"; font-weight: 900; color: #005AA9}

div.pageInner {font-size: 1rem}
div.pageInner .title-section {margin-bottom: 15px;}
div.pageInner .title-section h2.title {color: #0f3661; font-weight: 600; font-size: 1.5rem;}


div.kurslistesi article {padding-bottom: 15px;}
div.kurslistesi article .entry-border {border: 1px solid #ebebeb; transition: all .3s ease-in-out;}
div.kurslistesi article .entry-border:hover {box-shadow:0 10px 45px 0 rgba(0,0,0,.15)}
div.kurslistesi article .entry-border .content-post {overflow: hidden; padding: 10px;}
div.kurslistesi article .entry-border .content-post span {margin-bottom: 13px; display: block; font-size: 14px; color: #42435d;}
div.kurslistesi article .entry-border .content-post h5 {margin: 0; font-weight: 600; color: #0f3661}
div.kurslistesi article .entry-border .content-post h5:hover a {color: #28293a;}

div.courseDetail {color: #757575;}
div.courseDetail .courseImage, div.courseDetail .courseImage img {width: 100%}
div.courseDetail .courseImage {margin-bottom: 15px;}
div.courseDetail .courseData, div.courseApp, div.kurumsal p, div.projectDetail, div.referanslar p, div.haberDetay p {line-height: 1.5}

div.projectDetail .image {border-bottom: 1px solid #ccc; margin-bottom: 15px; text-align: center; padding-bottom: 15px;}
div.haberDetay .tarih {padding: .5rem;font-size: .9rem;}


div.kurumsal em{float: left; width: 62%; text-align: justify; font-style: normal;}


div.kurumsal h1 {color: #0f3661; font-weight: 600; font-size: 1.5rem;} 


div.kurumsal img {margin-bottom: 15px;}
@media (min-width: 768px){    
    div.kurumsal img[style="float:left"] {margin-right: 15px; width: 36%;}
    div.kurumsal img[style="float:right"] {margin-left: 15px;  width: 36%;}
}

div.kurumsal .staff-img img {width: 100%}
div.kurumsal .single ul span {font-weight: 600}
div.kurumsal .single ul.social-links li {display: inline-block; padding: 0 6px; color: #b3b7c8}
div.kurumsal .single ul.social-links li:first-child {padding: 0; color: unset;}
div.kurumsal .single ul.social-links li a:hover {color: #004477}

div.kurumsal ul#logomuz li {display: block; border: 1px solid #ddd; margin-bottom: 10px;}
div.kurumsal ul#logomuz li a {display: block; background: #0d2034; padding: 5px; color: #fff;}
div.kurumsal ul#logomuz li a:hover {background: #f2c21a; color: #0d2034}

div.referanslar h5 {font-weight: 600; color: #047; border-bottom: 1px dashed #ccc; padding-bottom: .5rem;}
div.referanslar p {font-size: .9rem}
div.referanslar .sendeyaz {border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 10px }
div.referanslar .sendeyaz h3 {color: #0f3661; font-weight: 600; font-size: 1.2rem; margin: 0; line-height: 36px;}

.imagebox .imagebox-content,
.social-links.style3.team {
 -webkit-transform:translateX(-100%);
 /*! -moz-transform:translateX(-100%); */-ms-transform:translateX(-100%);
 -o-transform:translateX(-100%);
 /*! transform:translateX(-100%) */
}
.imagebox:hover .imagebox-content,
.flat-team.style2:hover .social-links.style3.team {
 -webkit-transform:translateX(0);
 -moz-transform:translateX(0);
 -ms-transform:translateX(0);
 -o-transform:translateX(0);
 transform:translateX(0)
}
.flat-team.style2:hover .info-team {
 -webkit-transform:translateY(100%);
 -moz-transform:translateY(100%);
 -ms-transform:translateY(100%);
 -o-transform:translateY(100%);
 transform:translateY(100%)
}

.social-links.style3.team,
.flat-client .client,
.flat-team.style2 .info-team {
 -webkit-transition:all .2s ease-in-out;
 -moz-transition:all .2s ease-in-out;
 -ms-transition:all .2s ease-in-out;
 -o-transition:all .2s ease-in-out;
 transition:all .2s ease-in-out
}

.flat-team {
 margin-bottom:30px;
 overflow:hidden
}
.flat-team .avatar {
 overflow:hidden
}

.flat-team .avatar img {
    max-height: 290px;
    width: 100%
}
.flat-team:hover .avatar img {
 -webkit-transform:scale(1.1) rotate(2deg);
 -moz-transform:scale(1.1) rotate(2deg);
 -ms-transform:scale(1.1) rotate(2deg);
 -o-transform:scale(1.1) rotate(2deg);
 transform:scale(1.1) rotate(2deg)
}
.flat-team .content {
 border:1px solid #ebebeb;
 border-top:none;
 padding-top:27px
}
.flat-team .content .name {
 margin-bottom:3px;
 color: #fff;
 font-size: 1rem;
 font-weight: 600;
}
.flat-team .content .position {
 color:#b5b7d2;
 margin-bottom:23px;
 font-size: .8rem;
}
.social-links.style2.team {
 padding-right:0;
 margin-right:-4px
}
.social-links.style2.team li a {
 background-color:#f4f5f8;
 color:#aeb0ca;
 line-height:52.5px;
 width:52.5px;
 height:52.5px
}
.social-links.style2.team li a:hover {
 color:#0d2034
}
.flat-team.style2:hover .avatar img {
 -webkit-transform:scale(1) rotate(0deg);
 -moz-transform:scale(1) rotate(0deg);
 -ms-transform:scale(1) rotate(0deg);
 -o-transform:scale(1) rotate(0deg);
 transform:scale(1) rotate(0deg)
}
.flat-team.style2 .content {
 border:none;
 padding:0;
 position: relative;
}
.flat-team.style2 .info-team {
 padding:18px 0 15px;
 background-color: #005aa9;
}
.flat-team.style2 .info-team .position {
 margin-bottom:0
}
.social-links.style3.team {
 position:absolute;
 width:100%; 
 left:0;
 top:0;
 background-color:#f2c21a;
 padding:25px 0
}
.social-links.style3.team li {
 padding:0 8px;
 display: inline-block;
}
.social-links.style3.team a {
 font-size:14px
}
.page-teammember2 .title-section {
 margin-bottom:39px
}
.page-teammember2 .title-section .title {
 margin-bottom:9px
}

.social-links.style3 li {
 padding:0 11px
}
.social-links.style3 li:first-child {
 padding-left:0
}
.social-links.style3 li:last-child {
 padding-right:0
}
.social-links.style3 a {
 display:inline-block;
 width:30px;
 height:30px;
 border-radius:50%;
 text-align:center;
 color:#232530;
 line-height: 30px;
}

.social-links.style3 a:hover {
    background: #fff
}

.reqHistory .req {margin-bottom: 15px;}
.reqHistory .req .content-box {transition: all ease .5s;

border: 0;
box-shadow: 0 1px 10px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
border-radius: 2px;
background-color: #fff;
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-clip: border-box;
padding: 10px;color:#fff; height: 100%}

.reqHistory .req .content-box .content-inner {flex: 1 1 auto; min-height: 1px; word-wrap: break-word;}
.reqHistory .req .content-box .content-inner h4 {border-bottom: 1px dashed #fff; font-weight: 400; padding-bottom: .5rem}
.reqHistory .req .content-box .content-inner p, .reqHistory .content-box .infos { font-size: .9rem}
.reqHistory .req .content-box .infos {border-top: 1px dashed #fff;padding-top: .5rem;}



.preloader {
    overflow: hidden;
    background-color: #fff;
    background-image: url(../images/preloader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999999;
}

.sendLoader {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0,0,0,0.6);
    display: none;  
    top: 0;
    left:0;
}
.sendLoader.active {display: table;}
.sendLoader .sendInner {
    display: table-cell;
    vertical-align: middle;
    text-align: center; 
}
.sendLoader .sendInner .loadPanel {
    background: #fff;
    margin: auto;
    padding: 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    float: none;
}
.sendLoader .sendInner .loadPanel i {color: #004477;}
.sendLoader .sendInner .loadPanel > div {border-top: 1px dashed #ccc; margin-top: 15px; padding-top: 15px}

.kv-fileinput-caption.burakkkkk {
    border: 1px solid red;
}

@media (min-width: 992px) {
 	.navbar-expand-lg .navbar-toggler {
	    display: none;
	}

	.navbar-nav>li>a{color: #fff;}	

	.navbar-nav li > ul {
	    background: #fff;
	}

	.navbar ul ul li.active > a {
	    color: #00bcd1;
	}

}

.equal-col {
    display: flex;
    flex-direction: column;
}

#news .owl-stage-outer
{
    border-radius: 25px;
    margin-top: 15px;
    box-shadow: 0px 0px 30px 15px rgba(0, 0, 0, 0.15);
}
#news .owl-stage-outer img
{
    border-radius: 25px;
}

#news .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none; /* oklar içerikten etkilenmesin */
}

#news .owl-nav button {
    pointer-events: auto; /* tıklanabilir olsun */
    background: none !important;
    border: none !important;
    font-size: 50px !important;
    font-weight: bold;
}

#news .owl-nav button,
#news .owl-nav button:focus,
#news .owl-nav button:active {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}


/* Sol ok (Prev) */
#news  .owl-nav .owl-prev {
    color: #004477 !important;      
    margin-left: 5px;
}

/* Sağ ok (Next) */
#news  .owl-nav .owl-next {
    color: #fff !important;
    margin-right: 5px;
}

.project-outer
{
    border-radius: 25px;
    margin-top: 15px;
    box-shadow: 0px 0px 30px 15px rgba(0, 0, 0, 0.15);
    flex: 1;
    display: flex;
}

#project .owl-stage-outer img
{
    border-radius: 25px;
}


#project .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none; /* oklar içerikten etkilenmesin */
}

#project .owl-nav button {
    pointer-events: auto; /* tıklanabilir olsun */
    background: none !important;
    border: none !important;
    font-size: 50px !important;
    font-weight: bold;
}

#project .owl-nav button,
#project .owl-nav button:focus,
#project .owl-nav button:active {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}


/* Sol ok (Prev) */
#project  .owl-nav .owl-prev {
    color: #fff !important;      
    margin-left: 5px;
}

/* Sağ ok (Next) */
#project  .owl-nav .owl-next {
    color: #fff !important;
    margin-right: 5px;
}


#yayin .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none; /* oklar içerikten etkilenmesin */
}

#yayin .owl-nav button {
    pointer-events: auto; /* tıklanabilir olsun */
    background: none !important;
    border: none !important;
    font-size: 50px !important;
    font-weight: bold;
}

#yayin .owl-nav button,
#yayin .owl-nav button:focus,
#yayin .owl-nav button:active {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}


/* Sol ok (Prev) */
#yayin  .owl-nav .owl-prev {
    color: #004477 !important;      
    margin-left: 5px;
}

/* Sağ ok (Next) */
#yayin  .owl-nav .owl-next {
    color: #004477 !important;
    margin-right: 5px;
}

.yayin-outer
{
    border-radius: 25px;
    margin-top: 15px;
    box-shadow: 0px 0px 30px 15px rgba(0, 0, 0, 0.15);
    flex: 1;
    display: flex;
}

#yayin .owl-stage-outer img
{
    border-radius: 25px;
    height: 300px;
}

.project-outer .owl-carousel,
.yayin-outer .owl-carousel {
    height: 100%;
}


.aboutus {overflow: hidden; position: relative; font-family: 'Raleway', sans-serif !important;}
.aboutus .details {padding: 6rem;}
.aboutus .figure {position: absolute; height: 100%; float: left; background-attachment: fixed; -webkit-background-size: cover; background-size: cover; width: 100%;}
.aboutus .description {max-width: 515px;}
.aboutus .description .header span {font-size: 14px;}
.aboutus .description .header h2 {font-weight: 900;}
.aboutus .description .btn.ktotek {background: #014478 !important; border: 0; padding: 15px 0; font-size: 14px; width: 174px;}
.aboutus .description .about {font-size: 15px; text-align: justify;}
.aboutus .aboutkisa {position: absolute;background: #014478 !important; margin-top: 1px; width: 515px;}
.aboutus .aboutkisa::after {border-left: 8px solid transparent; border-right: 8px solid transparent; border-right-color: transparent; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-bottom-color: transparent;content: "";position: absolute; left: 0px; bottom: -22px;border-color: #014478 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #014478 !important;}
.aboutus .misyon {background: #f0f4f7; padding: 3rem 6rem 3rem 5rem;}
.aboutus .misyon h5 {font-weight: 900; font-size: 18px;}
.aboutus .misyon .btn {background: #0059a9 !important; border: 0; padding: 15px 0; width: 174px;}

.mainPhoto img {width: 100%; max-height: 400px;}

@media (max-width: 767px){
    .aboutus .details {padding: 1.5rem 1.5rem 7.5rem 1.5rem;}
    .aboutus .aboutkisa {width: auto; margin-right: 1.5rem;}
    .aboutus .misyon {padding: 3rem 0 1.5rem .5rem;}
    .aboutus .description .header h2 {font-size: 23px;}
    .aboutus .figure {height: 300px; position: static; width: 100%; background-repeat: no-repeat !important; background-size: cover !important;}
    .news h2 {font-size: 22px;}
}

.design {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 8px solid #ffffff;
	background: #0B61AC;
	display: block;
	position: relative;
	margin: 0 auto;
}
.design:after {
	content: "";
	background: transparent;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid #ffffff;
	position: absolute;
	display: block;
	left: 3px;
	top: 3px;
}
.design-line {
	width: 32px;
	height: 32px;
	position: relative;
	margin: 0 auto 29px;
}
.design-line:before {
	content: "";
	position: absolute;
	width: 97px;
	height: 1px;
	background: #0B61AC;
	left: -32px;
	top: 16px;
	display: block;
}

.heading span {
    font-weight: bold;
    font-size: 14px;
    display: block;
    color: #6d7c88;
    text-transform: uppercase;
    letter-spacing: -0.1px;
  }
  .heading span {
    color: #0B61AC !important;
  }
  .fw-900
  {
    font-weight: 900;
  }
@media screen and (max-width: 767px){
	.navbar-default {position: relative}
	.sliderZone .brkSlider_nav {top: 50%;}
    .section-content [class*="col-sm"] {margin-bottom: 20px;}
    .duyuruAna .col-md-3 {margin-bottom: 20px;}
    .flat-team .avatar img {max-height: unset}
}


@media screen and (max-width: 479px) {
    .header-custom .navbar-nav {top:70px}    
    div.faq-content img {max-width: 100%; float:none; margin: 0; margin-bottom: 15px;}
    div.breadcrumb ol li a {font-size: .7rem}
    div.breadcrumb .container {padding-left: 5px; padding-right: 5px;}

}

@media screen and (min-width: 1400px) {
 /*.container {
  max-width:1320px
 }*/
}

.contact {
    border: 1px solid #ebebeb;
    box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.25);
}



.form-group.kvkk {border-top: 1px dashed #ccc; padding: 10px 0; border-bottom: 1px dashed #ccc;}
.form-group.kvkk a {color: var(--info)}
.form-group.kvkk a:hover {text-decoration: underline}

.modal .modal-content {border-radius: 0; border: 0}

.modal .modal-content .modal-header {padding: 10px; border-radius: 0}
.modal .modal-content .modal-header h4 {margin: 0; font-weight: 400}
.modal .modal-content .modal-header .close {padding: 0; margin: 0; font-size: 1.2rem;}

.modal .modal-content .modal-body {text-align: justify;}
.modal .modal-content .modal-body ul, div.message-content ul {font-size: 14px; margin: .5rem 0; padding-left: 25px;}
.modal .modal-content .modal-body ul li, div.message-content ul li {list-style: none; margin-bottom: 5px;}
.modal .modal-content .modal-body ul li::before, div.message-content ul li::before {
    padding-right: 5px;
    font-family: 'Font Awesome 5 Free';
    content: "\f00c";
    font-weight: 900;
    color: var(--info);
}



.modal .modal-content .modal-footer {padding: 10px;}


.modal.success .modal-content .modal-header {background: var(--success); color: #fff;}
.modal.success .modal-footer .btnPrimary {color: #fff; background-color: var(--success);}

#kvkkModal .modal-body p.baslik {font-size: 16px; margin-bottom: 0; color: var(--info)}
#kvkkModal .modal-body p {font-size: 14px;}

div.message-content {border-bottom: 1px dashed #ccc; margin-bottom: 15px; padding-bottom: 15px;}

.errorPage .errorNumber { 
    margin-top: 5rem;   
    font-size: 10rem;
    line-height: 10rem;
    font-weight: 700;
}

.errorPage .errorHeader {    
    font-size: 1.3rem;
    line-height: 1.3rem;    
}

.errorPage .errorContent {    
    margin-top: 1rem;
    line-height: 1.3rem;
}

.errorPage .errorContent a {    
    color: var(--info)
}

.errorPage .errorPageButtons {    
    margin: 15px 0;
    padding-top: 15px;
    border-top: 1px dashed #ccc;
}

.resres, #result, a.resetAll, .PersonelArama, .OgrenciArama {display: none;}
.resres.aktif, .PersonelArama.aktif, .OgrenciArama.aktif, .resetAll.aktif {display: block; width: 100%}
.hesperformm .successMsg,.hesogrformm .successMsg {color: var(--success); border-bottom: 1px dashed #ccc; padding-bottom: 15px;}

#yasal {
    display: block;
    position: fixed;
    bottom: 0px;
    background: rgba(0,0,0,0.8);
    border-radius: 0px;
    padding: 20px 10px;
    font-size: 12px;
    left: 0px;    
    z-index: 9999;
    width: 100%;
    color: #fff;
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.7);
}

#yasal h5 {font-weight: 700; margin-bottom: 0; font-size: 18px; line-height: 20px;}
#yasal p {font-size: 15px; line-height: 24px; margin-bottom: 0;}
#yasal a {margin-top: 3px;}

.padding-tb-20{padding: 20px 0px;}
.margin-tb-20{margin: 20px 0px;}
.padding-lr-20{padding: 0px 20px;}
.padding-tb-50{padding: 50px 0px;}
.padding-20{padding:20px;}
.fs-16{font-size:16px !important;}
.border-grey{border: 1px solid #94949d;}
.color-grey{color:#94949d;}
.color-dark-blue{color:#0f3661;}
.margin-top-20{margin-top: 20px;}
.margin-top-10{margin-top: 10px;}
.margin-top-100{margin-top: 100px;}
.bg-blue{background-color: #005AA9;}
.color-white{color:white;}
.bg-white{background-color: white;}
.bg-grey{background-color: #F2F2F2;}

.p-overflow {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.baslik
{
    border-bottom: 3px solid #0c5678;
    padding-bottom: 3px;
}

.link
{
    font-size: 14px;
    font-weight: bold;
    color: #fff !important;
    background-color:#0059a9; 
    text-align: center;
    padding: .375rem .75rem;
    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    border: 1px solid transparent;
}
.link:hover
{
    background-color:#002343;
}

/* Normal durum */
.pagination .page-link {
    color: #000 !important;
    background-color: #fff !important;
    border-color: #000 !important;
}

/* Hover */
.pagination .page-link:hover {
    color: #fff !important;
    background-color: #000 !important;
    border-color: #000 !important;
}

/* Aktif (seçili sayfa) */
.pagination .page-item.active .page-link {
    color: #fff !important;
    background-color: #000 !important;
    border-color: #000 !important;
}

/* Disabled */
.pagination .page-item.disabled .page-link {
    color: #888 !important;
    background-color: #f8f8f8 !important;
    border-color: #ddd !important;
}

.image-wrapper {
    transition: filter 0.3s ease;
}

.image-wrapper:hover {
    filter: brightness(60%);
}

.image-wrapper2 {
    transition: filter 0.3s ease;
    filter: brightness(60%);
}

.image-wrapper2:hover {
    filter: brightness(100%);
}

@media (min-width: 768px) {
    .sticky-left{
        position: sticky;
        top: 90px;
    }
}