body, html {
    height: 100%;
    margin: 0;
}
*{font-family: 'Open Sans', sans-serif;font-weight:400}
.SliderContent {
    background-image: url(../images/slider4.jpg);
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.SliderContent > figure {
  animation: imageAnimation 30s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center center;
  color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index:0;
}
.SliderContent > figure:nth-child(1) {  animation-delay:3s; background-image: url('../images/slider1.jpg'); }

.SliderContent > figure:nth-child(2) {
  animation-delay:3s;
  background-image: url('../images/slider2.jpg');
}
#mslider{display:none}
.SliderContent > figure:nth-child(3) {
    animation-delay: 3s;
    background-image: url('../images/slider3.jpg');
}

@keyframes 
imageAnimation {  0% {
 animation-timing-function: ease-in;
 opacity: 0;
}
 8% {
 animation-timing-function: ease-out;
 opacity: 1;
}
 17% {
 opacity: 1
}
 25% {
 opacity: 0
}
 100% {
 opacity: 0
}
}

.MarginAuto{
    width:80%;
    margin-left:10%;
    position:relative;
}
.HeaderContact{z-index:9999;position:absolute;left:0;top:0;width:100%;padding:10px;background-color:rgba(1, 1, 1, 0.50);border-bottom:dashed 0.3mm rgba(255, 255, 255, 0.43)}
.HeaderContact img {float:right;width:30px;margin-left:5px;margin-right:5px;}
.HeaderContact span{color:white; margin-right:15px;padding-top:3px;display:block;float:left}

.Logo{position:absolute;left:30%;top:10%; width:35%;z-index:9999}

.MenulerimizSol{float:left}
.MenulerimizSol ul {list-style:none;padding:0;margin:0;}
.MenulerimizSol ul li {float:left;}
.MenulerimizSol ul li a{padding:5px;display:block;color:white;padding-left:15px;padding-right:15px;}


.HBaslik{display:block;margin-bottom:10px;font-size:25px;font-weight:600;}
.HDekor{margin-bottom:25px;display:block;}
.Text{float:left;display:block;width:55%;margin-right:2%;text-align:justify;font-size:18px;}
.Text b{font-size:20px;}
.Textimages{float:right;width:43%;margin-left:2%;border:solid 0.3mm #e8e8e8}
#SiparisVer{height:400px;position:relative}


.arkaplan{position:fixed;width:100%;top:0%;left:0;z-index:-1;}
.Belcika{color:#440e05;font-size:25px;font-weight:600;}
.SiparisFormu{width:30%;background-color:rgba(1, 1, 1, 0.70);float:left;color:white;text-align:center;padding-top:20px;display:none}
.SiparisFormu img{display:block;padding:15px;width:70%;margin-left:15%;padding-top:0;}
.SiparisFormu span{display:block;padding:10px;background-color:rgba(246, 207, 0, 0.19);color:white;font-weight:600;font-size:18px;}


#Sliss{margin-top:12%;}
.Slogan {
    font-family: 'Marck Script', cursive;
    display: block;
    color: white;
    font-size: 70px;
    position: absolute;
    right: 0%;
    top: 120px;
    text-align: center;
    padding: 10px;
    width: 100%;
    text-align: center;
    font-weight: bolder;
}

.reservation-form{margin-top:25px;}
.form-group{float:left;width:42%;}

.form-group:nth-of-type(2n+1){margin-right:5%;margin-left:5%;}
.form-group:nth-of-type(2n+2){margin-right:5%;}
.form-group:nth-of-type(2n+3){margin-right:5%;}
.form-group:nth-of-type(2n+4){margin-right:5%;}



.form-group input{background-color:rgba(1, 1, 1, 0.30);border-radius:0;border:solid 0.3mm white;color:white;font-size:14px;}
.form-group input:active{color:white;background-color:rgba(1, 1, 1, 0.30);}
.form-group input:hover{color:white;background-color:rgba(1, 1, 1, 0.30);}
.btn-primary{color:black;background-color:rgb(191, 162, 24);border:0;border-radius:0;width:30%;margin-top:20px;}
.PhoneRezervasyon{padding:0px;text-align:center;background-color:#eaeaea;}
.Rez{display:block;padding:10px;font-weight:600;font-size:20px;text-align:center;width:100%;}
.Rezz{display:block;padding-bottom:10px;font-weight:600;font-size:30px;text-align:center;width:100%;color:rgb(211, 170, 9);border-bottom:solid 0.3mm rgba(255, 255, 255, 0.43)}
.Rezz span {font-weight:600;}
.form-group select{background-color:rgba(1, 1, 1, 0.30);border-radius:0;border:solid 0.3mm white;color:white;font-size:14px;}


#Hakkimizda{}


.MenuResimSol{float:left; width:14%;height:460px;}
.MenuResimSag{float:left; width:16%;height:460px;}
.Menudiv{height:460px;background-color:#2c1410;color:rgb(211, 170, 9);float:left;width:14%;padding-bottom:15px;border-right:dashed 0.3mm rgb(211, 170, 9);position:relative}
.Menudiv img{width:100%;padding:25px;}
.Menudiv ul {padding:0;margin:0;list-style-type:none;}
.Menudiv ul li {text-align:center;display:block;padding:5px;border-bottom:dashed 0.3mm rgba(191, 162, 24, 0.68);margin-left:30px;margin-right:30px;}

.MenuFiyat{font-size:35px;text-align:center;width:100%;font-weight:600;position:absolute;bottom:10px;text-align:center;}

.LogoMenu {
    position: absolute;
    bottom: 0px;
    left: 300px;
    width: 30%;
    
}



#ListMenu{display:none;}

.instaimg img{width:100%;}
.instaimg{position:relative;}
.instaHover{position:absolute;left:50%;top:50%;height:0%;width:0%;background-color:rgba(1, 1, 1, 0.40);transition: all .2s ease-in-out;border-radius:50%;}

.instaimg:hover .instaHover{top:0;left:0;height:100%;width:100%;border-radius:0;}

#ListeleInstagram a {display:block;float:left;margin:0.5%; width:24%;border:solid 0.3mm rgba(239, 239, 239, 0.30);background-color:rgba(225, 225, 225, 0.30);border:solid 0.3mm #d8d8d8;}


.insTitle{padding:10px;display:block;color:#1a1a1a}
#ListeleInstagram a:hover{text-decoration:none}

.Logoinsta{border-bottom:solid 0.3mm rgba(178, 178, 174, 0.37);padding:10px;height:60px;}
.loveinslogo{border-radius:50%;width:40px;float:left;}
.Logoinsta span{padding:10px;font-weight:600;display:inherit;text-align:center}
.inslogo{float:right;width:40px;}

.Adres{width:100%;text-align:center;padding:35px;font-size:20px;}



@media only screen and (max-width:1400px) {
    *{font-family: 'Open Sans', sans-serif;font-weight:400;font-size:13px;}
.MarginAuto{
    width:90%;
    margin-left:5%;
    position:relative;
}
.HeaderContact{position:absolute;left:0;top:0;width:100%;padding:10px;background-color:rgba(1, 1, 1, 0.50);border-bottom:dashed 0.3mm rgba(255, 255, 255, 0.43)}
.HeaderContact img {float:right;width:25px;margin-left:5px;margin-right:5px;}
.HeaderContact span{color:white; margin-right:15px;padding-top:3px;display:block;float:left}
.Logo{position:absolute;left:38%;top:15%; width:25%;z-index:9999}

.MenulerimizSol{float:left}
.MenulerimizSol ul {list-style:none;padding:0;margin:0;}
.MenulerimizSol ul li {float:left;}
.MenulerimizSol ul li a{padding:5px;display:block;color:white;padding-left:15px;padding-right:15px;}



.HBaslik{display:block;margin-bottom:10px;font-size:25px;font-weight:600;}
.HDekor{margin-bottom:25px;display:block;}
.Text{float:left;display:block;width:46%;margin-right:2%;text-align:justify;}
.Textimages{float:right;width:46%;margin-left:2%;border:solid 0.3mm #e8e8e8}


.arkaplan{position:fixed;width:100%;top:0%;left:0;z-index:-1;}

.SiparisFormu{width:30%;background-color:rgba(1, 1, 1, 0.70);float:left;color:white;text-align:center;padding-top:20px;}
.SiparisFormu img{display:block;padding:15px;width:70%;margin-left:15%;padding-top:0;}
.SiparisFormu span{display:block;padding:10px;background-color:rgba(246, 207, 0, 0.19);color:white;font-weight:600;font-size:18px;}

.Slogan{font-family: 'Tangerine', cursive;display:block;color:white;font-size:75px;position:absolute;right:0%;top:35%;text-align:center;padding:10px;}

.reservation-form{margin-top:25px;}
.form-group{float:left;width:42%;}

.form-group:nth-of-type(2n+1){margin-right:5%;margin-left:5%;}
.form-group:nth-of-type(2n+2){margin-right:5%;}
.form-group:nth-of-type(2n+3){margin-right:5%;}
.form-group:nth-of-type(2n+4){margin-right:5%;}

.form-group input{background-color:rgba(1, 1, 1, 0.30);border-radius:0;border:solid 0.3mm white;color:white;font-size:14px;}
.form-group input:active{color:white;background-color:rgba(1, 1, 1, 0.30);}
.form-group input:hover{color:white;background-color:rgba(1, 1, 1, 0.30);}
.btn-primary{color:black;background-color:rgb(191, 162, 24);border:0;border-radius:0;width:30%;margin-top:20px;}
.PhoneRezervasyon{padding:0px;text-align:center;background-color:#eaeaea;}
.Rez{display:block;padding:10px;font-weight:600;font-size:20px;text-align:center;width:100%;}
.Rezz{display:block;padding-bottom:10px;font-weight:normal;font-size:30px;text-align:center;width:100%;color:rgb(211, 170, 9);border-bottom:solid 0.3mm rgba(255, 255, 255, 0.43)}
.Rezz span {font-weight:600;font-size:30px;}
.form-group select{background-color:rgba(1, 1, 1, 0.30);border-radius:0;border:solid 0.3mm white;color:white;font-size:13px;}




.MenuResimSol{float:left; width:14%;height:400px;}
.MenuResimSag{float:left; width:16%;height:400px;}
.Menudiv{height:400px;background-color:#2c1410;color:rgb(211, 170, 9);float:left;width:14%;padding-bottom:15px;border-right:dashed 0.3mm rgb(211, 170, 9);position:relative}
.Menudiv img{width:100%;padding:5px;margin-top:10px;}
.Menudiv ul {padding:0;margin:0;list-style-type:none;}
.Menudiv ul li {text-align:center;display:block;padding:5px;border-bottom:dashed 0.3mm rgba(191, 162, 24, 0.68);margin-left:20px;margin-right:20px;}

.MenuFiyat{font-size:25px;text-align:center;width:100%;font-weight:600;position:absolute;bottom:5px;text-align:center;}



}




@media only screen and (max-width:1366px)
{
*{font-family: 'Open Sans', sans-serif;font-weight:400;font-size:13px;}
.MarginAuto{
    width:90%;
    margin-left:5%;
    position:relative;
}
.HeaderContact{position:absolute;left:0;top:0;width:100%;padding:10px;background-color:rgba(1, 1, 1, 0.50);border-bottom:dashed 0.3mm rgba(255, 255, 255, 0.43)}
.HeaderContact img {float:right;width:25px;margin-left:5px;margin-right:5px;}
.HeaderContact span{color:white; margin-right:15px;padding-top:3px;display:block;float:left}
.Logo{position:absolute;left:38%;top:15%; width:25%;z-index:9999}

.MenulerimizSol{float:left}
.MenulerimizSol ul {list-style:none;padding:0;margin:0;}
.MenulerimizSol ul li {float:left;}
.MenulerimizSol ul li a{padding:5px;display:block;color:white;padding-left:15px;padding-right:15px;}



.HBaslik{display:block;margin-bottom:10px;font-size:25px;font-weight:600;}
.HDekor{margin-bottom:25px;display:block;}
.Text{float:left;display:block;width:46%;margin-right:2%;text-align:justify;}
.Textimages{float:right;width:46%;margin-left:2%;border:solid 0.3mm #e8e8e8}


.arkaplan{position:fixed;width:100%;top:0%;left:0;z-index:-1;}

.SiparisFormu{width:30%;background-color:rgba(1, 1, 1, 0.70);float:left;color:white;text-align:center;padding-top:20px;}
.SiparisFormu img{display:block;padding:15px;width:70%;margin-left:15%;padding-top:0;}
.SiparisFormu span{display:block;padding:10px;background-color:rgba(246, 207, 0, 0.19);color:white;font-weight:600;font-size:18px;}

.Slogan{font-family: 'Tangerine', cursive;display:block;color:white;font-size:75px;position:absolute;right:0%;top:35%;text-align:center;padding:10px;}

.reservation-form{margin-top:25px;}
.form-group{float:left;width:42%;}

.form-group:nth-of-type(2n+1){margin-right:5%;margin-left:5%;}
.form-group:nth-of-type(2n+2){margin-right:5%;}
.form-group:nth-of-type(2n+3){margin-right:5%;}
.form-group:nth-of-type(2n+4){margin-right:5%;}

.form-group input{background-color:rgba(1, 1, 1, 0.30);border-radius:0;border:solid 0.3mm white;color:white;font-size:14px;}
.form-group input:active{color:white;background-color:rgba(1, 1, 1, 0.30);}
.form-group input:hover{color:white;background-color:rgba(1, 1, 1, 0.30);}
.btn-primary{color:black;background-color:rgb(191, 162, 24);border:0;border-radius:0;width:30%;margin-top:20px;}
.PhoneRezervasyon{padding:0px;text-align:center;background-color:#eaeaea;}
.Rez{display:block;padding:10px;font-weight:600;font-size:20px;text-align:center;width:100%;}
.Rezz{display:block;padding-bottom:10px;font-weight:normal;font-size:30px;text-align:center;width:100%;color:rgb(211, 170, 9);border-bottom:solid 0.3mm rgba(255, 255, 255, 0.43)}
.Rezz span {font-weight:600;font-size:30px;}
.form-group select{background-color:rgba(1, 1, 1, 0.30);border-radius:0;border:solid 0.3mm white;color:white;font-size:13px;}




.MenuResimSol{float:left; width:14%;height:400px;}
.MenuResimSag{float:left; width:16%;height:400px;}
.Menudiv{height:400px;background-color:#2c1410;color:rgb(211, 170, 9);float:left;width:14%;padding-bottom:15px;border-right:dashed 0.3mm rgb(211, 170, 9);position:relative}
.Menudiv img{width:100%;padding:5px;margin-top:10px;}
.Menudiv ul {padding:0;margin:0;list-style-type:none;}
.Menudiv ul li {text-align:center;display:block;padding:5px;border-bottom:dashed 0.3mm rgba(191, 162, 24, 0.68);margin-left:20px;margin-right:20px;}

.MenuFiyat{font-size:25px;text-align:center;width:100%;font-weight:600;position:absolute;bottom:5px;text-align:center;}



}



@media only screen and (max-width:900px)
{
.Belcika{color:#440e05;font-size:20px;width:100%;text-align:center;}
.Belcika:nth-of-type(2n+2){font-size:35px;}

*{font-family: 'Open Sans', sans-serif;font-weight:400;font-size:13px;}
.MarginAuto{
    width:98%;
    margin-left:1%;
    position:relative;
}
.HeaderContact{position:absolute;left:0;top:0;width:100%;padding:10px;background-color:rgba(1, 1, 1, 0.50);border-bottom:dashed 0.3mm rgba(255, 255, 255, 0.43)}
.HeaderContact img {float:none;width:25px;margin-left:5px;margin-right:5px;}
.HeaderContact span{color:white; margin-right:15px;padding-top:3px;display:block;float:none;display:none}
#ListMenu{display:block;float:right;color:white;font-size:20px;padding-top:5px;cursor:pointer;z-index:9999;}

.Logo{position:absolute;left:2.5%;top:60px; width:95%;z-index:9999;}

.MenulerimizSol{float:none;position:absolute;left:-15px;width:108%;top:35px;z-index:9999;  background-color: rgba(1, 1, 1, 0.70);display:none}
.MenulerimizSol ul {list-style:none;padding:0;margin:0;}
.MenulerimizSol ul li {float:none;}
.MenulerimizSol ul li a{padding:10px;display:block;color:white;padding-left:15px;padding-right:15px;border-top: dashed 0.3mm rgba(255, 255, 255, 0.43)}



.HBaslik{display:block;margin-bottom:10px;font-size:25px;font-weight:600;}
.HDekor{margin-bottom:25px;display:block;}
.HDekor img {width:100%;}
.Text{float:none;display:block;width:98%;margin-right:1%;text-align:justify;margin-left:1%;font-size:16px;}
.Textimages{float:none;width:98%;margin-left:1%;border:solid 0.3mm #e8e8e8;}
#SiparisVer{height:450px;position:relative}


.arkaplan{position:fixed;width:100%;top:0%;left:0;z-index:-1;display:none}

.SiparisFormu{width:100%;background-color:rgba(1, 1, 1, 0.70);float:none;height:390px;color:white;text-align:center;padding-top:20px;background-image:url(/images/Ortaimages.JPG);background-position-x:305px;display:block;}
.SiparisFormu img{display:block;padding:15px;width:98%;margin-left:1%;padding-top:0;}
.SiparisFormu span{display:block;padding:10px;background-color:rgba(246, 207, 0, 0.19);color:white;font-weight:600;font-size:18px;display:none}

.Slogan{font-family: 'Tangerine', cursive;display:block;color:white;font-size:75px;position:absolute;right:0%;top:35%;text-align:center;padding:10px;display:none}

.reservation-form{margin-top:25px;}
.form-group{float:left;width:42%;}

.form-group:nth-of-type(2n+1){margin-right:5%;margin-left:5%;}
.form-group:nth-of-type(2n+2){margin-right:5%;}
.form-group:nth-of-type(2n+3){margin-right:5%;}
.form-group:nth-of-type(2n+4){margin-right:5%;}

.form-group input{background-color:rgba(1, 1, 1, 0.30);border-radius:0;border:solid 0.3mm white;color:white;font-size:14px;}
.form-group input:active{color:white;background-color:rgba(1, 1, 1, 0.30);}
.form-group input:hover{color:white;background-color:rgba(1, 1, 1, 0.30);}
.btn-primary{color:black;background-color:rgb(191, 162, 24);border:0;border-radius:0;width:30%;margin-top:20px;}
.PhoneRezervasyon{padding:0px;text-align:center;background-color:#eaeaea;}
.Rez{display:block;padding:10px;font-weight:600;font-size:20px;text-align:center;width:100%;}
.Rezz{display:block;padding-bottom:10px;font-weight:normal;font-size:30px;text-align:center;width:100%;color:rgb(211, 170, 9);border-bottom:solid 0.3mm rgba(255, 255, 255, 0.43)}
.Rezz span {font-weight:600;font-size:30px;}
.form-group select{background-color:rgba(1, 1, 1, 0.30);border-radius:0;border:solid 0.3mm white;color:white;font-size:13px;}




.MenuResimSol{float:left; width:14%;height:400px;display:none}
.MenuResimSag{float:left; width:16%;height:400px;display:none}
.Menudiv{height:400px;background-color:#2c1410;color:rgb(211, 170, 9);float:none;width:98%;padding-bottom:15px;border-right:dashed 0mm rgb(211, 170, 9);position:relative;margin-left:1%;}
.Menudiv:nth-of-type(2n+1) {height:240px;margin-bottom:15px;border-bottom: dashed 0.3mm white;padding-bottom:15px;}
.Menudiv:nth-of-type(2n+2) {height:330px;margin-bottom:15px;border-bottom: dashed 0.3mm white;padding-bottom:15px;}
.Menudiv:nth-of-type(2n+3) {height:330px;margin-bottom:15px;border-bottom: dashed 0.3mm white;padding-bottom:15px;}

.Menudiv:nth-of-type(2n+4) {height:380px;margin-bottom:15px;border-bottom: dashed 0.3mm white;padding-bottom:5px;}

.Menudiv:nth-of-type(2n+5) {height:440px;margin-bottom:15px;border-bottom: dashed 0.3mm white;padding-bottom:15px;}





.Menudiv img{width:100%;padding:5px;margin-top:10px;}
.Menudiv ul {padding:0;margin:0;list-style-type:none;}
.Menudiv ul li {text-align:center;display:block;padding:5px;border-bottom:dashed 0.3mm rgba(191, 162, 24, 0.68);margin-left:20px;margin-right:20px;}

.MenuFiyat{font-size:35px;text-align:center;width:100%;font-weight:600;position:absolute;bottom:5px;text-align:center;}




.instaimg img{width:100%;}
.instaimg{position:relative;}
.instaHover{position:absolute;left:50%;top:50%;height:0%;width:0%;background-color:rgba(1, 1, 1, 0.40);transition: all .2s ease-in-out;border-radius:50%;display:none}

.instaimg:hover .instaHover{top:0;left:0;height:100%;width:100%;border-radius:0;}

#ListeleInstagram a {display:block;float:left;margin:0.5%; width:49%;border:solid 0.3mm rgba(239, 239, 239, 0.30);background-color:rgba(225, 225, 225, 0.30);border:solid 0.3mm #d8d8d8;}


.insTitle{padding:10px;display:block;color:#1a1a1a;display:none}
#ListeleInstagram a:hover{text-decoration:none}

.Logoinsta{border-bottom:solid 0.3mm rgba(178, 178, 174, 0.37);padding:0px;height:40px;}
.loveinslogo{border-radius:50%;width:40px;float:left;display:none}
.Logoinsta span{padding:10px;font-weight:600;display:inherit;text-align:center;}
.inslogo{float:left;width:25px;margin-top:7px;margin-left:10px;}
#mslider{display:block;}
.SliderContent{display:none}

#Msss{display:none}
#SiparisVer{display:none}
}