@charset "utf-8";
/* CSS Document */
	
/*
	background-color: #0D0F29;

	
	

	background-color: #e01313;


	background-color: #1279E0;


	background-color: #39c710;


	background-color: #AF04C9;


	background-color: #0197c8;


	background-color: #FFA81C ;



	background-color: #ED71E9;

 text rengi #222f37

*/

/* width */
::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background:  #2698c9;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background:  #2698c9;
}

::-moz-selection{
    background: #FF6700;
    color:#fff;
}
 
::selection {
    background:#FF6700;
    color:#fff;
}

.ustbaslik{
	
	margin: auto;
	width: 100%;
	background-color: #FFFFFF;
	height: 80px;
	align-items: center;
	
	
}


.logo {
	margin-left: 50px;
	
}
.diller {
	position: absolute;
	display: block;
	list-style: none;
	
	right: 40px;
	

	
	
}

.diller ul {
	
	}



.diller li {
    font-family: 'Source Sans Pro', sans-serif;
    position: relative;
    display: inline;
  
    width: 21px;
    height: 32px;
    border-radius: 5px;
    padding: 10px 0.5px;
    font-weight: 700;
	
}


.diller li:hover {
       
    top: -5px;
    font-size: 11pt;
    font-weight: 400;
	cursor: pointer;
	
}

.dillogo2 {
	
	margin: 0px 7px 30px 7px;
	
}

.menuu{
	display: flex;
	width: 100%;
	height: 45px;
	background-color: #edf0f2;
	align-items: center;
	justify-content: center;
}


.menuu ul {
	 position: relative;
	z-index: 100;
	top:10px;
	
	}

.menuu a  {
	text-decoration: none;
	}



.menuu ul li {
    font-family: 'Source Sans Pro', sans-serif;
    position: relative;
    display: inline;
    padding: 10px 1.4vw;
    font-weight: 700;
	font-size: 14pt;
	color:#0071CE;
}

.menuu ul li:nth-last-child() {
    font-family: 'Source Sans Pro', sans-serif;
    position: relative;
    display: inline;
    padding: 10px 1.8vw;
    font-weight: 700;
	font-size: 14pt;
	color:red;
	background-color: white;
}
.menuu ul li:nth-last-child()::hover {
    font-family: 'Source Sans Pro', sans-serif;
    position: relative;
    display: inline;
    padding: 10px 1.8vw;
    font-weight: 700;
	font-size: 14pt;
	color:red;
	background-color: #FFCC00;
}


.menuu ul li:hover {
    border-top: 4px solid #FFCC00;
    cursor: pointer;
}

.menuu ul li:hover ul {
	display:block;
}

.menuu ul li ul{
    position: absolute;
    text-align: left;
    margin-top: 28px;
    left: -40px;
    /* border: thin solid #B50003; */
    display: none;
    color: black;

}

.menuu ul li  ul  li {
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 10px 20px;
    list-style: none;
    font-size: 14pt;
    font-weight: 400;
    text-align: left;
    color: #3B3A3A;
    background-color: #FBFBFB;
    width: 300px;
 /*   -webkit-box-shadow: 3px 3px 5px rgba(211,226,255,0.81);
    box-shadow: 3px 3px 5px rgba(211,226,255,0.81);  */
	
}

.menuu ul li ul li:hover  {
border-top: 0px solid #FFCC00;
    border-bottom: 1px solid #FFCC00;
    cursor: pointer;
	color:#0071CE;
}




.redband {
		border-bottom: 2px #edf0f2 solid;
	
	font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
	align-items: center;
	height: 30px;
	letter-spacing: 1px;
}

.redband h1 {
	
	color: #272727;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12pt;
	   font-weight: 400;
	padding: 5px 1% ;
	letter-spacing: 0.5px;
}

.menuband{
	display:flex;
	justify-content: center;
}


.saglam {
	top: 1px;
	background-color:transparent;
	font-family: 'Source Sans Pro', sans-serif;
	color: #222f37;
	padding: 00px 0px 15px 0px;
	flex-basis: 75%;	
	justify-content: center;
}


.saglam1 {
	top: 10px;
	background-color:transparent;
	font-family: 'Source Sans Pro', sans-serif;
	color: #222f37;
	padding: 00px 0px 15px 0px;
		
}
.saglam2  {
	margin-top: 15px;
    border-top: 1px solid #FF0004;
}
.saglam3  {
	margin: auto;
	background-color: #edf0f2;
}
.saglam h1 {
    font-family: 'Source Sans Pro', sans-serif;
    color: red;
    padding: 50px 5px 0px 5px;
    text-align: center;
    font-size: 2vw;
	font-weight: 500;
	letter-spacing: 1;
}
.saglam p {
    font-family: 'Source Sans Pro', sans-serif;
    color: #222f37;
    padding: 3px 0px 0px 3px;
    font-size: 1.11vw;
    font-weight: 400;
    line-height: 1.5;
    text-align: justify;
	letter-spacing: normal;
}

.saglam span {
    font-family: 'Source Sans Pro', sans-serif;
    color: red;
    padding: 3px 0px 0px 3px;
    font-size: 1.11vw;
    font-weight: 600;
    line-height: 1.5;
    text-align: justify;
	letter-spacing: -1px;
}
.saglam1 h1 {
    font-family: 'Source Sans Pro', sans-serif;
    color: #222f37;
    padding: 15px 5px 0px 5vw;
    text-align: left;
    font-size: 2.3vw;
	font-weight: 500;
	letter-spacing: normal;
}
.saglam2 h1 {
    font-family: 'Source Sans Pro', sans-serif;
    color: #222f37;
    padding: 15px 5px 15px 5vw;
    text-align: left;
    font-size: 2vw;
	font-weight: 600;
	letter-spacing: normal;
}
.saglam1 h3{
    
	
	font-family: 'Source Sans Pro', sans-serif;
    color: #222f37;
    padding: 0px 5px 0px 7vw;
    text-align: left;
    font-size: 1.9vw;
	font-weight: 500;
	letter-spacing: normal;
}
 .saglam3 h3 {
    font-family: 'Source Sans Pro', sans-serif;
    color: #222f37;
    padding: 15px 5px 0px 7vw;
    text-align: left;
    font-size: 1.9vw;
	font-weight: 500;
	letter-spacing: normal;
}
.saglam1 h4 {
    font-family: 'Source Sans Pro', sans-serif;
    color: red;
    padding: 10px 5px 0px 7vw;
    text-align: left;
    font-size: 1.7vw;
	font-weight: 500;
	letter-spacing: normal;
}


.saglam3 p {
    font-family: 'Source Sans Pro', sans-serif;
    color: #222f37;
     padding: 0px 5px 15px 7vw;
    font-size: 1.11vw;
    font-weight: 400;
    line-height: 1.5;
    text-align: justify;
	letter-spacing: normal;
}

.saglam img {
    position: relative;
    margin: 8px 0px 0px 25px;
    
}

.saglam ul {
   
  list-style-image: url("../images/turuncu.svg");

    
}
.saglam ul li {
   
 font-family: 'Source Sans Pro', sans-serif;
    color: #222f37;
    padding: 3px;
    font-size: 13pt;
	font-weight: 400;

    
}


.neler {
	background-color: #F5F5F5;
	font-family: 'Source Sans Pro', sans-serif;
	color: #222f37;
	padding: 50px 30px 0px 30px;
		
}
.nelerkazan {
	
	
	font-family: 'Source Sans Pro', sans-serif;
	color: #222f37;
	padding: 30px;
	
		
}

.neler h2 {
    font-family: 'Source Sans Pro', sans-serif;
    color: red;
    padding: 25px 5px 0px 5px;
    text-align: center;
    font-size: 2.1vw;
	font-weight: 500;
	letter-spacing: 1;

}

.nelerkazan h2 {
    margin: auto;
	font-family: 'Source Sans Pro', sans-serif;
    color: red;
    padding: 70px 50px 0px 50px;
    text-align: left;
    font-size: 2.5vw;
	font-weight: 600;
	border-top: 1px solid  #FF0004;

}
.nelerkazan h3 {
    margin: auto;
	font-family: 'Source Sans Pro', sans-serif;
    color: #000000;
    padding: 10px 50px 0px 75px;
    text-align: center;
    font-size: 2.2vw;
	font-weight: 600;

}
.nelerkazan h4 {
    margin: auto;
	font-family: 'Source Sans Pro', sans-serif;
    color: #A0A0A0;
    padding: 10px 50px 0px 75px;
    text-align: left;
    font-size: 1.8vw;
	font-weight: 600;

}

.neler p {
    font-family: 'Source Sans Pro', sans-serif;
    color: #222f37;
    padding: 3px;
    font-size: 16pt;
	font-weight: 400;
}

.boxes2 {
		display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-self: center;
	padding-top:15px;
	padding-bottom: 15px;

}
.boxes2 p {
		color: white;
	font-family: 'Source Sans Pro', sans-serif;
    padding: 15px 15px;
    font-size: 1.0vw;
	font-weight: 400;
text-align: left;
}
.boxes2 h3 {
		  color: white;
	
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.618vw;
    font-weight: 600;
    padding: 35px 15px 0px 15px ;
	letter-spacing: 0.5px;
}


.box1 {
	/*width: 500px; */
	position: relative;
	height: 21vw; 
	background-color: #0D0F29;
	border-radius: 7px;
	margin: 6px;
	flex-basis: 21vw;
	
}
.box2 {
/*	width: 350px; */
	height: 21vw;
	position: relative;

	background-color: #e01313;
		border-radius: 7px;
	margin: 6px;
	flex-basis: 21vw;
}

.box3 {
		position: relative;

	height: 21vw;
	background-color: #1279E0;
	border-radius: 7px;
	margin: 6px;
	flex-basis: 21vw;
}
.box4 {
		position: relative;

height: 21vw;
	background-color: #39c710;
	border-radius: 7px;
	margin: 6px;
	flex-basis: 21vw;
}
.box5 {
		position: relative;

height: 21vw;
	background-color: #AF04C9;
	border-radius: 7px;
	margin: 6px;
	flex-basis: 21vw;
}
.box6 {
		position: relative;

height: 21vw;
	background-color: #0197c8;
	border-radius: 7px;
	margin: 6px;
	flex-basis: 21vw;
}

.box7 {
		position: relative;

height: 21vw;
	background-color: #FFA81C ;
	border-radius: 7px;
	margin: 6px;
	flex-basis: 21vw;
}

.box8 {
		position: relative;

height: 21vw;
	background-color: #ED71E9;
	border-radius: 7px;
	margin: 15px;
	flex-basis: 21vw;
}

.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, h3 {
  
}

.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, p {
	color: white;
	font-family: 'Source Sans Pro', sans-serif;
    padding: 15px 15px;
    font-size: 10pt;
	font-weight: 400;
	
	
}





/* body, html {
  height: 100%;
} */

.parallax {
	
  /* The image used */
  background-image: url("../images/parallax3.jpg");

  /* Full height */
  height: 200px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallaxyazi {
	position: relative;
	width: 100%;
	height:220px;
	background-color: #1279E0;
}

.parallaxyazi h4 {
	position: relative;
	padding: 7px 20px;
	font-size:21px;
/*	background-color: #1279E0; */
	color:white;
	width: 600px;
	left:47%;
	top:0px;
		letter-spacing: 0.7px;

}

.parallaxyazi p {
	position: relative;
	padding: 7px 20px;
	font-size:18px;
/*	background-color: #1279E0; */
	color:white;
	width: 600px;
	left:47%;
	top:7px;
	font-weight: 400;
	letter-spacing: 0.7px;
}


.blogg {
	width: 100%;
	background-color:#EFEFEF;
	align-items: center;
	overflow: hidden;
}


.blogg h4 {
	 font-family: 'Source Sans Pro', sans-serif;
    color: red;
    padding: 70px 5px 25px 5px;
    text-align: center;
    font-size: 2.1vw;
	font-weight: 500;
	letter-spacing: 1;
}

.blogg h3 {
	font-family: 'Source Sans Pro', sans-serif;
    color: #1f2d58;
    padding: 10px;
    text-align: left;
    font-size: 18pt;
}
.blogg h6 {
font-family: 'Source Sans Pro', sans-serif;
    color: black;
    padding: 5px 0px 5px 30px;
    text-align: left;
    font-size: 9pt;
}
.blogg p {
	font-family: 'Source Sans Pro', sans-serif;
    color: black;
    padding: 5px 0px 5px 30px;
    text-align: left;
    font-size: 12pt;
}




.blog1 {
	height: 400px;
	color: black;
}




.nasill {
	margin: auto;
	background-color: white;
	width: 100%;
	align-items: center;
	padding-bottom: 50px;
}

.nasill h1 {
	
	 font-family: 'Source Sans Pro', sans-serif;
    color: red;
    padding: 70px 5px 15px 5px;
    text-align: center;
    font-size: 2.1vw;
	font-weight: 500;
	letter-spacing: 1;
	  
	
  
}
.nasill p {
	
	color:#222f37;
	font-family: 'Source Sans Pro', sans-serif;
   font-weight: 600;
    text-align: center;
    padding: 5px;
    font-size: 14pt;
	  
	
  
}


.fomm{
	
	
}
.fomm label{
		
	color:#808080;
	font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
   letter-spacing: 0.5px;
    font-size: 12pt;
	
	
}
.fotter {
	position: relative;
	margin: auto;
	width: 100%;
	background-color: #2d2e38;padding-bottom: 63px;
	height: 530
}

.fotterlogo {
	padding: 40px 0px 40px 100px;
	background-color: #2d2e38;
	
}

.fotter h4 {
	padding: 15px 10px 15px 0px;
	font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
   color: white;
    font-size: 12pt;
	letter-spacing: 0.7px;
	
	
}
.fotter h5 {
	padding: 10px 10px 10px 0px;
	
	font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
   color: white;
    font-size: 11pt;
	letter-spacing: 0.3px;
	
	
}
.fotter p {
	padding: 1px 0px 1px 25px;
	font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
   color: white;
    font-size: 10pt;
	letter-spacing: 0.4px;
	line-height: 10px;
}


.fotter2 {
	position: relative;
	margin: auto;
	width: 85%;
}

.fotter1 {
	position: relative;
	margin: auto;
	display: flex;
	justify-content: center;
}

.adres {
	
}

.adres p {
		padding: 1px 0px 1px 0px;
	font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
   color: white;
    font-size: 10pt;
	letter-spacing: 0.4px;
	line-height: 16px;
}

.deg {
	position: relative;
	left:80%;
	
}
.deg2 {
	position: relative;
	margin: 0px 0px 0px 0px;
	background-color: #ffb000;
	border: 1px;
	border-color: #ef6600;
	border-style: solid;
}

.deg2 :hover {
	
	background-color: #FFFFFF;
	color: #00000;
	
}

.abox1  {
	width: 14.5vw;
	height: 370px;
	background-color: red;
	border-radius: 7px;
	margin: 6px;
color: white;
	transition: 1s;
	
	}

.abox22  {
	position: absolute;
	top:-380px;
	width: 225px;
	height:370px;
	background-color: antiquewhite;
	border-radius: 7px;
	}



.abox1 img {
	margin: 90px 0px 0px 25px;
}
.abox1 h1 {
	padding: 10px 45px;
	font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 15pt;
	text-align: left;
letter-spacing: 0.7px;
	color: white;
}.abox1 h2 {
	padding: 10px 45px;
	font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 15pt;
	text-align: left;
letter-spacing: 0.7px;
	color: red;
}

/* .abox1 :hover   {
	
	background-color: white;
	border-radius: 7px;
	margin: 6px;
color: red;

	} */



.aboxes {
	position: relative;
	margin: auto;
	display: flex;
	justify-content: center;
}

.aboxes2 {
	position: relative;
	margin: auto;
	width: 1175px;
	align-items: center;
	align-content: center;
}

.soll {
   margin: 10px 0px;
	padding-left: 15px;
	position: relative;
	
	height: 100%;
	display: block;
	 font-family: 'Source Sans Pro', sans-serif;
	 font-weight: 400;
	color:#989898;
}

.soll h1 {
	
	padding-left: 20px;
	padding-top: 100px;
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 32pt;
    letter-spacing: 0.3px;
   font-weight: 700;
	
	
	
}

.soll h2 {
	
	padding-left: 20px;
	padding-top: 00px;
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 24pt;
    letter-spacing: 0.3px;
   font-weight: 700;
	
	
	
}
.soll ul  {
   	 display: block;
	 padding: 50px 0px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12pt;
    letter-spacing: 0.3px;
   font-weight: 400;
	
}

.soll ul li {
	
	position: relative;
	padding: 5px 0px;
	display: block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 11pt;
	font-weight: 400;
    letter-spacing: 0.0px;

}


.soll ul li ul  {
   	 display: block;
	 padding: 7px 20px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12pt;
    letter-spacing: 0.3px;
   font-weight: 400;

	
}.soll ul li ul li {
   	  	border-bottom: 1px solid #BBBBBB;

	
}

.soll a {
	
	text-decoration: none;
	color:#989898;
	
}
.soll a :hover {
	
	text-decoration: none;
	color:red;
	
}


.sagg {
	
	
	/* border-left: 1px solid #FF0004; */
}
.sagg h1 {
	padding-top: 70px;
	 font-family: 'Source Sans Pro', sans-serif;
    font-size: 36pt;
    letter-spacing: 0.3px;
   font-weight: 900;
	
}
.sagg h2 {
	padding-top: 10px;
	 font-family: 'Source Sans Pro', sans-serif;
    font-size: 24pt;
    letter-spacing: 0.3px;
   font-weight: 600;
	
}


.sagg1 {
    background-color: rgba(237,240,242,1);
    margin: 20px;
    flex-basis: 19vw;
    border-radius: 0px 20px 20px;
    border-width: thin;
}
.sagg1ikili {
	background-color: #edf0f2;
 margin: 10px;
	flex-basis: 23%;  
	
}

.sagg1ikili2 {
	margin: 10px;
	flex-basis: 60%;
}
.sagg1ikili3 {
	background-color: #edf0f2;
 margin: 10px;
	flex-basis: 80vw; 
}

.sagg1 h3, .sagg1ikili h3, .sagg1ikili3 h3 {
   /* position: relative;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 1.8vw 2.2vw .8vw 2.2vw;
    font-size: 2vw;
    letter-spacing: 0.3px;
    font-weight: 600;
    color: black;
    border-left: 7px solid #009ee2; */
	   	position: relative;
	padding: 15px 2vw 15px 2vw;
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.4vw;
    letter-spacing: 0.3px;
    font-weight: 600;
    color:  #222f37;
	border-left: 5px solid #009ee2;
}
.sagg1 h2, .sagg1ikili h2, .sagg1ikili3 h2 {
	 font-family: 'Source Sans Pro', sans-serif;
	padding: 15px 30px 10px 30px;
    font-size: 15pt;
    letter-spacing: 0.3px;
   font-weight: 600;
	color: black;
}

.sagg1 p, .sagg1ikili p {
	/* font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.3vw;
    letter-spacing: 0.3px;
   font-weight: 500;
	color: black;
	padding: 0.8vw 2.2vw 1.8vw 2.2vw; */
	position: relative;

	 font-family: 'Source Sans Pro', sans-serif;
    font-size: 1vw;
    letter-spacing: 0.3px;
   font-weight: 400;
	color: #222f37;
	padding: 0px 2vw 0vw 2vw;

	
}
.sagg1ikili2 p {
	 font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.1vw;
    letter-spacing: 0.3px;
   font-weight: 400;
	color: #222f37;
	padding: 1vw 2.2vw 1vw 2.2vw;
	 border-left: 1px solid #009ee2;
}
.sagg1ikili3 p {
	 font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.3vw;
    letter-spacing: 0.3px;
   font-weight: 500;
	color: black;
	padding: 0.1vw 2.2vw 0.1vw 2.2vw;
}
.sagg1ikili2 span {
	 font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.1vw;
    letter-spacing: 0.3px;
   font-weight: 500;
	color: red;
	
	
}

.sagg12 img {
margin-top: 30px;
}

.minibox {
	background-color: #3ac3ff;
	
	width: 7px;
	height: 70px;
}

.mavibaslik {
	background-color: #3ac3ff;
	margin: 0px 0px 0px 0px;

	height: 30px;
}

.mavibaslik p {
	
	 font-family: 'Source Sans Pro', sans-serif;
    font-size: 17pt;
    letter-spacing: 0.3px;
   font-weight: 400;
	color: black;
	padding: 40px;
	text-align: left;
}

.mavibaslik h2 {
	
	 font-family: 'Source Sans Pro', sans-serif;
    font-size: 19pt;
    letter-spacing: 0.3px;
   font-weight: 600;
	color:  white;
	text-align: center;
}
.minibox1 {
	background-color: #3ac3ff;
	margin: 0px 0px 0px 0px;
	width: 30px;
	height: 50px;
}




.sagg12 {
    margin: 100px 100px;
    
}
.sagg123 {
    margin: 15px 75px;
    
}
.sagg12 h3 {
	 font-family: 'Source Sans Pro', sans-serif;
	padding: 30px 30px 30px 30px;
    font-size: 24pt;
    letter-spacing: 0.3px;
   font-weight: 600;
	color: red;
}
.sagg123 h3 {
	 font-family: 'Source Sans Pro', sans-serif;
	padding: 30px 30px 30px 30px;
    font-size: 24pt;
    letter-spacing: 0.3px;
   font-weight: 600;
	color: red;
}
.sagg12 h4 {
	 font-family: 'Source Sans Pro', sans-serif;
	margin: 20px 50px;
    font-size: 16pt;
    letter-spacing: 0.3px;
   font-weight: 600;
	color: black;
}
.sagg12 p {
	 font-family: 'Source Sans Pro', sans-serif;
    font-size: 18pt;
    letter-spacing: 0.3px;
   font-weight: 600;
	color: black;
	padding:15px ;
}
.sagg12 span {
	
   font-weight: 600;
	color:red ;
	/* #00c6ff */
}
.flip-card {
  background-color: transparent;
 
  perspective: 1000px;
}

.flip-card-inner {

  width: 100%;
  height: 100%;
  
  transition: transform 0.6s;
  transform-style: preserve-3d;

}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
    background-color: red;
    color: white;
    border-radius: 7px;	
}

.flip-card-back {
    background-color: white;
    color: red;
    transform: rotateY(180deg);
    border: 2px solid #FF0004;
	 border-radius: 7px;	
}

.dettay {
	margin: auto;
align-content: center;
	align-items: center;
	
}


.dettay span {
    position: absolute;
	z-index: 2000;
    width: 70px;
	height: 35px;
left: 2.1vw;
	    border-radius: 12px;
    border: 2.1px solid red;
	background-image: url("../images/bottonokk7.svg");

		
}

.dettay a :hover {
    -webkit-box-shadow: 0 0px 20px red;
    box-shadow: 0 0px 10px red;
	background-image: url("../images/bottonokk7.svg");
}
.dettay button {
	margin:00px 00px 00px 45px;
	font-size: 12px;
	
}

.saglam4 {
	width: 80%;
	margin-left: 0px;
}
.boxes button {
    background-color: transparent;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 3px 10px;
    font-size: 10pt;
    font-weight: 400;
    border: thin solid #FFFFFF;
	margin-left: 120px;
}
.kazanimain {
    
    background-color: transparent;
    background-image: url("../images/kazanzemin.svg");
	background-repeat: repeat-x;
	margin: 10px;
	flex-basis: 29%;
}
.kazanimain2 {
    
    background-color: transparent;
    background-image: url("../images/kazanzemin.svg");
	background-repeat: repeat-x;
	margin: 10px;
	flex-basis: 23%;
	
}

.kazanimain h1, .kazanimain2 h1 {
    
	position: relative;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 0.5vw 2.2vw .8vw 2.2vw;
    font-size: 1.6vw;
    letter-spacing: 0.3px;
    font-weight: 700;
    color: black;
    
	}
.kazanimain img, .kazanimain2 img {
	
	margin: 30px 0px 20px 30px;
 
	}
.kazanimain p, .kazanimain2 p {
	position: relative;
	 font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.3vw;
    letter-spacing: 0.3px;
   font-weight: 500;
	color: black;
	padding: 0.8vw 2.2vw 3vw 2.2vw;
	}



.kazan {
	
	
	align-content: center;
	align-items: center;
	align-self: center;
}
.kazan22 {
		display:flex;
	justify-content: center;
	
	flex-wrap: wrap;
	padding: 15px 0px;
}
.kazan23 {
		
	
	padding: 30px 0px;
}
.kazan2 {
	margin: auto;
	width: 65%;
	align-content: center;
	align-items: center;
	align-self: center;
}

.nasilyap {
	width: 100%;
}

.kazann {
	margin: auto;
	width: 1250px;
}

.tekliffal {

	text-decoration-color: white;
	color: white;
}

.tekliffal  li {
	background-color: #FFCC00;
	color: white;
}
.tekliffal  li:hover {
	background-color: red;
	
	color: white;
}







.nasillbu {
    position: relative;
    width: 100%;
    height: 650px;
   	overflow: hidden;
	-webkit-box-shadow: 7px 7px 21px  rgba(209,209,209,0.74);
    box-shadow: 7px 7px 21px rgba(209,209,209,0.74);

}
.nasillbu2  {
	position: relative;
	left: 45%;
	top: 75px;
	
}

.nasillbu2sol  {
	position: relative;
	left: 18%;
	top: 75px;
}


.nasilboxx {
	position: relative;
	top:-395px;
	left:-360px;
	width: 400px;
	height: 300px;
	border-radius: 5px;
	background-color: rgba(246,246,246,0.80);
}

.nasilboxxsol {
	position: relative;
	top:-395px;
	left:460px;
	width: 400px;
	height: 300px;
	border-radius: 5px;
	background-color: rgba(246,246,246,0.80);
}

.nasilboxx h1 {
	padding: 55px 45px 7px 45px ;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	color: black;
	font-size: 21pt;
}
.nasilboxx p {
	padding: 7px 65px 7px 45px ;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	color: black;
	font-size: 14pt;
	line-height: normal;
}

.nasilboxxsol h1 {
	padding: 55px 45px 7px 45px ;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	color: black;
	font-size: 21pt;
}
.nasilboxxsol p {
	padding: 7px 65px 7px 45px ;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	color: black;
	font-size: 14pt;
	line-height: normal;
}


.nasilmavibox {
	position: relative;
	width: 40px;
	height: 40px;
	background-color: #009fe3;
	float: right;
		
		
}

.nasilmaviboxsol {
	position: relative;
	width: 40px;
	height: 40px;
	background-color: #009fe3;
	float: left;
		
		
}

.detayok {
    position: absolute;
    right: 20px;
    bottom: 20px;
	    border-radius: 30px;
    border: 0.13vw solid rgba(255,255,255,1);
      animation-name: det;
    animation-duration: 7s;
    animation-iteration-count: infinite;

}








@keyframes det {
  0%   {right:30px;	bottom:20px;}
50%   {right:20px;	bottom:20px;}
100%   {right:30px;	bottom:20px;}
 
}
@keyframes detmodal {
  0%   {right:30px;}
50%   {right:20px;	}
	100%   {right:30px;	}
 
}

.detayok2 {
    position: absolute;
	z-index: 2000;
    width: 100px;
	left:15vw;
	    border-radius: 30px;
    border: 2px solid rgba(255,255,255,1);
 /*     animation-name: det2;
    animation-duration: 7s;
    animation-iteration-count: infinite; */

}




/* @keyframes det2 {
  0%   {right:30px;	bottom:20px;}
50%   {right:20px;	bottom:20px;}
100%   {right:30px;	bottom:20px;}
 
} */






.sliiderr {
position: absolute;

	left: 150px;
	top: 150px;
	
	color:white;
}
.sliiderr h1 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
		color:white;
	font-size: 3.5vw;
}
.sliiderr span {
    position: absolute;
	z-index: 2000;
    width: 70px;
	height: 35px;
	margin-left: 20px;
	margin-top: 3vh;
	    border-radius: 30px;
    border: 2px solid rgba(255,255,255,1);
	background-image: url("../images/bottonokk.svg");

		
}

.sliiderr a :hover {
    -webkit-box-shadow: 0 0px 20px #FF0004;
    box-shadow: 0 0px 20px #FF0004;
}
.sliiderr2 {
position: absolute;

	left: 150px;
	top: 150px;
	
	color:white;
}
.sliiderr2 h1 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    color: white;
    font-size: 3.5vw;
    text-shadow: 3px 3px 4px #000000;
}
.sliiderr2 span {
    position: absolute;
	z-index: 2000;
    width: 70px;
	height: 35px;
	margin-left: 20px;
	margin-top: 3vh;
	    border-radius: 30px;
    border: 2px solid rgba(255,255,255,1);
	background-image: url("../images/bottonokk.svg");

		
}

.sliiderr2 a :hover {
    -webkit-box-shadow: 0 0px 20px #FF0004;
    box-shadow: 0 0px 20px #FF0004;
}





.neleryapbant {
	position: absolute;
	background-image: url("../images/org_yon_bant.jpg");
	background-repeat:repeat-x;
	background-size: 100%;
	position:relative;
	padding: 5vw 0vw 0vw 8vw;
	height: 28vw;
	background-color: red;
	
}
.neleryapbant2 {
	background-image: url("../images/kurveopsstr_bant.jpg");
	background-repeat:repeat-x;
	background-size: 100%;
	position:relative;
	padding: 5vw 0vw 0vw 8vw;
	height: 28vw;
	background-color: red;
}
.neleryapbant3 {
	background-image: url("../images/opr_iyilestirme_bant.jpg");
	background-repeat:repeat-x;
	background-size: 100%;
	position:relative;
	padding: 5vw 0vw 0vw 8vw;
	height: 28vw;
	background-color: red;
	
}
.neleryapbant4 {
	background-image: url("../images/must_hizmetleri_bant.jpg");
	background-repeat:repeat-x;
	background-size: 100%;
	position:relative;
	padding: 5vw 0vw 0vw 8vw;
	height: 28vw;
	background-color: red;	
}
.neleryapbant5 {
	background-image: url("../images/org-yon-bant-mor.jpg");
	background-repeat:repeat-x;
	background-size: 100%;
	position:relative;
	padding: 12vh 0vw 0vh 8vw;
	height: 66vh;
	
}
.neleryapbant6 {
	background-image: url("../images/org-yon-bant-turkuaz.jpg");
	background-repeat:repeat-x;
	background-size: 100%;
	position:relative;
	padding: 5vw 0vw 0vw 8vw;
	height: 28vw;
	background-color: red;
	
}
.neleryapbant7 {
	background-image: url("../images/org-yon-bant-sari.jpg");
	background-repeat:repeat-x;
	background-size: 100%;
	position:relative;
	padding: 5vw 0vw 0vw 8vw;
	height: 28vw;
	background-color: red;
	
}
.neleryapbant h1, .neleryapbant2 h1, .neleryapbant3 h1, .neleryapbant4 h1, .neleryapbant5 h1, .neleryapbant6 h1, .neleryapbant7 h1 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
		color:white;
	font-size: 40pt;
		letter-spacing: 3px;

	
}
.neleryapbant h2, .neleryapbant2 h2, .neleryapbant3 h2, .neleryapbant4 h2, .neleryapbant5 h2, .neleryapbant6 h2, .neleryapbant7 h2 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 500;
		color:white;
	font-size: 20pt;
	padding-top: 60px;
	padding-bottom: 10px;
			letter-spacing: 0.7px;

	
}

.neleryapbant7 h4 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 500;
		color:white;
	font-size: 30px;
	padding-top: 150px;
	padding-bottom: 10px;
			letter-spacing: 1px;

	
}
.neleryapbant p, .neleryapbant2 p, .neleryapbant3 p, .neleryapbant4 p, .neleryapbant5 p, .neleryapbant6 p, .neleryapbant7 p {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
		color:white;
	font-size: 17pt;
	padding: 0px 0px;
	line-height: 1.7vw;
	letter-spacing:inherit;
	width: 80%;
}



.chilld {
	width: 100%;
	height: 190px;
background-image: url("../images/kur_op_str_bant.svg");
	background-repeat: repeat-x;
}

.chilld2 {
	width: 100%;
	height: 164px;
background-image: url("../images/kur_op_str_bant.svg");
	background-repeat: repeat-x;
	background-color: antiquewhite;
	background-size: 100%;
	
}
.chilld2kirmizi {
	position: relative;
	width: 70%;
	height: 18vh;
	background-color: #e01313;
	border-radius: 10px;
	top: 20vh;
	left: 20vw;
}
.chilld2mavi {
	width: 100%;
	height: 164px;
background-image: url("../images/mavi_alt_bant.svg");
	background-repeat: repeat-x;
	
	background-color: antiquewhite;
	background-size: 100%;
}

.chilld2lacivert {
	width: 100%;
	height: 164px;
background-image: url("../images/laci_alt_bant.svg");
	background-repeat: repeat-x;
	background-color: antiquewhite;
	background-size: 100%;
}
.chilld2yesil {
	width: 100%;
	height: 164px;
background-image: url("../images/yesil_alt_bant-01.svg");
	background-repeat: repeat-x;
	background-color: antiquewhite;
	background-size: 100%;
}
.chilld2mor {
	width: 100%;
	height: 164px;
background-image: url("../images/mor_alt_bant.svg");
	background-repeat: repeat-x;
	background-color: antiquewhite;
	background-size: 100%;
}

.chilld2 h1, .chilld2kirmizi h1, .chilld2mavi h1, .chilld2lacivert h1, .chilld2yesil h1, .chilld2mor h1 {
font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
		color:white;
	font-size: 4vw;
	padding: 30px 100px 30px 20vw;
	letter-spacing: 2px;
}
.chilld2 h2, .chilld2kirmizi h2, .chilld2mavi h2, .chilld2lacivert h2, .chilld2yesil h2, .chilld2mor h2 {
font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
		color:white;
	font-size: 2.5vw;
	padding: 7vh 100px 10px 3vw;
}
.chilld2mavi h3 {
font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
		color:white;
	font-size: 2.7vw;
	padding: 43px 100px 10px 20vw;
	letter-spacing: 2px;
}
.chilld3 {
	position: relative;
	width: 83%;
	height: 1.5vh;
	background-color: #009ee2;
	border-radius: 10px;
	top: 20vh;
	left: 10vw;}
.chilld3bordo {
	position: relative;
	width: 83%;
	height: 1.5vh;
	background-color: #840002;
	border-radius: 10px;
	top: 20vh;
	left: 10vw;}
.chilld3lacivert {
	position: relative;
	width: 83%;
	height: 1.5vh;
	background-color: #0D0F29;
	border-radius: 10px;
	top: 20vh;
	left: 10vw;}

.childimgg {
	position: absolute;
	top: 195px;
	left: 50px;

	width: 32vw;
}

.childmain {
	
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}


.arabaslikk {
	position: relative;
	display: flex;
	justify-content: flex-end;
	
	border-radius: 10px;
	top: 22vh;
	left: 10vw;
	width: 80%;
}

.arabaslikk h2 {
	font-family: 'Source Sans Pro', sans-serif;
   padding: 1vw  5vw;
    font-weight: 700;
	
}

.child4baslik {
	display: flex;
	margin:10px;
	justify-content: center;
}
.child4baslik2 {
    text-align: left;
    border-left: 7px solid #1E8BFF;
		 padding: 10px  1vw 00px  1vw;
flex-basis: 50%;
	display: flex;
}
.child4baslik2 h1 {
	font-family: 'Source Sans Pro', sans-serif;
  text-align: left;
    font-weight: 600;
font-size: 1.3vw;

}
.child4baslik2 img {
	position: relative;
	margin: -5px 30px 0px ;

}

.yukcik {
	position: fixed;
	bottom: 20px;
	right:20px;
	z-index: 9999;
	 animation-name: yukcik;
  animation-duration: 7s;
	animation-iteration-count: infinite;
	opacity: 1;
	
}


@keyframes yukcik {
 from {bottom: 20px;opacity: 0;}
 to {bottom: 50px;opacity: 1;}
	
}






.faydalar1 {
	margin: 10px;
	flex-basis: 28%;
	background-color: #edf0f2;
	    border-width: thin;
    border-radius: 20px;

	text-align: left;
}
.faydalar2 {
	margin: 10px;
	flex-basis: 21%;
	background-color: #edf0f2;
	    border-width: thin;
    border-radius: 20px;

	text-align: left;
}

.faydalargri {
    height: 100px;
    background-color: white;
}
.faydalar1 img {
	position: relative;
margin: -6vw 0 0 2vw;
}

.faydalar1 h1 {
   	position: relative;
	padding: 30px 2vw 0px 2vw;
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.3vw;
    letter-spacing: 0.3px;
    font-weight: 600;
    color:  #222f37;
	}

.faydalar1 p {
    	position: relative;

	 font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.1vw;
    letter-spacing: 0.3px;
   font-weight: 400;
	color: #222f37;
	padding: 0px 2vw 2vw 2vw;

    
	}
.faydalar2 img {
	position: relative;
margin: -6vw 0 0 2vw;
}

.faydalar2 h1 {
	   	position: relative;

	padding: 30px 2vw 0px 2vw;
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.3vw;
    letter-spacing: 0.3px;
    font-weight: 600;
    color:  #222f37;
	}

.faydalar2 p {
    	position: relative;

	 font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.1vw;
    letter-spacing: 0.3px;
   font-weight: 400;
	color: #222f37;
	padding: 0px 2vw 2vw 2vw;

    
	}





.aramenu {
	margin: auto;	
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
width: 100%;
	margin-top:15px;
}


.aramenubox {
	display: flex;
	margin:10px;
	
	align-items: center;
    height: 2.1vw;
    background-color: #edf0f2;
    border-radius: 10px;
    border: 1px solid #A4A4A4;
	
}

.aramenubox h1 {
font-family: 'Source Sans Pro', sans-serif;
  text-align: left;
    font-weight: 600;
font-size: 1.0vw;
	padding: 0px 1vw;
	position: relative;
	top:3px;
	
}
.aramenubox img {
position: relative;
	margin: 0px 10px;
	top:-2px;
}

.altcizgi {
	display: flex;
	justify-content: center;
	padding-bottom: 70px;
}

.altcizgi1 {
	position: relative;
	top:3vh; 
	width: 7vw;
	height: 4px; 
	border-bottom: 3px solid red;
}
.altcizgi2 {
	position: relative;
	top:1vh; 
	width: 5vw;
	height: 4px; 
	border-bottom: 4px solid red;
}

.kirmizikutular {
	display:flex;
	justify-content: center;
	align-content: center;
	padding-bottom: 50px;
	background-color: #edf0f2;
}

.kirmizikutular2 {
	display: flex;
	justify-content: center;
	align-content: center;
	background-color: #edf0f2;
}

.iletisim {
	display: flex;
	justify-content: center;
	flex-direction:column;
	align-items: center;
}

.adress {
	flex-basis: 1;
	
	width: 30vw;
	    padding: 15px;

}
.adress a {
	text-decoration: none;
}

/* unvisited link */
.adress a:link {
  color: #222f37;
}

/* visited link */
.adress a:visited {
  color: #222f37;
}

/* mouse over link */
.adress a:hover {
  color: #222f37;
}

/* selected link */
.adress a:active {
  color: #222f37;
}





.adress h1 {
	 font-family: 'Source Sans Pro', sans-serif;
    color: white;
    font-size: 1.2vw;
	font-weight: 600;
	letter-spacing: 1;
	text-align: left;
	background-color:#222f37 ;
	margin: 0px -15px 15px ;
	padding: 7px 15px;
	 border-radius: 5px;
}


.adress p {
    padding: inherit;
    font-family: 'Source Sans Pro', sans-serif;
    color: #222f37;
    font-size: 1vw;
    font-weight: 400;
    letter-spacing: 1;
    text-align: left;
     
}

.adress h2 i {
	
 
    font-size: 1.7vw;
	font-weight: 400;
		text-align: left;
	padding: 25px 25px 0px 25px;  
}


.adress2 {
	flex-basis: 1;
	
	width: 30vw;
	    padding: 15px;

}
.adress2 h1 {
    font-family: 'Source Sans Pro', sans-serif;
    color: white;
    font-size: 1.2vw;
    font-weight: 600;
    letter-spacing: 1;
    text-align: center;
    background-color: red;
    margin: -15px -15px 15px;
    padding: 7px 15px;
    border-radius: 5px;
}
/* unvisited link */
.adress2 a {
  text-decoration: none;
}
.adress2 a:link {
  color: white;
}

/* visited link */
.adress2 a:visited {
  color: white;
}

/* mouse over link */
.adress2 a:hover {
    color: yellow;
    font-size: 1.5vw;
}

/* selected link */
.adress2 a:active {
  color: white;
}



.ogrenzemin {
	width: 100%;
		background-image: url("../images/karikatur2.jpg") ;
	
}

.sektorler {
	width: 100%;
	height: 450px;
	background-color: black;
	justify-content: center;
	background-image: url("../images/sekzemin.jpg");
	background-size: 100% 450px;
	background-repeat: repeat-x;
	
}


.sektorler a {
	text-decoration: none;
}
/* unvisited link */

.sektorler a:link {
  color: white;
}

/* visited link */
.sektorler a:visited {
  color: white;
}

/* mouse over link */
.sektorler a:hover {
    color: yellow;
    font-size: 1.5vw;
}

/* selected link */
.sektorler a:active {
  color: white;
}

.fotter1 a {
	text-decoration: none;
}
/* unvisited link */

.fotter1 a:link {
  color: white;
}

/* visited link */
.fotter1 a:visited {
  color: white;
}

/* mouse over link */
.fotter1 a:hover {
    color: yellow;
    font-size: 1.5vw;
}

/* selected link */
.fotter1 a:active {
  color: white;
}


.sektorler h1 {
 position: absolute;
	font-family: 'Source Sans Pro', sans-serif;
    color: white;
    padding: 30px 5px 0px 70px;
    text-align: left;
    font-size: 2.3vw;
	font-weight: 600;
	letter-spacing: 2px;
	
	}




.sektor2 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 70%;
	margin-top: 5px;
}

.sektor1 {
	position: relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	
}

.sekicon {
	position: relative;
	width: 17%;
	text-align: right;
	border: none;
	border-radius: 10px;
	margin:10px 5px 5px 5px;
	background-color:#064456;
	height: 200px;
	overflow: hidden;
}

.sekicon img {
	position: absolute;
	bottom: 10px;
	right: 10px;
	opacity: 0.8;
	width: 30px;
}



.sekicon p {
	position: absolute;
	top:30px;
    color: white;
    text-align: left;
    font-size: 1.1vw;
    padding: 0px 15px 0 15px;
    line-height: 1.4;
    font-weight: 400;
	letter-spacing: 0.7px;
}




.sf {
	width: 90%;
	height: 80vh;
	border: thick;
	overflow: hidden;
}

.incog {
	
	width: 100%;
	background-color: #161722;
	padding: 3px;
}
.incog h1 {
	font-family: 'Source Sans Pro', sans-serif;
    color: #7B8598;
    font-size: 0.8vw;
	
    font-weight: 400;
    text-align: center;
}
.incogn {
	width: 100%;
	height: 21px;
	border: none;
	overflow: hidden;
		background-color: #161722;
padding: 0px;
}
.fotterr {
	margin: 0px;
	width: 100%;
	height: 530px;
	border: none;
	overflow: hidden;
	background-color: transparent;
padding: 3px;
}
.fott {
		background-color: #161722;

}
.sf2 {
	width: 100%;
overflow: hidden;
}

.sf2 h1 {
	font-family: 'Source Sans Pro', sans-serif;
    padding: 30px 2.1vw;
    font-weight: 600;
	font-size: 2vw;
	color:#0071CE;
	letter-spacing:-0.3px;
}

.sdiv {
	overflow: hidden;
	width: 100%;
}

.sekresim {
	flex-basis: 40%;
	
    padding: 0px 0px 10px 2.1vw;


}
.sekyazi {
	flex-basis:60%;
	
	padding: 10px 2.1vw;
	overflow-y:auto;
	height: 70vh;
}

.sekyazi h2 {
	font-family: 'Source Sans Pro', sans-serif;
    padding: 0.5vh 0.5vw;
    font-weight: 600;
	font-size: 1.4vw;
	color:#222f37;
	letter-spacing:-0.3px;
}
.sekyazi p {
	font-family: 'Source Sans Pro', sans-serif;
    padding: 0.0vh 0.5vw;
    font-weight: 400;
	font-size: 1.1vw;
	color:#222f37;
	letter-spacing:-0.1px;
	line-height: 1.4;
}

.iframedivi {
			background-color: #161722;
height: 100%;
}


.secyazi {
	z-index: 200;
	position: relative;
	top: -185px;
	opacity: 1;
	
	text-align: right;
}
.secyazi img {
	position: relative;
	z-index: 1000;
	width: 40px;
	opacity: 1;
		padding: 7px;
bottom: 10px;
}
.secyazi p {
	padding: 7px;
	opacity: 1;
}

.secimg {
	z-index: 1000;
	position: relative;
	width: 30px;
	height: 30px;
	top:-190px;
	left: 80%;
}

.secimg img {
width: 30px;
	opacity: .5;
	
}
.secimg2 {
	z-index: 1000;
	position: relative;
	width: 30px;
	height: 30px;
	top:-155px;
	left: 80%;
}

.secimg2 img {
width: 30px;
	opacity: 1;
	
}


.haber {
	margin: auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	background-color:transparent;
	font-family: 'Source Sans Pro', sans-serif;
	color: #222f37;
	padding: 0px;
		

	
}
.haber h1 {
    font-family: 'Source Sans Pro', sans-serif;
    color: red;
    padding: 50px 5px 50px 5px;
    text-align: center;
    font-size: 2vw;
	font-weight: 500;
	letter-spacing: 1;
}

.haberler {
	margin: auto;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
	background-color:transparent;
	font-family: 'Source Sans Pro', sans-serif;
	color: #222f37;
	padding: 10px;
	
	
}
.vakalar {
    margin: auto;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    background-color: transparent;
    font-family: 'Source Sans Pro', sans-serif;
    color: #222f37;
    padding: 0px;
    
}
.vakalar2 {
    margin: auto;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    background-color: transparent;
    font-family: 'Source Sans Pro', sans-serif;
    color: #222f37;
    padding: 0px;
    
}
.vakalar2ana {
    margin: auto;
    display: flex;
    justify-content: center;
      flex-wrap: wrap;

    background-color: transparent;
    font-family: 'Source Sans Pro', sans-serif;
    color: #222f37;
    padding: 0px;
    
}


.haberler h2 {
    font-family: 'Source Sans Pro', sans-serif;
    color: black;
    padding: 25px 0px 15px 0px;
    text-align: left;
    font-size: 1.3em;
	font-weight: 600;
	letter-spacing: 1;
}
.haberler p {
    font-family: 'Source Sans Pro', sans-serif;
    color: #222f37;
    padding: 0px 0px;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    letter-spacing: normal;
    
}

.haberler span {
    font-family: 'Source Sans Pro', sans-serif;
    color: black;
    padding: 3px 0px 0px 3px;
    font-size: 1.11vw;
    font-weight: 600;
    line-height: 1.5;
    text-align: justify;
	letter-spacing: 0px;
}

.vakalar h2 {
    font-family: 'Source Sans Pro', sans-serif;
    color: black;
    padding: 25px 0px 15px 0px;
    text-align: left;
    font-size: 1.4em;
    font-weight: 600;
    letter-spacing: 1;
    text-decoration: underline;	
}
.vakalar p {
    font-family: 'Source Sans Pro', sans-serif;
    color: #222f37;
    padding: 0px 0px;
    font-size: 1.3em;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    letter-spacing: normal;
        font-style: italic;    

}

.vakalar span {
    font-family: 'Source Sans Pro', sans-serif;
    color: black;
    padding: 3px 0px 0px 3px;
    font-size: 1.11vw;
    font-weight: 600;
    line-height: 1.5;
    text-align: justify;
	letter-spacing: 0px;
	
}

.vakalar2ana h2 {
    font-family: 'Source Sans Pro', sans-serif;
    color: black;
    padding: 15px 0px 0px 0px;
    text-align: left;
    font-size: 1.4em;
    font-weight: 600;
    letter-spacing: 1;
    text-decoration: underline;	
}
.vakalar2ana p {
    font-family: 'Source Sans Pro', sans-serif;
    color: #222f37;
    padding: 0px 0px;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.2;
    text-align: left;
    letter-spacing: normal;
        font-style: italic;    

}

.vakalar2ana span {
    font-family: 'Source Sans Pro', sans-serif;
    color: black;
    padding: 3px 0px 0px 3px;
    font-size: 1.11vw;
    font-weight: 600;
    line-height: 1.5;
    text-align: justify;
	letter-spacing: 0px;
}
.habertek {
    flex-basis: 70%;
    width: 60%;
    background-color: transparent;
    font-family: 'Source Sans Pro', sans-serif;
    color: #222f37;
    padding: 30px 60px 50px 60px;
    border-right: thin dotted rgba(249,0,4,1.00);
}

.habertek img {
	margin: 15px 30px;
	float: right;
	
}
.habertek h2 {
    font-family: 'Source Sans Pro', sans-serif;
    color: black;
    padding: 25px 0px 15px 0px;
    text-align: left;
    font-size: 1.2em;
    font-weight: 600;
    letter-spacing: 1;
}
.habertek p {
    font-family: 'Source Sans Pro', sans-serif;
    color: #222f37;
    padding: 0px 0px;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.4;
    text-align: justify;
    letter-spacing: normal;
}

.habertek span {
    font-family: 'Source Sans Pro', sans-serif;
    color: black;
    padding: 3px 0px 0px 3px;
    font-size: 1.11vw;
    font-weight: 600;
    line-height: 1.5;
    text-align: left;
	letter-spacing: 0px;
}

.col-haber {
    flex-basis: 25%;
    margin: 30px;
    border-bottom: thin solid #6F6F6F;
	padding: 0 0 15px 0;
}
.col-vaka {
    flex-basis: 50%;
	flex-direction: column;
    margin: 30px;
    border-bottom: thin solid #469EDF;
	padding: 0 0 15px 0;
}

.col-vakaana {
	flex-basis: 20%;
    margin: 30px;
    border-bottom: thin solid #469EDF;
	padding: 0 0 15px 0;
}
.col-vakaana p>img {
	width: 160px;
	height: 103px;
}

.col-vakaana a {
	text-decoration: none;
	padding: 0px 10px;
	
	
	
}
.col-vaka2 {
    flex-basis: 40%;
    margin: 30px;
    border-bottom: thin solid #469EDF;
	padding: 0 0 15px 0;
	
}
.col-vaka3 {
    flex-basis: 40%;
    margin: 30px;
    border-bottom: thin solid #469EDF;
	padding: 0 0 15px 0;
	
}
.col-vaka211 {
flex-basis: 50%;
    border-bottom: thin solid #469EDF;
	padding: 50px;
	
}.col-vaka21 {

    border-bottom: thin solid #469EDF;
	padding: 100px;
	
}

.col-vaka2 img {

	 transform: rotate(0deg);
	 animation-name: example;
  animation-duration: 50s;
	   animation-iteration-count: infinite;
	animation-timing-function: linear;
}

 /* The animation code */
@keyframes example {
   100% { transform: rotate(360deg);;}
}
.col-vaka21 img {

	 transform: rotate(0deg);
	 animation-name: example;
  animation-duration: 50s;
	   animation-iteration-count: infinite;
	animation-timing-function: linear;
}

 /* The animation code */
@keyframes example {
   100% { transform: rotate(360deg);;}
}
.col-vaka211 img {

	 transform: rotate(0deg);
	 animation-name: example1;
  animation-duration: 50s;
	   animation-iteration-count: infinite;
	animation-timing-function: linear;
}

 /* The animation code */
@keyframes example1 {
   100% { transform: rotate(360deg);;}
}



.col-vaka img {
	width: 350px;
	margin: 15px 30px;
	float: left;
	
}

.haber2 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	background-color:transparent;
	font-family: 'Source Sans Pro', sans-serif;
	color: #222f37;
		

}

.zemin {
	
	background-image:url("../images/konimen-zemin.jpg")
}

.jotform {
	margin: auto;
	overflow: hidden;
	height: 850px;
	width: 100%;
}




.mavi {
    position: relative;
    width: 330px;
    height: 400px;
    margin: 10px;
    
}


.maviliana {
	position: absolute;
	width: 330px;
	height: 400px;
	top:0px;
	left: 0px;
	
}

.mavili {
	z-index: 100;
	width: 330px;
	height: 400px;
	
}


.maviliana h2 {
		z-index: 100;

	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.5em;
	width: 330px;
	position: absolute;
	bottom:-8px;
	color: white;
	background:rgba(212,140,255,1.00);
/*	background:rgba(53,125,166,0.7); */
	padding: 10px 15px 50px;
	text-align: left;
}
.maviliana h2 span {
	
	z-index: 120;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 0.6em;
	position: absolute;
	top:-18px;
	color: white;
	background:rgba(119,0,209,1);
	padding: 3px 10px;
	text-align: left;
}
.maviliana button {
    z-index: 120;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.3em;
    display: none;
    position: absolute;
    top: 50px;
    left: 90px;
    color: white;
    background-color: transparent;
    padding: 20px;
    text-align: center;
    border: thin solid rgba(255,255,255,1.00);
}




.maviliana :hover  {
	background:rgba(6,151,112,0.61);
	color: aliceblue;

}
.maviliana :hover h2 span {
	background:#069783;

}
.maviliana :hover h2  {
	background:#069783;

}

.maviliana :hover button  {
	display: block;
	
}
.indexmavi {
	position: relative;
	width: 369px;
	height: 250px;
	margin: 10px;
}

.indexmavi img {
	position: relative;
	width: 369px;
	height: 250px;
	
    filter: opacity(1);
}


.indexmaviliana {
	position: absolute;
	width: 369px;
	height: 250px;
	top:0px;
	left: 0px;

}

.indexmavili {
	z-index: 100;
	width: 369px;
	height: 250px;
	
}


.indexmaviliana h2 {
		z-index: 100;

	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.2em;
	font-weight: 600;
	width: 369px;
	height: 100px;
	position: absolute;
	top:auto;
	bottom:-8px;
	color: black;
	background:rgba(212,140,255,1.00);
	text-align: left;
	padding: 0 15px;
}
.indexmaviliana h2 span {
	
	z-index: 120;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 0.75em;
	position: absolute;
	top:-18px;
	color: white;
	background:rgba(119,0,209,1);
	padding: 3px 10px;
	text-align: left;
}
.indexmaviliana button {
	position: absolute;
    z-index: 120;
    width: 100px;
	height: 50px;
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 1em;
    display: none;
    top: 50px;
    left: 135px;
    color: white;
 	background:rgba(6,151,112,.7);
    padding: 5px;
    text-align: center;
    border: thin solid rgba(255,255,255,1.00);
}




.indexmaviliana :hover  {
		background:rgba(6,151,112,0.61);
	
	color: aliceblue;
}


.indexmaviliana :hover h2 span {
	background:rgba(6,151,112,1);


}
.indexmaviliana :hover h2  {
	background:rgba(6,151,112,1);
color:white;

}

.indexmaviliana :hover button  {
	display: block;
	
}





.blogbaslik h1 {
    margin: 5% 1% 2% 1%;
    font-family: 'Open Sans Condensed', sans-serif;
    color: rgba(8,10,27,.70);
    padding: 0px 15px 0px;
    text-align: center;
    font-size: 4em;
    font-weight: 700;
    letter-spacing: 0.5;
    border-bottom: 10px dashed rgba(211,227,255,1.00);
}



.anablog {
	width: 18vw;
	background-color: antiquewhite;
	overflow: hidden;
}

.anablog h3 {
    margin: auto;
	font-family: 'Roboto', sans-serif;
    color: black;
    text-align: left;
    font-size: 1.2em;
    font-weight: 600;
    letter-spacing: 1;
    border-top-left-radius: 0px;
    border-left: 4px solid #0089E0;
}
.anablog p {
    
	font-family: 'Roboto', sans-serif;
    color: black;
    text-align: left;
    font-size: 1.1em;
    font-weight: 400;
    letter-spacing: 0.5;
    border-top-left-radius: 0px;
    border-left: 1px solid #0089E0;
}

.anablogtasiyici {
	width: 4000px;
	overflow: hidden;
}

.blog2 {
	
	 display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
	justify-content: center;
}

.vurgu {
	position: relative;
	overflow: hidden;
margin:50px 15px;
    border-radius: 15px 55px 55px 15px;
    border: 0.1px solid white;
    background-color: #1279E0;
    padding: 5px;
   background-image: url("../images/haberler/harflerzemin.jpg");
	    box-shadow: 5px 5px 30px rgba(0,0,0,.5);
}
.vurgu p {
    border-radius: 10px 50px 50px 10px;
	border: 1px solid white;
	    padding: 30px;
margin: 5px 5px 5px 150px;
	    color: black;
	    font-family: 'Roboto', sans-serif;
    text-align: left;
    font-size: 1.1em;
    font-weight: 400;
    letter-spacing: 0.5;
    font-style: italic;
	background-color: rgba(255,255,255,0.8);
		   

}

.vurgu p:before {
    position: absolute;
    content: "“";
    font-family: 'Roboto', sans-serif;
    color: white;
    text-align: left;
    font-size: 4em;
    font-weight: 400;
    letter-spacing: 0.5;
    font-style: italic;
    top: 0px;
    left: 10px;
    padding: 5px 10px 5px 5px;
    height: 35px;
    width: 30px;
    border-radius: 5px;
    border: 0px solid white;
    text-shadow: 10px 10px 15px rgba(0,0,0,1.00);
}





.col-vaka3 {
	    margin: 30px;
    border-bottom: thin solid #469EDF;
	padding: 0 0 15px 0;

}

.blogyan {
	flex-basis: 20%;
	padding: 30px;
}


.mobilhaberler {
	margin: auto;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	

	background-color:transparent;
	font-family: 'Source Sans Pro', sans-serif;
	color: #222f37;
	padding: 0px;
	
	
}

.blogyan h3 {
    font-family: 'Source Sans Pro', sans-serif;
    color: black;
    padding: 5px 0px 15px 0px;
    text-align: left;
    font-size: 1.2em;
    font-weight: 600;
    letter-spacing: 1;
    font-style: italic;
}
.blogyan button {
    font-family: 'Source Sans Pro', sans-serif;
    margin:0px;
    font-size: 0.8em;
    font-weight: 600;
    letter-spacing: 1;
 
}





.bosluk {
	
}

.dusunen {
	
	background-color:white;
}

.dusunen video {
	height: 80px;
    z-index: 1000;
    position: fixed;
    top: 0px;
    right: 0px;
    border: thick solid rgba(0,95,184,1.00);
    border-radius: 5px;
	padding: 5px;
		background-color:white;

}




.modalmee {
	width: 100%;
	color:black;
	font-size: 1.5em;
	text-align: center;
}
.modalmee p {
	color:black;
	font-size: 1.5em;
}

.girisblog {
	margin: 0 0 2% 10% ;
}
.girisblogimg {
    border: thick dashed rgba(255,255,255,1.00);
    border-radius: 15px;
}

.girisblog h2 {
		margin:auto;

    font-family: 'Source Sans Pro', sans-serif;
    color: red;
    font-size: 2.4em;
    font-style: italic;
    font-weight: 700;
}

.girisblog p {
		margin:auto;

    font-family: 'Source Sans Pro', sans-serif;
    color: #222f37;
    font-size: 1.4em;
    font-style: normal;
    font-weight: 400;
}

.sosyalfooter a {
	    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.5em;
    font-style: normal;
    font-weight: 400;
	padding: 0px 10px;

}
.sosyalfooter a:hover {
	    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.5em;
    font-style: normal;
    font-weight: 400;
	padding: 0px 10px;
	

}

.sosyalfooter {
	color:rgba(255,255,255,1.00);
}