/*
	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=Rajdhani:300,400,500,600,700&subset=latin-ext');
body {
	margin: 0px;
font-family: 'Rajdhani', sans-serif;
color:#5f5f5f

}
a:link { text-decoration: none;} a:visited { text-decoration: none;} a:hover { text-decoration: none;} a:active { text-decoration: none;} img { border: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-border-radius:  10px;
	-moz-border-radius:  10px;
	border-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;
}

.clear { clear:both}

.text-right {
	text-align:right
}
.margin-left {
	margin-left:30px
}
.header{
	position:fixed;
	background:#fff;
	width:100%;
	height:auto;
	padding:0 0 10px 0;
	z-index:10}
.content {
	width:1200px;
	height:auto;
	margin:0 auto;
}
.content-detail {
	width:1200px;
	height:auto;
	margin:40px auto;
	line-height:27px;
	color:rgb(0,0,0);
	font-size:17px}
.content-detail h1{
	margin-bottom:10px;
	font-size:25px;color:#5f5f5f}
.content2 {
	width:1350px;
	height:auto;
	margin:0 auto;
}
.masaustu{
	display:inline}
.mobil{
	display:none !important}
.bg{
	width:100%;
	padding:3px 0;
	height:auto;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0094d9+0,49b426+100 */
background: rgb(0,148,217); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(0,148,217,1) 0%, rgba(73,180,38,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,148,217,1) 0%,rgba(73,180,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,148,217,1) 0%,rgba(73,180,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094d9', endColorstr='#49b426',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	}
.logo{
	float:left;
	margin-top:10px
	}
.header-right{
	float:right;
	text-align:right
	}
.anamenu{
	float:right;
	height:auto;}
.anamenu a{
	color:#5f5f5f;
	font-size:14px;
	font-weight:700;
	padding:5px 20px; 
	float:left;
	margin-top:20px
	}
.anamenu a:hover{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0094d9+0,49b426+100 */
background: rgb(0,148,217); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(0,148,217,1) 0%, rgba(73,180,38,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,148,217,1) 0%,rgba(73,180,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,148,217,1) 0%,rgba(73,180,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094d9', endColorstr='#49b426',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color:rgb(255,255,255)}
.anamenuaktif{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0094d9+0,49b426+100 */
background: rgb(0,148,217); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(0,148,217,1) 0%, rgba(73,180,38,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,148,217,1) 0%,rgba(73,180,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,148,217,1) 0%,rgba(73,180,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094d9', endColorstr='#49b426',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color:rgb(255,255,255) !important}
.ustheader{
	float:right;
	height:auto;
	margin-top:20px; margin-right:15px;
}
.c-button{
		display:none !important
}
.usttel{
	float:left;
	margin-top:8px}
	
.tel1{
	background:#dedede;
	text-align:center;
	width:40px;
	height:auto;
	padding:12px 0;
	float:left; margin-right:15px; margin-top:-10px;
	font-size:14px}
.tel1:hover{
	background:#e4e4e4;
	}
	
.usticonlar{
	width:35px;
	height:auto;
	padding:10px 0;
	border:1px solid #f2f2f2;
	border-radius:150px; float:left;
	text-align:center; margin-left:10px; font-size:13px;
	font-weight:600; color:#5f5f5f; box-sizing: content-box;}
.usticonlar:hover{
	background:#f2f2f2}
.usticonlar img{
	width:16px;
	height:auto;}
.cizgi1{
	width:1px;
	height:35px;
	margin:0 15px;
	background:#f2f2f2; float:left}

.tr-en{
	background:none;-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;}
.tr-en:hover{
background: rgb(0,148,217); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(0,148,217,1) 0%, rgba(73,180,38,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,148,217,1) 0%,rgba(73,180,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,148,217,1) 0%,rgba(73,180,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094d9', endColorstr='#49b426',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color:rgb(255,255,255) !important}

.baslik2{
	font-size:35px !important;
	font-weight:700;
	color:#49b425;
	width:100%;
	height:auto;
	margin-top:80px;
	margin-bottom:50px;
	text-align:center}
.baslik2 img{
	margin-top:9px}
.hzmtbaslik{
	color:#fff !important;
	padding:30px 0;	
	font-size:35px !important;
	font-weight:600;
	width:100%;
	height:auto;
	margin-top:80px;
	text-align:center
	
	
	
}
.hakkimizda{
	float:right;
	margin-left:15px}
.text2{
	font-size:17px;
	font-weight:normal;
	color:rgb(0,0,0);
	line-height:25px}
.hizmet4{
	width:40%;
	height:auto;
	background:#0f0f0f;
	float:left;
	padding:8% 5%;
	font-size:20px;
	color:rgb(255,255,255);
	font-weight:800;
	text-align:right;
	line-height:28px;box-sizing: content-box;}
.hizmet4 img{
	margin-bottom:15px}
.hizmet4 a{
	float:left;
	width:100%;
	height:auto;
	margin-top:15px;
	color:#48b329;
	font-weight:800;
	font-size:15px}
.hizmet4 a:hover{

	color:#0194d8;
}
.hizmet4-2{
	background:#252525;
}
.hizmet4-3{
	background:#282828;
}
.hizmet4-4{
	background:#303030;
	text-align:left
}
.footer{
	width:100%;
	height:auto;
	padding:80px 0;
	background:#262628
}
.f1{
	width:25%;
	height:auto;
	float:left;
	font-size:12px;
	color:#fff;
	font-weight:300
}
.f1 span{
	font-size:15px;
	color:#fff;
	font-weight:600;}
.f2{
	width:22%;
	height:auto;
	float:left;}
.f3{
	width:78%;
	height:auto;
	float:left;}
.alticonlar{
	width:50px;
	text-align:center;
	height:auto;
	padding:12px 0;
	float:left;
	margin-right:10px;
	border:1px solid #7a7a7a
}
.alticonlar:hover{
	border:1px solid #49b425;
	background: rgb(0,148,217); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(0,148,217,1) 0%, rgba(73,180,38,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,148,217,1) 0%,rgba(73,180,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,148,217,1) 0%,rgba(73,180,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094d9', endColorstr='#49b426',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.footerblack{
	width:100%;
	height:auto;
	padding:25px 0;
	color:rgb(204,204,204);
	font-size:12px;
	background:#1b1b1d}
.fixed{
	width:100%;
	height:130px;}
.detailimage{
	float:right;
	margin-left:15px}

.r3{width:auto; height:200px; margin-top:10px; margin-right:15px}


.ref{
	width:23%;
	height:280px;
	float:left;
	margin-right:2%;;
	font-weight:600;
	color:#666;
	text-align:center
	}

.ref img{
	width:100%;
	height:auto;
	border:1px solid rgb(204,204,204);
	margin-bottom:5px
	
	}
.basin{
	width:23%;
	height:280px;
	float:left;
	margin-right:2%;;
	font-weight:600;
	color:#666;
	text-align:center
	}
.basin-text{
	width:100%;
	height:58px;
    overflow: hidden;
	float:left;
	font-weight:600;
	color:#666;
	text-align:left;
	line-height:20px
	}
.basin-text:hover{

	color:#288ed7;
-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;
	}


.basin img{
	width:100%;
	height:200px;
	border:1px solid rgb(204,204,204);
	margin-bottom:5px
}
.geridon{
	float:right;
	font-size:15px;
	color:#4ab62a;
	font-weight:600}
.geridon:hover{
	color:#288ed7;-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;
}
.iletisim1{
	width:31.9%;
	height:300px;
	float:left;
	margin-right:2%;
	border:1px solid rgb(204,204,204);
	padding:3%}
.iletisim1:hover{
	background:#f8f8f8;
	cursor:pointer;-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;}

.iletisim1 a{
	color:rgb(0,0,0)}
.form5{	
    border:1px solid rgb(204,204,204);
	padding:3%;
	width:99.5%;
	height:auto;
	margin-top:2%}
.box1{
	width:48%;
	height:auto;
	float:left;
	margin:1%;
	border:1px solid rgb(204,204,204);
	color:rgb(0,0,0);
	padding:5px 1%}
.box1:focus{
	border:1px solid #288ed7;
	outline:none;
}

.box3{
	border:0;
	outline:none;
	width:48%;
	height:auto;
	float:left;
	margin:1%;
	color:rgb(0,0,0);
	padding:2px 1%
}
.box3:focus{
	border:1px solid #fff;	outline:none;
}
.box1:hover{
	border:1px solid #288ed7;
}

.gonder{
	padding:5px 35px;
background: rgb(0,148,217); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(0,148,217,1) 0%, rgba(73,180,38,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,148,217,1) 0%,rgba(73,180,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,148,217,1) 0%,rgba(73,180,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094d9', endColorstr='#49b426',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color:rgb(255,255,255); border:0;
float:right; margin-right:11px;
font-weight:600;
cursor:pointer}
.gonder:hover{background: rgb(70,179,43); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(70,179,43,1) 0%, rgba(1,148,215,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(70,179,43,1) 0%,rgba(1,148,215,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(70,179,43,1) 0%,rgba(1,148,215,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46b32b', endColorstr='#0194d7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.cizgi2{
	width:100%;
	height:2px;
	border-bottom:1px dashed #ccc;
	clear:both;
	margin:20px 0 15px 0}