/* 003983 */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
	margin:0;
	padding:0;
    max-width: 100% !important;/*yatay kaydırma yok*/
    overflow-x: hidden !important;/*yatay kaydırma yok*/
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	background-color:#fff;
	font-size: 100%;
	font-family: 'Open Sans', sans-serif;
	line-height:100%;
	-webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.yatayscrollengelle{ max-width:100%;position: relative;top: 0;bottom: 0;left: 0;right: 0;overflow: hidden;}

a{color:#000;text-decoration:none;}

p{
	text-align: justify;
	font-size: 1.2vw;
	font-weight: 300;
	font-style: normal;
	color:#444;
	word-spacing: auto;
	letter-spacing: .04vw;
	margin:1vw 0 1vw 0;
	line-height:160%;
}


.ortala{
	display: table;
	margin-left: auto;
	margin-right: auto; 
 
}
.ortala2 {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.ortalawidthauto{
	width:auto;
	margin-left: auto; /*genişliği belli olmayanı ortala*/
	margin-right: auto; /*genişliği belli olmayanı ortala*/
	display: table; /*genişliği belli olmayanı ortala*/
    *zoom:1; /*genişliği belli olmayanı ortala*/
}



h1{font-size:3vw;font-weight:300;text-align:center;color:#003983;margin-bottom:2vw;line-height:120%;}
h2{font-size:2vw;font-weight:300;text-align:center;color:#003983;margin-bottom:1.5vw;line-height:120%}
h3{font-size:1.5vw;font-weight:400;text-align:center;color:#003983;margin-bottom:1vw;line-height:120%}

.bnr h3{color:white;font-size:5vw;font-weight:400;margin-bottom:2vw;}
.bnr h1{color:white;font-size:2vw;font-weight:400;}
.bnr p{color:white;font-size:1.8vw;}

header{
	display:block;
	width:100%;
	height:5vw;
}

.bnr{
	width:100%;
	height:44vw;
	padding:10vw;
	background:linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(../i/bnr1.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	text-shadow: 0px 0px 6px #000
}

.bnr p{text-align:center;}

.loader-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  display:flex;
  justify-content: center;
  align-items: center;
  z-index:99999999999;
}
.loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  border: 4px solid #003983;
  animation: loader 2s infinite ease;
}
.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #003983;
  animation: loader-inner 2s infinite ease-in;
}
@keyframes loader {
  0% { transform: rotate(0deg);}
  25% { transform: rotate(180deg);}
  50% { transform: rotate(180deg);}
  75% { transform: rotate(360deg);}
  100% { transform: rotate(360deg);}
}
@keyframes loader-inner {
  0% { height: 0%;}
  25% { height: 0%;}
  50% { height: 100%;}
  75% { height: 100%;}
  100% { height: 0%;}
}

a.bttnBeyaz {color:#fff;z-index: 2;}
a.bttnBeyaz:hover { color:#000;}
.bttnBeyaz{border: .15vw solid #fff;}
.bttnBeyaz:before{background-color: #fff; /*hover ani*/}

a.bttnTurkuaz {color:#24c2ae;z-index: 2;}
a.bttnTurkuaz:hover { color:#fff;}
.bttnTurkuaz{border: .15vw solid #24c2ae;}
.bttnTurkuaz:before{background-color: #24c2ae; /*hover ani*/}

.jssorbttn {
  font-size: 1.2vw;
  letter-spacing: .1vw;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  font-weight: 400;
  padding: 1.4vw 2.8vw;
  border-radius: .2vw;
  position: relative;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.jssorbttn:before {
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  position: absolute;
  top: -1px;
  left: 50%;
  right: 50%;
  bottom: 0;
  opacity: 0;
  content: '';
  z-index: -1;
}
.jssorbttn:hover:before {
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  left: 0;
  right: 0;
  opacity: 1;
  color:#fff;
}
.jssorbttn:focus:before {
  transition: 0.5s all ease;
  left: 0;
  right: 0;
  opacity: 1;
}

.topmenu ul {
	margin-top:0vw;
	margin-left: auto; /*genişliği belli olmayanı ortala*/
	margin-right: auto; /*genişliği belli olmayanı ortala*/
	display: table; /*genişliği belli olmayanı ortala*/
    *zoom:1; /*genişliği belli olmayanı ortala*/
    list-style:none;
    padding:0;
	overflow: visible;

}

.topmenu ul:before,.topmenu ul:after {
    content:"";
    display:table;
}
.topmenu ul:after {
    clear:both;
}
.topmenu ul > li {
    float:left;
    position:relative;
}

.topmenu a{
	font-size:1vw;
	font-weight: 400;
	transition: all .5s ease;
	text-align:center;
    display:block;
	padding: 1.9vw 1.2vw;
	height:5vw;   /*anamenü height*/
	width:14vw;		/* anamenu width silersen ayrı ayrı otomatik olur*/
    color:#003983;
	font-weight:600;
	font-size:1.2vw;
	text-decoration:none;
}

.topmenu a:hover {
	transition: all  .5s ease;
	color:#fff;
	background:#003983;
	background-color: #003983;
}

.sutunCabFull {
  background-color: #fff;
  margin:4vw;
}

.sutunCab2li {
  display: grid;
  grid-template-columns: 1fr 1fr;/*stun sayısı*/
  grid-gap: 0vw;/*grid arası*/
  background-color: #fff;
  margin:4vw 0 4vw 0;
}

.sutun {
	padding:0 5vw 0 5vw;
	display: table;height: 100%;/*vertical ortalama için*/
}
.vort {display: table-cell;vertical-align: middle;}/*vertical ortalama*/
	
img{
	-webkit-border-radius: 1vw;
	-moz-border-radius: 1vw;
	border-radius: 1vw;
}

.img100{width:100%;}
.img75{width:75%;}
.img50{width:50%;}

footer{
	width:100%;
	background-color:#003983;
	padding:5vw;
}

footer, footer a{

	color:#fff;
	text-align:center;
}

* {
/*-webkit-user-select: none; yandex form input kiltliyor*/
-html-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;
}

/* Mobil Responsive */
@media screen and (max-width: 600px) {
	header{display:none;}
	p{font-size: 3.5vw;}
	h1{font-size:10vw;margin-bottom:3vw;line-height:120%}
	h2{font-size:7vw;margin:4vw;line-height:120%}
	h3{font-size:5vw;margin:4vw;line-height:120%}
	.bnr{height:70vw;background-size: 100% 100%;}
	.bnr h1{font-size:7vw;}
	.bnr p{font-size:3.5vw;}
	.sutunCab2li {grid-template-columns: 1fr;/*stun sayısı*/}
	.jssorbttn {font-size: 4vw;padding: 3vw 6vw;}
}