@import url('Menu.css?v=1');
@import url('Butons.css?v=1');
@import url('Grids.css?v=1');
@import url('Tabs.css?v=1s');
@import url('UI.css?v=1');




/*#region ================================SABİTLER================================ */

body {
	margin: 0;
	padding: 0;
	font-family: 'Hind', sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	color: #464646;
	background-color: white;
	-webkit-font-smoothing: antialiased;
}


.bodyIYE {
	font-family: "Roboto Regular",Arial,Tahoma;
	font-size: 11px;
	text-decoration: none;
	color: #343434;
	margin: 0px;
	margin-top: 0;
	background-color: #fff;
	background: #ebebeb url(../../Images/Bg/Bg_IYE.gif) repeat-x;
}

.bodyNoBg {
	font-family: "Roboto Regular",Arial,Tahoma;
	font-size: 11px;
	text-decoration: none;
	background-color: #ffffff;
	color: #343434;
	margin: 0px;
	padding: 0px;
}



.W100P {
	width: 100%;
}

a {
	color: inherit;
}

	a:hover {
		text-decoration: none !important;
	}

	a img {
		border: none;
	}


.CursorPointer {
	cursor: pointer;
}

.RFV, a.RFV, .RFV a {
	font-size: 10px;
	color: #ffffff;
	background-color: #bc2930;
	padding: 4px 4px 0px 4px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

div.Centered_Full {
	position: fixed;
	width: 100%;
	height: 100%;
	background-image: url('../../Images/SemiTransparent.png');
	background-repeat: repeat;
	overflow: hidden;
	z-index: 4950;
	bottom: 0px;
}

div.Centered {
	position: fixed;
	font-size: 10px;
	top: 40%;
	left: 45%;
	width: 150px;
	padding: 10px;
	text-align: center;
	overflow: hidden;
	background-color: #ffffff;
	z-index: 5000;
}
/*#endregion */


/*#region ================================P10, P10T================================ */
.P10T {
	padding: 10px;
	background-color: #f9f9f9;
	border-bottom: solid 1px #ececec;
	border-right: solid 1px #ececec;
	font-weight: 700;
}

.P10 {
	padding: 10px;
	border-bottom: solid 1px #f4f4f4;
}

.P10T_AcikKirmizi {
	padding: 10px;
	background-color: #f1e1e1;
	border-bottom: solid 1px #ead2d2;
	border-right: solid 1px #ead2d2;
	font-weight: 700;
}

.P10_AcikKirmizi {
	padding: 10px;
	background-color: #f7e9e9;
	border-bottom: solid 1px #ead2d2;
}

.P10T_Gri {
	padding: 10px;
	background-color: #e7e7e7;
	border-bottom: solid 1px #ececec;
	border-right: solid 1px #ececec;
	font-weight: 700;
}

.P10_Gri {
	padding: 10px;
	border-bottom: solid 1px #e7e7e7;
	background-color: #ececec;
}

.P10T_AcikMavi {
	padding: 10px;
	background-color: #deeaf0;
	border-bottom: solid 1px #cee0e9;
	border-right: solid 1px #cee0e9;
	font-weight: 700;
}

.P10_AcikMavi {
	padding: 10px;
	border-bottom: solid 1px #d5e4eb;
	background-color: #e6f1f6;
}

.P10T_AcikSari {
	padding: 10px;
	background-color: #ebf29f;
	border-bottom: solid 1px #dee597;
	border-right: solid 1px #dee597;
	font-weight: 700;
}

.P10_AcikSari {
	padding: 10px;
	border-bottom: solid 1px #e4e9ad;
	background-color: #f0f5b7;
}
/*#endregion */


/*#region ================================FONT TİPİ================================ */
.Tn, .T {
}

.Tb {
	font-weight: bold;
}


.Rn, .R {
}

.Rb {
	font-weight: bold;
}

.Rt {
	font-weight: 300;
}

.Ri {
	font-style: italic;
}

/*#endregion */


/*#region ================================FONT SIZES================================ */
.F4 {
	font-size: 4px;
}

.F6 {
	font-size: 6px;
}

.F8 {
	font-size: 8px;
}

.F9 {
	font-size: 9px;
}

.F10 {
	font-size: 10px;
}

.F11 {
	font-size: 11px;
}

.F12 {
	font-size: 12px;
}

.F13 {
	font-size: 13px;
}

.F14 {
	font-size: 14px;
}

.F15 {
	font-size: 15px;
}

.F16 {
	font-size: 16px;
}

.F17 {
	font-size: 17px;
}

.F18 {
	font-size: 18px;
}

.F19 {
	font-size: 19px;
}

.F20 {
	font-size: 20px;
}

.F22 {
	font-size: 22px;
}

.F24 {
	font-size: 24px;
}

.F26 {
	font-size: 26px;
}

.F28 {
	font-size: 28px;
}

.F30 {
	font-size: 30px;
}

.F32 {
	font-size: 32px;
}

.F34 {
	font-size: 34px;
}

.F36 {
	font-size: 36px;
}

.F38 {
	font-size: 38px;
}

.F40 {
	font-size: 40px;
}

.fs-1-5em {
	font-size: 1.5em;
	line-height: 1;
}
/*#endregion */


/*#region ================================FONT : RENKLER================================ */
.BGri {
	background-color: #d1d1d1 !important;
}

.Bf3Beyaz {
	background-color: #f3f3f3 !important;
}

.Normal {
	color: #444;
}

.Beyaz {
	color: #fff;
}

.Siyah {
	color: #000;
}

.Laci {
	color: #3d46b6;
}

.Laci2 {
	color: #505ad2;
}

.Turuncu {
	color: #f06c00;
}

.AcikTuruncu {
	color: #f6e7db;
}

.Kirmizi {
	color: #e30614;
}

.MatKirmizi {
	color: #aa4a58;
}

.Mavi {
	color: #0971f2;
}

.Mavi2 {
	color: #aec9ff;
}

.Mavi3 {
	color: #375eab;
}

.Mavi4 {
	color: #2f7ace;
}

.AcikMavi {
	color: #bddaf2;
}

.Yesil {
	color: #00c770;
}

.Yesil2 {
	color: #09f271;
}

.AcikYesil {
	color: #afedce;
}

.Sari {
	color: #edb757;
}

.AcikSari {
	color: #f0f5b7;
}

.Mor {
	color: #b17ce3;
}

.AcikGri {
	color: #c0c0c0;
}

.AcikGri2 {
	color: #949494;
}

.AcikGri3 {
	color: #787878;
}

.AcikGri4 {
	color: #efefef;
}

.AcikGri5 {
	color: #f7f7f7;
}

.Gri {
	color: #bcbcbc;
}

.Gri2 {
	color: #414141;
}

.Gri3 {
	color: #666;
}

.KoyuGri {
	color: #3d3d3d;
}

.Visne {
	color: #a72065;
}

a.Beyaz:hover {
	color: #383549;
	text-decoration: none;
}

/*#endregion */


/*#region ================================ARKAPLAN RENKLER================================ */

.PNormal {
	background-color: #444;
}

.PBeyaz {
	background-color: #fff;
}

.PSiyah {
	background-color: #000;
}

.PLaci {
	background-color: #3d46b6;
}

.PLaci2 {
	background-color: #505ad2;
}

.PTuruncu {
	background-color: #f06c00;
}

.PAcikTuruncu {
	background-color: #f6e7db;
}

.PKirmizi {
	background-color: #e30614;
}

.PMatKirmizi {
	background-color: #aa4a58;
}

.PMavi {
	background-color: #0971f2;
}

.PMavi2 {
	background-color: #aec9ff;
}

.PMavi3 {
	background-color: #375eab;
}

.PMavi4 {
	background-color: #2f7ace;
}

.PAcikMavi {
	background-color: #bddaf2;
}

.PYesil {
	background-color: #00c770;
}

.PYesil2 {
	background-color: #09f271;
}

.PAcikYesil {
	background-color: #afedce;
}

.PSari {
	background-color: #edb757;
}

.PAcikSari {
	background-color: #f0f5b7;
}

.PMor {
	background-color: #b17ce3;
}

.PAcikGri {
	background-color: #c0c0c0;
}

.PAcikGri2 {
	background-color: #949494;
}

.PAcikGri3 {
	background-color: #787878;
}

.PAcikGri4 {
	background-color: #efefef;
}

.PAcikGri5 {
	background-color: #f7f7f7;
}

.PGri {
	background-color: #bcbcbc;
}

.PGri2 {
	background-color: #414141;
}

.PGri3 {
	background-color: #666;
}


.PKoyuGri {
	background-color: #3d3d3d;
}

.PVisne {
	background-color: #a72065;
}

/*#endregion */




/*================================ Web Page CCS ================================ */

.border-line {
	display: inline-block;
	height: 4px;
	width: 225px;
	margin-bottom: 10px;
}

.more-than {
	/*color: #fff;*/
	font-weight: 600;
	font-size: 1.5rem;
	cursor: pointer;
}

/*#region ---------------- BUTTONS --------------*/
.buton {
	background-color: transparent;
	border-radius: 0;
	font-size: 20px;
	line-height: 1.5;
	padding: 5px 25px 2px 25px;
	cursor: pointer;
}

.buton-beyaz {
	color: #fff !important;
	border: 1px solid #fff;
}

	.buton-beyaz:hover {
		border: 1px solid #fff !important;
		background-color: #fff !important;
		color: #464646 !important;
	}

	.buton-beyaz.active {
		border: 1px solid #fff !important;
		background-color: #fff !important;
		color: #fff !important;
	}

.buton-mavi {
	color: #375eab !important;
	border: 1px solid #375eab;
}

	.buton-mavi:hover {
		border: 1px solid #375eab !important;
		background-color: #375eab !important;
		color: #fff !important;
	}

	.buton-mavi.active {
		border: 1px solid #375eab !important;
		background-color: #375eab !important;
		color: #fff !important;
	}

.buton-mavi2 {
	color: #2897e5 !important;
	border: 1px solid #2897e5;
}

	.buton-mavi2:hover {
		border: 1px solid #2897e5 !important;
		background-color: #2897e5 !important;
		color: #fff !important;
	}

	.buton-mavi2.active {
		border: 1px solid #2897e5 !important;
		background-color: #2897e5 !important;
		color: #fff !important;
	}
/*#endregion ---------------- BUTTONS --------------*/


/*#region ---------------Master Page--------------------- */
.header {
	position: fixed;
	top: 0;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	z-index: 9;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 10px 0px;
	-webkit-transition: .5s; /* Safari */
	transition: .5s;
}

	.header .r-1 {
		background-color: rgba(57,88,132,0.5);
	}

	.header .r-2 {
		background-color: #fff;
	}

	.header .top-row {
		color: #fff;
		padding-top: 15px;
		padding-bottom: 10px;
	}

.top-row ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

	.top-row ul li {
		display: inline-block;
		padding-left: 10px;
		padding-right: 10px;
		cursor: pointer;
	}

		.top-row ul li .fa:hover {
			color: #2897e5 !important;
		}

.header ul.main-menu {
	margin: 0;
	padding: 20px 0;
	list-style-type: none;
	font-size: 0;
}

	.header ul.main-menu > li {
		display: inline-block;
		border: 1px solid #fff;
		margin: 0 1px;
		cursor: pointer;
		-webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Safari */
		-khtml-user-select: none; /* Konqueror HTML */
		-moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
		user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
	}

		.header ul.main-menu > li a {
			display: block;
			padding: 10px 14px 5px 14px;
			color: #0e2f70;
			font-size: 20px;
		}

		.header ul.main-menu > li:hover {
			border: 1px solid #5f7ebc;
		}

		.header ul.main-menu > li.active {
			border: 1px solid #5f7ebc;
		}


.img-logo {
    width: 100%;
    max-width: 255px;
    max-height: 85px;
    margin-top: 2px;
}

.search-bar {
	display: none;
}

/***********Mobile Menu*******************/
.header ul.mobile-menu {
	margin: 0;
	padding: 20px 0;
	list-style-type: none;
}

	.header ul.mobile-menu > li {
		padding-bottom: 10px;
	}

	.header ul.mobile-menu li a {
		font-size: 18px;
		color: #464646;
		font-weight: 600;
		line-height: 1.5;
	}

	.header ul.mobile-menu li ul {
		display: none;
		list-style-type: none;
		padding: 10px 20px;
		background-color: #eee;
	}

		.header ul.mobile-menu li ul li a {
			font-size: 16px;
			line-height: 1.7;
			color: #464646;
		}

	.header ul.mobile-menu li:hover ul {
		display: block;
	}

/***********Mobile Menu*******************/


/***********sub menu*****************/
.header ul li ul.main-menu-sub {
	display: none;
	margin: 0;
	min-width: 265px;
	padding: 20px 10px 20px 10px;
	background: #fff;
	text-align: left;
	position: absolute;
	z-index: 99;
	margin-top: 1px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 10px 0px;
}

	.header ul li ul.main-menu-sub li {
		list-style-type: none;
		/*display: block;*/
		border-bottom: 1px solid #fff;
		cursor: pointer;
	}

		.header ul li ul.main-menu-sub li:hover {
			border-bottom: 1px solid #fff;
		}

			.header ul li ul.main-menu-sub li:hover a {
				color: #2897e5;
			}

		.header ul li ul.main-menu-sub li a {
			display: block;
			color: #0e2f70;
			font-size: 18px;
			padding: 8px 10px 8px 10px;
		}
/***********sub menu*****************/


/*#region ------------------SCROLL TOP------------------*/
#ScrollTop {
	display: none;
}

.scroll-top {
	cursor: pointer;
	position: fixed;
	bottom: 10%;
	right: 50px;
	z-index: 99999;
	width: 50px;
}
/*#endregion ------------------SCROLL TOP------------------*/


/*#region --------------------- SCROLL DOWN------------------------*/
.scroll-down a {
	position: absolute;
	top: 50vh;
	z-index: 1;
}

	.scroll-down a span {
		position: absolute;
		top: 0;
		left: 50%;
		width: 40px;
		height: 40px;
		margin-left: -12px;
		border-left: 8px solid #fff;
		border-bottom: 8px solid #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-animation: sdb07 2s infinite;
		animation: sdb07 2s infinite;
		opacity: 0;
		box-sizing: border-box;
	}

		.scroll-down a span:nth-of-type(1) {
			-webkit-animation-delay: 0s;
			animation-delay: 0s;
		}

		.scroll-down a span:nth-of-type(2) {
			top: 25px;
			-webkit-animation-delay: .15s;
			animation-delay: .15s;
		}

		.scroll-down a span:nth-of-type(3) {
			top: 50px;
			-webkit-animation-delay: .3s;
			animation-delay: .3s;
		}

@-webkit-keyframes sdb07 {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes sdb07 {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

/*#endregion ----------------------- SCROLL DOWN ----------------------*/

/*#region ---------------- FOOTER --------------*/
.footer {
	background: #fff;
	font-size: 14px;
}

	.footer a {
		color: #464646;
	}

		.footer a:hover {
			color: #464646;
		}

ul.footer-social {
	padding: 0;
	margin: 0;
}

	ul.footer-social li {
		list-style-type: none;
		display: inline-block;
		padding-left: 10px;
		padding-right: 10px;
	}

		ul.footer-social li:hover i {
			cursor: pointer;
			color: #375eab;
		}

ol.footer-menu {
	padding: 0;
	margin: 0;
}

	ol.footer-menu li {
		list-style-type: none;
	}

.app-links span {
	color: #375eab;
	font-weight: 600;
	padding-right: 10px;
}

.footer-link:hover {
	color: #464646 !important;
}



/*#endregion ---------------- FOOTER --------------*/

/*#endregion --------------Master Page----------------*/



/*#region ------------Default Page--------------------*/

#mainSlider .owl-prev {
	position: absolute;
	top: 50%;
	left: 1%;
}

#mainSlider .owl-next {
	position: absolute;
	top: 50%;
	right: 1%;
}

#section1Slider .owl-dots {
	height: 25px;
}

#NewsSlider .owl-nav {
	position: absolute;
	bottom: 120%;
	right: 0;
	font-size: initial;
	width: 99%;
}

#NewsSlider .owl-prev {
	position: absolute;
	right: 5%;
}

#NewsSlider .owl-next {
	position: absolute;
	right: 1%;
}

#section5Logos .owl-nav {
	font-size: initial;
}

#section5Logos .owl-prev {
	position: absolute;
	top: 22%;
	left: -2%;
}

#section5Logos .owl-next {
	position: absolute;
	top: 22%;
	right: -2%;
}

/*#region ----------------NUM SCROLLER--------------*/

.num-scroller-container {
	text-align: center;
	margin-top: 4rem;
}

.num-scroller-item {
	text-align: center;
	display: inline-block;
	margin: 0 10px;
	max-width: 120px;
	vertical-align: top;
	cursor: pointer;
}

	.num-scroller-item:hover i {
		font-size: 4rem;
	}

	.num-scroller-item i {
		position: relative;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		color: #375eab;
	}

	.num-scroller-item span {
		color: #464646;
	}

.numscroller {
	font-size: 32px;
	line-height: 38px;
	font-weight: 700;
}

.numscroller-text {
	font-size: 24px;
	line-height: 1.3;
}

/*#endregion ----------------NUM SCROLLER--------------*/


/*#region ----------------SECTION 2 Projeler--------------*/
.section-2 {
	background-color: #0971f2;
	background-image: url(../../Images/Image/bg-section2.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.refgroup-item {
	text-align: center;
	color: #fff;
	font-size: 16px;
	padding: 2px 5px 0px 5px;
	cursor: pointer;
	line-height: 2;
}

	.refgroup-item.active {
		background: #fff;
		color: #0e2f70 !important;
	}

	.refgroup-item:hover {
		background: #fff;
		color: #0e2f70 !important;
	}

.ref-container {
	-webkit-transition: all .7s;
	-moz-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;
}

	.ref-container .ref-item {
		display: inline-block;
		width: 347px;
		height: 250px;
		overflow: hidden;
		position: relative;
		margin: 20px 15px 0 15px;
		font-size: 0;
		cursor: pointer;
		text-align: center;
		vertical-align: top;
	}

		.ref-container .ref-item .ref-item-img {
			width: 347px;
			height: 250px;
			background-position: center center;
			background-size: cover;
			-webkit-transition: all .5s;
			-webkit-transition: all .5s;
			-moz-transition: all .5s;
			-o-transition: all .5s;
			transition: all .5s;
			position: relative;
		}

	.ref-container .ref-item-img:hover {
		-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

		.ref-container .ref-item-img:hover .plus-circle {
			opacity: 1;
		}

.ref-item .ref-item-title {
	width: 100%;
	background: rgba(0,0,0,0.5);
	text-align: center;
	padding: 10px 10px 5px 10px;
	position: absolute;
	bottom: 0;
	-webkit-transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

	.ref-item .ref-item-title span {
		color: #fff;
		font-size: 16px;
		line-height: 22px;
	}

.ref-item-img .plus-circle {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	opacity: 0;
	position: absolute;
	top: calc((100% - 60px) / 2);
	left: calc((100% - 60px) / 2);
}

.ref-container .active {
	display: inline-block;
	opacity: 1;
}
/*#endregion ----------------SECTION 2 Projeler--------------*/


/*#region ----------------Section NEWS--------------*/

.news-container {
	font-size: 0;
}

	.news-container .news-item {
		display: inline-block;
		width: 355px; /*calc((100% - 90px) / 3);*/
		height: 280px;
		overflow: hidden;
		position: relative;
		margin: 0 15px 30px 15px;
		font-size: initial;
		cursor: pointer;
		text-align: center;
		vertical-align: top;
	}

		.news-container .news-item .news-item-img {
			width: 355px;
			height: 280px;
			background-position: center center;
			background-size: cover;
			-webkit-transition: all .5s;
			transition: all .5s;
			position: relative;
			-webkit-filter: brightness(60%); /* Safari */
			filter: brightness(60%);
		}

		.news-container .news-item:hover .news-item-img {
			-moz-transform: scale(1.1);
			-webkit-transform: scale(1.1);
			transform: scale(1.1);
			-webkit-filter: brightness(120%); /* Safari */
			filter: brightness(120%);
		}

		.news-container .news-item:hover .news-item-title span {
			color: #000;
		}

		.news-container .news-item:hover .news-item-author {
			color: #000;
		}


		.news-container .news-item:hover .plus-circle {
			opacity: 1;
		}

.news-item .news-item-title {
	width: 100%;
	/*background: rgba(0,0,0,0.5);*/
	color: #fff;
	text-align: center;
	padding: 10px;
	position: absolute;
	z-index: 1;
	top: calc((100% - 80px) / 2);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

	.news-item .news-item-title span {
		color: #fff;
		font-size: 20px;
		line-height: 1.3;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

.news-item .news-item-date {
	background: #736e6e;
	padding: 6px 8px 2px 8px;
	position: absolute;
	z-index: 1;
	bottom: 15px;
	right: 15px;
	color: #fff;
	font-size: 20px;
	line-height: 1;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.news-item .news-item-tag {
	background: #294888;
	padding: 6px 8px 2px 8px;
	position: absolute;
	z-index: 1;
	top: 15px;
	left: 15px;
	color: #fff;
	font-size: 20px;
	line-height: 1;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.news-item .news-item-author {
	position: absolute;
	z-index: 1;
	bottom: 15px;
	left: 15px;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}


.news-item-img .plus-circle {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	opacity: 0;
	position: absolute;
	top: calc((100% - 60px) / 2);
	left: calc((100% - 60px) / 2);
}

/*#endregion ----------------SECTION News--------------*/


.logos-container {
	font-size: 0;
}

	.logos-container .logo-item {
		display: inline-block;
		width: 160px; /*calc((100% - 120px) / 4 );*/
		height: 120px;
		overflow: hidden;
		position: relative;
		margin: 0px 15px;
		font-size: initial;
		cursor: pointer;
		text-align: center;
		vertical-align: top;
		background-color: #fff;
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
		-webkit-transition: all .5s;
		transition: all .5s;
	}

.section1-item {
	cursor: pointer;
}

	.section1-item h3 {
		font-size: 1.6rem;
	}

/*.section1-item:hover p {
		color: #0971f2;
	}*/

.container.main-screen {
	margin-top: 15vh;
}


/*#endregion ----------------Default Page--------------------*/



/*#region ---------------- CONTENT.aspx --------------*/
#ContentGallerySlider .owl-nav {
	font-size: initial;
}

#ContentGallerySlider .owl-prev {
	position: absolute;
	top: 37%;
	left: -2%;
}

#ContentGallerySlider .owl-next {
	position: absolute;
	top: 37%;
	right: -2%;
}

.section-1 table {
	width: 100% !important;
}

.content {
	background: #fff;
	margin-top: -10vh;
	background: #fff;
	min-height: 500px;
}

ul.left-menu {
	margin: 0;
	padding: 0;
}

	ul.left-menu li {
		list-style-type: none;
		padding: 5px 10px 5px 0px;
	}

		ul.left-menu li:hover a {
			color: #2897e5;
		}

		ul.left-menu li .active {
			color: #2897e5;
		}

		ul.left-menu li a {
			color: #3d3d3d;
			font-size: 17px;
			line-height: 1.5;
		}

.news-list {
}

	.news-list a {
		color: #375eab;
	}

		.news-list a:hover {
			color: #000;
		}

.btn-back {
	position: absolute;
	right: 0;
	bottom: 15px;
}

ul.share-icons {
	margin: 0;
	padding: 0;
}

	ul.share-icons li {
		display: inline-block;
		padding: 5px;
	}

.share-icons a:hover i {
	color: #375eab;
}

.content .content-img {
	border: 3px solid #ddd;
	border-radius: 2%;
	-webkit-box-shadow: 0px 7px 10px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 7px 10px -4px rgba(0,0,0,0.75);
	box-shadow: 0px 7px 10px -4px rgba(0,0,0,0.75);
}

.project-details ul li {
	list-style-type: none;
}

p.lead {
	margin-bottom: 0;
}

/*#region ---------------- Image Gallery--------------*/
.gallery-container {
	font-size: 0;
}

	.gallery-container .gallery-item {
		display: inline-block;
		width: 350px; /*calc((100% - 120px) / 4 );*/
		height: 200px;
		overflow: hidden;
		position: relative;
		margin: 20px 15px 0 15px;
		font-size: initial;
		cursor: pointer;
		text-align: center;
		vertical-align: top;
		background-color: #fff;
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
		-webkit-transition: all .5s;
		transition: all .5s;
		position: relative;
	}

	.gallery-container .vertical-item {
		width: 100% !important;
		margin: 20px 0 0 0 !important;
	}

.gallery-item .plus-circle {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	opacity: 0;
	position: absolute;
	top: calc((100% - 60px) / 2);
	left: calc((100% - 60px) / 2);
}

.gallery-item-img {
	background-position: center center;
	background-size: cover;
	height: 200px;
	width: 350px;
}

.gallery-container .gallery-item:hover .plus-circle, .gallery-container .gallery-item:hover .bg-cover {
	opacity: 1;
}

.gallery-item .bg-cover {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	opacity: 0;
	position: absolute;
	width: 100%;
	background: rgba(47,108,198,0.3);
	height: 100%;
}
/*#endregion ---------------- Image Gallery--------------*/


/*#region ---------------- File Gallery--------------*/
.atachment-container {
	font-size: 0;
}

	.atachment-container .atachment-item {
		display: inline-block;
		margin: 20px 15px 0 15px;
		font-size: initial;
		cursor: pointer;
		text-align: center;
		vertical-align: top;
	}

.atachment-item .bg-cover {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	opacity: 0;
	position: absolute;
	width: 100%;
	background: rgba(47,108,198,0.3);
	height: 100%;
}

.atachment-item .atachment-down {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	opacity: 0;
	position: absolute;
	top: calc((100% - 60px) / 2);
	left: calc((100% - 60px) / 2);
}

.atachment-container .atachment-item:hover .atachment-down, .atachment-container .atachment-item:hover .bg-cover {
	opacity: 1;
}
/*#endregion ---------------- File Gallery--------------*/


/*#region ----------------Content Projeler------------------*/

.refgroup-item-cnt {
	text-align: center;
	color: #375eab;
	font-size: 16px;
	padding: 2px 5px 0px 5px;
	margin: 0 2px;
	cursor: pointer;
}

	.refgroup-item-cnt.active {
		background: #375eab;
		color: #fff !important;
	}

	.refgroup-item-cnt:hover {
		background: #375eab;
		color: #fff !important;
	}

.ddl-filter {
	padding: 5px 10px 4px 10px;
	border: 1px solid #375eab;
	color: #375eab;
	cursor: pointer;
}

	.ddl-filter:hover {
		background: #375eab;
		color: #fff;
	}

	.ddl-filter option {
		background-color: #fff;
		color: #375eab;
		cursor: pointer;
	}

.project-details ul {
	padding: 0;
	margin: 0;
}

	.project-details ul li span {
		font-size: 16px;
	}


/*#endregion -------------Content Projeler------------------*/
/*#endregion */