/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}
.carousel-caption2 {
  padding-top:30px;
  z-index: 20;
}
/* Declare heights because of positioning of img element */
.carousel-item {
  background-color: #505050;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height: auto;  
}

.slide-link{margin:0 auto;position:absolute;z-index:900;width:100%;height:100%}
.slide-baslik-bg{position:relative;width:auto;background:rgba(0,0,0,0.1);color:#fff;padding:10px}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Carousel base class */
.slider-cizgi{right:0px;top:112px;border:solid 0.5px #f5f5f5;background:rgba(255,255,255,0.7);width:340px;height:1px;position:absolute;z-index:1900;}

.slider-ok{right:270px;top:40px;border:solid 1px #f5f5f5;padding:0px;background:rgba(255,255,255,0.8);width:132px;height:60px;position:absolute;z-index:1900;}

/*slid move*/
.spn1{position:absolute;left:0;bottom:0;height:100%;width:100%;background:transparent;z-index:500;}


.slider-okx{right:270px;top:50px;padding:0px;background:rgba(255,255,255,0.1);height:60px;position:absolute;z-index:1900;border:solid 1px #eee}
.sldok{width:50%;height:100%;border:solid 1px #eee;background:rgba(255,255,255,1.0);}
.sldok:hover{background:rgba(255,255,255,1.0);}
.sldok-border{clear:both;width:100%;display:inline-block;border-bottom:2px solid #eee;position:relative}

.glry-sld-ok{
	margin:0 auto;max-width:160px;float:right;height:100%;position:relative;padding-top:25%;z-index:1000;
	margin-top:inherit;
}
.glry-slider-ok2{border:solid 1px #f5f5f5;padding:0px;background:rgba(0,174,239,0.9);width:132px;height:52px;position:relative;}

.daire-tip{
	margin:0 auto;left:40%;max-width:160px;bottom:10px;position:absolute;z-index:2050;
	
}
.daire-tip-img{margin:0 auto;width:100%;padding:2px;position:relative:z-index:1200}
.daire-tip-ok{border:solid 1px #fff;padding:0px;background:rgba(255,255,255,0.5);width:120px;height:40px;position:relative;text-color:#000;}
.daire-tip-d{
	width:100%;margin:0 auto;padding:0;
	position:relative;
	z-index:1999;
	overflow:hidden;
	height:290px
}


.sld-bg-pos{}
.glry-yazi{position:relative;clear:both;padding:10px;float:left}
.glry-img-d{
	position:relative;
	z-index:999;
	overflow:hidden;
	height: calc(100vw - 250px);
    border:solid 0px;
}

.glry-img-dx{
	position:relative;
	z-index:1999;
	overflow:hidden;

	max-width:1000px;
	min-width:320px;
	width:calc(100vw - 200px);
	max-height:670px;
	min-width:220px;
	height:calc(100vw / 2);
    border:solid 0px;
	
}


.dikey-yazi {cursor:pointer;
    margin:0 auto;
	right:0;
	border:solid 1px #fff;
	background:rgba(255,255,255,1);
	width:43px;height:210px;overflow:hidden;
	position:fixed;z-index:2305;
}

/*Gizli Menu*/
@-webkit-keyframes ssilb {
	0% {right:-10px; }
	100% {right:400px; }
}
@keyframes ssilb {
	0% {right:-10px; }
	100% {right:400px; }
}
.dikey-yazi1 {
	-webkit-animation-name: ssilb;
	-webkit-animation-duration: 0.9s;
	animation-name: ssilb; animation-duration: 0.9s;
	top:35%;
	cursor:pointer;
	margin:0 auto;
	right:400px;
	border:solid 1px #fff;
	background:rgba(255,255,255,1);
	width:43px;height:210px;overflow:hidden;
	position:fixed;z-index:2615;
}

	
.dikey-yazi-icerik{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    left: -43px;
    top: 40px;
    position: relative;
	display:inline-block !important;
    color: #92773a;
    text-transform: uppercase;
	margin-left:-32px;height:42px;width:210px;;
}


@media (min-width:320px){
	.carousel-item { min-height: 400px;max-height:100%}
	.slider-cizgi{width:140px;top:92px;}
	.slider-ok{right:20px;height:30px;}
	.slider-okx{right:60px;width:82px;height:35px;}
	.glry-sld-ok{right:50px;height:60px;padding-top:inherit;margin-top:-50px;}
	.glry-slider-ok2{width:100px;height:30px;}
	.glry-img-d{max-height:220px;;height:100%;}
	.dikey-yazi {top:130px;width:33px;height:160px;font-size:14px}
	.dikey-yazi-icerik{top: 0px;margin-left:-32px;}
	}
@media (min-width:576px){
	.carousel-item { min-height: 480px;max-height:100%}
	.slider-cizgi{width:190px;top:98px;}
	.slider-ok{right:80px;height:35px;}
	.slider-okx{right:100px;width:92px;height:40px;}
	.glry-sld-ok{right:60px;height:50px;padding-top:inherit;margin-top:-50px;}
	.glry-slider-ok2{width:110px;height:40px;}
	.glry-img-d{max-height:350px;height:100%;}
	.dikey-yazi {top:30%;width:35px;height:180px;}
	.dikey-yazi-icerik{top: 10px;margin-left:-32px;}
	}
@media (min-width:768px){
	.carousel-item { min-height: 600px;max-height:100%}
	.slider-cizgi{width:240px;top:102px;}
	.slider-ok{right:110px;height:40px;}
	.slider-okx{right:140px;width:102px;height:45px;}
	.glry-sld-ok{right:70px;height:60px;padding-top:inherit;margin-top:-80px;}
	.glry-slider-ok2{width:132px;height:48px;}
	.glry-img-d{max-height:520px;height:100%;}
	.dikey-yazi {top:30%;width:38px;height:190px;}
	.dikey-yazi-icerik{top: 5px;margin-left:-28px;}
	}

@media (min-width:992px){
	.carousel-item { min-height: 650px;max-height:100%}
	.slider-cizgi{width:270px;top:105px;}
	.slider-ok{right:190px;height:45px;}
	.slider-okx{right:160px;width:112px;height:48px;}
	.glry-sld-ok{right:80px;height:60px;padding-top:inherit;margin-top:-70px;}
	.glry-slider-ok2{width:132px;height:52px;}
	.glry-img-d{max-height:620px;height:100%;}
	.dikey-yazi {top:30%;width:43px;height:210px;}
	.dikey-yazi-icerik{top: 40px;margin-left:-32px;}
	}
@media (min-width:1200px){
	.carousel-item { min-height: 680px;max-height:100%}
	.slider-cizgi{width:340px;top:112px;}
	.slider-ok{right:190px;height:55px;}
	.slider-okx{right:220px;width:122px;height:50px;}
	.glry-sld-ok{right:inherit;height:100%;padding-top:25%;margin-top:inherit;}
	.glry-slider-ok2{width:132px;height:52px;}
	.glry-img-d{max-height:680px;height:100%;}
	.dikey-yazi {top:30%;width:43px;height:210px;}
	}
@media (min-width:1440px){
	.carousel-item { min-height: 770px;max-height:100%}
	.carousel-item > img {max-width: 100%;}
	.slider-cizgi{width:380px;top:112px;}
	.slider-ok{right:200px;height:60px;}
	.slider-okx{right:240px;width:142px;height:52px;}
	.glry-sld-ok{right:inherit;height:100%;padding-top:25%}
	.glry-slider-ok2{width:132px;height:52px;}
	.glry-img-d{max-height:680px;height:100%;}
	.dikey-yazi {top:30%;width:43px;height:210px;}
	
	}
	
@media (min-width:1680px){
	.carousel-item { min-height: 920px;max-height:100%}
	.carousel-item > img {max-width: 100%;}
	.slider-cizgi{width:380px;top:112px;}
	.slider-ok{right:200px;height:60px;}
	.slider-okx{right:240px;width:142px;height:52px;}
	.glry-sld-ok{right:inherit;height:100%;padding-top:25%;margin-top:inherit;}
	.glry-slider-ok2{width:132px;height:52px;}
	.glry-img-d{max-height:680px;height:100%;}
	.dikey-yazi {top:30%;width:43px;height:210px;}
	}
	
@media (min-width:1920px){
	.carousel-item { min-height: 950px;max-height:100%}
	.slider-cizgi{width:380px;top:112px;}
	.slider-ok{right:200px;height:60px;}
	.slider-okx{right:240px;width:142px;height:52px;}
	.glry-sld-ok{right:inherit;height:100%;padding-top:25%;margin-top:inherit;}
	.glry-slider-ok2{width:132px;height:52px;}
	.glry-img-d{max-height:680px;height:100%;}
	.dikey-yazi {top:35%;width:43px;height:210px;}
	
	}
@media (min-width:2560px){
	.carousel-item { min-height: 1200px;max-height:100%}
	.slider-cizgi{width:380px;top:112px;}
	.slider-ok{right:200px;height:60px;}
	.slider-okx{right:240px;width:142px;height:52px;}
	.glry-sld-ok{right:inherit;height:100%;padding-top:25%;margin-top:inherit;}
	.glry-slider-ok2{width:132px;height:52px;}
	.glry-img-d{max-height:680px;height:100%;}
	.dikey-yazi {top:35%;width:43px;height:210px;}
	
}
/*
1024px	768px	3%
1280px	800px	11%
1360px	768px	2%
1366px	768px	35%
1440px	900px	6%
1600px	900px	6%
1680px	1050px	3%
1920px	1080px	20%
2560px ve üstü	1440px	1%
*/
/*
@media (min-width:320px){
	.carousel {margin-bottom: 4rem;max-width:320px;min-height:240px}
	.carousel-item { min-height: 240px;}
	.carousel-item > img {max-width: 100%;}
	}
@media (min-width:576px){
	.carousel {margin-bottom: 4rem;max-width:576px;min-height:360px;}
	.carousel-item { min-height: 360px;}
	.carousel-item > img {max-width: 100%;}
	}
@media (min-width:768px){
	.carousel {margin-bottom: 4rem;max-width:730px;min-height:400px}
	.carousel-item { min-height: 400px;}
	.carousel-item > img {max-width: 100%;}
	}
@media (min-width:1024px){
	.carousel {margin-bottom: 4rem;max-width:990px;min-height:600px}
	.carousel-item { min-height: 600px;}
	.carousel-item > img {max-width: 100%;}
	}
@media (min-width:1200px){
	.carousel {margin-bottom: 4rem;max-width:1180px;min-height:640px}
	.carousel-item { min-height: 640px;}
	.carousel-item > img {max-width: 100%;}
	}
@media (min-width:1360px){
	.carousel {margin-bottom: 4rem;max-width:1340px;min-height:680px}
	.carousel-item { min-height: 680px;}
	.carousel-item > img {max-width: 100%;}
	}
@media (min-width:1440px){
	.carousel {margin-bottom: 4rem;max-width:1420px;min-height:760px}
	.carousel-item { min-height: 760px;}
	.carousel-item > img {max-width: 100%;}
	}
@media (min-width:1680px){
	.carousel {margin-bottom: 4rem;max-width:1680px;min-height:940px}
	.carousel-item { min-height: 940px;}
	.carousel-item > img {max-width: 100%;}
	}
@media (min-width:1920px){
	.carousel {margin-bottom: 4rem;max-width:1900px;min-height:990px}
	.carousel-item { min-height: 990px;}
	.carousel-item > img {max-width: 100%;}
	}
*/
/*
1024px	768px	3%
1280px	800px	11%
1360px	768px	2%
1366px	768px	35%
1440px	900px	6%
1600px	900px	6%
1680px	1050px	3%
1920px	1080px	20%
2560px ve üstü	1440px	1%
*/

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}