@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&display=swap');

html {
	height: 100%;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	overflow-x: hidden;
}

body {background:#f8f7ec; color:#594a42; font-family:"Dosis"; font-size:16px;}

a{color:#036680;}
a:hover{color:#04718E;}

header{background:#036680;}

.btn-coffee{background:#a6977f; border-color:#57423e; color:#fff; font-size:16px; margin:5px;}
.btn-coffee:hover{background:#a6977f; color:#ccc;}

.ustmenu {margin-bottom:0;}
.ustmenu li{border-left:solid 1px #594a42; padding-left:10px;}
.ustmenu li a{color:#fff; font-size:14px;}
.ustmenu li:first-child{border-left:none;}

.navbar-brand{position:relative;}

.menu{}
.menu > li > a{color:#fff !important; font-size:16px; font-weight:bold; padding:0 20px;}
.menu > li.active > a{color:#a6977f !important; background:none !important;}
.menu > li > a:hover{color:#a6977f !important; transition:color 0.4s ease 0s;}

.altmenu{
	border-radius:0px 0px 5px 5px !important;
	border:none;
	padding:10px;
	margin:0;
}
.altmenu > li > a{
	border-radius:0;
	font-weight:normal;
	font-size:14px;
	padding:5px !important;
	border-bottom: solid 1px #57423e;
}
.altmenu li a:hover, .altmenu li a:focus{
	outline:none;
}
.altmenu > li.active a{color:#fff !important;}
.altmenu > li a:active { background:#57423e !important;}
.altmenu > li:last-child > a{
	border-bottom:none;
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: 0px;
	margin-left: 10px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
	min-width:200px;
}
/*
.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}*/
.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #cccccc;
	margin-top: 5px;
	margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
	border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
	float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

.detay{min-height:500px; margin-top:20px; margin-bottom:20px;}

.baslik{color:#fff; padding:17px 0; text-transform:uppercase; font-size: 25px; font-weight:bold; margin-bottom:20px; background:#036680; text-align: center;}
.icerik{margin:20px 0;}
.urunbaslik{background: #a6977f;
    padding: 2px 5px;
	 font-size:16px;
    color: #fff;}

.baslik2{color:#1a3852; font-weight:bold; font-size:18px; margin:15px 0px; padding:10px; background:#eee; text-align:center}
.baslik3{font-weight:bold; font-size:16px; margin:15px 0px; padding:5px 10px; background:#edebdf;}

.slider{position:relative; margin-bottom:3px}
.slider .title{
	position:absolute;
	font-size:70px;
	color:#fff;
	top:50px;
	width:100%;
	text-align:center;
	
	text-shadow: 2px 2px 5px #000000;
}
.slider .buttons{position:absolute; bottom:-45px; width:100%; text-align:center;}
.slider .buttons .btn{font-size:24px; margin:0 10px;}


#owl .item img {
	display: block;
	width: 100%;
	height: auto;
}

#owl2{background: #f0f0f0; padding: 20px;}

#owl2 .item img {
	display: block;
	width: 100%;
	height: auto;
}

#owl2 .owl-prev{
	position:absolute;
	top:calc(50% - 15px);
	left:-20px;
	width:40px;
	height:30px;
	line-height:30px;
	border-radius: 0px;
	background:#036680;
	color:#fff;
	opacity:1;
	font-size:16px;
	text-align:center;
}
#owl2 .owl-next{
	position:absolute;
	top:calc(50% - 15px);
	right:-20px;
	width:40px;
	height:30px;
	line-height:30px;
	border-radius: 0px;
	background:#036680;
	color:#fff;
	opacity:1;
	font-size:16px;
	text-align:center;
}


.blogkat .title{font-size:22px; margin-bottom:5px; padding:5px 10px; font-weight:700}
.blogkat .title a{ color:#463932}
.blogkat .title a:hover{color:#a6977f;}
.blogkat img{background-size:cover; background-position:center; width:100%; background-repeat:no-repeat;}
.blogkat .link{color:#fff; padding:5px; width:100%; display:inline-block; font-weight:bold;text-decoration:none;}
.blogkat .link:hover{color:#ccc;}
.blogkat .overlay{position:absolute; top:0px; left:0px; width:100%; height:100%; background: rgb(74,36,0);
background: linear-gradient(180deg, rgba(74,36,0,0) 0%, rgba(52,26,0,1) 95%);}
.blogkat .title2{position: absolute; bottom:0; left:0; font-weight:bold; padding:20px; text-transform:uppercase; font-size:18px;}
.blogkat .desc{font-size:12px; text-transform:none;}


.blog{margin-bottom:50px;}
.blog .title{font-size:24px; font-weight:bold;}
.blog .tarih{font-size:15px; color:#999; margin:10px 0;}

.about{
	background: url("/images/aboutbg.jpg") no-repeat;
	background-size: cover;
	margin:0 auto;
	color: #fefdfd;
	padding: 75px;
	position: relative;
}
.about .bio{padding: 150px 0;}
.about .line1{font-size:20px;}
.about .line2{font-size:48px; text-shadow: 1px 1px #000; font-weight: bold;}
.about .line3{font-size:20px;}
.about .line4{font-size:20px;}

.about img {border: solid 2px #036680;}
.about .down{position: absolute; bottom: 0; left:50%; padding: 15px 20px; background: #fff; color: #036680;}
.about .down:hover{color:#04A8D3}

.biograpyh{
	background: #036680;
	color: #fefdfd;
	text-align: center;
	padding: 50px 0;
}

.biograpyh .line1{font-size:36px;}
.biograpyh .line2{font-size:20px;}
.biograpyh .line3{font-size:25px;}



.kat li a{border-bottom:solid 1px #666; padding:5px;}
.kat li a:hover, .kat li a.active{background:#666; color:#fff;}

.haber{min-height: 150px; margin: 10px; background: #fff; padding: 10px;}
.haber a{color: #036680; font-size: 18px;}
.haber a:hover{text-decoration: underline;}

.galeri{}
.galeri .title{color:#160900; font-size:16px; font-weight:bold; margin:10px 0; text-align:center; height:45px; overflow:hidden;}

.image{background-size: contain; background-repeat:no-repeat; background-position:center; box-shadow: 1px 1px 10px #333}



footer{background:#036680; padding:30px 0; color:#fff;}

footer .nav-link{color:#fff; display:inline-block;}
footer .nav-link:hover{color:#bbb;}
footer .flex-column .nav-link{padding:5px 0px}

footer .col-sm-4{border-right:solid 1px #ccc;}

footer .footmenu{border-bottom:solid 1px #ccc; padding-bottom:20px; margin-bottom:20px;}

footer .copy{color:#fff; margin-top:10px; padding-top:10px; text-align:center;}
footer .sosyal a{color:#fff; font-size:18px; margin-top:10px; border-radius:50%; margin-right:5px; width:30px; text-align:center; display:inline-block;}

footer .icon{font-size:40px; float:left; margin-bottom:50px; margin-right:10px;}

a[rel~="noreferrer"][href*="elfsight"]#test1{
	content:"";
	position: absolute;
	background:#c00;
	width: 250px;
	height: 50px;
	left: -5px;
	z-index: 99999;
	display: flex;
}

.padding15 {
	padding: 15px;
}


@media (max-width:720px){
	.slider .buttons .btn{font-size:18px; margin:0 10px;}
	
	.about{padding: 50px;}
	.about .bio{padding: 75px 0;}
	.about .line2{font-size:40px;}
	
	.biograpyh .line1{font-size:30px;}
	.biograpyh .line2{font-size:18px;}
	
}

@media (max-width:480px){
	.slider .buttons .btn{font-size:14px; margin:0 10px;}
	
	.about{padding: 25px;}
	.about .bio{padding: 25px 0;}
	
	.about .line2{font-size:36px;}
	
	.biograpyh .line1{font-size:25px;}
	.biograpyh .line2{font-size:16px;}
	
	
	footer .col-sm-4{border-right:none; border-bottom:solid 1px #ccc;}
}