@import url('responsive.css');

/*#region ================================ GENERAL ================================ */
.BlankBody {
	background-color: #fff !important;
}

.InputS {
	padding: 4px !important;
	font-size: 11px !important;
}

​.CursorPointer {
	cursor: pointer;
}

.Underline, .UnderLine {
	text-decoration: underline !important;
}

.NoUnderline, a.NoUnderline:hover {
	text-decoration: none;
}

.NoWrap {
	white-space: nowrap;
}

.btnPadder1 {
	padding-left: 40px !important;
	padding-right: 40px !important;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 10000;
	background: rgba(0,0,0,.2);
}

.overlay_wrapper {
	width: 100%;
	height: 100%;
	position: relative;
}

.overlay_spinner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.bb-maincontainer {
	padding-top: 200px;
}
/*#endregion */

/*#region ================================ FORM OBJECT ================================ */
.select2-container--default .select2-selection--single {
	color: #607080;
	background-color: #fbfcff;
	border: 1px solid #c7d0db;
	border-radius: .25rem;
	box-shadow: none !important;
	box-shadow: none !important;
	width: 100% !important;
	height: auto !important;
	font-weight: 400;
	line-height: 1.5;
	padding: .375rem 1.75rem .375rem .75rem;
}

	.select2-container--default .select2-selection--single .select2-selection__arrow {
		height: 34px !important;
	}
/*#endregion */

/*#region ================================ TITLES ================================ */
.PageTitle {
	color: #25396f;
	font-weight: 700;
	font-size: calc(1.3rem + .6vw);
}

.SubPageTitle {
	color: #91a1c7;
	font-size: 1.5rem;
}

.PageTitleBlank {
	padding: 18px 20px 0px 20px;
	background-color: #eef2f7;
}

.FilterSection {
	margin-bottom: 20px;
	border-bottom: solid 5px #7385a5
}

.xTitle1 {
	font-size: 20px;
	text-decoration: none;
	font-weight: 800;
	border-bottom: solid 2px #7699f9;
	padding: 15px 0px 10px 0px;
	margin: 0px 0px 20px 0px;
	color: #25396f;
}
/*#endregion */

/*#region ================================ VALIDATIONS ================================ */
.RFVTitle {
	font-size: 11px;
	color: #fa4531 !important;
	font-weight: bold;
	margin-left: 4px;
}

.RFVW {
	font-size: 10px;
	color: #ffffff !important;
	background-color: #fa4531;
	padding: 0px 4px;
}

.RFVBorder {
	border: 1px solid red !important;
}

.validation-summary-errors {
	color: #ff2e42;
	font-weight: bold;
	font-size: 0.875rem;
}

.validation-summary-valid {
	display: none;
}

.field-validation-error {
	color: #ff2e42 !important;
	font-weight: bold;
	font-size: 0.75rem;
}

input.input-validation-error, select.input-validation-error, textarea.input-validation-error {
	border: 1px solid #ff2e42 !important;
}

[data-type='validator-error'] {
	font-size: 10px;
	position: absolute;
	z-index: 10;
	margin-top: 2px;
	color: #ffffff;
	background: rgb(200, 53, 53);
	box-shadow: 0 3px 2px -2px rgba(211, 77, 77, 0.47);
	padding: 3px 7px;
	border-radius: 1px;
	pointer-events: none;
}

	[data-type='validator-error']:before {
		content: '';
		width: 0;
		height: 0;
		top: -5px;
		position: absolute;
		left: 6px;
		border-left: 5px solid rgba(0, 0, 0, 0);
		border-right: 5px solid rgba(0, 0, 0, 0);
		border-bottom: 5px solid #c83535;
	}

/*#endregion */

/*#region ================================ FONTS ================================ */
.F9 {
	font-size: 0.563rem !important;
}

.F10 {
	font-size: 0.625rem !important;
}

.F11 {
	font-size: 0.6875rem !important;
}

.F12 {
	font-size: 0.75rem !important;
}

.F13 {
	font-size: 0.8125rem !important;
}

.F14 {
	font-size: 0.875rem !important;
}

.F16 {
	font-size: 1rem !important;
}

.F18 {
	font-size: 1.125rem !important;
}

.F20 {
	font-size: 1.25rem !important;
}

.F22 {
	font-size: 1.375rem !important;
}

.F24 {
	font-size: 1.50rem !important;
}

.F28 {
	font-size: 1.75rem !important;
}

.F32 {
	font-size: 1rem;
}

.F36 {
	font-size: 2.25rem !important;
}

.F40 {
	font-size: 2.5rem !important;
}

.F48 {
	font-size: 3rem !important;
}

.Rb {
	text-decoration: none;
	font-weight: 700 !important;
}

.Ri {
	text-decoration: none;
	font-style: italic !important;
}

.Rt {
	text-decoration: none;
	font-weight: 300 !important;
}

/*#endregion */

/*#region ================================ COLORS ================================ */
.xKirmizi {
	color: #f44051 !important;
}

.xKirmizi_Koyu {
	color: #b01e2c !important;
}

.xMavi {
	color: #366cf3 !important;
}

.xMavi_Koyu {
	color: #1145c8 !important;
}

.xMavi_Acik {
	color: #7dcfff !important;
}

.xTuruncu {
	color: #ff692e !important;
}

.xTuruncu_Koyu {
	color: #bd3e0b !important;
}

.xTuruncu_Acik {
	color: #ff976e !important;
}

.xYesil {
	color: #49bf6d !important;
}

.xYesil_Koyu {
	color: #299b61 !important;
}

.xYesil_Acik {
	color: #7deab3 !important;
}

.xGri {
	color: #c7c7c7 !important;
}

.xSiyah {
	color: #000 !important;
}

.xBeyaz {
	color: #fff !important;
}

.xTextAcik {
	color: #6b809d !important;
}

.xTextAcikSari {
	color: #7e6e16 !important;
}

.xPKirmizi {
	background-color: #f44051 !important;
}

.xPKirmizi_Koyu {
	background-color: #b01e2c !important;
}

.xPMavi {
	background-color: #366cf3 !important;
}

.xPMavi_Koyu {
	background-color: #1145c8 !important;
}

.xPMavi_Acik {
	background-color: #7dcfff !important;
}

.xPTuruncu {
	background-color: #ff692e !important;
}

.xPTuruncu_Koyu {
	background-color: #bd3e0b !important;
}

.xPTuruncu_Acik {
	background-color: #ff976e !important;
}

.xPYesil {
	background-color: #49bf6d !important;
}

.xPYesil_Koyu {
	background-color: #299b61 !important;
}

.xPYesil_Acik {
	background-color: #7deab3 !important;
}

.xPGri {
	background-color: #c7c7c7 !important;
}

.xPSiyah {
	background-color: #000 !important;
}

.xPBeyaz {
	background-color: #fff !important;
}

.xRowBgPadder1 {
	margin: 0px -23px 13px -23px !important;
	padding: 20px 13px 0px 13px !important;
	background-color: #d4f5ff;
}
/*#endregion */

/*#region ================================ GENERAL FORM OBJECTS ================================ */
.FormLabel {
	display: block;
	margin-bottom: 0.125rem;
}

.FormLabel-b {
	display: block;
	margin-bottom: 0.125rem;
	font-weight: bold;
}
/*#endregion */

/*#region ================================ UTILITIES - 1 ================================ */
.thumbFull {
	width: 100%;
	height: 200px;
	object-fit: cover;
	box-shadow: 0px 0px 20px 0px rgba(76, 87, 125, 0.02);
}

.thumb100 {
	width: 100px;
	height: 100px;
	object-fit: cover;
	box-shadow: 0px 0px 20px 0px rgba(76, 87, 125, 0.02);
}

.thumb200 {
	width: 200px;
	height: 200px;
	object-fit: cover;
	box-shadow: 0px 0px 20px 0px rgba(76, 87, 125, 0.02);
}

.thumb300 {
	width: 300px;
	height: 300px;
	object-fit: cover;
	box-shadow: 0px 0px 20px 0px rgba(76, 87, 125, 0.02);
}

.PadLink {
	color: #fff;
	padding: 2px 6px 2px 6px;
}

.PadLink2 {
	color: #fff;
	padding: 4px 10px 4px 10px;
}

a.PadLink:hover, a.PadLink2:hover {
	background-color: #000;
	text-decoration: none;
	color: #fff !important;
}

.GridDetailPop {
	font-family: Arial,Arial,Helvetica;
	font-size: 11px;
	font-weight: 800;
	color: #fff !important;
	text-decoration: none;
	background-color: #91a1c7;
	cursor: pointer;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 4px 7px;
	text-align: center;
}

.GridDeletePop {
	font-family: Arial,Arial,Helvetica;
	font-size: 11px;
	font-weight: 800;
	color: #fff !important;
	text-decoration: none;
	background-color: #f90d0d;
	cursor: pointer;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 4px 7px;
	text-align: center;
}

	.GridDetailPop:hover, .GridDeletePop:hover, .GridDetailPop:focus, .GridDeletePop:focus {
		text-decoration: none !important;
		color: #ffffff !important;
		background-color: #000 !important;
		transition: 0.3s !important;
	}
.altimage {
	opacity: 0.5;
}
.altimage:hover {
	opacity: 1.0;
}

/*#endregion */

/*#region ================================ BREAKS ================================ */
.BottomBreak1px {
	display: block;
	margin-bottom: 1px;
}

.BottomBreak2px {
	display: block;
	margin-bottom: 2px;
}

.BottomBreak3px {
	display: block;
	margin-bottom: 3px;
}

.BottomBreak5px {
	display: block;
	margin-bottom: 5px;
}

.BottomBreak10px {
	display: block;
	margin-bottom: 10px;
}

.BottomBreak15px {
	display: block;
	margin-bottom: 15px;
}

.BottomBreak20px {
	display: block;
	margin-bottom: 20px;
}

.BottomBreak25px {
	display: block;
	margin-bottom: 25px;
}

.TopBreak1px {
	display: block;
	margin-top: 1px;
}

.TopBreak2px {
	display: block;
	margin-top: 2px;
}

.TopBreak3px {
	display: block;
	margin-top: 3px;
}

.TopBreak5px {
	display: block;
	margin-top: 5px;
}

.TopBreak10px {
	display: block;
	margin-top: 10px;
}

.TopBreak15px {
	display: block;
	margin-top: 15px;
}

.TopBreak20px {
	display: block;
	margin-top: 20px;
}

.LeftMargin-2px {
	margin-left: -2px !important;
}

.divTopMargin {
	margin-top: 20px;
}
/*#endregion */


/*#region ================================ TABLES ================================ */
.Table_Bordered1 {
	border-collapse: collapse;
	border-color: #25396f;
	border-style: solid;
	border-width: 1px;
}

	.Table_Bordered1 td {
		border-color: #25396f;
		border-style: solid;
		border-width: 1px;
		padding: 10px;
	}

		.Table_Bordered1 td a:hover {
			/*            background-color: #fbfcff;*/
		}

	.Table_Bordered1 .RSNormal {
		background-color: #fff;
		color: #a7bbd3;
		font-size: 16px;
	}

		.Table_Bordered1 .RSNormal:hover { /*Boş*/
			background-color: #e8f7ef;
		}

	.Table_Bordered1 .RSMusaitDegil1 { /*Vardiya değişim*/
		background-color: #eef2f7;
		color: #a7bbd3;
		font-size: 16px;
	}

	.Table_Bordered1 .RSMusaitDegil2 { /*Yemek*/
		background-color: #eef2f7;
		color: #a7bbd3;
		font-size: 16px;
	}

	.Table_Bordered1 .RSMusaitDegil3 { /*Dolu*/
		background-color: #e91a1a;
		color: #efb3b3;
		font-size: 16px;
	}

	.Table_Bordered1 .RSSelected {
		background-color: #4edf9c;
		color: #3a7047;
		font-size: 16px;
	}

		.Table_Bordered1 .RSSelected a {
			color: #fff;
		}

	.Table_Bordered1 .RSDolu { /*Dolu 2*/
		background-color: #218c58;
		color: #fff;
		font-size: 16px;
	}

	.Table_Bordered1 .RSRez { /*Rezervasyon var*/
		background-color: #5fd39a;
		color: #fff;
		font-size: 16px;
	}
/*#endregion */

/*#region ================================ LINE HEIGHT ================================ */
.LineHeight70 {
	line-height: 70%;
}

.LineHeight80 {
	line-height: 80%;
}

.LineHeight90 {
	line-height: 90%;
}

.LineHeight100 {
	line-height: 100%;
}

.LineHeight110 {
	line-height: 110%;
}

.LineHeight120 {
	line-height: 120%;
}

.LineHeight150 {
	line-height: 150%;
}

.LineHeight180 {
	line-height: 180%;
}

.LineHeight200 {
	line-height: 200%;
}
/*#endregion */

/*#region ================================ IYE MENU ================================ */
.navbar1 {
	color: white;
	padding: 10px 0px !important;
	background-color: white;
}

.navbar2 {
	color: #c6d0ed;
	padding: 0px 0px !important;
	background-color: #053775;
	height: 58px;
	box-shadow: 0px 5px 8px 0px rgb(3 34 76 / 12%) !important;
}

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu {
		display: none;
	}

	.navbar .nav-item:hover .nav-link {
	}

	.navbar .nav-item:hover .dropdown-menu {
		display: block;
	}

	.navbar .nav-item .dropdown-menu {
		margin-top: 0;
	}
}

.navbar-iye {
	overflow: hidden;
}

	.navbar-iye a {
		float: left;
		font-size: 13px;
		font-weight: bold;
		color: white;
		text-align: center;
		text-decoration: none;
	}

.dropdown-iye {
	float: left;
	overflow: hidden;
}

	.dropdown-iye .dropbtn {
		font-size: 18px;
		border: none;
		outline: none;
		font-weight: bold;
		color: #fff !important;
		padding: 15px 20px !important;
		background-color: inherit;
		font-family: inherit;
		margin: 0 15px 0 0 !important;
	}

		.dropdown-iye .dropbtn a {
			font-size: 18px !important;
			color: #a9b0d9 !important;
			background-color: inherit;
			font-family: inherit;
		}

	.navbar-iye a:hover, .dropdown-iye:hover .dropbtn {
		background-color: #0d133e;
		color: white;
	}

.dropdown-content-iye {
	display: none;
	position: absolute;
	background-color: #fff;
	border-top: solid 5px #0e65dd;
	min-width: 280px;
	box-shadow: 0px 4px 8px 0px rgb(16 30 96 / 20%);
	z-index: 100;
}

	.dropdown-content-iye .arrow {
		font-size: 9px !important;
		color: #ef6d00;
		margin-right: 10px;
	}

	.dropdown-content-iye a {
		float: none;
		color: #29347a;
		padding: 6px 15px;
		text-decoration: none;
		display: block;
		text-align: left;
	}

		.dropdown-content-iye a:hover {
			background-color: #e9edf7;
			color: #0d133e;
		}

.dropdown-iye:hover .dropdown-content-iye {
	display: block;
}

/*#endregion */

/*#region ================================ LAYOUT ================================ */
.topservice {
	border: solid 1px #15315c;
	border-radius: 10px;
	padding: 10px;
	width: 130px;
	color: #15315c;
	text-decoration: none;
	transition: all 250ms ease;
}

	.topservice:hover {
		background-color: #0e65dd;
		color: white !important;
		transition: all 250ms ease;
	}

	.topservice a:hover, .topservice a:hover .icon {
		color: white !important;
		transition: all 250ms ease;
	}

.iconsocial-facebook {
	color: #385da9;
}

	.iconsocial-facebook:hover {
		transition: all 250ms ease;
		opacity: 0.7 !important;
	}

.iconsocial-twitter {
	color: #03b1eb;
}

	.iconsocial-twitter:hover {
		transition: all 250ms ease;
		opacity: 0.7 !important;
	}

.iconsocial-youtube {
	color: #ff0000;
}

	.iconsocial-youtube:hover {
		transition: all 250ms ease;
		opacity: 0.7 !important;
	}


.footer {
	background-color: #053775;
	padding: 20px 0 20px 0;
	color: #9bbbe6 !important;
	font-size: 14px !important;
}

	.footer a {
		color: #9bbbe6 !important;
	}
/*#endregion */

/*#region ================================ INDEX ================================ */
.cover-bg {
	position: absolute;
	top: 0;
	left: 0;
	height: 480px;
	width: 100%;
	background: linear-gradient(0deg, rgba(2,0,36,0.700717787114846) 0%, rgba(6,6,75,0.5074404761904762) 45%, rgba(0,212,255,0) 100%);
	border-radius: 15px !important;
	z-index: 99;
}

.banner-bg {
	height: 480px;
	background-color: white;
	border-radius: 15px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.slider-center {
	display: flex !important;
	text-align: center;
	height: 480px;
	bottom: 55px;
	position: relative;
	z-index: 222;
}

.mcard-banner {
	background-color: #fff;
	box-shadow: 0px 5px 10px 0px rgb(76 87 125 / 25%) !important;
	display: grid;
	padding: 0px;
	border: 0px;
	height: 480px;
	border-radius: 15px !important;
}

.slider-btn {
	padding: 12px 40px 12px 40px;
	border-radius: 10px;
	background-color: white;
}

.tres:hover {
	color: #fff !important;
	background-color: #0e65dd;
	transition: all 250ms ease;
}
.tres2:hover {
	color: #0d6efd !important;
	transition: all 250ms ease;
}
.textunderline:hover {
	text-decoration:underline;
}

.textlink {
	transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}

	.textlink:hover {
		box-shadow: inset 200px 0 0 0 #0e65dd;
		color: white !important;
	}

		.textlink:hover:before {
			transition: all 250ms ease-in-out;
			transform: scaleX(1);
			border-bottom: solid 5px red;
		}


.mcard-baskan {
	background-color: #15315c !important;
	box-shadow: 0px 5px 10px 0px rgb(76 87 125 / 25%) !important;
	display: grid;
	padding: 0px;
	border: 0px !important;
	height: 480px;
	border-radius: 15px !important;
}

.baskan-bg {
	height: 300px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}


.mcard-eislem {
	background-color: #ef6d00 !important;
	box-shadow: 0px 5px 10px 0px rgb(84 47 16 / 25%) !important;
	display: grid;
	padding: 30px;
	border: 0px !important;
	border-radius: 15px !important;
}

.eislem-card {
	color: white;
}

.icon-eislem {
	font-size: 64px;
}

.eislem-card:hover {
	background-color: white;
	color: #15315c !important;
	transition: all 250ms ease;
}


.mainpage-title {
	font-size: 18px;
	color: #1f4c8a;
	font-weight: bold;
	z-index: 102;
}

.subpage-title {
	font-size: 32px;
	color: #1f4c8a;
	font-weight: bold;
	z-index: 102;
}

.subpage-subtitle {
	font-size: 28px;
	color: #0e65dd;
	font-weight: bold;
	z-index: 102;
}

.mainpage-title-border {
	width: 30%;
	height: 16px;
	background-color: #c4d7f4;
	z-index: 101;
}

.mainpage-title-border-startpadder1 {
	background-color: #f2f4fa;
	width: 30px;
	height: 16px;
	margin-top: -20px;
}

.mcard-haberler {
	background-color: #fff;
	display: grid;
	padding: 20px;
	border: 0px;
	height: 530px;
	border-radius: 15px !important;
}

.img-haber-big {
	position: relative;
	height: 220px;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 3px 2px 0px rgb(21 49 92 / 15%) !important;
}

.img-haber-smallmedium {
	position: relative;
	height: 100px;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 3px 2px 0px rgb(21 49 92 / 15%) !important;
}

.img-haber-medium {
	position: relative;
	height: 100px;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 3px 2px 0px rgb(21 49 92 / 15%) !important;
}

.img-haber-small {
	position: relative;
	height: 70px;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 3px 2px 0px rgb(21 49 92 / 15%) !important;
}
.img-kisi-normal {
	position: relative;
	overflow: hidden;
	background-color:white;
	border-radius: 10px;
	box-shadow: 0px 3px 2px 0px rgb(21 49 92 / 5%) !important;
}
.img-kisi-medium {
	position: relative;
	height: 80px;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 3px 2px 0px rgb(21 49 92 / 5%) !important;
}

.img-kisi-small {
	position: relative;
	height: 65px;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 3px 2px 0px rgb(21 49 92 / 5%) !important;
}

.mcard-ilcemiz {
	background-color: #c9ddf0 !important;
	display: grid;
	padding: 20px;
	border: 0px !important;
	height: 460px;
	border-radius: 15px !important;
}

.ilcemiz-rounded {
	width: 100px;
	height: 100px;
	position: relative;
	border-radius: 50%;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle !important;
	background: #ffe5e5;
	display: table-cell;
}

.ilcemiz-2 {
	background-color: #e5f8ff;
}

.ilcemiz-3 {
	background-color: #e6f8e6;
}

.ilcemiz-4 {
	background-color: #f1f1d9;
}

.ilcemiz-5 {
	background-color: #fae4f7;
}

.ilcemiz-6 {
	background-color: #e4f9f5;
}

.ilcemiz-7 {
	background-color: #ebe5ff;
}

.ilcemiz-8 {
	background-color: #e9e9e9;
}

.ilcemiz-rounded:hover {
	background: #fff !important;
	transition: all 250ms ease;
}


.mcard-projeler {
	background-color: #f2f5fa;
	display: grid;
	padding: 20px;
	border: 0px;
	height: 620px;
	border-radius: 15px !important;
	box-shadow: 0px 5px 10px 0px rgb(76 87 125 / 25%);
}

.mcard-duyurular {
	background-color: #f1f2da !important;
	display: grid;
	padding: 20px;
	border: 0px !important;
	height: 460px;
	border-radius: 15px !important;
	box-shadow: 0px 5px 10px 0px rgb(79 81 32 / 25%) !important;
}

.icerik-bg {
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(242,244,250,1) 40%);
	z-index: 80;
	width: 100%;
	margin-top: -15px;
}

.mcard-icerik {
	background-color: #fff !important;
	display: grid;
	padding: 30px;
	border: 0px !important;
	border-radius: 15px !important;
	box-shadow: 0px 5px 5px 0px rgb(76 87 125 / 15%) !important;
	min-height:400px;
}

.mcard-icerikyan {
	background-color: #c9ddf0 !important;
	display: grid;
	padding: 30px;
	border: 0px !important;
	border-radius: 15px !important;
	box-shadow: 0px 5px 5px 0px rgb(76 87 125 / 15%) !important;
}

.ulsekil1 ul {
	padding-left: 10px !important;
}

	.ulsekil1 ul li {
		list-style-image: url('../../images/Image/ul1.png');
		line-height: 2;
		padding-left: 5px;
	}

.ulsekil2 ul {
	padding-left: 20px !important;
}

	.ulsekil2 ul li {
		list-style-image: url('../../images/Image/ul2.png');
		line-height: 2;
		padding-left: 10px;
	}

.menu-icerikyan {
	font-weight: bold;
}

	.menu-icerikyan:hover {
		text-decoration: underline;
		margin-left: 2px;
		transition: all 250ms ease;
	}

.menu-icerikyan-selected {
	font-weight: bold;
	color: white;
	background-color: #0d6efd;
	padding-left: 5px;
	padding-right: 5px;
}

	.menu-icerikyan-selected:hover {
		margin-left: 2px;
		color: white !important;
		background-color: #003784;
		transition: all 250ms ease;
	}

.menu-icerikalt {
}

	.menu-icerikalt:hover {
		text-decoration: underline;
		margin-left: 5px;
		transition: all 250ms ease;
	}

.mcard-galeri {
	background-color: #f2f5fa !important;
	display: grid;
	padding: 20px;
	border: 0px !important;
	border-radius: 15px !important;
}

/*#endregion */

/*#region ================================ MediaQueries ================================ */


@media screen and (min-width: 576px) {

	.mcard-haberler {
		background-color: #fff !important;
		display: grid !important;
		padding: 20px !important;
		border: 0px !important;
		height: 900px !important;
		border-radius: 15px !important;
	}


	.mcard-projeler {
		background-color: #f2f5fa !important;
		display: grid !important;
		padding: 20px !important;
		border: 0px !important;
		height: 630px !important;
		border-radius: 15px !important;
		box-shadow: 0px 5px 10px 0px rgb(76 87 125 / 25%) !important;
	}

	.mainpage-title {
		font-size: 28px;
		color: #1f4c8a;
		font-weight: bold;
		z-index: 102;
	}

	.F32 {
		font-size: 2rem !important;
	}
}

@media screen and (min-width: 768px) {

	.mcard-haberler {
		background-color: #fff !important;
		display: grid !important;
		padding: 20px !important;
		border: 0px !important;
		height: 880px !important;
		border-radius: 15px !important;
	}


	.mcard-projeler {
		background-color: #f2f5fa !important;
		display: grid !important;
		padding: 20px !important;
		border: 0px !important;
		height: 460px !important;
		border-radius: 15px !important;
		box-shadow: 0px 5px 10px 0px rgb(76 87 125 / 25%) !important;
	}

	.mainpage-title {
		font-size: 28px;
		color: #1f4c8a;
		font-weight: bold;
		z-index: 102;
	}

	.F32 {
		font-size: 2rem !important;
	}
}

@media screen and (min-width: 992px) {

	.mcard-haberler {
		background-color: #f2f5fa !important;
		display: grid !important;
		padding: 20px !important;
		border: 0px !important;
		height: 460px !important;
		border-radius: 15px !important;
		box-shadow: 0px 5px 10px 0px rgb(76 87 125 / 25%) !important;
	}

	.mcard-projeler {
		background-color: #f2f5fa !important;
		display: grid !important;
		padding: 20px !important;
		border: 0px !important;
		height: 460px !important;
		border-radius: 15px !important;
		box-shadow: 0px 5px 10px 0px rgb(76 87 125 / 25%) !important;
	}

	.mainpage-title {
		font-size: 28px;
		color: #1f4c8a;
		font-weight: bold;
		z-index: 102;
	}

	.F32 {
		font-size: 2rem !important;
	}
}

@media screen and (min-width: 1200px) {

	.mcard-haberler {
		background-color: #fff !important;
		display: grid !important;
		padding: 20px !important;
		border: 0px !important;
		height: 500px !important;
		border-radius: 15px !important;
	}

	.mcard-projeler {
		background-color: #f2f5fa !important;
		display: grid !important;
		padding: 20px !important;
		border: 0px !important;
		height: 460px !important;
		border-radius: 15px !important;
		box-shadow: 0px 5px 10px 0px rgb(76 87 125 / 25%) !important;
	}

	.mainpage-title {
		font-size: 28px;
		color: #1f4c8a;
		font-weight: bold;
		z-index: 102;
	}

	.F32 {
		font-size: 2rem !important;
	}
}

@media (min-width: 1400px) {

	.mcard-haberler {
		background-color: #fff !important;
		display: grid !important;
		padding: 20px !important;
		border: 0px !important;
		height: 460px !important;
		border-radius: 15px !important;
	}


	.mcard-projeler {
		background-color: #f2f5fa !important;
		display: grid !important;
		padding: 20px !important;
		border: 0px !important;
		height: 460px !important;
		border-radius: 15px !important;
		box-shadow: 0px 5px 10px 0px rgb(76 87 125 / 25%) !important;
	}

	.mainpage-title {
		font-size: 28px;
		color: #1f4c8a;
		font-weight: bold;
		z-index: 102;
	}

	.F32 {
		font-size: 2rem !important;
	}
}

@media (min-width: 1600px) {

	.mcard-haberler {
		background-color: #fff !important;
		display: grid !important;
		padding: 20px !important;
		border: 0px !important;
		height: 460px !important;
		border-radius: 15px !important;
	}

	.mcard-projeler {
		background-color: #f2f5fa !important;
		display: grid !important;
		padding: 20px !important;
		border: 0px !important;
		height: 460px !important;
		border-radius: 15px !important;
		box-shadow: 0px 5px 10px 0px rgb(76 87 125 / 25%) !important;
	}

	.mainpage-title {
		font-size: 28px;
		color: #1f4c8a;
		font-weight: bold;
		z-index: 102;
	}

	.F32 {
		font-size: 2rem !important;
	}
}

/*#endregion */

/*#region ================================ LAYOUT ================================ */

/*#endregion */

/*#region ================================ LAYOUT ================================ */

/*#endregion */