html{
    height:100%;
	scroll-behavior: smooth;
} 
@font-face {
    font-family: Gotham-Book;
    src: url("../fonts/Gotham-Book.otf") format("opentype");
}
@font-face {
    font-family: Metropolis-Medium;
    src: url("../fonts/Metropolis-Medium.otf") format("opentype");
}
@font-face {
    font-family: Poppins-Regular;
    src: url("../fonts/poppins/Poppins-Regular.ttf") format("truetype");
}
body{
    font-family: Poppins-Regular;
    font-size:clamp(14px, 3.2vw, 16px);
    letter-spacing: 0.20px;
	background-color: #17A7C2;
}
.container{
	max-width: 1320px;
}
.containerPadding{
	position:relative;
	padding-top:40px;
	padding-bottom:40px;
}

/*Preloader*/
#loader {
    background: #ffffff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999999999999999;
}
#loaderInner {
    background-image: url("../img/loader.svg");
    background-position: 50% center;
    background-repeat: no-repeat;
	background-size: 18%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
/*Preloader*/

/* bg */
.bg{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-image:url("../img/bg.jpg");
	background-size:100vw auto;
	background-position:top center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	z-index:-1;
}
.bg::after{
	position:absolute;
	content:'';
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(23, 167, 194, 0);
	z-index:0;
}

@media only screen and (max-width: 1199px) {
	.bg{
		background-size:150vw auto;
	}
}
@media only screen and (max-width: 767px) {
	.bg{
		background-size:150vw auto;
	}
}
@media only screen and (max-width: 480px) {
	.bg{
		background-size:200vw auto;
	}
}
/* bg */

/* menu */
.menu-bar{
	position:relative;
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	justify-content:space-between;
	padding:8px 0px;
}
.logo{
	position:relative;
}
.menu-ikonu{
	position:relative;
	cursor:pointer;
}
/* menu */

/* ust baslik */
.ust-baslik-tablosu{
	position:relative; 
	text-align:center; 
	color:#00167A;
	font-size:clamp(16px, 3.2vw, 20px);
	margin-bottom:12px;
	text-shadow:
		-0.5px -0.5px 2px #fff, /* sol üst */
		0.5px -0.5px 2px #fff, /* sağ üst */
		-0.5px  0.5px 2px #fff, /* sol alt */
		0.5px  0.5px 2px #fff; /* sağ alt */
}
.ust-baslik-tablosu p{
	margin-bottom:5px;
}
/* ust baslik */

/* icerik tablosu  */
.icerik-tablosu-genisligi{
	width:fit-content;
	min-width:50%;
	margin-left:auto;
	margin-right:auto;
}
@media only screen and (max-width: 767px) {
	.icerik-tablosu-genisligi{
		min-width:100%;
	}
}
.icerik-tablosu{
	position:relative;
	text-align:center;
	margin-top:6px;
	margin-bottom:6px;
	color:#00167A;
	background-color:rgba(255,255,255,0.95);
	padding:12px;
	margin-left:auto;
	margin-right:auto;
	border-radius:10px;
}
.icerik-tablosu p{
	margin-bottom:6px;
}
.icerik-tablosu .baslik{
	text-align:center;
	color:#364678;
	font-weight:bold;
}
.icerik-resmi{
	position:relative;
	width:100%;
	max-width:500px;
	border:2px solid white;
	border-radius:10px;
}
@media only screen and (max-width: 1199px) {
	.icerik-resmi{
		max-width:300px;
	}
}

	/* tablo */
	.tablo-cercevesi{
		overflow: hidden;
		margin-left: -12px;
		margin-right: -12px;
	}
	.tablo-boslugu{
		margin-bottom:6px;
	}
	.icerik-tablosu table{
		margin-bottom:0px;
		font-size:clamp(11px, 3.2vw, 16px) !important;
	}
	.icerik-tablosu table > thead > tr{
		background-color:#33477d;
	}
	.icerik-tablosu table > thead > tr > th{
		color:white;
		font-weight:normal;
		vertical-align:middle;
	}
	.icerik-tablosu .table-striped > tbody > tr:nth-of-type(odd) > *{
		background-color:white;
	}
	.icerik-tablosu .table-striped > tbody > tr:nth-of-type(even) > *{
		background-color:#e5ebfd;
	}
	.tablo-fit-card{
		position:relative;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:6px;
		width:fit-content;
		text-align:center;
		border:1px solid #00167a;
		padding:8px;
		border-radius:10px;
		background-color:white;
	}
	/* tablo */

.icerik-menuleri{
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:center;
	padding:8px 0px;
	border-bottom:1px solid silver;
	font-size:clamp(11px, 3.2vw, 16px);
}
.icerik-menuleri:last-of-type{
	padding:0px 0px;
	padding-top:8px;
	border-bottom:none;
}
.icerik-menuleri:nth-of-type(2n){
	font-weight:bold;
}
.icerik-menuleri a{
	color:#00167A;
}
.icerik-menuleri > [class^="fa"]{
	padding-left:calc(12px + 5px);
}

@keyframes shake-arrow {
  0%   { transform: translateX(-5px); }
  50%  { transform: translateX(0px); }
  100% { transform: translateX(-5px); }
}
.fa-arrow-right {
	display: inline-block; /* transform çalışması için */
	animation: shake-arrow 1s infinite; /* süreyi ihtiyaca göre ayarlayabilirsiniz */
}
/* icerik tablosu  */

/* alt butonlar  */
.ozel-butonlar{
	position:relative;
	display:inline-block;
	background-color:#3f157b;
	color:white;
	border-radius:5px;
	padding:12px;
	width:fit-content;
	margin:6px;
}
.ozel-butonlar:hover{
	color:white;
}
.ozel-butonlar::after{
	position:absolute;
	top:5px;
	left:5px;
	content:'X';
	background-color:#fff;
	color:white;
	border-radius:5px;
	padding:12px;
	width:100%;
	z-index:-1;
}
/* alt butonlar  */

/* sp */
.splide__track{
	width: calc(100% - 0px); 
	margin:auto;
	padding-left:10vw !important;
	padding-right:10vw !important;
}
/*
.splide__arrow {
	background: #002575;
		gizli
	width:calc(10vw - 12px);
	height:100%;
	border-radius:0px;
	opacity:0;
		gizli
}
gizli
.splide__arrow:hover, .splide__arrow:focus{
	opacity:0 !important;
}
gizli
.splide__arrow svg {
	fill: #fff;
}
.splide__arrow--prev {
	left:0px;
}
.splide__arrow--next {
	right:0px;
}
*/
.splide__slide{
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
}
.spKutu{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	margin-left:12px; 
	margin-right:12px; 
	padding:0px;
	border:1px solid #000;
	border-radius:0px;
	text-align:center;
	background-color:white;
	transition:0.2s;
	max-height:max-content; /* sp height icn */
	width:100%;
	height:550px;
}
@media only screen and (max-width: 1199px) {
	.spKutu{
		height:calc(10vh + 30vw);
	}
}
.spKutu img{
	object-fit: cover !important;
	width:100%;
	height:100%;
	cursor:pointer;
}
/* sp */

/* light gallery */
@media only screen and (min-width: 1200px) {
	.lg-backdrop {
		background-color: rgba(0, 0, 0, 0.85) !important;
	}
}
/* light gallery */

/* modal */
.modalx{
	display:none;
	position:fixed;
	z-index:11111111;
	padding-top:54px;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.4);
}
.modal-contentx{
	position:relative;
	background-color:#fefefe;
	margin:auto;
	padding:12px;
	border:1px solid #888;
	width:80%;
	max-width:calc(1320px - 24px);
	height:calc(100% - 100px);
	max-height:max-content;
	/*overflow-y:auto;*/
	border-radius:10px;
}
@media only screen and (max-width: 1199px){
	/* modal */
	.modal-contentx{
		width:90%;
	}
	/* modal */
}
.closex{
	color:#000;
	font-size:28px;
	font-weight:bold;
}
.closex:hover,
.closex:focus{
	color:#000;
	text-decoration:none;
	cursor:pointer;
}
/* modal */

img{
	image-rendering: -webkit-optimize-contrast;
}
a{
    color:#00167A;
	outline:none;
	text-decoration:none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
	cursor:pointer;
}
a:hover{
    text-decoration:none;
    color:#000;
}
.navbar-toggler,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
  outline: 0 !important;
  outline-offset: 0  !important;
  background-image: none  !important;
  -webkit-box-shadow: none !important;
  box-shadow: none  !important;
}

/******************************************** tablet - mobil ********************************************/
@media only screen and (max-width: 1199px) {
	/* screen settings */
	.PC{
		display:none;
	}
	.Mobil{
		display:none;
	}
	.Tablet{
		display:inline-block;
	}
	.Tablet-Mobil{
		display:inline-block;
	}
	/* screen settings */
}

/******************************************** mobil ********************************************/
@media only screen and (max-width: 767px) {
	/* screen settings */
	.PC{
		display:none;
	}
	.Mobil{
		display:inline-block;
	}
	.Tablet{
		display:none;
	}
	/* screen settings */
}

/******************************************** pc ********************************************/
@media only screen and (min-width: 1200px) {
	/* screen settings */
	.PC{
		display:inline-block;
	}
	.Mobil{
		display:none;
	}
	.Tablet{
		display:none;
	}
	.Tablet-Mobil{
		display:none;
	}
	/* screen settings */
	
	/*Preloader*/
	#loaderInner {
		background-size:8%;
	}
	/*Preloader*/
}