/*
	Project			: 
	v.1 			: 2019
	Company Name	: Data1 Integral Technologies
	Code By			: Kübra İstafiloğlu - kubra.istafiloglu@data1.com.tr
*/
@import url('https://fonts.googleapis.com/css?family=Asap:400,500,600,700&subset=latin-ext');
body {
	margin: 0px;
	font-family: 'Asap', sans-serif;
	background:#f2f2f2
}
a:link { text-decoration: none;} a:visited { text-decoration: none;} a:hover { text-decoration: none;} a:active { text-decoration: none;} img { :none } .clear { clear:both }

::selection { background: #000; color:#FFF }
::-moz-selection { background: #000; color:#FFF }
*{padding:0; margin:0}
/*
color:rgba(0, 0, 0, 0.5);
color:rgba(255, 255, 255, 0.5);
*/

.baslik {
	font-size:20px;
	color:rgba(0, 0, 0, 0.5);
}
.text {
	font-size:14px;
	color:#666;
	text-shadow: 1px 1px 1px #fff;
}
.opa
{
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.opa:hover
{
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
.golge
{
	box-shadow: #ccc 0px 0px 9px;
	-moz-box-shadow: #ccc 0px 0px 9px;
	-webkit-box-shadow: #ccc 0px 0px 9px;
}
.oval
{
	-webkit--radius:  10px;
	-moz--radius:  10px;
	-radius:  10px;
}
.sure {
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.left {	float:left}
.right { float:right}
.clear { clear:both}

.text-right {
	text-align:right
}
.margin-left {
	margin-left:30px
}
.content {
	width:90%;
	height:auto;
	margin:0 auto;
}
.header{
	padding:5px 1%;
	width:98%;
	background:#FFFFFF;
	position:fixed;
	z-index:900;  box-sizing: content-box;}
.logo{
	float:left;
	margin-top:10px}
.logo img{
	width:200px;
	height:auto}
.headerright{
	float:right;
	margin-top:10px; margin-right:32px
}

.headerright a{
	float:left;
	font-size:13px;
	color:#000;
	font-weight:400; margin-left:30px; padding:20px 0;}
	
	.headerright span{
	float:left;
	font-size:13px;
	color:#ccc;
	font-weight:400;padding:20px 0; margin-left:5px
}
.left2{
 margin-left:5px !important; }
	
.headerright a:hover{
	color:#ed1c24}
.mA{
	color:#ed1c24 !important}
.yil50 {
	float:right;
}
.yil50 img{
	width:70px;
	height:auto}
.fixed{
	height:85px}
.fixedb{
	height:65px}
.gribg{
	background:#fff;
	width:90%;
	padding:25px 5%;
	height:auto;box-sizing: content-box;}
.home{
	width:80%;
	height:auto;
	float:left}
.homeright{
	width:20%;
	height:auto;
	float:left}
.homeright img{
	width:100%;
	height:auto;}
	
.homeleft{
	width:27%;
	height:auto;
	float:left;
	text-align:center;
	margin-right:5%; color:#212121; font-size:14px; line-height:22px; margin-top:90px}
.homeleft h1{
	font-size:25px; font-weight:bold; line-height:20px}
.homeleft span{
	font-size:16px; font-weight:normal; width:100%; height:auto; float:left; margin-bottom:15px}
.homeleft a{
	color:#ed1c24; font-weight:bold; width:100%;
	float:left; margin-top:15px; letter-spacing:2px}

.hizmet h1 {
	font-size:20px;
	font-weight:bold}
.hizmetler{
	width:100%;
	height:auto;
	margin:15px auto;}

.hizmetler li{
	width:16%;
	float:left;
	height:auto; margin-right:5%; list-style-type:none; text-align:center;
	margin-bottom:35px}
.hizmetler li a{
	color:#000000}
.hizmetler li:nth-child(5n){
	 margin-right:0;}
	
.hizmetler li img{
	width:100%;
	height:165px;
	margin-bottom:8px;
	  position: relative;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;	border:3px solid #fff
}

.hizmetler img:hover{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);  
    -moz-transform: scale(1.1);
    transform: scale(1.1);
	border:3px solid #ed1c24
}	
.footer{
	width:98%;
	height:auto;
	padding:25px 1% 10px 1%;
	background:#cfcfcf; box-sizing: content-box; bottom:0; position:fixed}

.footer img{
	float:right; margin-left:15px; margin-top:-15px}

.sosyalmedya{
	border:1px solid #808080; border-radius:150px; width:35px;
	height:35px;
	text-align:center; float:right; padding-top:10px; margin-top:-8px; margin-left:15px}
.sosyalmedya:hover{
	background:#c7c7c7;}
.sosyalmedya img{
	float:none; margin:0}
.footer span{
	float:left; font-size:13px; margin-top:2px}
.hizmettext{
	width:100%;
	height:50px;
	overflow:hidden;
	float:left}
	
.c-button{
	display:none !important
}
.detailtext{
	font-size:16px;
	color:#666666; line-height:22px}

.detailtext h1{
	font-size:28px;
	color:#ed1c24 ; }
	
.detailimage{
	float:right; margin-left:5%; width:30%; height:auto; margin-bottom:15px}

.detailimage2{
	float:right; margin-left:5%; width:15%; height:auto; margin-bottom:15px}
	
		
.tr-en{
	width:90%;
	height:auto; float:left; margin-left:20px 
	}
.tr-en a{
	color:#000000;
	float:left;  margin:15px 0 15px 5px; font-weight:600
	}
.tr-en a:hover{
	color:#ed1c24;
	float:left;  margin:15px 0 15px 5px; font-weight:600
	}
.tr-en span{
	color:#000000;
	float:left;  margin:15px 0 15px 5px;font-weight:normal;
	}
.icbg{
	background:url(../images/icbg.jpg) center repeat-x;
	width:100%;
	height:192px; margin-bottom:20px}
.righticerik{
	float:left; width:71%;
	height:auto; margin-left:4%; margin-top:35px}
.righticerik h2{
	font-size:17px;
	font-weight:bold;
	color:#ed1c24}
.leftmenu{
	width:25%; background:#FFFFFF; padding:30px 0; margin-top:-18px; float:left}
.leftmenu a{
	width:80%; height:auto; margin-bottom:20px; color:#5a5a5a; font-size:20px; float:left; margin-left:10%; margin-right:10%}
.leftmenu a span{
	 color:#ed1c24; font-size:15px; float:left; margin-right:15px;     margin-top: -1px;}
.leftmenu a:hover{
	 color:#ed1c24; }
.iletisim{
	width:95%;
	padding:3%;
	margin-right:5%;
	float:left;
	height:auto;
	background:#FFFFFF; margin-top:30px; }
.iletisim iframe{
	width:50%;
	float:left;
	height:250px;}
.iletisim h2{
	color:#ea282e; font-size:20px;
	font-weight:bold}
.iletisim2 img{
	float:left; width:100%; height:auto; margin-top:3px}
.iletisim2{
	float:left !important;
	width:14px;
	height:auto;}
.iletisim3{
	float:left !important;
	width:90%;
	height:auto;
	margin-left:2%; margin-bottom:10px}
.iletisim4{
	width:50%;
	height:auto; float:left
	}

.iletisimleft{
	width:60%;
	height:auto; float:left}
.iletisimright{
	width:40%;
	height:auto; float:left;
	padding:5%;
	background:#FFFFFF; margin-top:30px}
.box2{
	width:100%;
	height:auto;
	padding:3%;
	border:1px solid #CCCCCC; margin-bottom:15px;	font-family: 'Asap', sans-serif;}
.box2:focus{
	outline:none;	border:1px solid #ea282e;}
.box2:hover{
	border:1px solid #ea282e;}
.box3{
	height:150px;}
.iletisimright h2{
	color:#666; font-size:20px;
	font-weight:bold}
.gonder{
	background:#ea282e;
	padding:3% 0; text-align:center;
	width:150px;
	color:#FFFFFF; border:0}
.gonder:focus{
	outline:none;
	background:#000000}
.gonder:hover{
	outline:none;
	background:#000000; cursor:pointer}
.galeri{
	width:18%;
	height:200px;
	float:left;
	margin:0 2% 2% 0}