@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin-ext');
* {
font-family: 'Open Sans', sans-serif;
margin : 0;
padding : 0;
}
html, body{
width : 100%;
height : 100%;
font-weight : 400;
}
img {
border : 0;
}
b,strong {
font-weight : 600;
}
body {
font-size : 13px;
}
.left {
float : left;
}
.right {
float : right;
}
.clear {
clear : both;
}
.center {
margin : 0 auto;
width : 1000px;
}
#top {
width : 100%;
height : 36px;
line-height : 36px;
background : #e1d5c7;
color : #333;
}
#logo {
float : left;
width : 245px;
height : 122px;
position :absolute;
z-index : 6;
}
#logo img{
height : 122px;
}
.tel {
float :right;
height : 36px;
line-height : 36px;
background : url(../img/tel.png) left center no-repeat;
padding-left : 20px;
}
.tel2 {
display : block;
height : 30px;
line-height : 30px;
background : url(../img/tel.png) left center no-repeat;
padding-left : 20px;
}
.email {
display : block;
height : 30px;
line-height : 30px;
background : url(../img/mail.png) left center no-repeat;
padding-left : 20px;
}
.url {
display : block;
height : 30px;
line-height : 30px;
background : url(../img/url.png) left center no-repeat;
padding-left : 20px;
}
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}
#lang_sel_list {float:left; height : 26px; padding-top:10px;}
#lang_sel_list a{cursor:pointer;margin-right :10px;margin-bottom :10px;}
.goog-text-highlight {background-color:rgba(0,0,0,0);}
#header {
width : 100%;
height : 70px;
background : url(../img/header.png) center center #efede9;
box-shadow : 0px 3px 5px 5px rgba(0,0,0,0.1);
position :relative;
z-index : 4;
}
#katein {
display : none;
}
#menu {
float : right;
width : 750px;
height : 70px;
overflow : hidden;
}
#menu a{
float : right;
line-height : 70px;
text-decoration : none;
color : #333;
padding : 0px 10px;
transition : all 0.1s linear;
background : url(../img/trans.png) top center no-repeat;
cursor : pointer; 
text-transform:uppercase;
font-weight : 600;
}
#menu a:hover{
background : rgba(50,25,25,0.9);
color : #f4f1ed;
box-shadow : inset 0px 0px 25px 0px rgba(0,0,0,0.05);
}
#menu a.sec{
background : rgba(50,25,25,0.9);
color : #f4f1ed;
}
#altmenu{
width : 100%;
height : 470px;
background : #333;
background : #442c2b;
border-bottom : 1px solid #222;
position : absolute;
top : 106px;
z-index : 5;
display : none;
padding : 15px 0px;
text-shadow : 1px 1px #000;
}
#altmenu a{
float : left;
width : 50%;
height : 235px;
text-decoration : none;
text-align : center;
color : #e1d5c7;
box-sizing : border-box;
transition : all 0.15s linear;
padding : 20px;
padding-top : 60px;
}
#altmenu a.dgn{
background : url(../img/dgn.jpg)
}
#altmenu a.dgn:hover{
background : url(../img/dgn1.jpg)
}
#altmenu a.kir{
background : url(../img/kir.jpg)
}
#altmenu a.kir:hover{
background : url(../img/kir1.jpg)
}
#altmenu a.plj{
width : 100%;
background : url(../img/plj.jpg)
}
#altmenu a.plj:hover{
background : url(../img/plj1.jpg)
}
#altmenu a b{
display : block;
font-size : 22px;
font-weight : 700;
color : #fff;
margin-bottom : 20px;
}
#altmenu a p{
font-size : 15px;
font-weight : 600;
}
#slide{
width : 100%;
height : 500px;
background : url(../img/spin.gif) center center no-repeat #e1d5c7;
position :relative;
}
.flexslider {
width : 100%;
height : 500px;
position : relative;
overflow : hidden;
margin-right : 5px;
}
.flexslider .slides > li {
display : none;
}
.flexresim {
margin : 0 auto;
width : 100%;
height : 500px;
display : block;
overflow : hidden;
text-align : center;
background-position : center center;
background-repeat : no-repeat;
background-size: cover;
}
.flexresim a{
width : 100%;
height : 50px;
line-height : 50px;
display : block;
text-align : center;
color : #fff;
text-decoration : none;
font-size : 17px;
margin-top : 50px;
background : rgba(68,44,43,0.7);
position : absolute;
bottom : 0;
}
.flexresim a b{
font-size : 20px;
}
.flex-container a:active, .flexslider a:active {
outline : none;
}
.slides, .flex-control-nav, .flex-direction-nav {
margin : 0;
padding : 0;
list-style : none;
}
.flex-direction-nav {
width : 100%;
display : block;
position : absolute;
z-index : 8;
}
.flex-direction-nav li a {
width : 38px;
height : 58px;
display : block;
top : 221px;
position : absolute;
text-indent : -9999px;
transition : all 0.1s linear;
box-shadow : 0 0 5px 5px rgba(0,0,0,0.1);
}
.flex-direction-nav li a.next {
right : 0px;
background : url(../img/r2.png) center center no-repeat #efeae3;
border-top-left-radius : 5px;
border-bottom-left-radius : 5px;
}
.flex-direction-nav li a.prev {
left : 0px;
background : url(../img/l2.png) center center no-repeat #efeae3;
border-top-right-radius : 5px;
border-bottom-right-radius : 5px;
}
.flex-direction-nav li a.next:hover {
background : url(../img/r2.png) center center no-repeat #d7cabd;
}
.flex-direction-nav li a.prev:hover {
background : url(../img/l2.png) center center no-repeat #d7cabd;
}
.flex-direction-nav li a.disabled {
opacity : 0.3;
cursor : default;
}
.flex-control-nav {
display : none;
}
.flex-control-nav li {
margin : 0 0 0 0;
display : inline-block;
text-align : center;
border : #bbb solid 1px;
border-left : 0;
}
.flex-control-nav li:first-child {
margin : 0;
border : #bbb solid 1px;
}
.flex-control-nav li a {
width : 30px;
height : 30px;
line-height : 30px;
display : block;
cursor : pointer;
}
.flex-control-nav li a:hover {
background : #eee;
}
.flex-control-nav li a.active {
color : #da251d;
cursor : default;
}
#site{
min-height : 430px;
position :relative;
}
#site p {
line-height : 20px;
font-size : 14px;
}
#site .center {
line-height : 20px;
box-sizing : border-box;
padding : 0 5px;
}
.baslik {
width : 100%;
height : 60px;
line-height : 60px;
background : #452e2d;
color : #f4f1ed;
margin-bottom : 10px;
padding : 6px;
box-sizing : border-box;
}
.baslik.res {
width : 100%;
height : 130px;
line-height : 130px;
background : url(../img/Restaurant.jpg) center center #452e2d;
color : #f4f1ed;
margin-bottom : 10px;
padding : 6px;
box-sizing : border-box;
border-bottom : 2px solid #452e2d;
}
.baslik.dugun {
width : 100%;
height : 130px;
line-height : 130px;
background : url(../img/dugun.jpg) center center #452e2d;
color : #f4f1ed;
margin-bottom : 10px;
padding : 6px;
box-sizing : border-box;
border-bottom : 2px solid #452e2d;
}
.baslik.res h1{
color : #452e2d;
font-size : 20px;
}
#site p.altbas {
font-size : 20px;
font-weight : 600;
margin-bottom : 15px;
line-height : 25px;
color : #452e2d;
}
.metin {
margin-right : -10px;
padding : 10px;
background : #fff;
margin : 15px 0;
color : #623930;
}
.metin strong{
display : block;
font-style : italic;
font-weight : 700;
margin-bottom : 5px;
}
.baslik h1{
margin : 0;
padding : 0;
font-size : 16px;
padding-left : 5px;
font-weight : 600;
}
.resim {
float : left;
width : 25%;
height : auto;
box-sizing : border-box;
padding : 5px 5px;
overflow : hidden;
text-align : center;
position : relative;
transition : all 0.2s linear;
}
.resim_ic {
width : 100%;
height : 150px;
overflow : hidden;
text-align : center;
vertical-align : center;
transition : all 0.1s linear;
border : #623930 solid 1px;
box-sizing : border-box;
background : url(../img/load.svg) center center no-repeat #623930;
}
.resim_ic table {
width : 100%;
height : 150px;
border : 0;
padding : 0;
margin : 0;
border-collapse : collapse;
}
.resim:hover{
background : #623930
}
.resim:hover .resim_ic {
border : #623930 solid 1px;
}
.resim_ictd {
text-align : center;
vertical-align : center;
background : #fff;
padding : 0;
margin : 0;
}
.haber {
width : 100%;
height : 140px;
overflow : hidden;
text-align : center;
position : relative;
transition : all 0.2s linear;
border-bottom : #623930 solid 1px;
padding : 10px 0;
}
.haber b{
display : block;
font-size : 20px;
font-weight : 600;
margin-bottom : 15px;
line-height : 25px;
color : #623930;
text-align : left;
}
.haber p{
padding : 10px;
background : #fff;
margin : 15px 0;
color : #623930;
text-align : left;
}
p.balik{
font-size : 14px;
color : #623930;
}
p.balik strong{
display : block;
margin-top : 20px;
margin-bottom : 20px;
}
p.balik img{
width : 350px;
height : auto;
margin-top : 40px;
}
p.dugun{
font-size : 14px;
color : #623930;
}
p.dugun strong{
display : block;
margin-top : 20px;
margin-bottom : 20px;
}
p.dugun img{
width : 230px;
height : auto;
margin-top : 20px;
margin-left : 10px;
}
.resim2 {
float : left;
width : 25%;
height : auto;
box-sizing : border-box;
overflow : hidden;
text-align : center;
position : relative;
transition : all 0.2s linear;
margin-right : 15px;
}
.resim_ic2 {
width : 100%;
height : 100px;
overflow : hidden;
text-align : center;
vertical-align : center;
transition : all 0.1s linear;
border : #623930 solid 1px;
box-sizing : border-box;
background : url(../img/load.svg) center center no-repeat #623930;
}
.resim_ic2 table {
width : 100%;
height : 140px;
border : 0;
padding : 0;
margin : 0;
border-collapse : collapse;
}
.resim2:hover{
background : #623930
}
.resim_ictd2 {
text-align : center;
vertical-align : center;
background :  #fff;
padding : 0;
margin : 0;
}
a.tumu {
display : block;
margin : 10px 5px;
text-decoration : none;
background : #daccbb;
height : 46px;
line-height : 46px;
text-align : center;
color : #623930;
transition : all 0.1s linear;
}
a.tumu:hover {
text-decoration : none;
background : #623930;
}
.iform {
float : right;
width : 40%;
padding : 10px;
box-sizing: border-box;
margin-bottom : 20px;
margin-top : 10px;
background : #f3f0eb;
}
.iform b{
color : #623930;
font-size : 15px;
}
textarea.ifo{
width : 100%;
box-sizing: border-box;
height : 80px;
line-height : 20px;
padding : 10px;
background :#fafafa;
border:1px solid #ddd;
margin-top : 12.5px;
outline:0;
color : #623930;
transition : all 0.2s linear;
}
input.ifo{
width : 100%;
box-sizing: border-box;
height : 38px;
line-height : 18px;
padding : 10px;
background :#fafafa;
border:1px solid #ddd;
margin-top : 12.5px;
outline:0;
color : #623930;
transition : all 0.2s linear;
}
textarea.ifo:focus,input.ifo:focus{
background :#fff;
border:1px solid #aaa;
box-shadow : 0px 0px 10px 0px rgba(0,0,0,0.15);
transition : all 0.2s linear;
}
input.giris{
float:right;
cursor:pointer;
line-height : 22px;
padding : 10px;
background :#d8cabe;
color :#623930;
border:0;
margin-top : 12.5px;
outline:0;
text-transform: uppercase;
font-size : 14px;
transition : all 0.2s linear;
}
input.giris:hover{
background :#623930;
color :#d8cabe;
}
.bilgialan{
float : left;
width : 60%;
box-sizing : border-box;
position : relative;
margin-top : 10px;
padding-right : 10px;
}
#footer {
width : 100%;
background : #e1d5c7;
background : url(../img/footer.jpg) center center no-repeat #e1d5c7;
color : #623930;
padding-top : 10px;
border-top : 2px solid #623930;

}
.copyright {
float : left;
width : 100%;
height : 40px;
line-height : 40px;
border-top : 2px solid #d6c8bc;
margin : 15px 0;
padding-top : 10px
}
.footeralan {
float : left;
box-sizing : border-box;
padding-right : 15px;
}
.footeralan:first-child {
width : 40%;
}
.footeralan.hiz {
width : 30%;
}
.footeralan.ilet {
width : 30%;
}
.footeralan b{
font-size : 15px;
font-weight : 600;
display : block;
height : 40px;
line-height : 40px;
width : 100%;
border-bottom : 2px solid #d6c8bc;
color :#623930;
margin-bottom : 5px;
}
.footeralan p{
width : 95%;
padding-top : 5px;
line-height : 20px;
}
.footeralan a{
font-weight : 600;
display : block;
height : 30px;
line-height : 30px;
width : 100%;
text-decoration : none;
color :#623930;
}
.footeralan a:hover{
text-decoration : underline;
}
a.filnet{
float:right;
margin-top : 15px;
display : block;
width : 22px;
height : 22px;
background : url(../img/filnet.png) top left no-repeat;
transition: all 0.2s linear;
}
a.filnet:hover{
width : 90px;
}

a.face{
float:left;
margin-top : 5px;
margin-right : 5px;
display : block;
width : 32px;
height : 32px;
background : url(../img/face.png) top left no-repeat;
transition: all 0.2s linear;
}
a.ins{
float:left;
margin-top : 5px;
margin-right : 5px;
display : block;
width : 32px;
height : 32px;
background : url(../img/ins.png) top left no-repeat;
transition: all 0.2s linear;
}
@media screen and (max-width:720px){ /*Tablet*/

.center {
margin : 0 auto;
width : 100%;
box-sizing : border-box;
padding : 0 7px;
}
#menu{display : none;}
.copyright span{display : none;}
#site img{max-width : 100%}
#logo {
width : 228px;
}
#kate{
float : right;
width : 45px;
height : 45px;
line-height : 45px;
margin-top : 20px;
margin-right : 10px;
background : url(../img/kategori.png) center center no-repeat #623930;
border-radius : 3px;
}
#katein{
width : 100%;
background : #f4f2ed;
position  :absolute;
display : none;
z-index : 999;
}
#katein a{
display : block;
text-decoration : none;
color : #623930;
padding : 15px;
line-height  :20px;
border-bottom : 1px solid #e7dfd4;
font-weight : 600;
}
.flex-direction-nav li a {
top : 121px;
}
#slide{
animation-duration: 0s;
height : 300px;
}
.tel span{
display:none;
}
#tabalan{
display : none;
}
.flexslider {
height : 300px;
}
.flexresim {
height : 300px;
}
.footeralan:first-child {
display : none;
}
.footeralan.hiz {
width : 40%;
}
.footeralan.ilet {
width : 60%;
}
.resim {
width : 50%;
}
.haber {
height : auto;
}
.resim2 {
width : 35%;
}
.resim_ic2 {
height : 60px;
}
.resim_ic2 table {
height : 60px;
}
.baslik h1{
padding-left : 10px;
}
.resim_ic {
height : 100px;
}
p.dugun img{
display : none;
}
.resim_ic table {
height : 100px;
}
#header {
height : 90px;
}
#logo{
height : 110px;
margin-left:-20px;
}
#logo img{
height : 105px;
}
.iform {
float : right;
width : 100%;
padding : 0px;
box-sizing: border-box;
margin-bottom : 20px;
margin-top : 10px;
border-left : 0;
}
.bilgialan{
float : left;
width : 100%;
box-sizing : border-box;
position : relative;
margin-top : 0px;
padding-right : 0px;
}
.addthis_toolbox{
display : none;
}
.flexresim a{
width : 100%;
height : 50px;
line-height : 50px;
display : block;
text-align : center;
color : #fff;
text-decoration : none;
font-size : 14px;
margin-top : 50px;
background : rgba(68,44,43,0.7);
position : absolute;
bottom : 0;
}
.flexresim a b{
font-size : 16px;
}
}