body {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  background: #fff;
}
a:active,img:active,button:active,select:active
input:active,a:focus,img:focus,button:focus,
input:focus,textarea:focus,select:focus {
  outline:none!important;
  outline:0!important;
  outline-color: transparent!important;
  outline-style: none!important;
  box-shadow:none!important;
}
a:hover, a:focus {
	text-decoration:none!important;
}
.container {
  min-width:95%;
}
header {
  height:30px;
}
header .sol {
  width: 33%;
  float: left;
  padding: 5px 0px;
  position: relative;
  height:30px;
}
header .sag {
  width: 67%;
  float: left;
  background-color: #21409a;
  padding: 5px 0px 7px 20px;
  position: relative;
  color: #fff;
  height:34px;
}
header .sol:after {
  border-color: transparent transparent #21409a transparent;
  border-style: solid;
  border-width: 0px 17px 34px 17px;
  width: 0px;
  height: 0px;
  position: absolute;
  content: ' ';
  right: -17px;
  top: 0;
}
header .sag:after {
  background-color: #21409a;
  height: 34px;
  position: absolute;
  content: ' ';
  right: -50%;
  top: 0;
}
header a {
  color:#fff;
  display:inline-block;
  line-height:24px;
  margin-left:80px;
}
header a:hover {
  color:#fff;
}
.logo img {
  max-width: 100%;
  height: 100px;
  margin-top:-25px;
  margin-bottom:5px;
}
.navbar {
	z-index: 4;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
}
.navbar .nav-link {
	color: #333;
	font-size: 1.2em;
	font-weight: 500;
	padding-right: 0px!important;
	padding-left: 40px!important;
}
.navbar .nav-link:hover, .navbar .nav-link:focus {
	color: #21409a;
}
.dropdown-menu {
	background: rgba(255,255,255,0.95);
  margin-top: 0px;
  margin-left:30px;
  border:1px solid #e5e5e5;
  border-top:2px solid #21409a;
}
.dropdown-menu a {
	font-size: 1em;
}
.dropdown-menu a:hover, .dropdown-menu a:focus {
	background-color: #f5f5f5;
	color: #21409a;
}
#slayt {
  margin-top:10px;
  border:1px solid #f5f5f5;
}
.carousel-item {
  height: 500px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  
}
.carousel-item img {
  width:100%;
  height: 500px;
}
.carousel-caption {
  bottom:35%;
}
.carousel-caption span.ust {
  font-weight: bold;
  color: #fff;
  font-size: 2.5em;
  background-color:rgba(33,64,154,0.5);
  padding:5px 20px;
  margin:auto;
}
.carousel-caption span.alt {
  font-weight: bold;
  color: #fff;
  font-size: 2.1em;
  background-color:rgba(33,64,154,0.6);
  padding:5px 20px;
  margin:auto;
}
.slogan {
  margin-top:30px;
}
.slogan .sicerik {
  border:5px double #dbeff9;
  background-color:#f0faff;
  padding: 20px 20px;
  text-align:center;
}
.slogan p {
  font-size:17px;
  line-height:200%;
  font-weight:normal;
  font-style:italic;
  color:#333;
  padding:0px;
  margin:0px;
}
.hizmetler {
  min-height:100px;
}
.hizmetler h1 {
  margin-top:50px;
  margin-bottom:30px;
  text-align:center;
  color: #333;
  font-weight:normal;
  font-size:34px;
}
.hizmet {
  margin-bottom:40px;
  text-align:center;
  background-color:#f7f7f7;
  padding-bottom:10px;
  height:350px;
  overflow:hidden;
}
.hizmet img {
  width:100%;
  height:150px;
  border:1px solid #f7f7f7;
}
.hizmet:hover img {
  filter: grayscale(70%);
}
.hizmet h1 {
  color: #21409a;
  font-weight:bold;
  font-size:18px;
  margin:10px 0px;
  padding:0px 10px;
}
.hizmet a {
  color: #21409a;
}
.hizmet p {
  line-height:180%;
  font-size:14px;
  padding:0px 10px;
  margin:0px;
}
.baglantilar {
  margin-bottom:20px;
  min-height:100px;
}
.baglantilar h1 {
  margin-top:10px;
  margin-bottom:30px;
  text-align:center;
  color: #333;
  font-weight:normal;
  font-size:34px;
}
.baglanti {
  text-align:center;
  position: relative;
  width:120px;
  height:120px;
  margin:10px auto 30px auto;
}
.baglanti img {
  width:120px;
  height:120px;
  border-radius:50%;
  border:2px solid #eee;
  background:#fff;
  padding:3px;
}
.baglanti .bicerik {
  position: absolute;
  width:110px;
  height:110px;
  top: 5px;
  bottom: 0;
  left: 5px;
  right: 0;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(22,44,107,0.7);
  border-radius:50%;
}
.baglanti:hover .bicerik {
  opacity: 1;
}
.baglanti .bbaslik {
  color: white;
  font-size: 17px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.banner {
  margin-top:10px;
  position:relative;
}
.banner h1 {
  position:absolute;
  bottom:30%;
  left:50px;
	color: #fff;
	font-weight: normal;
	font-size: 1.85em;
  text-shadow: 3px 2px 2px rgba(0,0,0,0.3);
  background:rgba(0,0,0,0.6);
  padding:5px 10px;
}
.banner img {
  height:150px;
  width:100%;
  border:1px solid #f2f2f2;
}
.icerik,.detay,.liste,.iletisim {
  min-height:500px;
  padding-top:30px;
  padding-bottom:30px;
}
.icerik .baslik,
.detay .baslik,
.liste .baslik,
.iletisim .baslik {
  margin-bottom:20px;
  text-align:center;
  color: #21409a;
  font-weight:normal;
  font-size:28px;
}
.icerik p, .detay p, .iletisim {
  line-height:150%;
  font-size:1.1em;
}
.icerik a, .detay a {
  color: #393a3d;
}
.filtre {
  text-align:right;
  margin-bottom:20px;
  width:25%;
  float:right;
}
.filtre select {
  width:100%;
  cursor:pointer;
  border-radius:0px;
  background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
  background-size:8px 10px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
} 
.sirkuler table {
  width:100%;
  font-size:1.1em;
}
.sirkuler a {
  color:#333;
}
.sirkuler .btn {
  padding: .2rem .5rem;
  font-size: 0.85em;
  color:#fff;
}
.detay img {
  display: block;
  margin: 0px auto 20px auto;
  max-width: 100%;
  height: 300px;
  border:1px solid #f2f2f2;
}
.icerik ul, .icerik ol,
.detay ul, .detay ol {
	padding-left: 0px;
	list-style:none;
	font-size:1.1em;
	margin-bottom: 30px;
}
.icerik ul li, .icerik ol li,
.detay ul li, .detay ol li {
	margin-bottom:7px;
}
.icerik ul li:before, .icerik ol li:before,
.detay ul li:before, .detay ol li:before {
	font-family: FontAwesome;
	content: "\f101";
	color:#393a3d;
	font-weight:bold;
	margin-right: 10px;
}
.paylas{
  border-top:1px dashed #f2f2f2;
  padding-top:30px;
  margin-top:30px;
}
.paylas .btn-social {
  padding: 1px 5px;
  padding-left: 30px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.hata {
  padding-top:50px;
  font-size:16px!important;
  line-height:150%;
  color:#666;
  text-align:center;
  font-weight:bold;
}
.hata i {
  color:#900;
  font-size:30px!important;
  margin-bottom:10px;
}
.iletisim .table td,
.iletisim .table th {
  border:none!important;
  padding:0px 0px 25px 0px;
}
.iletisim a {
  color:#333;
}
.iletisim .control-label {
  font-weight:bold;
}
.iletisim .form-control {
  padding: 0.275rem .75rem;
}
.harita {
  width:100%;
  height:300px;
  margin-top:30px;
  border:1px solid #f2f2f2;
}
footer {
	background:#162c6b;
	height:auto;
	padding:15px 0px 15px 0px;
	color:#eee;
	font-size:1em;
}
.cizgi {
  background:#162c6b;
  height:4px;
  margin-bottom:4px;
}
.altsol {
	text-align:left;
}
.altsag {
  text-align:right;
}
.cerezmesaj{position:fixed;bottom:0px;left:0px;width:100%;padding:3px 70px 3px 20px;background:rgba(0,0,0,0.85);z-index:999;}
.cerezmesaj a{color:#fff;}
.cerezkapat{position:absolute;top:0;*top:-2px;right:20px;cursor:pointer}
.cerezmesaj p{color:#fff;font-size:0.9em;margin:.6em 0;}
.cerezkapat{color:#fff;font-size:0.9em;margin:.8em 0;text-decoration:none;}
.cerezmesaj .btn {padding:0.2rem 0.3rem;font-size:0.5rem;line-height:0.5rem;border-radius:0.2rem;}
@media (min-width: 1024px) and (max-width: 1150px) {
  .navbar .nav-link {
    padding-left: 20px!important;
  }
  .carousel-item {
    height: 400px;
  }
  .carousel-caption {
    bottom:25%;
  }
}
@media (min-width: 1024px) {
  .dropdown:hover>.dropdown-menu {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1023px) {
  header a {
    margin-left:50px;
  }
  .navbar .nav-link {
    padding-left: 20px!important;
  }
  .dropdown:hover>.dropdown-menu {
    display: block;
  }
  .carousel-item {
    height: 350px;
  }
  .carousel-caption {
    bottom:25%;
  }
  .baglanti, .baglanti img {
    width:110px;
    height:110px;
  }
  .baglanti .bicerik {
    width:100px;
    height:100px;
  }
}
@media (max-width: 991px) {
  .navbar-toggler {
    font-size:1.5rem;
  }
  .navbar-nav {
    background-color:#f7f7f7;
  }
  .navbar .nav-link {
    font-size:1em;
    padding-left: 0px!important;
    text-align:center;
  }
  .dropdown-menu {
    background: rgba(255,255,255,0.95);
    margin-top: 0px;
    margin-left: 0px;
    border: none;
  }
  .dropdown-menu a {
    font-size:0.95em;
  }
  .dropdown-item {
    text-align:center;
  }
  .carousel-caption {
    bottom:25%;
  }
  .slogan p {
    font-size:17px;
    line-height:180%;
  }
  .hizmetler h1 {
    margin-top:30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header .sag {
    padding-left:0px;
  }
  header a {
    margin-left:50px;
  }
  header a:last-child {
    display:none;
  }
  .carousel-item {
    height: 350px;
  }
  .slogan p {
    font-size:16px;
    line-height:150%;
  }
  .baglanti, .baglanti img {
    width:100px;
    height:100px;
  }
  .baglanti .bicerik {
    width:90px;
    height:90px;
  }
  .filtre {
    width:30%;
  }
}
@media (min-width: 577px) and (max-width: 767px){
  header .sag {
    padding-left:0px;
  }
  header a {
    margin-left:35px;
  }
  header a:last-child {
    display:none;
  }
  .carousel-item {
    height: 300px;
  }
  .slogan p {
    font-size:16px;
    line-height:150%;
  }
  .baglanti, .baglanti img {
    width:90px;
    height:90px;
  }
  .baglanti .bicerik {
    width:80px;
    height:80px;
  }
  .filtre {
    text-align:center;
    margin-bottom:20px;
    width:100%;
    float:none;
  }
  .filtre select {
    width:100%;
    cursor:pointer;
    border-radius:0px;
  } 
}
@media (max-width: 576px) {
  header {
    margin-bottom:10px;
  }
  header .sol {
    display:none;
  }
  header .sag {
    width:100%;
    padding-left:0px;
  }
  header a {
    width:50%;
    float:left;
    text-align:center;
    margin-left:0px;
  }
  header a:last-child {
    display:none;
  }
  .logo img {
    margin-top:0px;
    height:80px;
  }
  .navbar-toggler {
    margin-top:-10px;
  }
  #slayt {
    margin-top:0px;
  }
  .carousel-item {
    height: 220px;
  }
  .slogan p {
    font-size:14px;
    line-height:130%;
  }
  .hizmetler h1 {
    font-size:28px;
    margin-bottom:20px;
  }
  .hizmet h1 {
    font-size:16px;
    margin-bottom:10px;
  }
  .hizmet p {
    font-size:14px;
    line-height:150%;
  }
  .baglantilar h1 {
    font-size:28px;
    margin-bottom:20px;
  }
  .baglanti, .baglanti img {
    width:80px;
    height:80px;
  }
  .baglanti .bicerik {
    width:70px;
    height:70px;
  }
  .baglanti .bbaslik {
    font-size:14px;
  }
  .banner h1 {
    display:none;
  }
  .filtre {
    text-align:center;
    margin-bottom:20px;
    width:100%;
    float:none;
  }
  .filtre select {
    width:100%;
    cursor:pointer;
    border-radius:0px;
  } 
  footer .altsol {
    text-align:center;
  }
  footer .altsag {
    text-align:center;
    margin-top:10px;
  }
}
@media (max-width: 480px) {
  header a {
    width:auto;
    float:left;
    margin-left:20px;
  }
  .carousel-item {
    height: 200px;
  }
}