.urun {
	text-align: center;

    background-position: left bottom;
    background-repeat: repeat-x;
    background-image: url(res/bg3.jpg);
}
/*
.urun {
	text-align: center;

    background-position: left bottom;
    background-repeat: repeat-x;
    background-image: url(res/bg.jpg);
}
.urun {
    background-repeat: no-repeat;
    background-size: cover;
}
*/

.urun * {
	box-sizing: border-box;
}

.urun h3 {
	margin: 0;
	padding: 0;
}

 .urun p:last-child{
    margin-bottom:0;
}









.urun .single-feature-project-box{
    background-color:#fff;
    margin-bottom:30px;
	
	max-width: 360px;
	margin-left: auto;
	margin-right: auto;

	transition: ease all 0.3s; /* ilave */
}




.urun .single-feature-project-box:hover {
	box-shadow: 0 10px 30px -25px #000; /* ilave */
}






 .urun .single-feature-project-box__image img{
    width:100%;
}
 .urun .single-feature-project-box__content{
    padding:20px 15px;
    min-height: 135px; /* 130+5 */
}
 .urun .single-feature-project-box__title{
    font-weight: normal;
    font-size:1.2rem;
    /* margin-bottom:20px; */
    margin-bottom: 0;
}
 .urun .single-feature-project-box__link{
    color:#222;
    height:50px;
    line-height:50px;
    padding:0 20px;
    display:block;
    width:100%;
    border-top:1px solid #eee;
    position:relative;
    font-weight:700;
    letter-spacing:0.5px;
    font-size:0.8125rem;
    z-index:1;
	
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
 .urun .single-feature-project-box__link:hover{
    color:#fff;
}
 .urun .single-feature-project-box__link:hover:before{
    width:100%;
    left:0;
    right:auto;
}
 .urun .single-feature-project-box__link:hover i{
    color:#fff;
}
 .urun .single-feature-project-box__link:before{
    position:absolute;
    right:0;
    width:0;
    height:100%;
    content:"";
    background-color:#70124c; /* 70124c ffc246 */
    -webkit-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index:-1;
}
 .urun .single-feature-project-box__link span{
    z-index:2;
}
 .urun .single-feature-project-box__link i{
    position:absolute;
    right:20px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    color:#70124c; /* 70124c ffc246 */
    font-size:1rem;
    z-index:2;
}

.single-feature-project-box__subtitle {
    font-weight: 300;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

 @media only screen and (min-width: 768px) and (max-width: 991px){
     .urun .single-feature-project-box__title{
        font-size:16px!important;
    }
}
 @media (max-width: 1200px){
     .urun .single-feature-project-box__title{
        font-size:calc(1rem + 0.3vw);
    }
}




.urun-link {
    border: solid 2px #494947;
    color: #333333;
    padding: 12px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	vertical-align: top;
    margin: 0;
    cursor: pointer;
	transition: .3s;
	border-radius: 2px;
}
.urun-link:hover {
    background-color: #494947;
	color: #ffffff;
}


.urun-url {
  display: inline-block;
  box-sizing: border-box;
  padding: 9px 16px;
  border-radius: 2px;
  background-color: rgba(0,0,0,0.1);
  color: #333333;
  text-decoration: none;
}
.urun-url:hover {
  background-color: rgba(0,0,0,0.7);
  color: #ffffff;
}