/*FWSubversion{name:EXM;group:Spin off}*/
:root
{
	--content-width: 1140px;
	--line-height: 1.55em;
	/*theme colors*/
	color: #0C4B91;
	--color-a: #0d4c92;
	--color-b: #2973c0;
	--color-c: #063263;
	--color-d: #005fc2;
	/*colors*/
	--color-main-bg: #c7d2dd;
	--color-heading: #000;
	--color-link: #0d4c92;
	--color-link-hover: #005cbb;
	--logo-height:40px;
	/*default  stage and grid padding */
	--page-margins:15px;
}
.pre-top .fwd-butwid a.button
{
	background-color: transparent;
}
.site-navi li a
{
	font-weight: 600;
}
.site-navi li li a
{
	font-weight: 500;
	font-size: 0.8em;
}
.site-navi > li ul
{
	min-width: 300px;
	font-size: 0.9rem;
}
.pre-top
{
	background-color:var(--color-a);
	color: #FFFFFF;
	border-bottom: 1px solid rgba(0, 0, 0, 0.149);
	z-index: 200 !important;
}
.pre-top > .body
{
	display: flex;
	position: relative;
}
.pre-top > .body > div
{
	flex: 1;
}
.pre-top .pt-search, .pre-top .pt-langs
{
	flex: none !important;
}
.pt-langs
{
	margin-right: 50px;
	padding-top: 12px;
}
.pt-langs .text
{
	margin: 0;
}
.pt-langs .text a
{
	color: #FFFFFF;
	border: none;
	font-size: 0.9rem;
}
.pt-langs .text a:hover
{
	opacity: 0.7;
}
.pt-search:after
{
	content: "\e93c ";
	font-family: icobase;
	font-size: 26px;
	display: inline-block;
	margin: 15px 0 0;
}
.pt-search .site-search-wrap .site-search
{
	position: absolute;
	top: -71px;
	right: 0;
	z-index: 100;
	/*height: 50px;*/
	background-color: #021F40;
	padding: 1px 20px;
	overflow: hidden;
	transition: all 0.3s ease-out 300ms;
	width: 320px;
	box-sizing: border-box !important;
}
.pt-search:hover .site-search-wrap .site-search, .pt-search:focus-within .site-search-wrap .site-search
{
	top: 0;
}
.pt-search
{
	margin: 0 0 0 17px;
}
.pt-search input.text
{
	box-sizing: border-box;
	height: 33px;
	padding: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.298);
	color: #FFFFFF;
	font-size: 1em;
	width: calc(100% - 25px) !important;
}
.site-search input
{
	padding: 0;
	background-color: transparent;
	border: none;
}
.site-search input.text
{
}
.site-search input.text::placeholder
{
	color: rgba(255, 255, 255, 0.800);
	font-weight: 300;
}
.site-search input.ara
{
	font-size: 0;
	width: 20px;
	height: 20px;
	background-image: url('data:image/svg+xml;utf8,<svg enable-background="new 0 0 373.12 373.12" version="1.1" viewBox="0 0 373.12 373.12" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> <path d="m266.67 234.67h-16.96l-5.867-5.867c20.907-24.213 33.493-55.68 33.493-90.133 0-76.587-62.08-138.67-138.67-138.67s-138.67 62.08-138.67 138.67 62.08 138.67 138.67 138.67c34.453 0 65.92-12.587 90.133-33.387l5.867 5.867v16.853l106.67 106.45 31.787-31.787-106.45-106.67zm-128 0c-53.013 0-96-42.987-96-96s42.987-96 96-96 96 42.987 96 96-42.987 96-96 96z" fill="rgb(255,255,255)"/> </svg>');
	background-position: center;
	background-size: contain;
	margin-left: 5px;
}
@media (max-width: 576px)
{
	.pt-search:hover .site-search-wrap .site-search, .pt-search:focus-within .site-search-wrap .site-search
	{
		width: 100%;
		padding: 8px 15px;
		height: auto;
	}
}
.button, a.button:link, a.button:visited, a[class*=button-], *[class*=button-]
{
	padding: 15px 30px;
	background-color: var(--color-a);
	font-size: 1.06em;
}
.breadcrumbs
{
	margin-bottom: 2em;
}
/* box menu a*/
.bxm-a
{
	margin: -80px 0 0 !important;
}
.bxm-a > .body
{
	background: rgba(255, 255, 255, 0.898);
	box-shadow: rgba(0, 0, 0, 0.66) 0px 5px 20px -5px;
}
.bxm-a .fwd-cell
{
	cursor: pointer;
	padding: 30px 15px;
	background: #FFFFFF;
	border-right: 1px solid rgba(0, 0, 0, 0.118);
	transition: all 0.3s ease-in 0s;
}
.bxm-a .fwd-gcell:hover .fwd-cell
{
	background: #0C4B91;
}
body:not(.fixed) .bxm-a .fwd-gcell:hover .fwd-cell
{
	border-right: 1px solid rgba(0, 0, 0, 0.118);
	transform: translateY(-50px);
}
.bxm-a .fwd-cell *
{
	color: #0B0B0B;
	transition: all 0.3s ease-out 0s;
}
.bxm-a .fwd-cell:hover *
{
	color: #FFFFFF;
}
.bxm-a .fwd-iconwid .fwd-icn
{
	transition: all 0.3s cubic-bezier(0.27, 1.11, 0.61, 1.64) 0s;
}
.bxm-a .fwd-cell:hover .fwd-iconwid .fwd-icn
{
	transform: scale(1.4);
}
/*sibling menu*/
.sibling-menu
{
	background-color: #072C56;
	position: relative;
	outline: none;
}
.sibling-menu > .body
{
	display: flex;
	max-width: calc(var(--content-width) + 30px);
	margin: auto;
}
.sibling-menu > .body a
{
	display: block;
	padding: 15px;
	color: rgba(255, 255, 255, 0.712);
}
.sibling-menu > .body .active a
{
	font-weight: 600;
	color: rgba(255, 255, 255, 0.949);
}
.sibling-menu > .body a:hover
{
	background-color: rgba(1, 92, 186, 0.200);
	color: #FFFFFF;
}
@media (max-width: 576px)
{
	.sibling-menu > .body
	{
		display: block;
	}
	.sibling-menu::before
	{
		font-family: 'icobase';
		content: "\e75c";
		position: absolute;
		z-index: 10;
		right: -53px;
		top: 0;
		transform: rotate(90deg);
		transform-origin: 0 0;
		color: #FFFFFF;
		font-size: 22px;
		text-align: center;
		padding: 25px 15px;
	}
	.sibling-menu > .body > div:not(.active)
	{
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		transition: all 0.5s ease-in-out;
	}
	.sibling-menu:hover > .body > div:not(.active), .sibling-menu:focus-within > .body > div:not(.active)
	{
		max-height: 100px;
		opacity: 1;
	}
}
/*haber list ekl*/
.duyuru-box .duyuru-item
{
	background-color: #FFFFFF;
	box-shadow: 0px 4px 25px -8px rgba(0, 0, 0, 0.433);
}
.duyuru-box .duyuru-item .thumb
{
	overflow: hidden;
	display: block;
}
.duyuru-box .duyuru-item .thumb img
{
	transition: all 0.3s ease;
}
.duyuru-box .duyuru-item .thumb:hover img
{
	transform: scale(1.1);
	filter: grayscale(0.5) brightness(1.2);
}
.duyuru-box .duyuru-item h5
{
	font-size: 1.2rem;
}
.duyuru-box .duyuru-item .t
{
	margin: 20px;
	text-align: justify;
}
.duyuru-box .duyuru-item .spot
{
	font-size: 0.95em;
	color: #575757;
	padding-top: 26%;
	position: relative;
	overflow: hidden;
}
.duyuru-box .duyuru-item .spot .c
{
	position: absolute;
	top: 0;
	bottom: 0;
}
.duyuru-box .duyuru-item .spot .c:after
{
	content: " ";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, rgba(255, 255, 255, 1) 100%);
}
@media (max-width: 415px)
{
	.site-search input.text
	{
		border-bottom: 1px solid rgba(255, 255, 255, 0.298);
		color: #FFFFFF;
		padding: 5px;
		width: 120px;
		font-size: 1.1em;
	}
	.pre-top > .body *
	{
		font-size: 0.8rem;
	}
}