body{
	font-family: 'Fira Sans', sans-serif;
}

.loader{
	background-color: #f7f7f7;
	z-index: 100000;
	height: 100%;
	width: 100%;
	position: fixed;
	display: block; 
	text-align: center;
	padding-top: 20%;

}

header{
	background-color: #fafafa !important;
}


.ust-bar{
	background-color: #000;
	width: 100%;
	height: auto;
	color: #fff;
	text-align: center !important;
	font-size: 12px;
	display: block;
}
.ust-bar-kapat{
	cursor: pointer;
	right: 5px;
	top: 2px;
	position: absolute;
}

.logo img{
	width: 70%;
	height: auto;
}
.alisveris{
	font-size: 13px;

}

.alisveris i{
	font-size: 17px;	
}

.alisveris div{
	cursor: pointer;
}

.alt-cizgi{
	border-bottom: 1px solid #A6A6A6;
	width: 100%;
}

.menu{
	list-style-type: none;
	text-align: center;
	padding-top: 20px;
	text-transform: uppercase;
}

.menu li{
	display: inline;
}

.menu a{
	text-decoration: none;
}

.menu-eleman{
	margin-top: 15px;
	color: #A6A6A6;
	margin-right: 30px;
	border-bottom: 3px transparent;
}
.menu-eleman:hover{
	color: #000;
	border-bottom: 3px solid red;
}
.menu-eleman-son{
	margin-right: 0 !important;
}

.menu-icon{
	position: absolute;
	top: 20px;
	left: 5px;
	display: none;
}
.menu-icon:hover{
	cursor: pointer;
}

.menu-kapat{
	position: absolute;
	top: 20px;
	left: 5px;
}
.menu-kapat:hover{
	cursor: pointer;
}

.menu-mobil{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 9999;
	display: none;
}
.menu-mobil ul{
	list-style: none;
	padding: 0;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.menu-mobil li{
	margin-top: 10px;
}
.menu-mobil a{
	color: #000;
}
.menu-mobil a:hover{
	color: #000;
	text-decoration: none;
}

#resimler{
	background: url(../images/bg2.jpg) repeat fixed;
}

#resimler a:hover{
	text-decoration: none;
}

.tablo-cerceve{
	width: 55%;
	height: auto;/*
	padding: 25px;
	background-color: #fff;*/
	float: right;
	margin: 50px 0 50px 0;
	transition:all ease 1s;
	-webkit-transition:all ease 1s;
	transform: scale(0.9,0.9);
	-ms-transform: scale(0.9,0.9);
	-webkit-transform: scale(0.9,0.9);
}

.satir{
	transition: all ease 1s;
	-webkit-transition: all ease 1s;
}

.satir0:hover{
	background-color: rgba(232,81,18,0.5);
	cursor: pointer;
	transition: all ease 1s;
	-webkit-transition: all ease 1s;
}

.tablo0 {
	border-top: 15px solid #106E1B !important;
	border-left: 15px solid #106E1B !important;
	border-right: 15px solid #018530 !important;
	border-bottom: 15px solid #018530 !important;
	float: right;
	margin: 50px 0 50px 0;
}

.tablo-baslik-ala{
	font-size: 10vw;
	text-align: left;
	margin-top: 10%;
	color: #000;
}

.tablo-baslik-ala1{
	margin-left: -120px;
}

.tablo-baslik-ala2{
	margin-left: 80px;
}

.satir1:hover{
	background-color: rgba(16,110,27,0.5);
	cursor: pointer;
	transition: all ease 1s;
	-webkit-transition: all ease 1s;
}

.tablo1 {
	border-top: 15px solid #106E1B !important;
	border-left: 15px solid #106E1B !important;
	border-right: 15px solid #018530 !important;
	border-bottom: 15px solid #018530 !important;
	float: right;
	margin: 50px 0 50px 0;
}

.tablo-baslik-mutluk{
	font-size: 10vw;
	text-align: left;
	margin-top: 15%;
	color: #000;
}

.tablo-baslik-mutluk1{
	margin-left: -120px;
}

.tablo-baslik-mutluk2{
	margin-left: 80px;
}

.satir2:hover{
	background-color: rgba(194,22,21,0.5);
	cursor: pointer;
	transition: all ease 1s;
	-webkit-transition: all ease 1s;
}

.tablo2 {
	border-top: 15px solid #B01413 !important;
	border-left: 15px solid #B01413 !important;
	border-right: 15px solid #C21615 !important;
	border-bottom: 15px solid #C21615!important;
	float: right;
	margin: 50px 0 50px 0;
}

.tablo-baslik-yuzlesme{
	font-size: 10vw;
	text-align: left;
	margin-top: 32%;
	color: #000;
	margin-left: -120px;
}

.satir3:hover{
	background-color: rgba(14,38,138,0.5);
	cursor: pointer;
	transition: all ease 1s;
	-webkit-transition: all ease 1s;
}

.tablo3 {
	border-top: 15px solid #0B1E6E !important;
	border-left: 15px solid #0B1E6E !important;
	border-right: 15px solid #0E268A !important;
	border-bottom: 15px solid #0E268A !important;
	float: right;
	margin: 50px 0 50px 0;
}

.tablo-baslik-merdiven{
	font-size: 140px;
	text-align: left;
	margin-top: 25%;
	color: #000;
	margin-left: -160px;
}

.satir4:hover{
	background-color: rgba(204,153,0,0.5);
	cursor: pointer;
	transition: all ease 1s;
	-webkit-transition: all ease 1s;
}

.tablo4 {
	border-top: 15px solid #CC9900 !important;
	border-left: 15px solid #CC9900 !important;
	border-right: 15px solid #D1A91E !important;
	border-bottom: 15px solid #D1A91E !important;
	float: right;
	margin: 50px 0 50px 0;
}

.tablo-baslik-tablolar{
	font-size: 10vw;
	text-align: left;
	margin-top: 39%;
	color: #000;
	margin-left: -120px;
}

.satir5:hover{
	background-color: rgba(38,38,38,0.5);
	cursor: pointer;
	transition: all ease 1s;
	-webkit-transition: all ease 1s;
}

.tablo5 {
	border-top: 15px solid #474747 !important;
	border-left: 15px solid #474747 !important;
	border-right: 15px solid #616161 !important;
	border-bottom: 15px solid #616161 !important;
	float: right;
	margin: 50px 0 50px 0;
}

.tablo-baslik-maske{
	font-size: 10vw;
	text-align: left;
	margin-top: 20%;
	color: #000;
	margin-left: -140px;
}

.tablo-baslik-duvarboyama1{
	font-size: 10vw;
	text-align: left;
	margin-top: 15%;
	color: #000;
	margin-left: -130px;
}

.tablo-baslik-duvarboyama2{
	font-size: 10vw;
	text-align: left;
	margin-top: 3%;
	color: #000;
	margin-left: 80px;
}


.satir6:hover{
	background-color: rgba(80,183,207,0.5);
	cursor: pointer;
	transition: all ease 1s;
	-webkit-transition: all ease 1s;
}

.tablo6 {
	border-top: 15px solid #4399AD !important;
	border-left: 15px solid #4399AD !important;
	border-right: 15px solid #49A7BD !important;
	border-bottom: 15px solid #49A7BD !important;
	float: right;
	margin: 50px 0 50px 0;
}

/*
.iletisim{
	position: absolute;
	right: 75px;
	width: 30%;
	height: auto;
	padding: 25px 50px 25px 50px;
	background-color: rgba(255,255,255,0.6);
	margin-top: 75px;
}

.iletisim i{
	font-size: 20px;
	margin-right: 7px;
}

.iletisim input, textarea{
	width: 100%;
	background-color: #fff;
	border: 1px solid #000;
}

.iletisim input{
	height: 50px;
	margin-bottom: 10px;
}

.iletisim textarea{
	height: 200px;
	margin-bottom: 5px;
}

.gonder{
	width: 20% !important;
	float: right;
	background-color: #fff;
	border: 1px solid #000;
}

.gonder:hover{
	cursor: pointer;
}
*/

footer{
	background-color: #fafafa !important;
}

.ust-cizgi{
	border-top: 1px solid #A6A6A6;
	width: 100%;
	padding-top: 25px;
}

footer h4{
	margin-bottom: 30px;
}

.iletisim-bilgi, .iletisim-bilgi-adres{
	font-size: 22px;
}

.iletisim-bilgi{
	margin-bottom: 25px;
}

.iletisim-sosyal{
	margin-top: 40px;
	font-size: 45px;
}

.iletisim-sosyal i:hover{
	cursor: pointer;
	color: #595959;
}

.iletisim-sosyal a{
	text-decoration: none;
	color: #000;
}

.iletisim-form{
	width: 100%;
	height: auto;
	padding: 25px 50px 25px 50px;
	margin-top: 10px;
}

.iletisim-form i{
	font-size: 20px;
	margin-right: 7px;
}

.iletisim-form input, textarea{
	width: 100%;
	background-color: #fff;
	border: 1px solid #000;
	padding-left: 5px;
}

.iletisim-form input{
	height: 50px;
	margin-bottom: 10px;
}

.iletisim-form textarea{
	height: 200px;
	margin-bottom: 5px;
}

.gonder{
	width: 30% !important;
	float: right;
	background-color: #fff;
	border: 1px solid #000;
}

.gonder:hover{
	cursor: pointer;
	background-color: #595959;
	color: #fff;
}

.copyright{
	padding : 0 30px 0 30px;
	height: auto;
	color: #fff !important;
	background-color: #000;
}

.copyright .sol{
	text-align: left;
	padding: 10px;
}

.copyright .orta{
	text-align: center;
	padding: 10px;
}

.copyright .sag{
	text-align: right;
	padding: 10px;
}

.medya-agaci{
	text-decoration: none !important;
	color: #fff !important;
}

.medya-agaci:hover{
	text-decoration: none;
	cursor: pointer;
	color: #fff !important;
}

.medya-agaci img{
	height: 55px;
	width: auto;
	margin-left: 10px;
}

#medya-blog, #aysenur-kaya{
	padding: 25px 0 25px 0;
	text-align: justify;
}

.sosyal-sorumluluk{
	padding: 25px 0 25px 0;
}

#medya-blog img{
	height: 300px;
	width: auto;
}

#medya-blog i{
	color: #000 !important;
}

#aysenur-kaya img{
	width: 100%;
	height: auto;
}

#aysenur-kaya .alt-cizgi{
	width: 100%;
	height: 2px;
	background-color: red;
}

#aysenur-kaya p{
	padding-top: 7px;
}

.sayfa-adi{
	position: absolute;
	margin: 131px 0 0 -140px;
	width: 300px;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	z-index: 21;
	font-size: 35px;
	background-color: #000;
	color: #fff;
	text-align: center;
}

.scrollup{
	display: none;
	position: fixed;
	left: 0;
	bottom: 50px;
	width: 51px;
	height: 50px;
	z-index: 9999;
	background-color: #000;
	text-align: center;
	transition:all ease 1s;
	-webkit-transition:all ease 1s;
}

.scrollup i{
	color: #fff;
	line-height: 50px;
	width: 51px;
	height: 50px;
	text-align: center;
}

.scrollup a{
	text-decoration: none;
}

.social{
	position: fixed;
	left: -149px;
	bottom: 0;
	width: 200px;
	height: 50px;
	z-index: 9999;
	background-color: #000;
	text-align: center;
	transition:all ease 1s;
	-webkit-transition:all ease 1s;
}

.social i{
	color: #fff;
	line-height: 50px;
	text-align: center;
}

.social a{
	text-decoration: none;
}

.social:hover{
	left: 0;
	transition:all ease 1s;
	-webkit-transition:all ease 1s;
}

/* Portrait tablets and medium desktops */
@media (max-width: 1199px) {
}

/* Portrait tablets and small desktops */
@media (max-width: 991px) {
	.tablo-baslik-ala, .tablo-baslik-mutluk, .tablo-baslik-yuzlesme, .tablo-baslik-tablolar, .tablo-baslik-maske, .tablo-baslik-duvarboyama{
		margin-top: 17% !important;
	}
	.tablo-baslik-ala1, .tablo-baslik-mutluk1, .tablo-baslik-duvarboyama1{
		margin-left: -10px !important;
	}
	.tablo-baslik-ala2, .tablo-baslik-mutluk2, .tablo-baslik-duvarboyama2{
		margin-top: 0% !important;
		margin-left: 20px !important;
	}
}

/* Landscape phones and portrait tablets */
@media  (max-width: 768px) {
	.menu-genis{
		display: none;
	}
	.menu-icon{
		display: block;
	}

	.tablo-baslik-ala, .tablo-baslik-mutluk, .tablo-baslik-yuzlesme, .tablo-baslik-tablolar, .tablo-baslik-maske, .tablo-baslik-duvarboyama{
		margin-top: 20% !important;

	}
	.tablo-baslik-ala1, .tablo-baslik-mutluk1, .tablo-baslik-duvarboyama1{
		margin-left: -10px !important;
	}
	.tablo-baslik-ala2, .tablo-baslik-mutluk2, .tablo-baslik-duvarboyama2{
		margin-top: 0% !important;
		margin-left: 20px !important;
	}

	.sayfa-adi{
		margin: 135px 0 0 -140px;
	}

	.ust-bar-kapat{
		cursor: pointer;
		right: 0;
		top: 0;
		left: 5px;
		position: relative;
	}
}

/* Landscape phones and smaller */
@media (max-width: 575.9px) {
	.menu-icon{
		top: 40px;
	}

	.sutun-baslik{
		position: absolute;
	}

	.tablo-cerceve{
		width: 75%;
		float: none;
		margin-left: 12.5%;
		padding-top: 120px;
	}

	.s2, .s3, .s4, .s5{
		padding-top: 60px;
	}

	.tablo-baslik-ala, .tablo-baslik-mutluk, .tablo-baslik-yuzlesme, .tablo-baslik-tablolar, .tablo-baslik-maske, .tablo-baslik-duvarboyama{
		width: 100% !important;
		font-size: 17vw !important;
		margin-top: 35% !important;
		text-align: center;
		margin: 0 !important;
	}
	.tablo-baslik-ala2, .tablo-baslik-mutluk2, .tablo-baslik-duvarboyama2{
		margin-top: 0% !important;
	}

	.sayfa-adi{
		margin: 135px 0 0 -128px;
	}

	.gal-c4, .gal-c3, .gal-c2{
		-webkit-column-count: 1 !important;
		-moz-column-count: 1 !important;
		column-count: 1 !important;
	}

	.tiles-a img{
		margin-left: 20px !important;
	}

	.copyright .sol, .copyright .sag{
		text-align:center !important;
	}

	.gonder{
		width: 50% !important;
	}

	.ss-resim{
		padding-top: 60px;
	}
	.ss-baslik{
		position: absolute;
		margin-top: -150px;
	}
}

@media (max-width: 500px) {
	.gal {
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
	}
}

@media (max-width: 320px) {
}