.demir {
  background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url("../../images/kordon.jpg") fixed center center;
  background-size: cover;
  padding: 120px 0;
}

.demir h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

.demir p {
  color: #fff;
}

.demir .demir-btn {
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 28px;
  transition: 0.5s;
  margin-top: 10px;
  border: 2px solid #fff;
  color: #fff;
}

.demir .demir-btn:hover {
  background: #16B6CF;
  border: 2px solid #16B6CF;
}








.welcome-section{
	position:relative;
	padding:90px 0px 50px;
	background-position:right top;
	background-repeat:no-repeat;
}

.welcome-section:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:100%;
	height:302px;
	background-color:#f8f8f8;
}

.welcome-section .services-title{
	position:relative;
	text-align:center;
	margin-bottom:65px;
}

.welcome-section .services-title .title{
	position:relative;
	font-size:22px;
	font-style:italic;
	margin-bottom:12px;
	font-family: 'Playfair Display', serif;
}

.welcome-section .services-title h2{
	position:relative;
	font-size:22px;
	font-weight:500;
	color:#242424;
	line-height:1.5em;
	padding-bottom:26px;
}

.welcome-section .services-title h2:after{
	position:absolute;
	content:'';
	left:50%;
	bottom:0px;
	width:60px;
	height:2px;
	margin-left:-30px;
	background-color:#d2b871;
}


/*Services Block*/

.services-block{
	position:relative;
	margin-bottom:40px;
}

.services-block .inner-box{
	position:relative;
	display:block;
}

.services-block .inner-box .image{
	position:relative;
}

.services-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.services-block .inner-box .lower-content{
	position:relative;
	padding:25px 28px 30px;
	background-color:#ffffff;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 15px 0px rgba(204,204,204,1);
	box-shadow: 0px 0px 15px 0px rgba(204,204,204,1);
}

.services-block .inner-box .lower-content h3{
	position:relative;
	font-size:20px;
	font-weight:600;
	margin-bottom:5px;
}

.services-block .inner-box .lower-content h3 a{
	position:relative;
	color:#242424;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.services-block .inner-box .lower-content h3 a:hover{
	color:#25baa9;
}

.services-block .inner-box .lower-content .text{
	position:relative;
	color:#7d7d7d;
	font-size:16px;
	line-height:1.7em;
	margin-bottom:12px;
}

.services-block .inner-box .lower-content .read-more{
	position:relative;
	color:#386bb8;
	font-size:14px;
	font-weight:500;
}

.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}


.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}


.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}






.services-section{
	position:relative;
	padding:100px 0px 60px;
}

.services-section.no-padd-top{
	position:relative;
	padding-top:0px;
}

.services-block-two{
	position:relative;
	margin-bottom:40px;
}

.services-block-two .inner-box{
	position:relative;
	display:block;
	padding:30px 22px;
	text-align:center;
	border:1px solid #d8d8d8;
	background-color:rgba(255,255,255,0.25);
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.services-block-two .inner-box .icon-box{
	position:relative;
	font-size:60px;
	line-height:1em;
	color:#25baa9;
	margin-bottom:20px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.services-block-two .inner-box h3{
	position:relative;
	font-weight:600;
	font-size:20px;
	margin-bottom:10px;
}

.services-block-two .inner-box h3 a{
	color:#242424;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.services-block-two .inner-box .text{
	position:relative;
	color:#797979;
	font-size:16px;
	font-weight:500;
	line-height:1.7em;
	margin-bottom:8px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.services-block-two .inner-box .read-more{
	position:relative;
	color:#386bb8;
	font-size:14px;
	font-weight:500;
}

.services-block-two .inner-box:hover{
	border-color:#25baa9;
	background-color:#25baa9;
}

.services-block-two .inner-box:hover .icon-box,
.services-block-two .inner-box:hover h3 a,
.services-block-two .inner-box:hover .text{
	color:#ffffff;
}

.services-block-two .inner-box:hover .read-more{
	color:#000000;
}

.services-section .owl-dots{
	display:none;
}

.services-section .owl-nav{
	position:absolute;
	right:0px;
	top:-105px;
}

.services-section .owl-nav .owl-prev,
.services-section .owl-nav .owl-next{
	width:46px;
	height:46px;
	line-height:42px;
	font-size:20px;
	margin-left:20px;
	text-align:center;
	border:2px solid #a3a3a3;
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.services-section .owl-nav .owl-prev:hover,
.services-section .owl-nav .owl-next:hover{
	color:#25baa9;
	border-color:#25baa9;
}



@media (min-width: 992px)
.col-md-4 {
    width: 33.33333333%;
}









/*Masaüstü Bilgisayarlar İçin Başlangıç*/
@media screen and (min-width:1190px) {


.Sprite {background:url("../images/Sprite_Bg.png") no-repeat;}
#Ortala{width:1190px; margin:0 auto; padding:px;}


#Surec{width:100%; margin:0px; padding:40px; display:block; float:left; margin-top:20px;}
#Surec_Baslik_Spot{width:100%; margin:0px; padding:0px; display:block; float:left; text-align:center;}
#Surec_Baslik{width:100%; margin:0px; padding:0px; display:block; float:left; font-size:23px; font-weight:500; color:#222;}
#Surec #Cizgi{width:220px; height:1px; margin:0px auto; padding:0px; display:inline-block; margin-top:20px; background:#00ae9e;}
#Surec #Cizgi span{width:70px; height:9px; margin:0px auto; padding:0px; display:block; margin-top:-4px; background:#00ae9e; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;}
#Surec_Spot{width:100%; margin:0px; padding:0px 10px; display:block; float:left; margin-top:5px; margin-bottom:12px; font-size:14px; font-weight:400; color:#555; line-height:26px;}

#Surec ul{width:100%; margin:0px; padding:0px; display:block; float:left; margin-top:8px;}
#Surec ul li{width:23.5%; margin:0px; padding:20px 0px; display:block; float:left; margin-left:2%; border:1px solid #ddd;  -moz-border-radius:20px; border-radius:20px; -webkit-border-radius:20px;}
#Surec ul li:first-child{margin-left:0px;}
#Surec ul li #Resim{width:100%; margin:0px; padding:0px; display:block; float:left; text-align:center;}
#Surec ul li #Resim img{width:80px; margin:0px auto; padding:0px; display:block;}
#Surec ul li #Baslik_Spot{width:100%; height:114px; margin:0px; padding:0px 40px; display:block; float:left; text-align:center; overflow:hidden;}
#Surec ul li #Baslik{width:100%; margin:0px; padding:0px; display:block; float:left; margin-top:10px; line-height:22px; font-size:16px; font-weight:500; color:#333;}
#Surec ul li #Spot{width:100%; margin:0px; padding:0px; display:block; float:left; margin-top:8px; font-size:14px; 
line-height:23px; font-weight:400; color:#666;}




#EBulten{width:100%; margin:0px; padding:35px 0px; float:left; display:block; margin-bottom:0px; background:#f7f7f7;}
#EBulten_Icon{width:56px; margin:0px; padding:0px; display:block; float:left; margin-right:15px;}
#EBulten_Icon img{width:100%; margin:0px; padding:0px; display:block; float:left;}
#EBulten_Baslik_Spot{width:600px; margin:0px; padding:0px; display:block; float:left; padding-right:15px;}
#EBulten_Baslik{width:100%; margin:0px; padding:0px; display:block; float:left; margin-top:5px; font-size:19px; font-weight:600; color:#e30613;}
#EBulten_Aciklama{width:100%; margin:0px; padding:0px; float:left; display:block; margin-top:10px; font-size:14px; color:#666;}
#EBulten_Sag{width:500px; margin:0px; padding:0px; display:block; float:right;}
.Ebulten_Input{width:100%; height:56px; border:0px; margin:0px; padding:0px 20px; float:left; display:block; font-family:Poppins; font-size:14px; font-weight:400; background:none; border:2px solid #e30613; color:#e30613; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;}
.Ebulten_Gonder{width:21px; height:17px; margin:0px; padding:0px; border:0px; float:left; margin-top:19px; margin-left:-40px; cursor:pointer;}
.Ebulten_Gonder:hover{opacity:0.6;}







}
/*Masaüstü Bilgisayarlar İçin Bitiş*/