@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin-ext');


/* mavi 0082bc */

a,body,canvas,caption,div,embed,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,label,legend,li,object,ol,p,pre,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,ul{margin:0;padding:0;border:0;font-size:100%;position:relative}
ol,ul{list-style:none}
table{border-spacing:0}
a,a:active,a:hover{outline:0;cursor:pointer}
input,select,textarea{margin:0;padding:0}

* {
    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*/
	background-color:#efefef;
	background:#efefef;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	text-align: justify;
}

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

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

body,p{
	font-size: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1vw;
	font-weight: 400;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
	color:#444;
	line-height:140%;
}



.ortala{
  margin-left: auto;
  margin-right: auto; 
  display: table;
}
.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:1.5vw;font-weight:400;text-align:left;color:#fff;padding-bottom:2vw;padding-top:.7vw;padding-left:.7vw;
width:auto;
    background-image:url('../i/h1.png');
    background-repeat:no-repeat;
    background-position:right top;


}
h2{font-size:1.3vw;font-weight:400;text-align:left;color:#00a3df;padding-bottom:1vw;}
h3{font-size:1.1vw;font-weight:400;text-align:left;color:#fff;padding-bottom:0vw;}
h4{font-size:1.1vw;font-weight:400;text-align:left;color:#0082bc;padding-bottom:0vw;}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px dotted #ccc;
}

.header {
	transition: all 1s;
	position:fixed;
	display:block;
	width:100%;
    background: url("../i/75white.png") repeat;
    padding: 0px;
	height:7.5vw;
	z-index:9999;
	top:0;
	margin:0;
}

.headernormal {
	transition: all 1s ease;
	transform:translate(0, -0vw);
}

.headerscroll{
	transition: all 1s ease;
	transform:translate(0, -4.5vw);
}

.logo{
	position:absolute;
	left:2%;
	top:3%;
	width:16%;
	height:auto;
	display:block;
	border:0px solid black;
	z-index: 999;
	transition: all 1s ease;
}

.logoscroll{width:7%;left:6%;top:4.5vw;}
.logo img{
	transition: all 1s ease;
	width:100%;
	height:auto;
}

.headteli{
	position:absolute;
	right:15vw;
	top:1.8vw;
	width:4%;
	height:auto;
	display:block;
	border:0px solid black;
	z-index: 999;
	transition: all 1s ease;
}
.headteliscroll{width:3%;top:4.5vw;right:11.8vw;}

.headteli img{
	width:100%;
	height:auto;
	transition: all 1s ease;
}

.headtelt{
	position:absolute;
	right:2%;
	top:3vw;
	width:auto;
	height:auto;
	display:block;
	border:0px solid red;
	font-size:2vw;
	z-index: 999;
	transition: all 1s ease;
}
.headteltscroll{top:5.1vw;font-size:1.5vw;}
.headtelt a{
	margin-top:2vw;
	font-weight:400;
	color:#00a3df;
}

.breadcrumb {margin-bottom:1vw;margin-top:-3vw;color:gray;font-size:.9vw;}
.breadcrumb a{color:gray;font-size:.9vw;}
.breadcrumb a:hover{text-decoration: underline;}

/* Create three unequal columns that floats next to each other */
.column {
    float: left;
	height:28vw;
}

/* Left sol column */
.column.sidel {
    width: 24%;
	margin:0;
	background-color:#fff;
	padding: 2vw;
	margin-bottom: 3vw;
}

/* Left sag column */
.column.sider {
    width: 24%;
	margin: 0;
	background-color:#fff;
	padding: 2vw;
	margin-bottom: 3vw;
}

/* Middle column */
.column.middle {
    width: 44%;
	margin-left: 3vw;
	margin-right: 3vw;
	background-color:#fff;
	padding: 2vw;
	margin-bottom: 3vw;
	//height:28vw;
}

/* Middleara column */
.column.middleautoheight {
    width: 44%;
	margin-left: 3vw;
	margin-right: 3vw;
	background-color:#fff;
	padding: 2vw;
	margin-bottom: 3vw;
	height:auto;
	min-height:28vw;
}

/* full column */
.column.full {
    width: 100%;
	height:auto;
	margin: 0 15vw 3vw 0;
	background-color:#fff;
	padding: 2vw;
}

/* 65 column */
.column.yetmis {
	height:auto;
    width: 72%;
	margin: 0 3vw 3vw 0;
	background-color:#fff;
	padding: 2vw;
}

/* 65 column */
.column.altmis {
	height:auto;
    width: 64%;
	margin: 0 3vw 3vw 0;
	background-color:#fff;
	padding: 2vw;
}

/* 50 column */
.column.elli {
	height:auto;
    width: 50%;
	margin: 0 3vw 3vw 0;
	background-color:#fff;
	padding: 2vw;
	overflow: hidden;
}

/*46 column */
.column.kirkalti {
    width: 46%;
	margin: 0 1.8vw 0 1.8vw;
	background-color:#fff;
	padding: 2vw;
	height:auto;
	min-height:30vw;
}

/* 35 column */
.column.CABkirk {
    width: 32%;
	height:auto;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Clear floats after the columns */
.row{
	margin:4vw;
}


.p_icons{
	width:16vw;
	position:absolute;
	top:1vw;
	right:-3vw;
}

.p_icons img{
	width:3vw;
	height:3vw;
	z-index:9;
	margin:0 0 0 1vw;
	float:left;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

.p_icons img:hover{
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.prlxilet{
    /* The image used */
    background-image: url('../i/ilet.jpg');

    /* Full height */
    height: 40vw;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	//text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
	margin-top:-2vw;
	margin-bottom:4vw;
}

.prlxilettxt{
	font-size:1.2vw;
	font-weight:300;
	text-align:center;
	width: 100%;
	height: 10vw;
	color:#fff;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.parallax {
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.iletasa{position:absolute;margin-top:30%;margin-left:47.5%;z-index:2}
.iletasa img{width:10%}
.iletasaimg:hover{width:10.5%;left:-2px}


.besliCab{
    height: auto;
	margin-top:0px;
	margin-bottom:4vw;
}

.besliCab a{color:#00a3df;}.besliCab a:hover{color:#000;}
.besliCab h3{color:#00a3df;}
.besli{
	width:100%;
	font-size:3vw;
	line-height:100%;
	text-align:center;
	padding-top:2vw;
	padding-bottom:2vw;
	}
.besli th {width:20%;}
.besli img {width:20%}
.besli span{font-size:.8vw;margin:0;padding:0}
.counter-value{margin-bottom:-3.5vw}

/* Style the footer */
.footer {
    padding: 10px;
    text-align: center;
}


.copyrighttable  {border-spacing:0;width:100%;padding:0;margin:0;}
.copyrighttable-ftr{padding:1.2vw;width:30%;text-align:right;font-size:1vw;}

table.ftrnavtbl{
    position: relative;
	width:90%;
	margin-left:5%;
	border-collapse: collapse;
}
	.ftrnavtbl td{
		vertical-align: top;
		font-size:.9vw;
		width:19%;
		height:auto;
		padding:2vw;
		line-height:160%;
	}

table.tbl{
    position: relative;
	width:90%;
	margin-left:5%;
	border-collapse: collapse;
	font-weight:300;
	text-align:center;
}
	.tbl th{
		width:18%;
		height:auto;
		padding:2vw;
	}

.golge {
  -webkit-box-shadow: 3px 3px 30px -10px #000;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 30px -10px #000;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 30px -10px #000;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.golgeic {
  -webkit-box-shadow: inset 3px 3px 30px -10px #000;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    inset 3px 3px 30px -10px #000;  /* Firefox 3.5 - 3.6 */
  box-shadow:         inset 3px 3px 30px -10px #000;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.oval{
	-webkit-border-radius: 2vw;
	-moz-border-radius: 2vw;
	border-radius: 2vw;
}

.black25 {background-image:url('../i/25black.png');background-repeat: repeat}
.black50 {background-image:url('../i/50black.png');background-repeat: repeat}
.black75 {background-image:url('../i/75black.png');background-repeat: repeat}
.white25 {background-image:url('../i/25white.png');background-repeat: repeat}
.white50 {background-image:url('../i/50white.png');background-repeat: repeat}
.white75 {background-image:url('../i/75white.png');background-repeat: repeat}

.txt_golg_byz{text-shadow: 1px 1px 1px white;color:black;}
.txt_golg_syh{text-shadow: -1px -1px 1px black;color:white;}
.txt_golg_rnk{text-shadow: -1px -1px 1px black;color:#0082bc;}


.imgfull{width:100%;}

::-webkit-scrollbar {width: 0.6vw;}
::-webkit-scrollbar-track {box-shadow: inset 2px 2px 5px -2px grey;background-color:#c1c1c1;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
::-webkit-scrollbar-thumb {background: #0082bc;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border:1px solid #999;}
::-webkit-scrollbar-thumb:hover {background: blue;}


#back2Top {
	text-shadow: -5px 8px 4px rgba(0, 0, 0, 0.2);
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 10px;
    right: 10px;
    color: #0082bc;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(221, 221, 221);
    /* RGBa with 0.6 opacity */
    background-color: rgba(221, 221, 221, 0);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99dddddd, endColorstr=#99dddddd);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99dddddd, endColorstr=#99dddddd)";
}
#back2Top:hover {
	color: #000;
}

* {
/*-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}
	h1{font-size:4vw;}	h2{font-size:3vw;}	h3{font-size:2vw;}	h4{font-size:2vw;} h5{font-size:2vw;}
    .column.sidel, .column.sider, .column.middle, .column.middleautoheight, .column.altmis, .column.yetmis, .column.CABkirk, .column.kirkalti, .column.elli{width:98%; margin:0 0 5vw 0; height:auto}
	body,p {font-size:4vw;}
	.breadcrumb{top:-1vw;font-size:3vw;} .breadcrumb a{font-size:3vw;}
	.ftrnavtbl{display:none}
	.ustmenu {display:none}
	.logo{display:none}
	#jssor_1{top:2vw;}
	::-webkit-scrollbar {width:2vw;}
	.besli{font-size:3vw;}
	.besli th {width:20%;}
	.besli img {width:60%}
	.besli span{	font-size:2vw;}
	.copyrighttable-ftr{width:33%;line-height:100%;font-size:3vw;}
}