body {
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 100px;
    background-color: #f8f8f8;
}

.logo-buyut:hover{
    -ms-transform: scale(1.25, 1.25); /* IE 9 */
    -webkit-transform: scale(1.25, 1.25); /* Safari */
    transform: scale(1.25, 1.25);
}


.navbar {
    border-radius: 0px;
}

#navbar-main{
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top : 2px solid #3399CC;
    border-bottom : none;
    border-left : none;
    border-right : none;
    
}

.navbar .navbar-collapse {border-color: #ff0303;}


.navbar-primary .navbar { background:#006699; border-bottom:none; font-family: 'Oswald', sans-serif; }

.navbar-primary .navbar .nav > li > a {color: #ddd; padding-left: 10px; padding-right: 10px; padding-top:10px; padding-bottom:10px; border-left: dotted 1px #777}

.navbar-primary .navbar .nav > li > a:hover {color: #fff; background-color: #3399CC;}
.navbar-primary .navbar .nav .active > a,.navbar .nav .active > a:hover {color: #fff; background-color: #3399CC;}


.navbar-primary .navbar .nav li > a .caret, .tnav .navbar .nav li > a:hover .caret {border-top-color: #fff;border-bottom-color: #fff;}
.navbar-primary .navbar .nav > li.dropdown.open.active > a:hover {background-color: #3399CC;}


.navbar-primary .navbar .nav > li.dropdown.open > a {color: #fff;background-color: #3399CC; border-color: #fff;}
.navbar-primary .navbar .nav > li.dropdown.open.active > a:hover .caret, .tnav .navbar .nav > li.dropdown.open > a .caret {border-top-color: #fff;}
.navbar-primary .navbar .navbar-brand {color:#fff;}
.navbar-primary .navbar .nav.pull-right {margin-left: 10px; margin-right: 0;}


.page-header-container {
    background: #3B99D5;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    
}
                       

 
    
p {
	font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', sans-serif;   
}

.hakis-slider-img {
    width:100%; 
    height:430px;
}
.hakis-slider-nav {
    height:34px; 
}

.hakis-ozelhaber-img {
    width:100%; 
    height:225px; 
}

@media only screen and (min-width: 320px) {
    .hakis-slider-img {
        width:100%; 
        height:215px;
    }
    .hakis-slider-nav {
        height:20px; 
    }
    .img-foto-galeri {
        height:200px; 
    }
    .hakis-ozelhaber-img {
        width:100%; 
        height:175px; 
    }

}

@media only screen and (min-width: 480px) {
    .hakis-slider-img {
        width:100%; 
        height:215px;
    }
    .hakis-slider-nav {
        height:20px; 
    }
    .img-foto-galeri {
        height:200px; 
    }
    .hakis-ozelhaber-img {
        width:100%; 
        height:250px; 
    }

}

@media only screen and (min-width: 600px) {
    .hakis-slider-img {
        width:100%; 
        height:215px;
    }
    .hakis-slider-nav {
        height:20px; 
    }
    .img-foto-galeri {
        height:200px; 
    }
    .hakis-ozelhaber-img {
        width:100%; 
        height:225px; 
    }

}

@media only screen and (min-width: 768px) {
    .hakis-slider-img {
        width:100%; 
        height:350px;
    }
    .hakis-slider-nav {
        height:34px; 
    }
    .img-foto-galeri {
        height:250px; 
    }
    .hakis-ozelhaber-img {
        width:100%; 
        height:225px; 
    }
}

@media only screen and (min-width: 992px) {
    .hakis-slider-img {
        width:100%; 
        height:350px;
    }
    .hakis-slider-nav {
        height:34px; 
    }
    .img-foto-galeri {
        height:250px; 
    }
    .hakis-ozelhaber-img {
        width:100%; 
        height:225px; 
    }
}

@media only screen and (min-width: 1200px) {
 .container {
    /*max-width: 980px;*/   
 }
    .hakis-slider-img {
        width:100%; 
        height:430px;
    }
    .hakis-slider-nav {
        height:40px; 
    }
    .img-foto-galeri {
        height:200px; 
    }
    .hakis-ozelhaber-img {
        width:100%; 
        height:225px; 
    }
}

@media only screen and (min-width: 1362px) {
 .container {
    /*max-width: 980px;*/   
 }
    .hakis-slider-img {
        width:100%; 
        height:430px;
    }
    .hakis-slider-nav {
        height:40px; 
    }
    .img-foto-galeri {
        height:200px; 
    }
    .hakis-ozelhaber-img {
        width:100%; 
        height:225px; 
    }
}

.btn-primary {
	background-color: #2C3E50;
	border-color: #2C3E50;
	color: #FFFFFF;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	color: #FFFFFF;
	background-color: #1E2A36;
	border-color: #161F29; 
}

.btn-success {
	background-color: #18BC9C;
	border-color: #18BC9C;
	color: #FFFFFF;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
	color: #FFFFFF;
	background-color: #13987E;
	border-color: #13987E; 
}

.btn-default {
	background-color: #95A5A6;
	border-color: #95A5A6;
	color: #FFFFFF;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-success {
	color: #FFFFFF;
	background-color: #7F9293;
	border-color: #74898A;
}

.home-thumb img:hover {
	transform: scale(1.1);
}

.thumbnail img{
	transition: all 0.3s ease 0s;
	width: 100%;
} 
               
  
.thumbnail {
	overflow: hidden;
}

.bg-grey {
	background-color: #f9f9f9;
}


.clearout {
height:20px;
clear:both;
}


#hakisContainer {
    background-color: white;
    padding-top: 10px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;            
    border: solid 1px #dadada;  
    box-shadow: 0 0 15px black;         
}


#panel-header-logo-wrapper
{
    position: relative;
    width: 100%;
    height: 35px;
    background-color: #3B99D5;
    margin-left: 0px;
    margin-right: 0px;
    color: #fff;
    
}

#panel-header-logo-container
{
    position: absolute;
    left: 0px;        
    width: 60px;
    height: 34px;
}

#panel-header-logo-img
{
    position: relative;
    width: 100%;
    height: auto;
}     

#footer-top-logo-wrapper
{
    position: relative;
    width: 100%;
    height: 25px;
    background-color: #c00;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;            
}

#footer-top-logo-container
{
    position: absolute;
    top: 0px;    
    left: 46%;
    width: 40;
    height: 40;
}

#footer-top-logo-img
{
    position: relative;
    width: 100%;
    height: auto;
}

.footer-div {
    height: auto;
    background-color: #336699;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;            
}        


.popup {
    color: #f00;
    /*background-color: #c0c0c0;*/
    position: relative;
    top: -5px;
    display: inline-block;
    padding: 0px;
    margin: 0px;
    background-image: url(http://mottie.github.io/tablesorter/css/images/black-asc.gif);
    background-position: center top;
    background-repeat: no-repeat;
}

/* Thumbnail Box */
.caption h4 {
    font-size: 0.95em;
    color: #444;
    margin-top: 3px;
    margin-bottom: 3px;
}
.caption p {
    font-size: 1.05em;
    color: #555;
    font-weight: 200;
}

.btn.btn-mini {
    font-size: 0.95em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.btn.btn-mini2 {
    font-size: 1.2em;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-right:0px;
}
.thumbnails ul {
    padding-left: 0px;
}

/* Carousel Control */
.control-box1 {
    float: left;
    text-align: left;
}
.control-box2 {
    float: right;
    text-align: right;
}
.carousel img{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;            
}
.carousel-control{
    background: #666;
    border: 0px;
    border-radius: 0px;
    display: inline-block;
    font-size: 24px;
    font-weight: 200;
    line-height: 18px;
    opacity: 0.5;
    padding: 4px 4px 4px;
    position: static;
    height: 30px;
    width: 50px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;            
    
}

.synced{
    border : 2px solid #f00;
}

.stylish-input-group .input-group-addon{
    background: white !important; 
}
.stylish-input-group .form-control{
    border-right:0; 
    box-shadow:0 0 0; 
    border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}

#blog {
  padding: 25px 0;
}
#blog .blog-post {
  border: 1px solid #eee;
  padding: 15px;
}
#blog .blog-post .post-format {
  display: inline-block;
  width: 25px;
  height: 25px;
  line-height: 12px;
  text-align: center;
  color: #fff;
  background: #222534;
  background: #101322;
  border: 1px solid #f0f0f0;
  border-radius: 50px;
}
#blog .blog-post.blog-large .entry-thumbnail {
  margin: -15px -15px 15px;
  position: relative;
}
#blog .blog-post.blog-large .post-format {
  width: 28px;
  height: 28px;
  line-height: 25px;
  position: absolute;
  left: -2px;
  bottom: -15px;
}
#blog .blog-post.blog-large .post-format > i {
  font-size: 13px;
}
#blog .blog-post.blog-large .entry-date {
  font-size: 12px;
  display: block;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #45aed6;
}
#blog .blog-post.blog-large .entry-title {
  margin-top: 0px;
  font-size: 18px;
  line-height: 1;
  bottom: 20px;
  height:75px;
}
#blog .blog-post.blog-large .entry-title a {
  color: #64686d;
}
#blog .blog-post.blog-large .entry-title a:hover {
  color: #45aed6;
}
#blog .blog-post.blog-media {
  margin-bottom: 30px;
}

#blog .blog-post.blog-media .post-format {
  position: absolute;
  top: 20px;
  right: -10px;
}

.rounded-borders {
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border: 2px solid #fff;
}


.orta_hr_cizgi {
    border: 0; 
    width: 100%; 
    height: 10px; 
    margin-top: 2px; 
    margin-bottom: 2px; 
    background-image: -webkit-linear-gradient(left, rgba(0,102,153,0), rgba(0,102,153,.8), rgba(0,102,153,0)); 
    background-image: -moz-linear-gradient(left, rgba(0,102,153,0), rgba(0,102,153,.8), rgba(0,152,153,0)); 
    background-image: -ms-linear-gradient(left, rgba(0,102,153,0), rgba(0,102,153,.8), rgba(0,102,153,0)); 
    background-image: -o-linear-gradient(left, rgba(0,102,153,0), rgba(0,102,153,.8), rgba(0,102,153,0));
}
.orta_fea_haber_bg {
    padding-top:15px;
    background-image: -webkit-linear-gradient(left, rgba(150,150,150,0), rgba(150,150,150,.8), rgba(150,150,150,0)); 
    background-image: -moz-linear-gradient(left, rgba(150,150,150,0), rgba(150,150,150,.8), rgba(150,150,150,0)); 
    background-image: -ms-linear-gradient(left, rgba(150,150,150,0), rgba(150,150,150,.8), rgba(150,150,150,0)); 
    background-image: -o-linear-gradient(left, rgba(150,150,150,0), rgba(150,150,150,.8), rgba(150,150,150,0));
}

.carousel{height:190px;width:229px;padding:10px 15px}
.carousel-content-container{float:left;height:200px;overflow:hidden;position:relative;width:142px}
.carousel-contents{height:200px;left:0;overflow:hidden;position:absolute;top:0;width:auto}
.carousel-contents div{color:#fff;float:left;font-size:12px;height:193px;text-align:center;width:112px;padding:0 15px}
.carousel-contents div div{float:none;height:auto;padding:0}
.carousel-contents img{border:none;height:133px;width:104px}
.carousel-contents a{border:4px solid #445972;display:block;height:133px;margin-bottom:15px;width:104px}
.carousel-contents a:hover{border-color:#08c}
.carousel-nav{height:123px;padding-top:70px;width:31px}
.carousel .left{float:left;padding-right:12px}
.carousel .right{float:right;padding-left:12px}
.carousel .left a,.carousel .right a{background:url(../img/carousel_nav.png) left top no-repeat;display:block;height:35px;text-indent:-9999px;width:32px}
.carousel .left a{background-position:right bottom}
.carousel .right a{background-position:left bottom}
.carousel .left a.passive,.carousel .left a.passive:hover{background-position:right top;cursor:default}
.carousel .right a.passive,.carousel .right a.passive:hover{background-position:left top;cursor:default}
  

/* jssor slider arrow navigator skin 08 css */
        /*
        .jssora08l                  (normal)
        .jssora08r                  (normal)
        .jssora08l:hover            (normal mouseover)
        .jssora08r:hover            (normal mouseover)
        .jssora08l.jssora08ldn      (mousedown)
        .jssora08r.jssora08rdn      (mousedown)
        */
        .jssora08l, .jssora08r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 50px;
            height: 50px;
            cursor: pointer;
            background: url('../img/a08.png') no-repeat;
            overflow: hidden;
            opacity: .4;
            filter: alpha(opacity=40);
        }
        .jssora08l { background-position: -5px -35px; }
        .jssora08r { background-position: -65px -35px; }
        .jssora08l:hover { background-position: -5px -35px; opacity: .8; filter:alpha(opacity=80); }
        .jssora08r:hover { background-position: -65px -35px; opacity: .8; filter:alpha(opacity=80); }
        .jssora08l.jssora08ldn { background-position: -5px -35px; opacity: .3; filter:alpha(opacity=30); }
        .jssora08r.jssora08rdn { background-position: -65px -35px; opacity: .3; filter:alpha(opacity=30); }