.slider_cerceve{
	padding:0px;
}
.carousel{
	height: 840px; /* Slider Yükseklik oranı*/
}
.carousel .item,
.carousel .active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

.carousel-indicators{
	bottom:10px !important;
	margin-bottom:0px !important;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0;
  text-indent: -999px;
  cursor: pointer;
  background-color: #999;
  border-radius: 4px;
  border: 1px solid #555;
}

.carousel-indicators .active {
  width: 10px;
  height: 10px;
  margin: 0;
  background-color: #333;
  border: 1px solid #000;
}

.carousel-control {
	overflow:hidden;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    width: 48px;
    height: 48px;
	opacity: 0.2;
}

.carousel-control.left {
    background-image: url("../images/slide-control-left.png");
	background-position: center; 
    filter: none !important;
	margin-left:48px;
}

.carousel-control.right {
    background-image: url("../images/slide-control-right.png");
	background-position: center; 
    filter: none !important;
	margin-right:48px;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}



.bg-dark-alfa-10:before,
.bg-dark-alfa-10 .YTPOverlay:before{
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(34,34,34, .1);
}
.bg-dark-alfa-20:before,
.bg-dark-alfa-20 .YTPOverlay:before{
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(34,34,34, .2);
}
.bg-dark-alfa-30:before,
.bg-dark-alfa-30 .YTPOverlay:before{
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(34,34,34, .3);
}
.bg-dark-alfa-40:before,
.bg-dark-alfa-40 .YTPOverlay:before{
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(17,17,17, .4);
}

.carousel-caption {
	left:8% !important;
	top: 38%;
    z-index: 10;
	padding:0; margin:0;
    text-align: left;
    text-shadow: none;
}

.slideyazi { font-family: 'Raleway', sans-serif; color: #363636; font-weight:700; font-size:40px; line-height:60px; }
.slideyazi span{ font-size:58px; font-weight:300; }





@media screen and (min-width:1681px) and (max-width:1920px){.carousel{height:840px;}}
@media screen and (min-width:1441px) and (max-width:1680px){.carousel{height:680px;}}
@media screen and (min-width:1201px) and (max-width:1440px){.carousel{height:555px;}}
@media screen and (min-width:961px) and (max-width:1200px){.carousel{height:475px;}}
@media screen and (min-width:721px) and (max-width:960px){.carousel{height:370px;}}
@media screen and (min-width:501px) and (max-width:720px){
	.carousel{height:310px;}
	.slideyazi {font-size:18px; line-height:30px; }
	.slideyazi span{ font-size:18px; font-weight:300; }
	.carousel-caption {
		top:70%;
		z-index: 10;
		padding:0; margin:0;
		text-align: left;
		text-shadow: none;
	}
}
@media screen and (min-width:100px) and (max-width:500px){
	.carousel{height:240px;}
	.slideyazi {font-size:18px; line-height:30px; }
	.slideyazi span{ font-size:18px; font-weight:300; }
	.carousel-caption {
		top:60%;
		z-index: 10;
		padding:0; margin:0;
		text-align: left;
		text-shadow: none;
	}
}


@media screen and (min-width:100px) and (max-width:960px){
	.carousel-control{visibility: hidden;}
	.carousel-indicators li {width: 8px; height: 8px;}
	.carousel-indicators .active {width: 8px; height: 8px;}
	.slider_cerceve{padding:0px 0px 10px 0px;}
}