/*
	Oyos Yazılım
	12 Mayıs 2021  - ismail ihsan bülbül - e-ben@msn.com
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,700&display=swap');
body {font-family: 'Poppins', sans-serif; font-size:14px; background:#F4F4F4;}
strong, b {font-weight:700;}
p {margin-bottom:15px;}

a {color:#363636;}
	a:hover {color:#343434;}

.asayfa {width:100%; float:left;}
	.asayfa .as_ort {width:1200px; margin:auto;}

a.buton_1 {height:50px; line-height:50px; color:#3D3016; background:#F3BD51; border-radius:50px; padding:0 10px 0 20px; display:block; float:left; font-weight:600; transition:all 0.5s;}
	a.buton_1 i {font-weight:900; margin-left:30px; font-size:18px; width:35px; height:35px; line-height:35px; text-align:center; border-radius:100%; background:#fff; float:right; margin-top:7px;}
	a.buton_1:hover {background:#f6f0e4;}

header {height:130px; background:#F6F0E4; padding:30px 0; position:relative;}
	header .as_ort {position:relative; z-index:2;}
	header::before {content:''; width:calc((100% / 2) + 390px); position:absolute; height:100%; background:#343434; left:0px; top:0px;}
	header h1 {float:left;}
	header h1 a {float:left; text-indent:-99999px; width:230px; height:52px; background:url('../images/logo.png') left center no-repeat; background-size:contain !important;}

	header ul#menu {font-size:16px; font-weight:600; float:left; margin-top:25px; margin-left:60px;}
	header ul#menu li {float:left; padding:0 17px;}
	header ul#menu li a {float:left; color:#fff; transition:all 0.5s;}
	header ul#menu li a:hover {color:#f2bc51; }

	header ul#hsosyal {float:right; font-size:20px; margin-right:40px; margin-top:15px;}
	header ul#hsosyal li {float:left; margin:0 5px;}
	header ul#hsosyal li a {float:left; width:35px; height:35px; line-height:35px; background:#4a4e4e; border-radius:100%; text-align:center; color:#fff; transition:all 0.5s;}
	header ul#hsosyal li a:hover {background:#f2bc51; color:#3D3016;}

#slider {background:#F6F0E4; height:770px; position:relative;}
	#slider::before {content:''; width:calc((100% / 2) + 390px); position:absolute; height:100%; background:#343434; left:0px; top:0px;}
	#slider #scerceve {width:100%; position:relative; z-index:2; float:left; height:640px; overflow:hidden;}
	#slider ul {width:100%; float:left;}
	#slider ul li {float:left; width:100%; height:640px;}
	#slider ul li .sort {width:1200px; margin:auto; height:640px; position:relative; color:#fff;}
	#slider ul li .sort .syazi {position:absolute; top:50%; transform:translateY(-50%); width:410px;}
	#slider ul li .sort .syazi h4 {font-size:36px; }
	#slider ul li .sort .syazi h4 span {color:#F3BD51;}
	#slider ul li .sort .syazi h4 b {font-weight:600;}
	#slider ul li .sort .syazi>span {font-size:16px; margin-bottom:20px; width:100%; float:left;}
	#slider ul li .sort .syazi a.buton_1 {}
	#slider ul li img {position:absolute; height:640px; top:0px; background:#ccc; width:calc((100% / 2) + 150px); right:0px; object-fit:cover;}

	#slider .as_ort {position:relative;}
	#slider .as_ort .ssayfalar {position:absolute; top:55px; right:260px;}
	#slider .as_ort .ssayfalar span {width:15px; height:15px; border-radius:15px; background:#fff; display:inline-block; margin:0 5px; opacity:1; transition:all 0.5s;}
	#slider .as_ort .ssayfalar span:hover {background:#F3BD51;}
	#slider .as_ort .ssayfalar span.swiper-pagination-bullet-active {width:70px; background:#F3BD51;}

	#slider .as_ort .fare {width:35px; height:75px; position:absolute; right:140px; top:40px;}

#aurunlerimiz {margin:70px 0; height:400px; position:relative;}
	#aurunlerimiz .as_ort {}
	#aurunlerimiz .as_ort #aurunler_yazi {width:260px; float:left; padding-top:120px;}
	#aurunlerimiz .as_ort #aurunler_yazi h6 {font-size:16px; color:#343434; font-weight:600; font-size:36px;}
	#aurunlerimiz .as_ort #aurunler_yazi span {font-size:16px; width:100%; float:left; color:#6D6E72; margin-bottom:15px;}
	#aurunlerimiz .as_ort #aurunler_yazi a.las {float:left; width:35px; height:35px; font-size:18px; color:#fff; background:#343434; border-radius:100%; line-height:35px; text-align:center;}
	#aurunlerimiz .as_ort #aurunler_yazi a.las:hover {background:#F3BD51; color:#3D3016;}
	#aurunlerimiz .as_ort #aurunler_yazi a.la-arrow-left {margin-right:20px;}
	#aurunlerimiz .as_ort #aurunler_yazi a.la-arrow-right {}

	#aurunlerimiz .as_ort #au_cerceve {height:400px; width:calc((100% / 2) + 320px); position:absolute; right:0px; top:0px; overflow:hidden;}
	#aurunlerimiz .as_ort #au_cerceve ul {}
	#aurunlerimiz .as_ort #au_cerceve ul li {width:280px;}
	#aurunlerimiz .as_ort #au_cerceve ul li a.au_res {float:left;}
	#aurunlerimiz .as_ort #au_cerceve ul li a.au_res img {width:280px; height:300px; float:left; background:#fff; object-fit:contain;}
	#aurunlerimiz .as_ort #au_cerceve ul li .au_yazi {width:100%; float:left; height:100px; padding:20px; background:#fff; border-top:1px solid #f4f4f4;}
	#aurunlerimiz .as_ort #au_cerceve ul li .au_yazi a.ukodu {width:100%; color:#343434; font-weight:600; float:left; font-size:11px;}
	#aurunlerimiz .as_ort #au_cerceve ul li .au_yazi a.ubaslik {width:100%; float:left; font-size:16px; color:#363636; font-weight:600; transition:all 0.5s;}
	#aurunlerimiz .as_ort #au_cerceve ul li .au_yazi a.ubaslik:hover {color:#343434;}

#bkimiz {position:relative; height:615px;}
	#bkimiz::after {content:''; height:500px; width:100%; position:absolute; left:0px; top:60px; background:#fff;}
	#bkimiz .as_ort {}
	#bkimiz .as_ort .bk_yazi {width:500px; float:right; margin-top:87px; position:relative; z-index:2;}
	#bkimiz .as_ort .bk_yazi h5 {width:100%; float:left; font-size:22px; color:#6D6E72;}
	#bkimiz .as_ort .bk_yazi h2 {font-size:36px; font-weight:600; color:#343434; width:100%; float:left; margin-bottom:10px;}
	#bkimiz .as_ort .bk_yazi .bky_detay {font-size:15; width:100%; float:left;}
	#bkimiz .as_ort .bk_yazi a.buton_1 {}

	#bkimiz #bk_resimler {position:absolute; left:0px; top:0px; width:calc((100% / 2) + 40px); height:615px; z-index:2;}
	#bkimiz #bk_resimler img {position:absolute; background:#ccc; object-fit:cover;}
	#bkimiz #bk_resimler img#bk_buyuk {height:615px; width:calc(100%  - 380px); left:0px; top:0px;}
	#bkimiz #bk_resimler img#bk_ust {width:360px; height:415px; top:0px; right:0px;}
	#bkimiz #bk_resimler img#bk_alt {width:360px; height:180px; bottom:0px; right:0px;}

#degerlerimiz {margin:70px 0;}
	#degerlerimiz .as_ort {}
	#degerlerimiz .as_ort #deger_yazi {width:350px; float:left;}
	#degerlerimiz .as_ort #deger_yazi h5 {font-size:36px; font-weight:600; color:#343434;}
	#degerlerimiz .as_ort #deger_yazi span {width:100%; font-size:16px; color:#6D6E72;}

	#degerlerimiz .as_ort #degerler {width:780px; float:right; display:grid; grid-template-columns:repeat(2, 1fr); gap:20px;}
	#degerlerimiz .as_ort #degerler .deger {}
	#degerlerimiz .as_ort #degerler .deger i {font-size:80px; color:#847B69;}
	#degerlerimiz .as_ort #degerler .deger h6 {width:100%; float:left; font-size:22px; color:#847B69; font-weight:700;}
	#degerlerimiz .as_ort #degerler .deger span {width:100%; float:left; color:#6D6E72;}
	#degerlerimiz .as_ort #degerler .deger:hover i,
	#degerlerimiz .as_ort #degerler .deger:hover h6 {color:#343434;}

#blog {padding:70px 0 140px 0; background:#fff;}
	#blog .as_ort {}
	#blog .as_ort #blg_baslik {width:100%; float:left; margin-bottom:20px;}
	#blog .as_ort #blg_baslik h6 {float:left; font-size:36px; font-weight:700; color:#343434;}
	#blog .as_ort #blg_baslik a {float:right; height:45px; line-height:45px; padding:0 20px; border-radius:45px; color:#fff; background:#847B69; transition:all 0.5s;}
	#blog .as_ort #blg_baslik a:hover {background:#F3BD51;}
	#blog .as_ort #blg_baslik a i {margin-left:25px;}

	#blog .as_ort #bcerceve {display:grid; gap:20px; grid-template-columns: repeat(3, 1fr); width:100%; float:left;}
	#blog .as_ort .blog {}
	#blog .as_ort .blog a.bres {width:100%; float:left; position:relative;}
	#blog .as_ort .blog a.bres img {width:100%; height:240px; background:#ccc; object-fit:cover; float:left;}
	#blog .as_ort .blog a.bres .tarih {position:absolute; right:20px; top:20px; width:65px; background:#fff; text-align:center;}
	#blog .as_ort .blog a.bres .tarih span {width:100%; float:left; transition:all 0.5s;}
	#blog .as_ort .blog a.bres .tarih span:nth-child(1) {height:40px; line-height:40px; font-size:26px; color:#fff; background:#343434; font-weight: 700;}
	#blog .as_ort .blog a.bres .tarih span:nth-child(2) {height:30px; line-height:30px; color:#6D6E72;}
	#blog .as_ort .blog:hover a.bres .tarih span:nth-child(1) {background:#F3BD51;}

	#blog .as_ort .blog .byazi {padding:25px; width:100%; height:150px; float:left; background:#F6F0E4; position:relative;}
	#blog .as_ort .blog .byazi h3 {width:100%; font-size:14px; font-weight:600;}
	#blog .as_ort .blog .byazi h3 a {float:left; color:#4A4849;}
	#blog .as_ort .blog .byazi h3 a:hover {}
	#blog .as_ort .blog .byazi a.bbuton {height:40px; line-height:40px; padding:0 20px; border-radius:40px; color:#fff; background:#847B69; position:absolute; bottom:25px; left:20px; transition:all 0.5s;}
	#blog .as_ort .blog .byazi a.bbuton i {margin-left:20px;}
	#blog .as_ort .blog:hover .byazi a.bbuton {background:#F3BD51;}

footer {width:100%; float:left; margin-top:-70px; position:relative; z-index:2;}
	footer #fust {width:100%; float:left; position:relative; height:550px; }
	footer #fust img {height:550px; position:absolute; background:#ccc; width:calc((100% / 2) - 170px); left:0px; top:0px;}
	footer #fust iframe {height:480px; width:calc((100% / 2) + 170px); background:#000; position:absolute; bottom:0px; right:0px; border:0;}

	footer #falt {width:100%; float:left; background:#343434; padding:70px 0; color:#fff;}
	footer #falt .as_ort {}
	footer #falt .as_ort #fcop {width:360px; float:left;}
	footer #falt .as_ort #fcop a.logo {float:left; text-indent:-99999px; width:230px; height:102px; background:url('../images/logo.png') center center no-repeat; background-size:contain !important;}
	footer #falt .as_ort #fcop ul#fsosyal {width:100%; float:left; margin:20px 0;}
	footer #falt .as_ort #fcop ul#fsosyal li {float:left; margin-right:10px;}
	footer #falt .as_ort #fcop ul#fsosyal li a {float:left; width:35px; height:35px; line-height:35px; background:#4a4e4e; border-radius:100%; text-align:center; color:#fff; transition:all 0.5s;}
	footer #falt .as_ort #fcop ul#fsosyal li a:hover {background:#F3BD51;}
	footer #falt .as_ort #fcop p {width:100%; float:left;}
	footer #falt .as_ort #fcop p a {color:#F3BD51; text-decoration:underline;}

	footer #falt .as_ort .fmenu {float:left; width:250px;}
	footer #falt .as_ort .fmenu h6 {width:100%; float:left; font-size:16px; font-weight:600; margin-bottom:15px;}
	footer #falt .as_ort .fmenu ul {width:100%; float:left;}
	footer #falt .as_ort .fmenu ul li {width:100%; float:left; margin-bottom:10px;}
	footer #falt .as_ort .fmenu ul li a {color:#fff; transition:all 0.5s;}
	footer #falt .as_ort .fmenu ul li a:hover {color:#F3BD51;}

	footer #falt .as_ort .fmenu#fmenu {margin-left:150px;}
	footer #falt .as_ort .fmenu#furunler {width:440px; float:right;}
	footer #falt .as_ort .fmenu#furunler ul li {width:50%;}

@-webkit-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@-moz-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
.scroll-btn {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
}
.scroll-btn > * {
	display: inline-block;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
	color: #ffffff;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.scroll-btn .mouse {
	position: relative;
	display: block;
	width: 35px;
	height: 55px;
	margin: 0 auto 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid #343434;
	border-radius: 23px;
}
.scroll-btn .mouse > * {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: #343434;
	border-radius: 50%;
	-webkit-animation: ani-mouse 2.5s linear infinite;
	-moz-animation: ani-mouse 2.5s linear infinite;
	animation: ani-mouse 2.5s linear infinite;
}

#mobil_menu {display:none;}
@media screen and (max-width:600px) {
	#mobil_menu {display:block; background:#f2bc51; float:right; height:45px; line-height:45px; text-align:center; width:45px; font-size:22px; border-radius:100%;}
	.asayfa .as_ort {width:100%; float:lefT;}

	a.buton_1 {height:40px; line-height:40px; border-radius:40px;}
	a.buton_1 i {float:initial; margin-top:0px; background:none; margin-left:15px; height:40px; line-height:40px;}

	header {padding:15px; height:75px; z-index:99;}
	header::before {width:100%;}
	header h1 a {width:175px; height:45px;}
	header ul#menu {position:absolute; background:#fff; top:60px; width:100%; left:0px; margin:0px; padding:15px; display:none;     box-shadow: 0 0 10px #00000030;}
	header ul#menu li {width:100%; padding:0px; border-bottom:1px solid #f0f0f0;}
	header ul#menu li:last-child {border-bottom:none;}
	header ul#menu li a {width:100%; color:#363636; height:40px; line-height:40px;}
	header ul#hsosyal {display:none;}

	#slider {height:auto;}
	#slider #scerceve {height:auto;}
	#slider::before {width:100%;}
	#slider ul li {height:auto;}
	#slider ul li img {position:relative; width:100%; height:auto;}
	#slider ul li .sort {height:auto; width:100%; float:left;}
	#slider ul li .sort .syazi {position:relative; top:initial; transform:none; width:100%; float:left; padding:15px;}
	#slider ul li .sort .syazi h4 {font-size:22px;}
	#slider ul li .sort .syazi>span {font-size:14px; margin-bottom:5px;}

	#slider .as_ort .ssayfalar {position:relative; width:100%; top:initial; right:initial; text-align:center; margin-bottom:15px;}
	#slider .as_ort .fare {display:none;}

	#aurunlerimiz {height:auto; padding:40px 15px; margin:0px;}
	#aurunlerimiz .as_ort #aurunler_yazi {padding:0px; width:100%; margin-bottom:20px;}
	#aurunlerimiz .as_ort #aurunler_yazi h6 {font-size:22px;}
	#aurunlerimiz .as_ort #aurunler_yazi span {margin-bottom:5px;}

	#aurunlerimiz .as_ort #au_cerceve {position:relative; right:initial; top:initial; width:100%; height:auto;}
	#aurunlerimiz .as_ort #au_cerceve ul li a.au_res {width:100%;}
	#aurunlerimiz .as_ort #au_cerceve ul li a.au_res img {width:100%; height:auto;}
	#aurunlerimiz .as_ort #au_cerceve ul li .au_yazi {height:auto;}

	#bkimiz {height:auto; background:#fff;}
	#bkimiz::after {display:none;}
	#bkimiz #bk_resimler {display:none;}
	#bkimiz .as_ort .bk_yazi {width:100%; padding:40px 15px; margin-top:0px;}
	#bkimiz .as_ort .bk_yazi h5 {font-size:16px;}
	#bkimiz .as_ort .bk_yazi h2 {font-size:22px;}

	#degerlerimiz {padding:40px 15px; margin:0px;}
	#degerlerimiz .as_ort #deger_yazi {width:100%; margin-bottom:20px;}
	#degerlerimiz .as_ort #deger_yazi h5 {font-size:22px;}
	#degerlerimiz .as_ort #deger_yazi span {font-size:14px;}

	#degerlerimiz .as_ort #degerler {width:100%; grid-template-columns: 1fr; gap:10px;}
	#degerlerimiz .as_ort #degerler .deger {text-align:center;}
	#degerlerimiz .as_ort #degerler .deger h6 {font-size:16px;}

	#blog {padding:40px 15px;}
	#blog .as_ort #blg_baslik {margin-bottom:15px;}
	#blog .as_ort #blg_baslik h6 {font-size:22px;}
	#blog .as_ort #blg_baslik a {height:35px; line-height:35px; padding:0 15px;}
	#blog .as_ort #blg_baslik a i {margin-left:15px;}

	#blog .as_ort #bcerceve {grid-template-columns: 1fr; gap:10px;}
	#blog .as_ort .blog a.bres img {height:auto;}
	#blog .as_ort .blog .byazi {height:auto;}
	#blog .as_ort .blog .byazi a.bbuton {display:none;}

	footer #fust img {display:none;}
	footer #fust iframe {width:100%;}
	footer #falt {padding:30px 15px;}
	footer #falt .as_ort #fcop {width:100%;}
	
	footer #falt .as_ort .fmenu {width:100%;}
	footer #falt .as_ort .fmenu ul li {width:50%;}
	footer #falt .as_ort .fmenu#fmenu {margin:0px; margin-bottom:20px;}
	footer #falt .as_ort .fmenu#furunler {width:100%;}
	
	#sayfa_cerceve {padding:40px 0 !important;}
}