@import url('/fonts/AcciaPiano.css');

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

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

a{color:#333;}
a:hover{color:#999; text-decoration:none;}

header{background:#463932;}
.headerust{color:#fff; text-align:right; font-size:16px; border-bottom:solid 1px #594a42;}

.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{width:100%}
.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:200px; margin-top:20px; margin-bottom:20px;}
.detay img{border:solid 1px #ccc; padding:5px;}
.baslik{color:#594a42; padding:17px 0; text-transform:uppercase; border-bottom:solid 2px #594a42; font-size: 22px; font-weight:bold; margin-bottom:20px; }
.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 .item img {
	display: block;
	width: 100%;
	height: auto;
}

#owl2 .owl-prev{
	position:absolute;
	top:calc(50% - 36px);
	left:5px;
	width:50px;
	height:50px;
	line-height:43px;
	border-radius:50%;
	background:transparent;
	color:#fff;
	opacity:1;
	font-size:16px;
	text-align:center;
	border:solid 2px #fff;
}
#owl2 .owl-next{
	position:absolute;
	top:calc(50% - 36px);
	right:5px;
	width:50px;
	height:50px;
	line-height:43px;
	border-radius:50%;
	background:transparent;
	color:#fff;
	opacity:1;
	font-size:16px;
	text-align:center;
	border:solid 2px #fff;
}


.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;}

.hakkimizda{
	max-width:1350px;
	margin:0 auto;
}

.actions a{text-decoration:none;}
.action{border:solid 1px #ccc; padding:50px; text-align:center}
.action i{color:#76554c;}
.action .title{margin-top:20px; font-weight:bold;}

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

.aile{
	background:url(/images/ailebg.jpg) no-repeat center bottom;
	background-size:cover;
	min-height:200px;
	margin-top:20px;
	padding:100px 0;
	text-align:center;
	color:#76554c;
	
}
.aile .title{font-size:48px; font-weight:bold;}
.aile .desc{margin-top:20px; font-size:22px;}
.aile .btn{background:#8b9f03; border-color:#8b9f03;}

.haberler{background:#ecf1f5; padding:50px 0;}
.haber{}
.haber img{background-size:contain; background-repeat:no-repeat; background-position:center}
.haber .title{font-weight:bold; margin-top:10px;}
.haber .desc{margin-top:10px;}
.haber .act{margin-top:10px;}
.haber .btn{background:#8b9f03; border-color:#8b9f03;}

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



.eser .title{background:#a6977f; padding:5px 10px; color:#fff; margin-bottom:5px;}
.eser .title span{float:right; font-size:14px;}

.eser img{background-size: contain; background-color:#fff; background-repeat:no-repeat; background-position:center; border:solid 1px #a6977f;}

.eseranasayfa{
	position:relative;
}
.eseranasayfa .caption{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:table;
	z-index:2;
}
.eseranasayfa .middle{
	 display:table-cell; vertical-align:middle;
}

.eseranasayfa .title{color:#fff; width:72%; margin:0 auto; font-size:30px; text-transform:uppercase; text-align:center; transition: transform .5s cubic-bezier(.55,.085,0,.99);}
.eseranasayfa .desc{font-size:15px;}
.eseranasayfa .overlay{position:absolute; background:#00000066; width:100%; height:100%; top:0; left:0; padding:15px; font-size:25px; font-weight:bold; text-transform:uppercase; color:#fff; z-index:1}
.eseranasayfa img{filter:grayscale(1);}
.eseranasayfa:before, .eseranasayfa:after{
	content: '';
	display: block;
	position: absolute;
	opacity: 0;
	top: 15px;
	margin: auto;
	z-index: 3;
	transition: all .5s cubic-bezier(.55,.085,0,.99);
	left: 0;
	right: 0;
}
.eseranasayfa:before{
	width:0;
	height: 90%;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;	
}
.eseranasayfa:after{
	width:90%;
	height:0;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}
.eseranasayfa:hover:after {
	opacity:1;
	height:90%;
}

.eseranasayfa:hover:before {
	opacity:1;
	width:90%;
}
.eseranasayfa:hover .title{transform: translateY(-20px);}


.kolayuyelik{
	background:#ecf1f5;
	padding:50px;
	margin:50px 0;
}

.ataturk{background:url(/images/ataturkyazibg.jpg) no-repeat center; /*text-shadow:0px 1px 0 #fff, 0px 0px 5px #000;*/ text-transform:uppercase; background-attachment:fixed; background-size:cover; color:#fff; font-size:30px; font-weight:bold; text-align:center; min-height:400px; padding:100px 0;}

.gemi {margin-top:20px;}
.gemi .aciklama{margin-top:10px; font-size:20px; font-weight:bold;}

.card-header{background-color:#eeede0;}
.card-body{background:#f8f7ec;}

.video{margin-bottom:20px; background:#fff; box-shadow:0px 0px 8px #999;}
.video .detail{padding:8px;}
.video .title{font-weight:bold; font-size:14px; margin-top:3px; line-height:18px; overflow:hidden; height:37px;}
.video .desc{height: 59px; font-size: 15px; overflow: hidden; line-height: 20px; margin-top: 4px;}
.video .action{padding:10px; font-size:14px;}

.video .image{position:relative;}

.urunresim{margin-bottom:5px; border:solid 1px #a6977f; text-align:center;}
.urunresim img{background-size: contain; background-color:#fff; background-repeat:no-repeat; background-position:center;}
.urunthumb{margin-right:5px; display:inline-block; padding:2px; border:solid 1px #a6977f; margin-bottom:5px;}
.urunthumb img{background-size: contain; background-color:#fff; background-repeat:no-repeat; background-position:center;}

.girisform{background:#ecf1f5; margin:30px 0; padding:30px;}
.girisform .title{font-size:18px; font-weight:bold; text-align:center}

.uyeol{background:#9dae2a; padding:65px 100px; margin:30px 0; color:#fff;}

footer{background:#463932; padding:30px 0; color:#e9e9e8; margin-top:50px;}

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;}



.padding15 {
	padding: 15px;
}

.btn-register{background:#2a3b52;}

.team{text-align:center; margin-bottom:15px;}
.team img{border-radius:50%;}
.team .name{font-weight:bold; margin-top:10px;}

.uyemenu{width:100%}
.uyemenu > li > a{color:#000 !important; background:#eee; display:inline-block; width:100%; padding:5px 20px; margin-bottom:5px;}
.uyemenu > li > a.active{color:#fff !important; background:#76554c !important;}
.uyemenu > li > a:hover{color:#c00 !important; text-decoration:none;}

@media (max-width:720px){
	.slider .buttons .btn{font-size:18px; margin:0 10px;}
	.slogan{font-size:36px;}
	
}

@media (max-width:480px){
	.slider .buttons .btn{font-size:14px; margin:0 10px;}
	.slogan{font-size:36px;}
	
	.counter .sq .bord {border-radius:50%; width:50px; height:50px; line-height:50px;}
	
	.ataturk { font-size:18px;}
	.gemi .aciklama{font-size:14px;}
	
	footer .col-sm-4{border-right:none; border-bottom:solid 1px #ccc;}
}