html, body{ 
  min-height: 100%;
  overflow: auto;
	padding: 0;
margin: 0;
}

html{background:#F6F6F6 url("../images/bulut-giris.jpg?crc=4265321896") no-repeat center top scroll; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
body {
    font-family: 'Raleway', sans-serif;
}
a:focus,
a:hover {
  text-decoration: none;
}
a.link {
  color: #455a64;
	text-decoration: none;
}
a.link:focus,
a.link:hover {
  color: #118393;
}
a{text-decoration: none}
@media(min-width:900px){.yazi{ padding: 0 160px}
.blok{width: 308px; float:left; margin-right: 30px}

}
@media(max-width:899px){.yazi{ padding: 0 20px}
.blok{width: 100%; float:left; margin-right: 0px; margin-bottom: 20px}
	.content{padding: 10px}
}
@media(min-width:1600px){
	.logo{margin-top: 90px;} 
	.bar{margin-top: 30px;} 
	.yazi{margin-top: 36px; font-size: 12px;} 
	.urun-carousel  a{height: 500px;}
	.graident-hover-red, .graident-hover{height: 500px}
	
.graident-hover-red a i, .graident-hover a i{ 
	margin-top: -110px;}
		.content{margin-top: 60px; margin-bottom: 100px}
	}
@media(max-width:1599px){
	.logo img{width: 170px}
	.logo{margin-top: 20px;} 
	.bar{margin-top: 20px;} 
	.yazi{margin-top: 16px;}
.urun-carousel  a{height: 400px;}
	.graident-hover-red, .graident-hover{height: 400px}
	.graident-hover-red a i, .graident-hover a i{ 
	margin-top: -150px;}
		.content{margin-top: 20px; margin-bottom: 50px}
}
 
.urun-icerik h6{height: 71px}


.bar, .logo{text-align: center;
width: 100%;}
.wrap{max-width: 1050px; margin-left: auto; margin-right: auto; position: relative; }
.yazi{color:#4e747d;  text-align: center; line-height: 25px; }
.content{ display: table; margin-left: auto;
margin-right: auto;}

.blok:last-child{ margin-right: 0px}
.urun-carousel  a{padding: 280px 5px 0;}
.urun-carousel  a{
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 10px;
  -webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
    
    
    background-size: cover;
    text-align: center;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 1, 1, 0.23);

box-shadow: 0 3px 4px 0 rgba(0, 1, 1, 0.23);
	width: 100%;
float: left;
}
.urun-icerik{position: relative;z-index: 9999; -webkit-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;

}
.urun-icerik:hover{
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
	
}
.graident-hover-red a i:hover, .graident-hover a i:hover{top: -20px;
 -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);}



.graident-hover-red a i, .graident-hover a i{ 
    display: block;
    height: 139px;

background-repeat: no-repeat;
    background-position: center bottom;
	-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}

.graident-hover-red a, .graident-hover a{ -webkit-transition: all .3s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.graident-hover a:before{
    height: 350px;
    background: transparent;
    background: -webkit-linear-gradient(transparent, transparent, transparent, rgba(7,161,182,0.7), rgba(7,161,182,0.9), #07a1b6, #07a1b6, #07a1b6);
    background: -o-linear-gradient(transparent, transparent, transparent, rgba(7,161,182,0.7), rgba(7,161,182,0.9), #07a1b6, #07a1b6, #07a1b6);
    background: -moz-linear-gradient(transparent, transparent, transparent, rgba(7,161,182,0.7), rgba(7,161,182,0.9), #07a1b6, #07a1b6, #07a1b6);
    background: linear-gradient(transparent, transparent, transparent, rgba(7,161,182,0.7), rgba(7,161,182,0.9), #07a1b6, #07a1b6, #07a1b6);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    bottom:1px;
}
.graident-hover-red a:before{
    height: 350px;
    background: transparent;
    background: -webkit-linear-gradient(transparent, transparent, transparent, rgba(232,52,70,0.7), rgba(232,52,70,0.9), #e83446, #e83446, #e83446);
    background: -o-linear-gradient(transparent, transparent, transparent, rgba(232,52,70,0.7), rgba(232,52,70,0.9), #e83446, #e83446, #e83446);
    background: -moz-linear-gradient(transparent, transparent, transparent, rgba(232,52,70,0.7), rgba(232,52,70,0.9), #e83446, #e83446, #e83446);
    background: linear-gradient(transparent, transparent, transparent, rgba(232,52,70,0.7), rgba(232,52,70,0.9), #e83446, #e83446, #e83446);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    bottom:1px;
}
.graident-hover-red a:after, .graident-hover a:after{
    content: "";
    height: 0;
    bottom: 300px;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.graident-hover-red a:hover, .graident-hover a:hover {
    box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.36);
	-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.graident-hover-red a:hover:before, .graident-hover a:hover:before{height: 0;}
.graident-hover-red a:hover:after{
    height: 100%;
    bottom: 0px;
    background: transparent;
    background: -webkit-linear-gradient(transparent, #e83446);
    background: -o-linear-gradient(transparent, #e83446);
    background: -moz-linear-gradient(transparent, #e83446);
    background: linear-gradient(transparent, #e83446);
}
.graident-hover a:hover:after{
    height: 100%;
    bottom: 0px;
    background: transparent;
    background: -webkit-linear-gradient(transparent, #07a1b6);
    background: -o-linear-gradient(transparent, #07a1b6);
    background: -moz-linear-gradient(transparent, #07a1b6);
    background: linear-gradient(transparent, #07a1b6);
}
.graident-hover-red a:before, .graident-hover-red a:after, .graident-hover a:before, .graident-hover a:after{
    content: "";
    position: absolute;
    width: 100%;
    border-radius: 0 0 9px 9px;
    left: 0;
    z-index: 1;
}
.urun-carousel a:hover {
      -webkit-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
-webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
	transform: translateY(-10px);}
.urun-carousel  a h6 {
    font-weight: 600;
    font-size: 23px;
    color: #fff;
    margin: 15px 0 10px;
}
.urun-carousel a  span {
    display: inline-block;
    font-weight: 400;
    font-size: 10px;
    color: #fff;
    text-transform: capitalize;
}
@media(min-width:1500px){footer{position: fixed;}}
@media(max-width:1499px){footer{position: relative;}}
footer{height: 80px; width: 100%; background-color:rgba(255,255,255, 0.5); bottom:0;  border-top: 1px solid #bfcdce}
.footer-content{max-width: 1100px; margin-left: auto; margin-right: auto;color:#798b90; font-size: 14px;}
@media(min-width:900px){

	.footer-content{padding-top: 34px;}
.footer-content-left{float:left; width: 50%; text-align: left}
	.footer-content-right{float:left; width: 50%; text-align: right}}
@media(max-width:899px){

	.footer-content{padding-top: 4px;}
.footer-content-left{float:left; width: 100%; text-align: center; margin-bottom: 10px; padding: 7px}
	.footer-content-right{float:left; width: 100%; text-align: center; padding: 7px}}