body {
  /*padding-top: 50px;*/
   /* 
    color: #bc825c; #8f5547
    
    
    */
    
    font-family: 'Open Sans', sans-serif;
}
.mt-20{
   margin-top: 20px; 
}

.banner-wrap h1 {
    font-size: 26px;
    color: #fff;
}
.banner-wrap p {
    font-size: 14px;
    color: #fff;
}

/*custom scroll ham*/
#content-1{
	overflow: auto;
	position: relative;
	padding: 20px 10px;
	/*background: #fff;*/
	/*margin: 10px;*/
	/*width: 380px;
	max-width: 97%;*/
	height: 300px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}





.navbar-inverse {
    background-color: #bc825c;
    border-color: #bc825c;
    border-radius: 0px;
}
.navbar {
    margin-bottom: 0px;
}
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #8f5547;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background-color: #8f5547;
}

.banner-wrap {
    background-image: url(img/vertical-gradiant-bg.png);
    background-repeat: repeat-x;
    background-color: #cc7b46;
}



@media (min-width: 768px) {
    /* medium screen */
    
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
        margin-right: -15px;
        margin-left: -15px;
    }
    
    
    
    
}







/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 300px;
  margin-bottom: 0px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 300px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}









.chess-box1 {
    background-image: url(img/bg-chess-1.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: #808080;
    color: #fff;
    padding: 30px;
}
.chess-box1 h2 {
    font-size: 20px;
}
.chess-box1 p {
    background-color: #333;
    background-color:rgba(0,0,0,0.7);
    color: #fff;
    padding: 10px;
    line-height: 22px;
}



.section {
    padding: 20px 0px;
}









/* --------------------------------------
   1,2,3 list news like bbc news
   -------------------------------------- */
   
.dl-unsur {
position:relative;
float:left;
}

.dl-unsur dd {
width:100%;
border-top: 1px solid #bc825c;
display:block;
float:left;
padding:8px 0;
}
.dl-unsur dd:first-child {
border-top:0;
}

.dl-unsur dd > a {
width:100%;
margin-left:5px;
}
.dl-unsur dd a {
    color: #ffffff;
    text-decoration: none;
}
.dl-unsur dd > a > h2 {
width:10%;
margin-top:0;
padding-right:10px;
color: #e2791d;
text-align:right;
font-weight:bold;
}
.dl-unsur dd > a > div {
font-family:sans-serif, serif;
font-size:17px;
width:89%;
line-height:1.2em;
}
.dl-unsur dd> p {
width:89%;margin:0 0 0 5px;
}
/* --------------------------------------
   Media Queries 
   -------------------------------------- */

/* Portrait & landscape phone */
@media (max-width: 480px) {

/* en çok okunan listeleme */
	.dl-unsur dd > a > h2 {
	font-size:250%;
	}
	.dl-unsur dd > a > div {
	font-family:sans-serif, serif;
	font-size:15px;
	}
		

}
/* --------------------------------------
   1,2,3 list news like bbc news E
   -------------------------------------- */






















/* Footer */

.footer {
    background-color: #bc825c;
    height: 35px;
    text-align: center;
    color: #fff;
}

.footer p {
    padding: 10px;
    margin: 0px;
    line-height: 100%;
}