/* TABLAR */
.container .rtabs{
	float:left; width:100%; margin-bottom: 20px;
}
.container .rtabs ul{
	float:left; width:100%; list-style:none; text-align:center; margin: 0px; padding: 0px;
}

.container .rtabs ul li{
	display:inline-block; padding:10px; box-sizing:border-box;
	background:#e9e9e9; border-radius:3px; cursor:pointer; position: relative;
	margin:4px;
}
.container .rtabs ul li.aktif{
	background:#f15b28; color:#fff;
}
.container .rtabs ul li.aktif:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #f15b28;
	border-width: 6px;
	margin-left: -5px;
}
/* TABLAR */

.referanslarlist{
	float:left; width:100%; height: 5000px; list-style:none; margin: 0px; padding: 0px;
}
.referanslarlist li{
	float:left;  width:285px; height:280px;
	transition: all 0.8s; position:relative;
	background-size: cover !important;
}
.referanslarlist li.buyuk{
	float:left;  width:570px; height:560px;
	transition: all 0.8s; position:relative;
	background-size: cover !important;
}
.referanslarlist.adworsReferanslar li{
	float:left;  width:280px; height:280px; background:url('../img/references/adwords-referanslar.jpg');
	transition: all 0.8s; position:relative;
}
.referanslarlist li .filter{
	float: left; width: 100%; position: absolute; top:0; left: 0; bottom: 0; right: 0; background: #ff0000; margin-top: 282px; transition: all 0.5s; background: rgba(51, 122, 183, 0.82);
}
.referanslarlist li.buyuk .filter{
	margin-top: 564px;
}
.referanslarlist li:hover .filter{
	margin-top:0px;
}
.dtybtn > a {
	float: left;
	width: 150px;
	height: 42px;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	background: #f15b28;
	margin-left: calc(50% - 75px);
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
}
.filter > .baslik{
	float: left;
	width: 100%;
	color: #fff;
	display: inline-block;
	margin-left: 15px;
	margin-top: 15px;
	border-left: 1px solid #fff;
	padding-left: 10px;
}
.filter > .detay{
	float: left;
	width: 89%;
	color: #fff;
	margin-left: 26px;
	min-height: 150px;
}
.filter > .kategori{
	float: left;
	color: #fff;
	position: relative;
	left: 21px;
}
.filter > .social{
	color: #fff;
	float: right;
	margin-right: 12px;
}
.filter > .btn{
    top: calc(100% - 37px);
    max-height: 37px;
}
.referanslarlist li a{
	position:absolute; top:0px; left:0px; right:0px; bottom:0px;
}
/*.referanslarlist li:hover{
	box-shadow: inset 1px 1px 20px 19px #002644;
    transition: all 0.3s;
}*/

/* ADWORDS */
.referanslarlist.adworsReferanslar li.yargi{
	float:left;  background-position:0px 0px;
}.referanslarlist.adworsReferanslar li.bkm{
	float:left;  background-position:-280px 0px;
}.referanslarlist.adworsReferanslar li.fonex{
	float:left;  background-position:-560px 0px;
}.referanslarlist.adworsReferanslar li.ersa{
	float:left;  background-position:-840px 0px;
}.referanslarlist.adworsReferanslar li.random{
	float:left;  background-position:0px -280px;
}.referanslarlist.adworsReferanslar li.annedukkan{
	float:left;  background-position:-560px -280px;
}.referanslarlist.adworsReferanslar li.gymmarket{
	float:left;  background-position:-840px -280px;
}.referanslarlist.adworsReferanslar li.immergas{
	float:left;  background-position:-560px -560px;
}.referanslarlist.adworsReferanslar li.evimemoda{
	float:left;  background-position:-840px -560px;
}.referanslarlist.adworsReferanslar li.yazlikvilladatatil{
	float:left;  background-position:0px -840px;
}.referanslarlist.adworsReferanslar li.woongin{
	float:left;  background-position:-280px -840px;
}.referanslarlist.adworsReferanslar li.bebegen{
	float:left;  background-position:-560px -840px;
}
.referanslarlist.adworsReferanslar li.elif{
	float:left;  background-position:-840px -840px;
}
.referanslarlist.adworsReferanslar li.otsimo{
	float:left;  background-position:0 -1120px;
}
.referanslarlist.adworsReferanslar li.tarifebilir{
	float:left;  background-position:-280px -1120px;
}
.referanslarlist.adworsReferanslar li.althernas{
	float:left;  background-position:-560px -1120px;
}
.referanslarlist.adworsReferanslar li.exi5{
	float:left;  background-position:-840px -1120px;
}
.referanslarlist.adworsReferanslar li.yoresel{
	float:left;  background-position:0 -1400px;
}
.referanslarlist.adworsReferanslar li.annelersoruyor{
	float:left;  background-position:-560px -1400px;
}
.referanslarlist.adworsReferanslar li.dezge{
	float:left;  background-position:-840px -1400px;
}
.referanslarlist.adworsReferanslar li.arizam{
	float:left;  background-position:-560px -1680px;
}
.referanslarlist.adworsReferanslar li.protek{
	float:left;  background-position:-840px -1680px;
}
.referanslarlist.adworsReferanslar li.kombiariza{
	float:left;  background-position:0 -1960px;
}
.referanslarlist.adworsReferanslar li.istanbulalerji{
	float:left;  background-position:-280px -1960px;
}
.referanslarlist.adworsReferanslar li.dentsuadiye{
	float:left;  background-position:-560px -1960px;
}
.referanslarlist.adworsReferanslar li.marketimevimde{
	float:left;  background-position:-840px -1960px;
}
.referanslarlist.adworsReferanslar li.atrax{
	float:left;  background-position:0 -2240px;
}
.referanslarlist.adworsReferanslar li.sizinicin{
	float:left;  background-position:-280px -2240px;
}
/* ADWORDS */

/* TABLET */

@media screen and (max-width:1025px){
	
	
	.referanslarlist {
		margin-left: calc(50% - 380px) !important; width: 760px;
	}.referanslarlist li{
		width: 190px !important; height: 186.66px !important; background-size: 760px;
	}.referanslarlist li.buyuk{
		width:280px !important; height:280px !important; background-size:570px;
	}
	
	
}
@media screen and (max-width:780px){
	

	.referanslarlist {
		margin-left: calc(50% - 380px) !important; width: 760px;
	}.referanslarlist li{
		width: 190px !important; height: 186.66px !important; background-size: 760px;
	}.referanslarlist li.buyuk{
		width:280px !important; height:280px !important; background-size:570px;
	}
	.filter > .detay {
		float: left;
		width: 92%;
		color: #fff;
		margin-left: 11px;
		min-height: 150px;
		font-size: 10px;
	}
	.filter > .baslik {
		float: left;
		width: 91%;
		color: #fff;
		display: inline-block;
		margin-left: 11px;
		margin-top: 9px;
		border-left: 1px solid #fff;
		padding-left: 9px;
	}

}
/* TABLET */

/* MOBIL */
@media screen and (max-width:590px){

	.referanslarlist{
		margin-left: calc(50% - 160px) !important; width:320px;
	}.referanslarlist li{
		width:80px !important; height:80px !important;
	}.referanslarlist li.buyuk{
		width:160px !important; height:160px !important;
	}
	.referanslarlist li a {
		font-size: 8px;
	}
	.filter > .detay{
		display:none;
	}
	.filter > .kategori {
		font-size: 8px;
	}
	.filter > .baslik {
		float: left;
		width: 100%;
		color: #fff;
		display: inline-block;
		margin-left: 4px;
		margin-top: 15px;
		border-left: 1px solid #fff;
		padding-left: 8px;
		font-size: 9px;
		width: 93%;
	}

}
/* MOBIL */