html {
  scroll-behavior: smooth;
}

body{
background:url('../images/bg.jpg');
background-repeat: no-repeat;
background-position: top center;
font-family: 'FontFont_FF.Mark.Pro',sans-serif;
font-size: 18px;
}

ul{
padding-left:5px;
}

::selection {
  color: white;
  background: #ED733B;
}


.img-thumbnail{
border:none;
}

.buton{
	color: #252525;
    font-family: 'FontFont_FF.Mark.Pro.Bold',sans-serif;
    font-size: 15px;
    letter-spacing: 2px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: url(../images/butonsagok.svg) no-repeat right;
    padding: 10px 60px 10px 0;
}

.buton:hover{
color:#ED733B;
text-decoration:none;
    padding: 10px 65px 10px 0;
}



.butonsol{
	color: #252525;
	font-family: 'FontFont_FF.Mark.Pro.Bold',sans-serif;
	font-size: 15px;
	letter-spacing: 2px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background: url(../images/butonsolok.svg) no-repeat 5%;
	padding: 10px 0 10px 60px;
}

.butonsol:hover{color:#ED733B;text-decoration:none;background: url(../images/butonsolok.svg) no-repeat left;}







.logo{
padding: 20px 0;
}

.header{
width: 100%;
    height: 70px;
    z-index: 9;
    background: #fff;;
}

.ortaresim{
    width: 100%;
    background: url(../images/slide.jpg);
    background-size: cover;
    text-align: center;
    padding: 20%;
    color: #fff;
    font-size: 40px;
}

.slider{
margin-top:-50px;
}


.menu {
width: 100%;
margin: 0 auto;
}
.menu span{
font-size: 8px;
}
.menu ul {
	display:block;
	margin:0;
	text-align:center;
	padding:0;
	float: right;
}
.menu ul li {
	list-style:none;
	display:inline-block;
}
.menu ul li a {
	font-family: 'FontFont_FF.Mark.Pro.Medium',sans-serif;
    font-size: 14px;
    display: block;
    color: #272B2B;
    padding: 23px 0 23px 14px;
    text-decoration: none;
    -webkit-transition-duration: 0.3s;transition-duration: 0.3s;

}




.menu ul li a:hover {
color:#ED733B;
}

.menu ul li .sur:hover {
color:#3EA85A;
}


.menu ul li.selected a{
color:#ED733B;
}

.menu ul li.selected a.sur{
color:#3EA85A;
}


.menu ul li ul {
	display:none;
	position:absolute;
	background:#fff;
    z-index: 9;
}
.menu ul li ul li {
display: block;
margin: 0;
-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
}
.menu ul li ul li a {
	padding: 6px 10px;
    text-align: left;
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-family: 'FontFont_FF.Mark.Pro',sans-serif;
}
.menu ul li ul li:hover {
background:#f1f1f1;
}
.menu ul li:hover ul {
	display:block;
}


.orta a:hover{
text-decoration:none;
}

.orta{
padding: 30px 0;
}


.baslikk{
    font-family: 'FontFont_FF.Mark.Pro.Bold';
    font-size: 22px;
    color: #ED733B;
    background: url(../images/line.svg) no-repeat left 47%;
	padding: 0 0 0 70px;
    margin-bottom: 30px;
}



.orta h1{
    font-family: 'FontFont_FF.Mark.Pro.Bold';
    font-size: 22px;
    color: #ED733B;
    background: url(../images/line.svg) no-repeat left 47%;
	padding: 0 0 0 70px;
    margin-bottom: 30px;
}


.orta .sag{
padding:0 60px;
line-height: 29px;
color:#252525;
}


.orta .sag2{
padding:0 60px;
line-height: 29px;
color:#252525;
text-align: right;
}


.sag p{
font-size: 15.6px;
}
.sag2 p{
font-size: 15.6px;
}

.orta h2{
    font-family: 'FontFont_FF.Mark.Pro.Bold';
    font-size: 22px;
    color: #ED733B;
    background: url(../images/line.svg) no-repeat right 47%;
    padding: 0 70px 0 0;
    margin-bottom: 30px;
}



.uretim{
background:#F2F2F2;
}


.uretim img{
margin:30px 0;
}


.iconlar{
background:#E3E3E3;padding:30px 0;
}

.iconlar .kolonlar{
border-left:1px solid #C3C3C3;
-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
}
.iconlar .kolonlar:hover{
opacity:0.7;
}



.iconlar .resimler{

width: 70px;
height: 110px;
margin: auto;
line-height: 110px;
}

.iconlar h3{
    font-family: 'FontFont_FF.Mark.Pro.Bold';
    font-size: 22px;
}

.iconlar a{
	font-family: 'FontFont_FF.Mark.Pro';
    font-size: 16px;
    color:#252531;
    text-decoration:none;
}

.iconlar2{
margin:50px 0;
}

.iconlar2 .iconlar2satir{
}

.iconlar2 img{
-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
filter:grayscale(1);
opacity: 0.5;
width: 115px;
}

.iconlar2 img:hover{
filter:inherit;
opacity:1;
}


.icslide{
width:100%;height:350px;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
}


.icslide .baslik{
padding: 10%;
text-align: center;
}
.icslide .baslik h1{
font-family: 'FontFont_FF.Mark.Pro.Bold',sans-serif;
font-size: 50px;
color:#fff;
margin:0 0 30px 0;
}
.icslide .baslik p{
font-family: 'FontFont_FF.Mark.Pro',sans-serif;
font-size: 15px;
color:#fff;
}
.icslide .baslik span{
font-family: 'FontFont_FF.Mark.Pro',sans-serif;
font-size: 15px;
color:#D5D5D5;
}

.icerik{
width:100%;
text-align:center;
min-height:300px;
padding:70px 0;
font-family: 'FontFont_FF.Mark.Pro.Bold',sans-serif;
font-size: 12px;
color:#959595;
}

.icerik h1{
font-family: 'FontFont_FF.Mark.Pro.Bold',sans-serif;
font-size: 23px;
color:#252525;
}

.icerik h2{
font-family: 'FontFont_FF.Mark.Pro',sans-serif;
font-size: 19px;
color:#252525;
}

.kurumsalresim{
padding:30px;
}



.iletisimkutu{
-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
border:1px solid #fff;
width:100%;
height:170px;
background:#fff;
text-align:left;
}

.iletisimkutu img{
float:left;
padding-right: 15px;
}



.iletisimkutu h1{
font-family: 'FontFont_FF.Mark.Pro.Bold',sans-serif;
font-size: 19px;
color:#272B2B;
margin:0 0 0 50px;
}

.iletisimkutu p{
font-family: 'FontFont_FF.Mark.Pro',sans-serif;
font-size: 14px;
color: #707070;
margin: 19px 0 0 50px;
}



.surduricon{
-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
filter:grayscale(1);
opacity: 0.7;
margin-top:20px;
}

.surduricon:hover{
filter:inherit;
opacity:1;
}



.iletisimform{
width:100%;
min-height: 400px;
}

.iletisimform .sol{
float:left;width:50%;
z-index:0;
position:relative;
}

.iletisimform .sag{
float:left;width:50%;
}


.iletisimform .form{
color:#272B2B;
width:100%;
background:#ffffff;
}

.iletisimform form input[type=text],input[type=email],textarea{-webkit-transition-duration: 0.3s;transition-duration: 0.3s;font-family: 'Spartan-Regular',sans-serif;font-size:12px;color:#424242;}
.iletisimform form input[type=text],input[type=email],textarea{

border: 0;
border-bottom: 1px solid #272B2B;
margin: 0 10px 10px 0;
width: 100%;
background: #fff;
font-family: 'FontFont_FF.Mark.Pro',sans-serif;
font-size: 12px;
color: #959595;
height: 60px;
}
.iletisimform form textarea{height:150px;resize:none;}


.iletisimform .buton2{
-webkit-transition-duration: 0.3s;transition-duration: 0.3s;

border: 1px solid #272B2B;
    background: #fff;
    margin: 0 15px;
    border-radius: 50px;
    padding: 5px 40px;
    cursor:pointer;
}

.iletisimform .buton2:hover{
border: 1px solid #fff;
background:#272B2B;
color: #fff;
}


.ikform{
    width:100%;
    min-height: 400px;
    }
    
    .ikform .sol{
    float:left;width:50%;
    z-index:0;
    position:relative;
    }
    
    .ikform .sag{
    float:left;width:50%;
    }
    
    
    .ikform .form{
    color:#272B2B;
    width:100%;
    }
    
    .ikform form input, .ikform form textarea{
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    margin: 0 10px 10px 0;
    width: 100%;
    background: #fff;
    font-family: 'FontFont_FF.Mark.Pro',sans-serif;
    font-size: 12px;
    color: #959595;
    height: 60px;
    }
    .ikform form textarea{height:150px;resize:none;}
    
    .ikform form input:focus{
        background-color: #f0f0f0;
        border-color: #ddd;
        box-shadow: none;
    }
    .ikform .buton2{
    -webkit-transition-duration: 0.3s;transition-duration: 0.3s;
    
    border: 1px solid #272B2B;
        background: #fff;
        margin: 30px 0;
        border-radius: 50px;
        padding: 5px 40px;
        cursor:pointer;
        height: 60px;
        width:auto;
    }
    
    .ikform .buton2:hover{
    border: 1px solid #fff;
    background:#272B2B;
    color: #fff;
    }
    







.footer{
padding:40px 0;
background:#F2F2F2;
font-family: 'FontFont_FF.Mark.Pro',sans-serif;
font-size: 16px;
color: #707070;
}

.sosyalicon{
-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
}

.sosyalicon:hover{
opacity:0.7;
}



.footeralt{
font-family: 'FontFont_FF.Mark.Pro',sans-serif;
font-size: 14px;
color: #707070;
padding:10px 0;
}




#top{
    top: 675px;
    position: absolute;
    left: 47%;
    z-index: 9;
    margin: 0 auto;
    padding: 5px;
    cursor: pointer;
}




@media (max-width:767px) {

.icslide .baslik{
padding: 40% 0;
text-align: center;
}
.icslide .baslik h1{
font-size: 31px;
}


.iconlar .kolonlar{
border:0;
margin:10px 0;
}


.iconlar2 .iconlar2satir{
width:100%!important;
flex-basis: auto;
margin:20px 0;
}



#top{
display:none!important;}


.ortaresim{
font-size:19px;
}



.orta .sag{
padding: 40px 0 0 10px;
}


.orta .sag2{
text-align: left;
padding: 70px 10px;
}

.orta h1{
    background: url(../images/line.svg) no-repeat left 23%;
}

.orta h2{
    background: url(../images/line.svg) no-repeat left 23%;
    padding: 0 0 30px 70px;
}



.hizmetler .ickisim{width:auto;margin: 50px auto 50px;}
.hizmetler .blok{
clear: both;
margin: 0 auto;
float: none;
}

.footeriletisim{height:auto;margin:50px 0;min-height:435px;}
.footeriletisim .form {width: 100%;left: 0;height: auto;}

.hizmetler .blok:hover{
float: none;
}
.iletisimform{height:auto;}

.iletisimform .sol{
float:none;width:100%;
z-index:0;
}

.iletisimform .sag{
float:none;width:100%;
}
.iletisimkutu h1 {margin:0;}
.iletisimkutu p {margin:19px 0 0 0;}


.footer{
height:auto;
padding:40px 0;
}
.footer .bilgiler{
margin-top:0;
margin-bottom:50px;
}

}