html,
body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

.mobilgoster {
	display: none;
}
.mt60{
	margin-top: 60px;
}

.buyukharf {
	text-transform: uppercase !important;
}

.kucukharf {
	text-transform: capitalize !important;
}

.mt100px {
	margin-top: 100px !important;
}

body {
	margin: 0;
	background: #fff;
	/* #E6E7E8;*/
	font-family: 'BwStretch-Book', Helvetica, Arial, sans-serif;
	font-size: 17px;
	line-height: 1.3;
	color: #414141;
	letter-spacing: 0.4px;
	/* 1.5px; */
}

* {
	outline: none;
}

a,
a:visited,
a:link {
	color: #000;
	text-decoration: none;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	transition: all 0.25s;
}

a:hover,
a:focus {
	color: rgba(204, 51, 51, 1);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

h1 {
	font-size: 56px;
}

h2 {
	font-size: 48px;
}

h3 {
	font-size: 40px;
}

h4 {
	font-size: 32px;
}

h5 {
	font-size: 24px;
}

h6 {
	font-size: 16px;
}

p {
	margin-bottom: 16px;
}

hr {
	margin: 48px auto;
	height: 1px;
	border: none;
	background: #CCC;
}

::-moz-selection {
	color: white;
	background: rgba(204, 51, 51, 1);
}

::selection {
	color: white;
	background: rgba(204, 51, 51, 1);
}

::placeholder {
	color: #CCC;
	font-size: 16px;
}

.p0 {
	padding: 0;
}

.kirmizi {
	color: rgba(204, 51, 51, 1);
}

.kirmizi-acik {
	color: rgba(204, 51, 51, 0.5);
}

.offset-4bucuk {
	margin-left: 37.5%;
}

#kosefoto {
	position: relative;
	z-index: -1;
	top: 70px
}

.kosefoto-sol,
.kosefoto-sag {
	position: absolute;
	top: 0;
}

.kosefoto-sol {
	left: 0;
}

.kosefoto-sag {
	right: 0;
}

.kosefoto-sol img,
.kosefoto-sag img {
	max-width: 250px;
}

#tepe {
	position: relative;
	display: flex;
	margin-bottom: 120px;
	z-index: 9999;
}

#komut {
	margin-top: 48px;
}

#komut .navbar-brand {
	margin-bottom: 40px;
}

#komut .navbar-nav .nav-item {
	padding: 8px;
}

#komut .navbar-nav .nav-link {
	padding: 0;
	color: #414141;
}

#komut .navbar-nav .nav-link:hover {
	color: rgba(204, 51, 51, 1);
}

#komut .navbar-nav>.active>a {
	color: rgba(204, 51, 51, 1);
	border-bottom: 1px solid rgba(204, 51, 51, 1);
}

#komut .navbar-toggler {
	position: absolute;
	top: 8px;
	left: 8px;
	padding-top: 8px;
	border: none;
}

#komut .navbar-toggler:focus {
	outline: none;
	background: rgba(255, 255, 255, 0.3);
}

#komut .navbar-toggler hr {
	margin: 0 0 4px 0;
	width: 16px;
	height: 2px;
	background: #FFF;
}

.sol-tirnak,
.sag-tirnak {
	position: absolute;
}

.sol-tirnak {
	top: 0;
	left: 0;
}

.sag-tirnak {
	right: 0;
	bottom: 0;
}

.giris-slogan {
	position: relative;
	padding: 8px;
	text-align: center;
	font-family: 'BwStretch-Light', Helvetica, Arial, sans-serif;
	/*font-family: 'BwStretch-Medium',
		Helvetica,
		Arial,
		sans-serif;*/
	font-size: 24px;
}

.giris-slogan h4 h4.kirmizi {
	font-family: 'BwStretch-Medium', Helvetica, Arial, sans-serif !important;
	font-size: 36px;
}

.giris-slogan h4 span,
.kirmizi span {
	font-family: 'BwStretch-Book', Helvetica, Arial, sans-serif !important;
	font-size: 28px;
	color: #414141 !important;
}

.okisareti {
	margin: 64px auto;
	text-align: center;
}

.kisisel-marka-gucu {
	margin-bottom: 64px;
	text-align: center;
}

.kisisel-marka-gucu h4 {
	margin-bottom: 48px;
	font-family: 'BwStretch-Medium', Helvetica, Arial, sans-serif;
}

.kisisel-marka-gucu h4:first-of-type {
	margin-bottom: 16px;
}

.kisisel-marka-gucu h2 {
	font-family: 'ReingttoonDEMO', cursive;
	color: rgba(204, 51, 51, 1);
}

#as-calismalar {
	margin-top: 64px;
}

.as-calisma-dis {
	padding: 0
		/*0 24px*/
	;
}

.as-calisma {
	position: relative;
	top: 0;
	padding: 360px 0 160px;
	text-align: center;
	transition: top 0.25s;
	margin-bottom: 30px;
}

.as-calisma img {
	position: absolute;
	top: 72px;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 32px;
}

.beyaz-gorsel {
	opacity: 0;
}

.as-calisma:hover .beyaz-gorsel {
	opacity: 1;
}

.as-calisma h5,
.as-calisma p:first-of-type {
	font-family: 'BwStretch-Medium', Helvetica, Arial, sans-serif;
}

.as-calisma p {
	width: 90%;
	margin: 16px auto;
}

.as-calisma p:last-of-type {
	margin-bottom: 32px;
}

.as-calisma:hover {
	top: -48px;
	/*background-image: url(../gorseller/as-calisma-golge.png) !important;*/
	background-repeat: no-repeat !important;
	background-position: center bottom !important;
	background-size: 100% !important;
	background: rgba(204, 51, 51, 1);
	cursor: pointer;
	transition: top 0.25s;
	color: #FFF !important;
}

.as-calisma:hover h5,
.as-calisma:hover p {
	color: #FFF !important;
}

.as-calisma:before {
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%) rotate(90deg);
	width: 60px;
	height: 30px;
	border-bottom: 30px solid transparent;
	border-right: 20px solid transparent;
	border-left: 20px solid #fff;
	/* #E6E7E8; */
	border-top: 30px solid transparent;
	content: "";
}

.as-calisma:hover:before {
	opacity: 1;
}

.detaylar {
	position: relative;
	padding: 8px 16px;
	width: auto;
	background: rgba(204, 51, 51, 1);
	color: #FFF !important;
	z-index: 1;
}

.as-calisma:hover .detaylar {
	background: #FFF;
	color: rgba(204, 51, 51, 1) !important;
}

/* -------------------  BLOG ------------------- */
#blog {
	position: relative;
}

.blog-taban {
	padding: 96px;
}

.beyaz-zemin {
	background-color: #FFF;
}

.blog-taban .card {
	padding-bottom: 64px;
	border-radius: 0;
	border: none;
	background-image: url(../gorseller/kirmizicizgi.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: transparent;
}

.blog-taban .card:last-of-type {
	padding-bottom: 0;
}

.blog-taban .card-img {
	width: calc(100% - 52px);
	border-radius: 0;
}

.blog-gorsel {
	width: calc(100% + 5px);
	border-radius: 0;
}

.solgorsel {
	background-image: url(../gorseller/sol-gorsel-nokta-beyaz.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.saggorsel {
	margin-left: -5px;
	background-image: url(../gorseller/sag-gorsel-nokta-beyaz.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.solgorsel-seffaf {
	background-image: url(../gorseller/sol-gorsel-nokta.png) !important;
}

.saggorsel-seffaf {
	background-image: url(../gorseller/sag-gorsel-nokta.png) !important;
}

.blog-taban .card-body {
	padding: 0 48px;
}

.blog-detay,
.blog-detay-sol {
	position: absolute;
	bottom: 9px;
	left: 47px;
}

.blog-detay-sol {
	right: 47px;
}

.blog-giris {
	margin-bottom: -48px;
	font-family: 'BwStretch-Bold', Helvetica, Arial, sans-serif;
	font-size: 144px;
	color: #fff;
	/*E6E7E8;*/
	text-shadow: -1px 0 #C33, 0 1px #C33, 1px 0 #C33, 0 -1px #C33;
	letter-spacing: 10px;
	text-align: center;
}

.blog-as-giris {
	position: relative;
	margin-bottom: -28px;
	z-index: 1;
}

.blog-suslu-giris,
.blog-icerik-suslu-baslik {
	position: absolute;
	top: 90px;
	left: 50%;
	font-family: 'ReingttoonDEMO', cursive;
	color: rgba(204, 51, 51, 0.1);
	z-index: 2;
}

.blog-suslu-giris {
	top: 90px;
	left: 50%;
	font-size: 84px;
}

.blog-icerik-suslu-baslik {
	top: 190px;
	left: 81%;
	font-size: 112px;
}

.blog-baslik {
	font-size: 20px;
}

.blog-metin {
	text-align: left;
}

.blog-tarih {
	font-size: 18px;
	font-family: 'BwStretch-Medium', Helvetica, Arial, sans-serif;
}

.blog-tarih span {
	font-family: 'BwStretch-Book', Helvetica, Arial, sans-serif;
}

.blog-baslik {
	font-family: 'BwStretch-Bold', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

.blog-sol-beyaz {
	position: absolute;
	top: 200px;
	left: -120px;
}

.blog-sag-gri {
	position: absolute;
	right: -72px;
	bottom: 60px;
}

.blog-taban .pagination {
	margin-top: 72px;
}

.blog-taban .page-item:first-child .page-link,
.blog-taban .page-item:last-child .page-link {
	border-radius: 0;
}

.blog-taban .page-item .page-link {
	margin: 0 6px;
	padding: 0.5rem 0.85rem;
	border: 1px solid #C33;
	color: #C33 !important;
}

.blog-taban .page-item.active .page-link,
.blog-taban .page-item:hover .page-link {
	background-color: #C33;
	border-color: #C33;
	color: #FFF !important;
}

.blog-tepe-gorsel {
	margin: -200px auto -310px;
	text-align: center;
	position: relative;
	z-index: 1;
}

.maske {
	-webkit-mask-mode: alpha;
	mask-mode: alpha;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: auto;
	mask-size: auto;
	-webkit-mask-position: center;
	mask-position: center;
}

.blog-tepe-gorsel-maske {
	-webkit-mask-image: url(../gorseller/maske.svg);
	mask-image: url(../gorseller/maske.svg);
}

.blog-icerik {
	margin-top: 200px;
}

.blog-icerik .blog-baslik {
	margin-bottom: 24px;
	font-family: 'BwStretch-Bold', Helvetica, Arial, sans-serif;
	font-size: 32px;
	color: #C33;
}

.blog-icerik-ara-baslik {
	margin-bottom: 8px;
	font-family: 'BwStretch-Medium', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

.blog-icerik p {
	margin-bottom: 24px;
	text-align: justify;
}

/*  -------------------  HAKKIMIZDA  -------------------  */
.hakkimizda {
	position: relative;
	margin-bottom: 100px;
	text-align: center;
}

.hakkimizda-baslik {
	position: relative;
	font-family: 'ReingttoonDEMO', cursive;
	color: rgba(204, 51, 51, 0.5);
}

ul.redsquare {
	list-style: none;
	line-height: 32px;
	font-size: 20px;
	margin-bottom: 0;
}

ul.redsquare li::before {
	content: "\25AA";
	color: rgba(204, 51, 51, 1);
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

.hakkimizda-ara-baslik {
	font-family: 'BwStretch-Medium', Helvetica, Arial, sans-serif;
}

.biz-kimiz {
	left: -100px;
}

.neden-biz {
	left: 100px;
}

.nasil-calisiyoruz {
	left: -180px;
}

.neye-odaklaniyoruz {
	left: 60px;
}

.neden-kisisel-marka {
	left: -160px;
}

.hakkimizda .ok {
	position: absolute;
}

.neden-biz-ok {
	right: 80px;
	bottom: -200px;
}

.neden-biz-ok {
	right: 80px;
	bottom: -200px;
}

.nasil-calisiyoruz-ok {
	left: 100px;
	bottom: -300px;
}

#kurucu {
	margin-top: 200px;
	margin-bottom: 144px;
	text-align: center;
}

#kurucu h1 {
	font-family: 'ReingttoonDEMO', cursive;
	color: rgba(204, 51, 51, 0.5);
	font-size: 96px;
}

#kurucu h1 span {
	margin-right: -20px;
	font-family: 'BwStretch-Bold', Helvetica, Arial, sans-serif;
	text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
	color: #fff
		/* E6E7E8;*/
}

#kurucu img {
	max-width: 100%;
}

.kurucu-adi {
	margin-bottom: 0;
	font-family: 'BwStretch-Medium', Helvetica, Arial, sans-serif;
	font-size: 24px;
}

.kurucu-sosyalmedya {
	font-size: 20px;
}

.imza {
	font-family: 'ReingttoonDEMO', cursive;
	color: rgba(204, 51, 51, 1);
	font-size: 20px;
	text-align: right;
}

/*  -------------------  HÄ°ZMETLER  -------------------  */
.hizmet,
.hizmetters {
	position: relative;
	margin-top: 128px;
	margin-bottom: 128px;
	background-image: url(../gorseller/beyazzemin.jpg);
	background-repeat: repeat-y;
	background-size: 75%;
}

.hizmet {
	background-position: right;
}

.hizmetters {
	background-position: left;
}

.hizmet-giris {
	font-family: 'BwStretch-Light', Helvetica, Arial, sans-serif;
	font-size: 32px;
	text-align: center;
	text-transform: uppercase;
}

.hizmet-gorsel img {
	width: 100%;
}

.hizmet-tanim {
	padding: 24px;
	text-align: center;
}

.hizmet-baslik,
.hizmet-arabaslik {
	font-family: 'BwStretch-Medium', Helvetica, Arial, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
}

.hizmet-arabaslik {
	font-size: 16px;
}

.hizmet-adi-filigran {
	position: absolute;
	bottom: 0;
	font-family: 'ReingttoonDEMO', cursive;
	font-size: 56px;
	color: rgba(204, 51, 51, 0.1);
	text-transform: none !important;
}

.bireysel-hizmet-adi,
.sosyal-hizmet-adi {
	right: -100px;
}

.kurumsal-hizmet-adi {
	right: 100;
}

.hizmet-tepe-baslik {
	top: -40px;
	left: 120px;
	bottom: auto;
	min-width: 560px;
}

.hizmet-bosluk {
	margin-top: 480px;
}

.hizmet-dis {
	position: relative;
	margin-bottom: 0;
	padding: 16px;
	background: #FFF;
}

.yukari-cek {
	margin-top: -300px;
}

.hizmet-ic {
	position: relative;
	padding: 24px 24px 48px;
	min-height: 600px;
	border: 1px solid #C33;
	text-align: center;
}

.hizmet-ic p:last-of-type {
	margin-bottom: 32px;
}

.hizmet-ic .detaylar {
	position: absolute;
	bottom: 24px;
	left: 50%;
	transform: translateX(-50%);
}

.hizmet-firca {
	position: absolute;
	top: -40px;
	left: 50%;
	transform: translateX(-50%);
}

.hizmet-firca img {
	max-width: 100%;
}

.hizmet-simge {
	position: relative;
	display: block;
	margin: 0 auto 32px;
	z-index: 1;
}

.neden {
	font-family: 'ReingttoonDEMO', cursive;
	font-size: 24px;
	color: #C33;
}

/*  -------------------  REFERANSLAR  -------------------  */
.referanslar {
	position: relative;
	margin-top: 96px;
	margin-bottom: 160px;
	padding: 96px 30px 0px;
	border: 1px solid #C33;
}

.referanslarimiz {
	position: absolute;
	top: 0px;
	left: 30px;
	font-family: 'ReingttoonDEMO', cursive;
	color: #C33;
}

.referanslarimiz h1 {
	font-size: 56px;
}

.referans {
	position: relative;
	margin-bottom: 30px;
	min-height: 310px;
}

.referans-gorsel img {
	width: 100%;
	height: 100%
}

.referans-zemin {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}

.referans-bilgi {
	position: absolute;
	bottom: 16px;
	width: 100%;
	text-align: center;
	color: #FFF;
	z-index: 1;
}

.referans-bilgi p {
	margin: 0;
}

.adsoyad {
	font-family: 'BwStretch-Medium', Helvetica, Arial, sans-serif;
	font-size: 24px;
}

.beyaz-cizgi {
	margin: 12px auto;
}

.referans-aciklama {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 16px;
	background: rgba(204, 51, 51, 0.7);
	font-family: 'BwStretch-Book', Helvetica, Arial, sans-serif;
	color: #FFF;
	text-align: center;
	z-index: 99;
}

.referans-aciklama p {
	margin-bottom: 12px;
	font-size: 15px
}

.tirnak-kapat {
	position: relative;
	top: 4px;
}

.referans:hover .referans-aciklama {
	opacity: 1;
}

/*  -------------------  İLETİŞİM  -------------------  */
#iletisim {
	position: relative;
	margin: 72px auto;
}

.iletisim-sol-tirnak,
.iletisim-sag-tirnak {
	position: absolute;
}

.iletisim-sol-tirnak {
	top: -16px;
	left: -16px;
}

.iletisim-sag-tirnak {
	right: -16px;
	bottom: -16px;
}

#iletisim-formu label {
	display: block;
	margin-bottom: 0;
	color: #C33;
}

#iletisim-formu input[type],
#iletisim-formu textarea {
	margin: 8px 0 24px;
	padding: 8px 16px;
	width: 100%;
	border: none;
	background: #FFF;
	font-size: 20px;
	color: #414141;
	letter-spacing: 1px;
}

#iletisim-formu input[type="submit"] {
	width: auto;
	color: rgba(204, 51, 51, 0.5);
}

#iletisim-formu input[type="submit"]:hover {
	cursor: pointer;
	background: rgba(204, 51, 51, 0.5);
	color: #FFF;
}

#iletisim-formu textarea {
	height: 96px;
	resize: none;
}

#harita {
	position: relative;
	margin: 48px auto 96px;
}

.harita-isaret {
	position: absolute;
	top: 140px;
	left: 224px;
}

footer {
	padding: 72px 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#222222+0,414141+15,414141+100 */
	background: #414141;
	/* Old browsers */
	background: -webkit-linear-gradient(top, #222222 0%, #414141 15%, #414141 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: -moz-linear-gradient(top, #222222 0%, #414141 15%, #414141 100%);
	/* FF3.6-15 */
	background: linear-gradient(to bottom, #222222 0%, #414141 15%, #414141 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#414141', GradientType=0);
	/* IE6-9 */
	color: #FFF;
}

footer a {
	color: #FFF !important;
}

footer a:hover {
	color: #C33 !important;
}

.alt-menu {
	display: flex;
}

.alt-menu .navbar-nav {
	flex-direction: row;
}

.alt-menu .nav-item {
	margin: 0 20px 20px 20px;
}

.alt-iletisim {
	text-align: right;
}

.alt-iletisim .fa {
	font-size: 16px;
	margin-left: 8px;
}

.alt-iletisim p {
	margin-bottom: 0px;
	font-family: 'BwStretch-Light', Helvetica, Arial, sans-serif;
	font-size: 12px;
}

.alt-iletisim p:first-of-type {
	margin-bottom: 12px;
}

a:hover img {
	opacity: 0.5;
	cursor: pointer;
}

a:hover {
	cursor: pointer !important;
}

a:hover,
a:focus {
	color: rgba(204, 51, 51, 1);
	cursor: pointer;

}

.buyukharf {
	text-transform: uppercase;
}

.anasayfa-giris-slogan .sol-tirnak {
	top: -10px;
	left: 130px;
}

.anasayfa-giris-slogan .sag-tirnak {
	right: 100px;
	bottom: 0;
}

.nav-item a.nav-link {
	font-size: 20px;
}

.ececec {
	background-color: #ececec !important;
}

.gonderbtn {
	background-color: rgba(204, 51, 51, 1) !important;
	color: #fff !important;
}

.grizemin {
	background-color: #f8f8f8 !important;
}
@media (max-width: 767px) {
	.mobilebr {
		display: block;
	}
}

/* col-xs */
@media (max-width: 575px) {

	.kosefoto-sol img,
	.kosefoto-sag img {
		width: 120px;
	}

	#tepe {
		margin-bottom: 70px;
		height: 40px;
		background: rgba(204, 51, 51, 1);
	}

	#tepe .container {
		padding: 0;
	}

	#komut {
		margin-top: 0;
		padding: 4px 0;
	}

	#komut .navbar-brand {
		margin-bottom: 0;
		padding: 0;
	}

	#komut .navbar-brand img {
		height: 32px;
	}

	#navbarNav {
		width: 100%;
		background: rgba(204, 51, 51, 1);
		padding: 0 16px;
		z-index: 99;
	}

	#komut .navbar-nav .nav-link {
		color: #FFF !important;
	}

	.as-calisma {
		padding: 360px 0 32px;
	}

	.blog-taban {
		padding: 0;
	}

	.hakkimizda-baslik {
		font-size: 32px;
	}

	.biz-kimiz {
		left: 0;
	}

	.biz-kimiz-ok {
		left: -24px;
		bottom: -100px;
	}

	.neden-biz {
		left: 30px;
	}

	.neden-biz-ok {
		right: -30px;
		bottom: -60px;
	}

	.nasil-calisiyoruz,
	.neye-odaklaniyoruz,
	.neden-kisisel-marka {
		left: auto;
	}

	.nasil-calisiyoruz-ok {
		left: -10px;
		bottom: -80px;
	}

	#kurucu h1 {
		font-size: 64px;
	}

	#kurucu h1 span {
		margin-right: 0
	}

	.hizmet-adi-filigran {
		font-size: 32px;
	}

	.bireysel-hizmet-adi,
	.sosyal-hizmet-adi {
		right: -40px;
	}

	.hizmet-giris {
		font-size: 20px;
	}

	.hizmet-dis {
		margin-bottom: 72px;
	}

	.hizmet-tepe-baslik {
		top: -10px;
		left: -50px;
		bottom: auto;
		min-width: 320px;
	}

	.referanslar {
		margin-top: 64px;
		width: 90%;
	}

	.referanslarimiz {
		left: 0px;
	}

	.referanslarimiz h1 {
		font-size: 40px;
	}

	.beyaz-zemin {
		margin-left: 10%;
		max-width: 80%;
		padding: 24px;
	}

	.blog-suslu-giris {
		font-size: 72px;
	}

	.blog-sol-beyaz {
		top: 160px;
		left: 5px;
	}

	.blog-sol-beyaz img {
		height: 200px;
	}

	.blog-sag-gri {
		right: 16px;
	}

	.blog-sag-gri img {
		height: 140px;
	}

	.blog-icerik-suslu-baslik {
		top: 40px;
		left: 56%;
		font-size: 72px;
	}

	footer {
		padding-bottom: 24px;
	}

	footer div {
		margin-bottom: 24px;
	}

	.alt-menu .navbar-nav {
		flex-direction: row;
		/* column*/
		text-align: center;
	}

	.alt-iletisim {
		text-align: center;
	}
}

/* col-sm */
@media (min-width: 576px) and (max-width: 767px) {

	.kosefoto-sol img,
	.kosefoto-sag img {
		width: 180px;
	}

	.as-calisma {
		padding: 360px 60px 32px;
	}

	.blog-taban {
		padding: 0;
	}

	.alt-menu .navbar-nav {
		text-align: center;
	}

	.alt-iletisim {
		text-align: center;
	}

	.hakkimizda-baslik {
		font-size: 48px;
	}

	.biz-kimiz-ok {
		left: -64px;
		bottom: -140px;
	}

	.neden-biz {
		left: 40px;
	}

	.neden-biz-ok {
		right: -10px;
		bottom: -110px;
	}

	.nasil-calisiyoruz {
		left: -130px;
	}

	.nasil-calisiyoruz-ok {
		left: -100px;
		bottom: -120px;
	}

	.neye-odaklaniyoruz {
		left: 40px;
	}

	.neden-kisisel-marka {
		left: -120px;
	}

	.hizmet-bosluk {
		margin-top: 120px;
	}

	.hizmet-tepe-baslik {
		left: -70px;
	}

	.hizmet-firca {
		top: -24px;
	}

	.yukari-cek {
		margin-top: 0;
	}

	.hizmet-dis {
		margin-bottom: 48px;
		height: calc(100% - 48px);
	}

	.hizmet-ic {
		height: 100%;
	}

	.blog-taban {
		padding: 30px 0;
	}

	.beyaz-zemin {
		padding: 30px;
	}

	.blog-sol-beyaz {
		left: -100px;
	}

	.blog-sag-gri {
		right: -50px;
	}

	.blog-icerik-suslu-baslik {
		top: 90px;
		left: 74%;
		font-size: 72px;
	}

	footer {
		padding-bottom: 24px;
	}

	footer div {
		margin-bottom: 24px;
	}
}

@media (max-width: 767px) {
	.hizmetlerimiz-sloganalani {
		margin-top: 250px;
	}

	.anasayfa-giris-slogan {
		margin-top: 170px;
	}

	.kosefoto-sol,
	.kosefoto-sag {
		top: 44px;
	}

	.blog-taban .card,
	.saggorsel,
	.solgorsel {
		background: none;
	}

	.blog-taban .c ard:last-of-type {
		padding-bottom: 64px;
	}

	.blog-taban .card-img {
		width: 90%;
		margin-bottom: 32px;
	}


	.blog-gorsel {
		width: 100%;
	}

	.blog-detay,
	.blog-detay-sol {
		position: unset;
		margin-top: 32px;
	}
}

@media (max-width: 991px) {
	.as-calisma:hover {
		margin-top: 0 !important;
	}

	.blog-giris {
		margin-bottom: 0;
	}

	.blog-as-giris {
		margin-bottom: -30px;
	}

	.hizmet,
	.hizmetters {
		background-image: url(../gorseller/beyazzemin-dikey.jpg);
		background-repeat: repeat-x;
		background-position: bottom;
		background-size: 100% 85%;
	}

	.hizmet-gorsel {
		text-align: center;
	}

	.hizmet-gorsel img {
		max-width: 100%;
		width: auto;
	}
}

/* col-md */
@media (min-width: 768px) and (max-width: 991px) {

	.kosefoto-sol img,
	.kosefoto-sag img {
		width: 240px;
	}

	.as-calisma-dis {
		padding: 0;
	}

	.as-calisma {
		padding: 300px 0px 32px;
	}

	.as-calisma img {
		max-width: 100%;
	}

	.blog-taban {
		padding: 0;
	}

	.hizmet-bosluk {
		margin-top: 120px;
	}

	.hizmet-tepe-baslik {
		left: -70px;
	}

	.hizmet-firca {
		top: -24px;
	}

	.yukari-cek {
		margin-top: 0;
	}

	.hizmet-dis {
		margin-bottom: 48px;
		height: calc(100% - 48px);
	}

	.hizmet-ic {
		height: 100%;
	}

	.beyaz-zemin {
		padding: 48px !important;
	}

	.blog-sol-beyaz {
		left: -40px;
	}

	.blog-sol-beyaz img {
		height: 320px;
	}

	.blog-sag-gri {
		right: -20px;
	}

	.blog-sag-gri img {
		height: 160px;
	}

	.blog-icerik-suslu-baslik {
		top: 190px;
		left: 78%;
		font-size: 72px;
	}

	footer {
		margin-top: 48px;
		padding-bottom: 24px;
	}

	footer div {
		margin-bottom: 24px;
	}

	.alt-menu .navbar-nav {
		text-align: center;
	}

	.alt-iletisim {
		text-align: center;
	}

	#kurucu h1 {
		font-size: 72px;
	}

	.bireysel-hizmet-adi,
	.sosyal-hizmet-adi {
		right: -72px;
	}

	.nobaslik {
		margin-top: -50px !important;
	}
}

/* col-lg */
@media (min-width: 992px) and (max-width: 1199px) {
	.hizmet-dis {
		margin-bottom: 64px;
	}

	#blog {
		width: 900px;
	}

	.blog-sag-gri {
		right: -50px;
	}

	.blog-icerik-suslu-baslik {
		top: 230px;
		left: 85%;
		font-size: 72px;
	}
}

/* col-xl */
@media (min-width: 1200px) {}

@media (max-width: 767px) and (orientation: landscape) {}

@media (orientation: portrait) {}

@media (orientation: portrait) and (max-width: 767px) {}

@media (orientation: portrait) and (width: 768px) {}

@media screen and (device-aspect-ratio: 4/3) {}

.le120 {
	left: -120px;
}

#hakkimizdaok03 {
	left: 100px;
	bottom: -370px;
}

.pt100 {
	padding-top: 100px
}

.bireyselok01 {
	left: 50px;
	top: 20px;
}

.bireyselok02 {
	right: 70px;
	bottom: -280px;
}

.bireyselok03 {
	left: -40px;
	top: 120px;
	z-index: 10;
}

.text-right .blog-baslik,
.text-right .blog-metin {
	text-align: right;
}

.mt100 {
	margin-top: 100px;
}

.tasarimda_gri_metin {
	color: #414042 !important;
}

.px24 {
	font-size: 24px !important;
}
.egikgrikarelimetin {
	color: #7d7d7e !important;
	font-size: 21px !important;
	font-style: italic !important;
	text-align: center !important;
}