﻿/*
	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=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap&subset=latin-ext');

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap&subset=latin-ext');


body {
    margin: 0px;
    font-family: 'Raleway', sans-serif;
	color:#373737
}

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
}
.sure {
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
* {
    padding: 0;
    margin: 0
}
/*
color:rgba(0, 0, 0, 0.5);
color:rgba(255, 255, 255, 0.5);
*/

::-webkit-input-placeholder { /* Edge */
    color: #c6c5c4;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #c6c5c4;
}

::placeholder {
    color: #c6c5c4;
}

.ui-autocomplete {
    z-index: 9999 !important;
}

.baslik {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.5);
}

.baslik2 {
    color: #353d4a;
    font-size: 30px;
    font-weight: 900;
    margin: 0 0 10px 0;
    position: relative;
    padding: 76px 0 10px 0;
    text-transform: uppercase;
    text-align: center
}
.header{
	width:100%;
	height:auto;
	background:#fff;
	position:fixed;
	z-index:9999;}
.header-right{
	float:right;
	margin-top:5px}
.content{
	width:1200px;
	height:auto;
	margin:0 auto}
.logo {
	width:140px;
	height:auto;
	float:left;
	margin:17px 0 10px 0}
.logo img {
	width:100%;
	height:auto;
	}
.fixed {
	height:83px;
	width:100%;}

.banner{
	width:95%;
	height:auto;
	margin:0 auto}
.parallax-window {
    min-height:400px;
    background: transparent;
	color:#fff;
	text-align:center;
	font-size:15px;
	font-weight:300;
	padding-left:30px;
	padding-right:60px;
	line-height:23px;
	margin-top:40px;
	padding-top:70px;
}
.parallax-window .content {
	width:60%;
}

.parallax-window img {
	margin-bottom:40px
}
.etkinlik{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:10px;
	margin-top:4px
}
.etkinlik:hover .etkinlik-left{

	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.etkinlik:hover .etkinlik-right{
		color:#84bd00;}
.etkinlik-left{
	width:50%;
	height:auto;
	float:left;
	margin-right:5%
}
.etkinlik-left:hover{
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.etkinlik-left img{
	width:100%;
	height:auto;
}
.etkinlik-right{
	width:45%;
	height:auto;
	float:left;
	color:#878787;
	font-size:12px;
	font-weight:600
}
.etkinlik-right:hover{
	color:#84bd00;
}
.etkinlik-right span{
	width:100%;
	height:auto;
	float:left;}
.
	
.column::after {
	content: '';
	clear: both;
	display: block;
}

.column div:first-child {
	margin-left: 0;
}

	figure {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}

/* Zoom In #1 */
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
	
	






.draw-border {
  box-shadow: inset 0 0 0 1px #9b9b9b;
  color: #9b9b9b;
  -webkit-transition: color 0.25s 0.0833333333s;
  transition: color 0.25s 0.0833333333s;
  position: relative;
  
}
.draw-border::before, .draw-border::after {
  border: 0 solid transparent;
  box-sizing: border-box;
  content: '';
  pointer-events: none;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
}
.draw-border::before {
  border-bottom-width: 1px;
  border-left-width: 1px;
}
.draw-border::after {
  border-top-width: 1px;
  border-right-width: 1px;
}
.draw-border:hover {
  color: #fff;
}
.draw-border:hover::before, .draw-border:hover::after {
  border-color: #16458b ;
  -webkit-transition: border-color 0s, width 0.25s, height 0.25s;
  transition: border-color 0s, width 0.25s, height 0.25s;
  width: 100%;
  height: 100%;
}
.draw-border:hover::before {
  -webkit-transition-delay: 0s, 0s, 0.25s;
          transition-delay: 0s, 0s, 0.25s;
}
.draw-border:hover::after {
  -webkit-transition-delay: 0s, 0.25s, 0s;
          transition-delay: 0s, 0.25s, 0s;
}

.btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 1em 2em;
  font-size:9px !important;
  border-radius:0  !important ;
}
.btn:focus {
  outline: 1px dotted #16458b ;  color:#16458b ;

}
.btn:hover { color:#16458b ;}


.menufooter{
	width:78%;
	bottom:0;
	height:auto;
	border-top:1px solid #84bd00;
    scroll: 0 0;
    left: 0;
    position: fixed;
    margin: auto;
    padding: 20px 11%;
    z-index: 999;
	box-sizing:content-box
}
.menusosyalmedya{
	float:left;
	width:50%;
	height:height}
	
.bizeulasin {
  width:50%;
  height:auto;
  float:right
}
.bizeulasin a{
	float:right;
	color:#bdbdbd;
	font-size:15px;
	font-weight:800}
.bizeulasin a img{
	padding:7px;
	border:1px solid #f2f2f2;
	border-radius:150px;
	margin-right:10px;
	height:auto}
.bizeulasin a img:hover {
	background:#f8f8f8}
.bizeulasin a:hover {
	color:#84bd00}
.bizeulasin a:hover img {
	background:#f8f8f8}
.sosyalmedyaicon {
  filter: grayscale(100%);
  width:30px;
  height:auto;
  margin-top:8px
}
.sosyalmedyaicon:hover {
  filter: grayscale(0%);
}
.serachicon {
  filter: grayscale(100%);
    width: 19px;
    margin-top: 5px;
}
.serachicon:hover {
  filter: grayscale(0%);
}
.en{
	margin:10px;
	color:#5f5f5f;
	font-size:12px;
	font-weight:600;
	margin-top: 7px;
    float: right;
	margin-left:20px}
.en:hover{
	color:#84bd00;
}


.buyutec{
	float:right;}
	
/* Search Style */ 
#search {
    position: fixed;
	float:right;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
	
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;

    -webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);    
    opacity: 0;
    display: none;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
	 -o-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
    z-index: 1006;
    display: block;
}

#search input[type="search"] {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -51px;
    width: 60%;
    margin-left: 20%;
    color: rgb(255, 255, 255);
  	background: transparent;
  	border-top: 1px solid rgba(255, 255, 255, .8);
  	border-bottom: 2px solid rgba(255, 255, 255, .5);
  	border-left: 0px solid transparent;
  	border-right: 0px solid transparent;
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    outline: none;
  	padding: 10px;
}
  
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
	  opacity: 1;
	  font-size: 27px;
  	color: #fff;
}

#search .close:hover{
  color: #fff;
  cursor: pointer;
}

.homekategoribaslik{
	width:70%;
	height:auto;
	font-weight:bold;
	font-size:22px;
	position:absolute;
	z-index:5;
	margin:-45px 15% 0 15%;
	color:#fff
	}
.footer{
	width:100%;
	height:auto;
	background:#939395;
	box-sizing:content-box;
	margin-top:30px;
	color:#fff
	}
.footer .content h3{
	text-align:left;
	font-size:14px;
	font-weight:600;
	color:#fff
	}
.footerleft{
	width:48%;
	height:auto;
	float:left;
	margin-top:20px;
		font-size:12px

}
.footercenter{
	width:21%;
	height:170px;
	float:left;
	background:#686868;
	padding:20px 3% 0 3%;
	color:#fff;
	box-sizing:content-box;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	line-height:17px

}
.footercenter img{
	width:12px;
	height:auto;

}

.footer h3{
	font-size:13px;
}
.footercenter a{
	color:#fff}
.footerright {
	background:#aeaeae;
	width:19%;
	height:170px;
	float:left;
	background:#16458b ;
	padding:20px 3% 0 3%;
	box-sizing:content-box}
.f1{
	width:32%;
	height:auto;
	float:left;
	margin-right:1%
}
.f2{
	width:26%;
	height:auto;
	float:left;
	margin-right:1%
}
.f1 a {
	width:100%;
	height:auto;
	float:left;
	color:#fff;
	margin:3px 0;
}.f1 a:hover {
	font-weight:600
}
.bultenbox{
	width:75%;
	height:auto;
	float:left;
	background:#fff;
	border:0;
	padding:11px 10px 12px 10px;
	font-size:11px;
	color:#84bd00;
	margin-top:20px;
	margin-bottom:20px

}
.bultenbox:focus{
	outline:none;
}
.bultengonder{
	width:25%;
	height:auto;
	float:left;
	background:#fff;
	border:0;
	padding:11px 10px 12px 10px;
	border-left:2px solid #84bd00;
	color:#84bd00;
	font-size:11px;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:20px

}
.bultengonder:focus{
	outline:none;
	background:#84bd00;
	color:#fff
}
.bultengonder:hover{
	outline:none;
	background:#84bd00;
	color:#fff
}

.smi {
	float:left;
	border:1px solid #fff;
	margin-right:8px;
	padding:5px}
.smi img {
	width:25px;
	height:auto}
.smi:hover{
	background:#004a80;}
.altfooter{
	width:100%;
	height:auto;
	font-size:10px;
	color:#6c6c6c;
	font-family: 'Roboto', sans-serif;
	text-align:left;
	font-weight:300;
	padding:18px 0 15px 0;
	margin:0 auto

}
.altfooter a{
	float:right;
	color:#646464;
	font-size:11px;
	font-weight:600
}
.altfooter a:hover {
	color:#16458b }

.altfooter img{
	width:20px;
	height:auto;
	float:left;
	margin-top:-5px;
	margin-right:8px;
}
.sosyalmedya{
	margin-top:16px}
.masaustubanner{display:inline-block !important;}
.mobilbanner{display:none !important;}
.menu5{
	display:none !important}
	
	

.tumunugor{
	width:100%;
	text-align:center;
	margin-top:15px
}

.content h3{
	font-size:19px;
	text-align:center;
	color:#4c4c4c}
.homeaciklama {
    width: 100%;
    height: 90px;
    font-size: 11px;
    font-weight: 300;
    line-height: 17px;
    margin-bottom: 20px;}
.formbox {
	background:rgb(0,0,0, 0.5);
	width:80%;
	height:260px;
	float:left;
	padding:50px 10%;
	box-sizing:content-box;
	text-align:left;}
.formboxsari {
	background:rgb(225,181,5, 0.9);
	width:100%;
	height:40px;
	float:left;
	font-family: 'Roboto', sans-serif;
	padding-top:8px;
	font-weight:600
}
.boxleft {
	width:40%;
	height:auto;
	float:left;}
.boxright {
	width:55%;
	height:auto;
	float:left;
	margin-left:5%;
	line-height:22px}
.box2{
	width:100%;
	height:auto;
	border:0.5px solid #fff;
	background:rgb(0,0,0, 0.7);
	padding:10px;
	color:#fff;
	margin-top:10px;
	   font-family: 'Raleway', sans-serif;}
.box2:focus{
	outline:none;
	 
}
.box2gonder{
	width:100%;
	height:auto;
	border:0.5px solid #fff;
	background:rgb(0,0,0, 0.7);
	padding:10px;
	color:#fff;
	margin-top:10px;
    font-family: 'Raleway', sans-serif;}
.box2gonder:focus{
	outline:none;
	background:rgb(225,181,5, 0.9);	 
}
.box2gonder:hover{
	background:rgb(225,181,5, 0.9);	 
}
.box2m{
	height:100px
	 
}
.profil{
	width:42%;
	height:auto;
	float:left}
.profil img{
	width:100%;
	height:auto;
	float:left;
		margin-top:70px}
.profilaciklama{
	width:56%;
	height:auto;
	float:left;
	margin-left:2%;
	font-size:17px;
	font-weight:600;
	color:#fff;
	text-align:left;
	margin-top:80px}
.profilaciklama span{
	font-size:12px;
	font-weight:300;
	line-height:20px
}
.videolar{
	width:31.3%;
	height:auto;
	float:left;
	margin:1%;
	font-size:15px;
	font-weight:600;}
.videolar span{
	font-size:14px;
	font-weight:300;}
.videolar iframe{
	width:100%;
	height:190px;
	float:left;
	margin-bottom:15px}
	
	
.draw-borderbeyaz {
  box-shadow: inset 0 0 0 1px #fff;
  color: #fff;
  -webkit-transition: color 0.25s 0.0833333333s;
  transition: color 0.25s 0.0833333333s;
  position: relative;
  
}
.draw-borderbeyaz::before, .draw-borderbeyaz::after {
  border: 0 solid transparent;
  box-sizing: border-box;
  content: '';
  pointer-events: none;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
}
.draw-borderbeyaz::before {
  border-bottom-width: 2px;
  border-left-width: 2px;
}
.draw-borderbeyaz::after {
  border-top-width: 2px;
  border-right-width: 2px;
}
.draw-borderbeyaz:hover {
  color: #fff;
}
.draw-borderbeyaz:hover::before, .draw-borderbeyaz:hover::after {
  border-color: #16458b;
  -webkit-transition: border-color 0s, width 0.25s, height 0.25s;
  transition: border-color 0s, width 0.25s, height 0.25s;
  width: 100%;
  height: 100%;
}
.draw-borderbeyaz:hover::before {
  -webkit-transition-delay: 0s, 0s, 0.25s;
          transition-delay: 0s, 0s, 0.25s;
}
.draw-borderbeyaz:hover::after {
  -webkit-transition-delay: 0s, 0.25s, 0s;
          transition-delay: 0s, 0.25s, 0s;
}

.btnbeyaz {
  background: none;
  border: none;
  cursor: pointer;
  padding:17px 35px;
  font-size:12px !important;
  border-radius:0  !important ;
  letter-spacing:2px;
  font-weight:600;
  text-shadow: 1px 1px #000;
}
.btnbeyaz:focus {
  outline: 2px solid #16458b;  color:#fff;

}
.btnbeyaz:hover { color:#fff;

}
.ustheader {
	background:#16458b;
	text-align:right;
	padding:5px 0;
	width:100%;
	height:auto;
	margin-bottom:9px}
.ustheader a {
	font-size:14px;
	font-weight:600;
	color:#fff;}
.detailbaslik{
	width:100%;
	height:auto;
	padding:25px 0 20px 0;
	text-align:center;
	color:rgb(51,51,51);
	font-size:19px;
	background:#f2f2f2;
	font-weight:bold}
.detail{
	margin:10px auto;
	font-size:16px;
	font-weight:300;
	line-height:22px}
.detail h2{
	font-size:19px;
}
	.cvleft{
	width:31%;
	height:auto;
	float:left;
	padding:2%;
	background:#16458b;
	color:#fff;
	}
.cvleft img{
	width:190px;
	height:auto;}
.cvright {
	width:60%;
	height:auto;
	margin-left:5%;
	float:left;
	font-size:16px;
	line-height:27px;
	font-weight:200}
.youtubelink{
	width:200px;
	height:auto;
	margin:45px auto;
}
.youtubelink a{
	background:#fb0007;
	color:#fff;
	font-size:14px;
	width:100%;
	height:auto;
	padding:15px 0;
	text-align:center;
	float:left
}
.youtubelink a:hover{
	background:#c70006}
.iletisimleft{
	width:97%;
	height:auto;
	padding:0 0 0 3%;
	float:left;
	background:#f2f2f2;
	color:#000;
	box-sizing:content-box;
}
.iletisimleft1{
	width:50%;
	height:auto;
	float:left;
	background:#f2f2f2;
	color:#000;
	box-sizing:content-box;
	margin-top:15px; font-size:15px;
	line-height:28px}
.iletisimleft1 img{
	width:20px;
	height:auto; margin-right:10px}
.iletisimright2{
	width:50%;
	height:auto;
	float:left;
	}


.iletisimleft1 h2{
	font-size:19px;
	color:#004f92;
	margin-top:19px}
.stajer {
	background:#f8f8f8}
.stajer h2{
	color:#4c4c4c;
}
.stajer .cvbox {
	background:#fff;
	border:1px solid #f2f2f2
}
.cvbox {
	width:100%;
	height:auto;
	padding:13px;
	border:0;
	margin-bottom:10px;
	background:#fff;
	color:#000;
		border:1px solid #fff
}
.cvbox:focus {
	outline:none
}
.cvbox2 {
	padding:10px 13px;		border:1px solid #fff

}
.cvbox2:focus {
	outline:none !important; 
}
.gonder2{
	background:#fdcd07;
	width:auto;
	float:right;
	padding:13px 25px;
	margin-top:10px;
	border:0;
	font-weight:bold;
		-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;}
.gonder2:focus{
	outline:none;background:#f1c200}
.gonder2:hover{

	background:#f1c200}
.gonder3{
	background:#666;
	color:#fff
}
.gonder3:hover{
	background:#4c4c4c;
	color:#fff
}
.gonder3:focus{
	background:#4c4c4c;
	color:#fff
}
.kariyerbaslik{
	color:#16458b !important;}
.s1{
	float: left !important;
    margin-top: 0px !important; 
    margin-right: 5px !important;}
.iletisimorta{
	float:none;
	margin:30px auto 10px auto;
	font-size:16px;
	line-height:27px;
	width:70%;
	text-align:center;
	font-weight:500}
.calismaalanlariright{
	float:left;
	width:78%;
	height:auto;
	margin-left:2%;
	line-height:25px}
.calismaalanlariright img{
	margin-bottom:15px}
.calismaalanlariright h3{
	text-align:left !important;
	height:auto;
	margin:10px 0; font-size:15px !important;
}
	

.madde{
	font-size:20px;
	font-weight:600;
	color:rgb(255,0,0); float:left; margin-right:10px;
	}
.calismaalanlarileft{
	float:left;
	width:20%;
	height:auto;
	background:#f8f8f8;
	padding:2%
}
.calismaalanlarileft h2{
	margin-top:0;
	color:#16458b
}
.detailimg{
	width:45%;
	height:auto;
	float:right;
	margin-left:15px;
}
.detailimg100{
	width:100%;
	height:auto;
	margin-bottom:15px;
}
.cizgikat{
	width:50px;
	height:2px;
	background:#16458b;
	margin-bottom:20px}
.calismaalanlariright h2{
	font-size:19px;
	color:#16458b ;
	margin-top:0
}
.calismaalanlarileft a{
	float:left;
	width:100%;
	height:auto;
	margin:7px 0;
	color:#666;
	font-size:14px;
	font-weight:bold;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	border-left:2px solid #ccc;
	padding-left:7px
}
.calismaalanlarileft a:hover{
	color:#16458b ;
		border-left:2px solid #16458b ;

}
.menuaktif{border-left:2px solid #16458b !important;
	color:#16458b !important;}
.calisma{
	text-align:left}
.calismaalanlari a{
	width:30%;
	height:20px;
	margin:1%;
	float:left;
	text-align:center;
	color:#464646 ;
	font-weight:bold}
.calismaalanlari a:hover{

	color:#16458b;
		-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}


.uyelik{
	width:60%;
	height:auto;
	margin:25px auto;
	background:#f8f8f8;
	padding:3%;
	font-size:13px;
	color:#5c5c5c;
	border-top:2px solid #16458b
}
.uyelik h2{
	font-size:25px;
	color:#16458b;
	margin-top:0;
	font-weight:800;
	text-align:left;
	margin-bottom:35px
}
.uyelik h3{
	font-size:15px;
	color:#16458b;
	margin-top:0;
	font-weight:800;
	margin-bottom:15px;
	margin-top:15px;
	text-align:left
}

.uyelikbox{
	width:100%;
	height:auto;
	padding:15px 1%;
	border:1px solid #e0e0e0;
	background:#fff;
	margin-bottom:10px}
.uyelikbox:focus{
	outline:none;
	border:1px solid #16458b;
}
.uyelikbox2{
	width:50%;
	height:auto;
	float:left;
}
.uyelikbox3{
	height:130px;
}
.uyelikbox4{
	width:15%;
	float:left;
	margin-right:2%}
.uyelik a{
	color:#5c5c5c;
	margin-top:10px;
	float:left
}

.tl2{
	float:left;
	margin-top:15px;
	margin-left:15px;
	font-size:15px;
	font-weight:bold}

.uyelik a:hover{
	color:#000;

}
.uyelikbox:hover{
	border:1px solid #ccc;
}
.uyelikgonder{
	height:auto;
	background: #c69f64;
	border:0;
	padding:15px 35px;
	color:#fff;	box-sizing: content-box;
	font-weight:bold;
	font-size:13px;
	float:right
	}
.uyelikgonder:focus{
	outline:none;
	background:#a67d40;
}
.uyelikgonder:hover{
	background:#a67d40;
}


.homebox{
width: 21%;
    height: auto;
    float: left;
    margin: 2% 2% 4% 2%;
    text-align: center;
}
.homebox:hover  h2 {
	color:#16458b }

.homebox img{
	width:60px;
	height:auto;
}
.homebox h2 {
	color:#4c4c4c;
	font-size:15px;
	height:auto;}
.homebox h2:hover {
	color:#16458b }
.homecontent{
	width:1000px;
	height:auto;
	margin:20px auto;
	color:#4c4c4c;
	font-size:13px;
	text-align:center}
.homecontent h3{
	font-size:19px}
.content h3{
	font-size:19px;
	text-align:center;
	color:#4c4c4c}
.homeaciklama {
    width: 100%;
    height: 90px;
    font-size: 11px;
    font-weight: 300;
    line-height: 17px;
    margin-bottom: 20px;}
	.counter-value{font-family: 'Roboto', sans-serif;font-size:40px !important;
	margin-top:20px !important;
	font-weight:600 !important;
	color:#16458b}
.rakamlar{
	width:33%;
	height:auto;
	text-align:center;
	float:left;	color:#16458b; font-size:40px;	font-weight:600 !important; margin-top:30px
}
.rakamlar p{
	color:#8a8a8a; font-size:15px;	font-weight:600 !important;
}
.rakamlar img{

	width:30%;
	height:auto;
	  filter: grayscale(100%);
	  opacity:0.3
}

.rakamlar img:hover {
  filter: grayscale(0%);	  opacity:100

}

.content2{
	width:70% !important;
	margin:50px auto 30px auto !important}
.content2 h2{
	font-size:25px;
	font-weight:300;
	text-align:center;
	color:#464646;
	line-height:26px}
.content2 h2 span{
	color:#16458b;
	font-size:14px;
	font-weight:900}
.golge
{
	box-shadow: #ccc 0px 0px 9px;
	-moz-box-shadow: #ccc 0px 0px 9px;
	-webkit-box-shadow: #ccc 0px 0px 9px;
}
.diller{
	float:right;
	clear:both;
	margin:10px 0
	}
.diller a{
	color:#9a9a9a;
	margin-left:7px;
	font-size:14px;
	font-weight:600
	}
.diller span{
	color:#9a9a9a;
	margin-left:10px;
	}
.aktifdil{
	color:#16458b !important}
.iletisim{
	width:46%;
	height:auto;
	margin:2% 4% 2% 0;
	float:left;	font-family: 'Roboto', sans-serif;
	color:#5c5c5c;
}
.iletisim h2{
	font-size:20px;
	font-weight:600;font-family: 'Raleway', sans-serif;
	color:#16458b }
.iletisim iframe{
	width:100%;
	height:260px;
	margin-bottom:15px}
.iletisim img{
	width:15px;
	height:auto; margin-top:-3px;
	margin-right:5px}
.iletisim2 {
	width:33%;
	height:auto;
	float:left;
	text-align:center;
	margin-bottom:20px
}
.iletisim2:hover img {
 filter: grayscale(0%);	  opacity:100
}
.iletisim2 h3 {
	font-size:17px !important;
	color:#16458b
}
.iletisim2 img{ 
    filter: grayscale(100%);
	opacity:0.3;
	width:55px;
	height:auto;
	
}
.iletisim2 a{
	color:#000
	
}

.iletisim2 img:hover {
  filter: grayscale(0%);	  opacity:100

}

.acente1{
	width:100%;
	height:auto;
	float:left;
	margin-top:20px;
	}
.le{
	width:20%;
	height:auto;
	float:left;}
.ri{
	width:80%;
	height:auto;
	float:left;}
.right2li{
	width:auto;
	height:auto;
	float:left; margin-right:20px}
.le h2{
	margin:0;
	font-size:16px}
.gribg{
	background:#f2f2f2;
	width:100%;
	height:auto;
	padding:3%;
	
	margin-top:10px}
.gribg h3{
	font-size:22px !important;
	color:#004b8f}
.acente2{
	width:33%;
	height:auto;
	float:left;
	padding-right:2%;
	margin-top:20px;
	line-height:20px}
.acente2 a{
	color:#004b8f}
.cizgibeyaz{
	width:100%;
	height:auto;
	border-bottom:1px solid #fff;
	margin:20px 0}
.tablolar {
	width:46%;
	height:auto;
	float:left;
	margin-right:4%;
	margin-bottom:4%}
.tablolar table {
	width:100%;
	height:auto;}
.kateogri {
margin-bottom:25px !important; margin-top:5px !important}

.modamira{
	font-weight:600; margin-right:40px;
	color:#9d744f !important }
.modamira:hover {
	color:#000 }