body{ color:#030405; }
body.bg1 {
	background:URL(../images/bg.png) top left repeat-x #fff;
}
body.bg2 { background:#f1f1f1; }

body.iletisim {background:#ffce00;}

.container { max-width: 960px }

a { color:#030405; transition:all 0.5s; -webkit-transition:all 0.5s; }
a:hover, a:focus { text-decoration:none; color:#666; outline: 0 }
img { max-width:100%}
h1 { font-weight:bold; color:#030405;}
.baslik1 { display:block; font-size:36px; font-weight:bold; margin-bottom:15px; color:#030405;}
.baslik2 { display:block; font-size:24px; color:#030405; }
.beyaz { color:#fff}
a.beyaz:hover { color:#fff; opacity:.75}
.ust_bosluk { margin-top:150px; }

.w100 { width:100%}
hr { height:9px; margin:10px 0; border:none; background:URL(../images/cizgi.png) center center repeat-x;}

.btn2 {  transition:all 0.5s; -webkit-transition:all 0.5s; display: block }
.btn2 div, .btn2 span{ display:block; color:#030405; border-color: #000; border-style: solid; border-width: 16px; border-image:URL(../images/siyah_border.png) 16 stretch; padding:10px; font-size: 22px; margin:15px 30px 45px;}
.btn2:hover { opacity: 0.8; transform: scale(0.95) }
.btn2:hover div, .btn2:hover span { color:#030405; }


.btn3 { display: block; width: 100%; margin:15px 0 10px; color:#030405; border-color: #000; text-align: center; border-style: solid; border-width: 16px; border-image:URL(../images/siyah_border2.png) 16 stretch;border-image-outset: 8px; background-color: #fff; padding:0px; font-size: 20px; transition:all 0.2s; -webkit-transition:all 0.2s;}
.btn3:hover { color:#030405; border-color: transparent; background-color:#ffce00; border-image:URL(../images/siyah_border2h.png) 16 stretch;border-image-outset: 8px; transform: scale(0.98) }
.btn3:focus { outline: none }

.album-panel .panel { background-color:transparent; border:none; box-shadow: none }
.album-panel .list-group-item, .album-panel .list-group-item.active:hover { background-color: transparent; border:none; padding:0 0; }
.album-panel .list-group-item a { display: block; padding:10px 0; padding-left:35px; transition:all 0.5s; -webkit-transition:all 0.5s; }
.album-panel .list-group-item.active a { background-color:transparent;  background:URL('../images/daire.png') left center no-repeat; color:#030405; border:none; }
.album-panel .list-group-item a:hover { background-color:transparent;  padding-left:45px; color:#444; border:none; }

.media-left, .media-right { width: 30% }
.media .media-body { position: relative; }
.media .media-footer { width: 100% }
.media .tarih { line-height: 60px; display: inline-block; }

.navbar-default {
    background-color: #fff;
    border-color: transparent;
    font-size: 16px;
    min-height: 60px;
}
.navbar-nav { margin-top: 15px }
.navbar-default .navbar-nav>li>a { color: #000; }
.navbar-nav > li > a { text-align:right; }

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #888;
    background-color: transparent; 
}
.navbar-default .navbar-nav > .active {}

.saribox { background-color:#ffce00}
.saribox .container { position:relative}
.devami, .devami:active, .devami:focus { display:inline-block; border: 2px dashed #030405; background:transparent; padding:5px 30px; border-radius:10px/3px; font-size: 18px; font-weight: 500; color:#030405; margin:15px 0; transition:all 0.3s; -webkit-transition:all 0.3s;}
.devami:hover { text-decoration:none; color:#030405; transform:scale(1.08) }

.devami_beyaz, .devami_beyaz:active, .devami_beyaz:visited { display:inline-block; border: 2px dashed #fff; padding:5px 30px; border-radius:10px/3px; color:#fff; font-size:16px; font-weight: bold; background-color: transparent; margin:15px 0; transition:all 0.3s; -webkit-transition:all 0.3s;}
.devami_beyaz:hover { text-decoration:none; color:#eee; transform:scale(1.1) }

.saribant { border-color: #ffce00; border-style: solid; border-width: 16px; border-image:URL(../images/sari_bant2.png) 16 16 16 16 stretch;}
.saribant div { background-color:#ffce00;  font-size:24px; padding-right:100px; position:relative}
.saribant img { height:32px} 
.saribant.iconsuz div { padding:0; }
.saribant img { position:absolute; right:0; top:0}
.saribant_alti { min-height:200px;background-color:#f1f1f1; padding:20px 15px}
.font18 { font-size: 18px !important }

.methot img { margin-bottom:10px; display: inline-block; }
.methot > div { min-height:110px;  font-size: 18px }

.owl_container { padding:0 15px}
.owl-controls {
    margin-top: 10px;
    text-align: center;
}
.owl-controls .owl-nav [class*="owl-"] {
    background: #d6d6d6 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
}
.owl-dots { text-align:center}
.owl-dots .owl-dot {
    display: inline-block;
}
.owl-dots .owl-dot span {
    background: #d6d6d6 none repeat scroll 0 0;
    border-radius: 30px;
    display: block;
    height: 10px;
    margin: 5px 7px;
    transition: opacity 200ms ease 0s;
    width: 10px;
}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
    background: #869791 none repeat scroll 0 0;
}

.next, .prev  {
    position: absolute;
    top: 45%;
    z-index: 3;
  }
  .next:hover, .prev:hover, .next:active, .prev:active {
	color:#ccc;
  }
  .next {
    right: 0;
  }
  .prev {
    left: 0;
  }
  
  .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
	  position:absolute;
	  top:0%;
	  left:-30px;
	  width:28px;
	  height:70%;
	  background:URL(../images/sol.png) center left no-repeat;
	  text-indent:-9999px;
	  transition:all 0.5s; -webkit-transition:all 0.5s;
  }
  .owl-carousel .owl-nav .owl-next { left:auto; right:-30px; background:URL(../images/sag.png) center right no-repeat;}
  .owl-prev:hover, .owl-next:hover { opacity:0.5}
  
  .resim-item { position:relative; display:block; transition:all 0.5s; -webkit-transition:all 0.5s; }
  .resim-item img { width: 100% }
  .resim-item:hover { transform:scale(.95)}
  .resim-item .maske1 { position:absolute; left:0; top:0; width:100% }
  .resim-item .info { color:#9fa3a7; background:URL(../images/maske_alti_bg.png) repeat-y; background-size: 100% 100%; padding:2px 18px; margin:0 0 35px; position:relative}
 .resim-item .info h3 { color:#030405 }
 .resim-item .baslik2 { color:#212121; }

 .resimler > div { margin-bottom: 20px }
 .resimler a { display: block; transition:all 0.5s; -webkit-transition:all 0.5s; }
 .resimler a:hover { opacity: 0.9; transform:scale(0.95); }
  
  .bulutlar1 { background:URL(../images/menu_bg.png) bottom left repeat-x; height: 144px; width:100%; position:absolute; top:0; left:0; }

   
   
   
@media (min-width:768px){
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
		padding-bottom:5px;
		border-bottom:#030405 2px dashed;
	}
  .media .media-body { padding-bottom: 65px }
  .media .media-footer { position: absolute; left:0; bottom:0; width: 90% }
}
@media (max-width:767px){
  .ust_bosluk { margin-top:60px; }

   h1,h2 { font-size: 22px }
	.baslik1 { font-size:24px}
	.baslik2 { font-size:18px}
  .col-xs-6:nth-child(2n+0):after { content:''; display:block;  clear:both; }
  footer .row > div { margin-bottom:15px }
  .btn3 { font-size:18px; }

  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
  }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: transparent;
  }
  .navbar-default .navbar-nav .dropdown-menu { text-align: right }
  .navbar-default .navbar-brand { max-width:40%; padding-top:5px; }
  h1 { font-size: 20px; margin:30px 0 20px; }
  .btn2 div, .btn2 span { font-size: 16px; font-weight: bold }

  .bulutlar1 {
    background: URL(../images/menu_bg.png) top 40px left repeat-x;
    background-size: 100% auto;
  }
  .methot button { font-size:14px; }
  .saribant div { font-size:15px; }
  
}
@media (max-width:990px){
  .navbar .container { width: 100%; max-width: 100% }
  .btn3 { font-size: 20px; font-size:2.8vw; }
}

.stitched {
  width: 36px;
  height: 36px;
  display: inline-block;
  position: relative;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  margin:20px 5px;
  background: #000;
  color: #fff;
  font-size: 21px;
  font-weight: bold;
  text-shadow: -1px -1px #666;
  font-weight: normal;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.stitched:hover { 
  color:#fff;
  background: #fcce01;
}
.stitched:after {
  content: '';
  border-radius: 50%;
  border: 2px #000 dashed;
  position: absolute;
  top: -4px;
  left: -4px;
  bottom: -4px;
  right: -4px;
}
.stitched:hover:after {
  border: 2px #fcce01 dashed;
}

.mail_span {
  padding-top: 5px;
  display: inline-block;
}

.adresler { color:#8d9093; }
.adresler i { color:#030405; }

footer { background-color:#282828; color:#fff; padding:20px; }
footer a { color:#fff; padding:0 15px; }

.methot button { border:0; background: transparent }

.tooltip-inner {
    font-size: 16px;
    padding: 15px;
    color: #000;
    background-color: #ffce00;
    border: #000 3px solid;
    max-width: 350px;
}

.satir_duzelt .col-sm-6:nth-child(2n+1) { clear: both; }
.satir_duzelt .col-sm-4:nth-child(3n+1) { clear: both; }
.satir_duzelt .col-sm-3:nth-child(4n+1) { clear: both; }




.video-container {
position: relative;
padding-bottom: 56.25%;
height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media (min-width:768px){
  .modal-lg { width:70%}
}