@charset "utf-8";
/* CSS Document */
@import "../fonts/fonts.css?v=498";
@import "../font-awesome/css/all.css"; 


* {    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box}

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

html, body {
    padding: 0;
    margin: 0;
    height: 100%;
    min-height: 100%;

}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, select, textarea, button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0
}
img{display: block;}
button {    cursor: pointer}
body {    min-width: 1064px}
a {    text-decoration: none}
ul {    padding: 0;    margin: 0}
hr {    border: 0}
a, a:hover {    text-decoration: none}
:focus {    outline: none;    outline: 0}
textarea, select, input[type="text"] {    width: 100%;    height: 36px;       padding-left: 12px;    font: 15px 'Montserrat-Light';    color: #405c58}
select {    height: 36px;    padding-right: 34px;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    font-family: 'Akrobat-Regular';
    background: url(../pageFile/selectOk.svg) no-repeat 94% center, #fff;    background-size: 12px 6px;}
textarea {    padding-top: 10px;    display: block}
label.cvfile input {    position: absolute;    left: -9999px}
span.cvFile {    position: absolute;    left: 0;       width: 128px;    height: 52px;    background: url(../images/page/cvBtnBg.png) no-repeat;
    color: #fff;    line-height: 52px;    cursor: pointer}
span.cvName {    position: absolute;    width: calc(100% - 158px);    height: 52px;    padding-left: 10px;    font: 13px GothamNarrow-Light;    line-height: 52px;
    background-color: #fff;    color: #fff;    left: 158px;    background-color: transparent}

.inputDiv{width: 100%;margin-bottom: 16px;}

input[type="text"].transparent{border: 1px solid #fff; background-color: transparent;font: 17px 'Akrobat-Regular';color: #fff;}
input[type="password"] {    width: 100%;    height: 50px;    border: 1px solid #738b9e;    padding-left: 12px;    font: 17px 'Akrobat-Regular';    color: #707070}

select{    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}
select::-ms-expand {
display:none
}
.transparent::-webkit-input-placeholder { color: #fff;}
.transparent::-moz-placeholder { color: #fff;}
.transparent:-ms-input-placeholder {  color: #fff;}
.transparent:-moz-placeholder {   color: #fff;}





.pull-left{float: left !important;}
.pull-right{float: right !important;}
 .container-fluid {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.row {    width: 100%;    min-height: 5px}

.container {    position: relative;        height: auto;    margin-left: auto;    margin-right: auto;max-width: 1064px;}

.row, .col-left, .col-right, .col, h1, h2, h3, h4, h5 {    position: relative;    float: left;    height: auto}


.header{ }

body{    background: url("../images/page/sbg.jpg") repeat;}

.menu-ust-str{height: 38px;}



.body-ana{background-color: #fff;}
.body-diger{background-color: #29282a;}
.genel-orta-str{padding: 36px 0;}

.ust-str{height:220px; }


.giris-logo{width: 344px;height: 350px;position: absolute; left: 50%; margin-left: -172px; margin-top: -175px; top:50%;background: url("../pageFile/giris-logo.png") no-repeat top center;z-index: 5;}
.giris-sol,.giris-sag{width: 50%; height: 100vh; background-size: cover; }
.giris-sol{background-image: url("../pageFile/menu-giris-bg.jpg");}
.giris-sag{background-image: url("../pageFile/paket-giris-bg.jpg");}

.giris-metin-box{position:absolute;width: 100%; height: auto;top: 50%; margin-top: -187px;}
.giris-ikon-box{width: 100%; height: 242px;background-repeat:  no-repeat; background-position:  center center;}
.giris-ikon-box.mis-ikon{background-image: url("../pageFile/yemek-giris.png")}
.giris-ikon-box.paket-ikon{background-image: url("../pageFile/icecek-giris.png")}
.giris-metin{font: 70px 'BebasNeue-Bold'; color: #fff;text-align: center;transition: all 0.2s linear;    -webkit-transition: all 0.2s linear;}
.giris-btn{background-color: #ffa200;font: 54px 'BebasNeue-Bold';color: #fff;padding: 8px 12px 0; float: none; display: table; margin:0 auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;transition: all 0.2s linear;    -webkit-transition: all 0.2s linear;}

.giris-btn:hover{background-color: #fff; ;color: #52cad6; }


.ust-header-str{background: url("../upload/banner/banner-img.jpg") no-repeat top center;background-size: cover;min-height: 396px;}
.ust-header-str.diger-header{background:none ;min-height: auto;}



.logo-stn{width: 280px; height: 176px;  float: none; display: table; margin: 0 auto;}
.logo-box{position: absolute; width: 100%; height: 100%; display: block;background: url("../pageFile/logo.svg") no-repeat center; background-size: 280px 176px;}
.logo-box a{width: 100%; height: 100%; display: block;}



.grup-box{width: calc(25% - 18px); margin-right: 24px;margin-bottom: 24px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.grup-box img{-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.grup-box:nth-child(4n){margin-right: 0;}

.grup-ust{position: absolute;width: 100%;height: auto;top: 0;  font: 20px 'ProximaNova-ExtraBold'; color: #fff;padding:12px 24px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;
background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
 
 
.alt-kisim-str{height:320px; background:#29282a; padding-top: 36px; }
 



 
.alt-orta-stn{width: 33.33%; height: auto;}
.alt-sosyal-stn{width:90px;height: 36px;float: none; display: table; margin: 0 auto;}
.alt-sosyal-btn{width: 36px; height: 36px; background-size: 36px 36px; background-repeat:no-repeat; background-position: center center;}
.alt-sosyal-btn a{width: 100%; height: 100%; display: block;}

.facebook-btn{background-image: url("../pageFile/facebook-icon.svg");}
.instagram-btn{background-image: url("../pageFile/instagram-icon.svg");}


 

.alt-sag-stn{width:33.33%; display: table;height: 240px;}
.alt-sag-stn .ortala{display: table-cell; vertical-align: middle; float: none;} 

.alt-tel-box{width: 262px; background: url("../pageFile/alt-tel-icon.svg") no-repeat left center; background-size: 38px 62px; padding-left: 44px; font:24px 'Montserrat-Light'; color:#fff; text-align:right;}
.alt-tel-box span{font:24px 'Montserrat-ExtraBold';}


/*************************/
.yemek-grup-title{font:24px 'ProximaNova-ExtraBold';color: #d1a24a; text-align: center;padding: 16px 0;border-bottom: 1px solid #d1a24a; margin-bottom: 16px; }
.yemek-box{width:calc(25% - 15px); min-height: 364px; margin-right: 20px; margin-bottom: 20px; background-color: #fff;padding: 12px; border: 1px solid #ccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;
border-radius: 5px;}
.yemek-box:nth-child(4n){margin-right: 0px;}
.yemek-box a{width:100%; height: 100%; display: block;}
.yemek-img{margin-bottom:16px;}
.yemek-img,.yemek-img img{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.yemek-title{font: 18px 'Dosis-ExtraBold'; color: #d1a24a; text-align: center;height: 54px;}
.fiyat-btn{ float: none; display: table; margin: 0 auto;font: 18px 'Dosis-ExtraBold';background-color: #d1a24a; color:#fff;text-align: center;padding: 8px 10px;}
/*************************/
ul.yemek-liste{width: 100%; list-style-type: none;}
ul.yemek-liste li{float: left;font: 17px 'Dosis-ExtraBold';  color: #d1a24a;    border-bottom: 1px dashed #d1a24a;padding-bottom: 3px; margin-bottom: 10px;}
ul.yemek-liste li:nth-child(1){width:calc(100% - 80px);}
ul.yemek-liste li:nth-child(2){width: 80px; text-align: right;}

.yemek-liste-sol-stn,.yemek-liste-sag-stn{width: 50%;} 
.yemek-liste-sol-stn{padding: 16px;}
.yemek-liste-sag-stn{padding: 60px 24px 0;}

/*************************/
 
.yemek-detay-box{width:100%;  margin-bottom: 20px; background-color: #fff;text-align: center;}
.yemek-detay-sol-stn,.yemek-detay-sag-stn{width: 50%;} 
.yemek-detay-sol-stn{padding: 16px;}
.yemek-detay-sag-stn{padding: 60px 24px 0;}

.yemek-aciklama{font: 15px 'Montserrat-Light'; color: #222222;}
.yemek-detay-img{margin-bottom:16px;}
.yemek-detay-img,.yemek-detay-img img{display: block;}
.yemek-detay-title{font: 24px 'Dosis-ExtraBold'; color: #d1a24a; text-align: center;height: 54px;}
.fiyat-detay-btn{ float: none; display: table; margin: 0 auto;font: 24px 'Dosis-ExtraBold';  color:#d1a24a;text-align: center;padding: 8px 10px;}

.yemek-aciklama ul{list-style-type: none;}

.paket-ek-str{margin-bottom: 24px;}
.paket-ek{width: calc(33.33% - 6.8px); margin-right: 10px;}
.paket-ek:nth-child(3n){margin-right: 0;}
.paket-ek-fiyat{font: 16px 'Dosis-ExtraBold';  color:#d1a24a;text-align: center;}


.geri-btn{font: 16px 'ProximaNova-ExtraBold';padding: 8px 12px; background-color: #d1a24a; color: #fff; float: none; display: table; margin: 16px auto;    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;}



.anket-title{font: 26px 'Dosis-ExtraBold';text-align: center; color: #20bdbe; margin-bottom: 24px;}
.anket-str{width: 100%;min-height: auto; background-color: #20bdbe;}
.anket-str::before{content: '';position: absolute; top: -8px; width: 100%; height: 8px; background: url("../pageFile/anket-ust-ucgen.svg") repeat-x; background-size: 30px 8px;}
.anket-emoji-img{margin-bottom: 10px;}

.anket-emoji-box{margin-bottom: 12px;width: calc(33.33% - 40px); margin-right: 60px; }
.anket-emoji-box:nth-child(3n){margin-right: 0;}

.anket-emoji-box input{ 
	display: none;
}

.anket-emoji-box label{padding: 12px;width: 100%;
	position: relative;
	color: #fff;
	background-color: #20bdbe;
font: 21px 'Dosis-ExtraBold';
	text-align: center;
	height: auto;
	line-height: 22px;
	display: block;
	cursor: pointer;
 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.anket-emoji-box input:checked +   label {padding: 12px;
	border: 0px solid #333;
	background-color: #fcb040;
}

.anket-text-box{margin: 24px auto 16px;}
.anket-text{background-color: #f3f3f4;height: 150px; border: 1px solid #ccc;}

.ust-bilgi-kayit a{width: 136px; height: 42px; font:100 16px 'Montserrat-Light'; background-color: #1d2945; text-align: center;color: #fff;display: block; line-height: 42px;}


.navbar { 
    position: relative;float: left; padding: 12px 0;
   
    height:auto;
    z-index: 25;
    width: 100%;
}

.navbar .logo{z-index: 10;width:368px;height:82px;background: url(../pageFile/logo.svg) no-repeat center;background-size:368px 82px;}
.navbar .logo a{ width:100%; height: 100%; display: block;}
.navbar ul.menu {
    background: url("../pageFile/ust-menu-bg.svg") repeat;
 
    position: relative;
    float: left;
    list-style-type: none;
    display: inline-block;
    height: 66px;margin-right: 26px;
 
}
.navbar ul.menu li.menu {
    position: relative;
    float: left;
    padding: 0 16px;
    font: 14px 'Montserrat-SemiBold'; color: #405c58;
    
}
.navbar ul.menu li.menu:first-child {
    margin-left:56px
}
 

 

.navbar ul.menu li.menu:nth-child(4):hover {background-color:transparent;}

.navbar ul.menu li.menu .menuOk {
    position: absolute;
    top: 22px;
    width: 14px;
    height: 8px;
    background: url('../pageFile/menuOk.svg') no-repeat center;
    background-size: 13px;
    right: 0;
}
.navbar ul.menu li.menu a.menu {width: 100%;height: 100%;text-decoration: none;color: #405c58;display: block;border-bottom: 1px  transparent;border-top: 1px  transparent;padding: 16px 0;}
.navbar ul.menu li.menu:hover a.menu {color: #333;padding: 16px 0;transition: all 0.5s linear;    -webkit-transition: all 0.5s linear;      }
 

 .navbar ul.menu li.menu a.menu:after {content: '';position: relative;float: left; left: 0;   height: 5px; background:#fcb040 ;bottom:-10px;width: 0%; transition: all 0.5s linear;    -webkit-transition: all 0.5s linear; } 
 
 

 
.navbar ul.menu li.menu a.menu:hover:after {content: '';position: relative; float: left;left: 0; width: 100%; height: 5px;background:#fcb040;bottom:-10px; transition: all 0.5s linear;    -webkit-transition: all 0.5s linear; } 



.navbar ul.menu li.menu:hover, .navbar ul.menu li.menu.secili {   }
 
 
.acilirMenuGenel {
    position: absolute;
    width: 600px;
    min-height: 200px;
    height: auto;
    display: none;
    background-color: #fff;
    margin-left: -224px;
    padding-top: 8px;
    box-sizing: border-box;
    z-index: 150;
    -webkit-box-shadow: 1px 11px 16px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 11px 16px -3px rgba(0,0,0,0.75);
    box-shadow: 1px 11px 16px -3px rgba(0,0,0,0.75)
}
.opening-menu {
    position: absolute;
    z-index: 999999999;
    display: none;
    top: 48px;
    left: -8px;
}
 
.menu-bos-str{width: 100%;height:30px; display: block;}
.navbar ul.menu li.menu:hover>.opening-menu {
    display: block;
    transition: all 2s linear;
    -webkit-transition: all 2s linear
}

.opening-menu:hover>.navbar ul.menu li.menu a.menu{ color:#000;
    -webkit-transition: color .3s linear;
    -ms-transition: color .3s linear;
    transition: color .3s linear}

.col.list-open-menu {
    width: 200px;background-color: #fff;
    height: auto
}
.col.list-open-menu.urunler {
    width: 622px;
}
.col.list-open-menu h5.kategori-name, .col.list-open-menu h5.kategori-name a {
    font: 16px Montserrat-Bold;
    color: #3c3c3b
}
.col.list-open-menu ul.list-open-menu {
    list-style-type: none;
    width: 200px;
    min-height: 10px;
    height: auto
}
.col.list-open-menu ul.list-open-menu.urunler {
    width: 50%;
}

 .menu-grup-box {position: absolute; top: 0;opacity: 0;
    width: 100%;right: -100%; 
}
 .menu-grup-box img {padding: 10%;width: 90%;}
.col.list-open-menu ul.list-open-menu li.list-open-menu {
    width: 100%;
    height: auto
}


.col.list-open-menu ul.list-open-menu li.list-open-menu a.list-open-menu {position: relative; float: left;
    color: #000;
    padding: 6px 20px; 
    width: 100%;
    height: auto;
    display: block;
    font: 14px 'Montserrat-Light';
    line-height: 21px;
    margin-left: 0;
    transition: all .2s ease
}

.col.list-open-menu ul.list-open-menu li.list-open-menu a.list-open-menu:hover {  transition: all .5s ease;color: #405c58;}
 .col.list-open-menu ul.list-open-menu li.list-open-menu a.list-open-menu:hover:before {content:"";position: absolute;  width:calc(100% - 40px); height: 1px; background-color: #ccc;top: 0; left: 20px;}
 .col.list-open-menu ul.list-open-menu li.list-open-menu a.list-open-menu:hover:after {content:"";position: absolute;  width:calc(100% - 40px);  height: 1px; background-color: #ccc;bottom: 0; left: 20px;}
 .col.list-open-menu ul.list-open-menu li.list-open-menu:hover  .menu-grup-box{opacity: 1;}
.menu-shadow {
    -webkit-box-shadow: 0 8px 5px 0 rgba(0,0,0,0.27);
    -moz-box-shadow: 0 8px 5px 0 rgba(0,0,0,0.27);
    box-shadow: 0 8px 5px 0 rgba(0,0,0,0.27)
}
.navbar .bizeulas {
    position: absolute;
    height: 42px;
    width: 146px;
    
    top: 0;
    right: 98px;
    z-index: 15000
}
.navbar .bizeulas a {
    width: 146px;
    height: 42px;
    background: url(../images/page/iletisimBtn.png) no-repeat;
    display: block
}
.ustAramaSosyalBox {
    position: absolute;
    height: 44px;
    width: 688px;
    right: 0;
    top: 16px;
    z-index: 15000;
    background: url(../images/page/i-paylas.svg) no-repeat left center;
    background-size: 19px 19px
}
.col.sosyalAciklama {
    font: 13px Montserrat-Light;
    color: #a6a6a6;
    line-height: 44px;
    padding-left: 30px
}
ul.sosyal {
    position: relative;
    float: left;
    list-style-type: none;
    margin-top: 7px;
    margin-left: 8px;
    margin-right: 8px
}
ul.sosyal li.sosyal {
    float: left;
    margin: 0 4px;
    background: url(../images/page/sosyal.svg) no-repeat;
    background-size: 164px 30px
}
ul.sosyal li.sosyal.facebook {
    background-position: 0 0
}
ul.sosyal li.sosyal.twitter {
    background-position: -32px 0
}
ul.sosyal li.sosyal.instagram {
    background-position: -66px 0
}
ul.sosyal li.sosyal.youtube {
    background-position: -100px 0
}
ul.sosyal li.sosyal.linkedin {
    background-position: -132px 0
}
ul.sosyal li.sosyal a.sosyal {
    width: 30px;
    height: 30px;
    display: block
}
input[type="text"].input-arama {
    position: relative;
    float: left;
    height: 42px;
    border: 1px solid #d6d6d6;
    border-right: 0;
    font: 13px Montserrat-Light;
    color: #a6a6a6;
    width: calc(100% - 42px);
    background-color: #f7f7f7
}
button.ust-arama {
    width: 42px;
    height: 42px;
    border: 1px solid #d4d4d4;
    border-left: 0;
    background: url(../images/page/i-aramaBtn.svg) center no-repeat, #f7f7f7;
    background-size: 19px 19px
}
.dil-box-str {
    margin-left: 10px; float: right;
}

.dil-box-stn{width: 24px; height: 24px; margin-right: 5px; background-size: 24px 24px; }
.dil-box-stn a{width: 100%; height: 100%; display: block;}
.turkey-flag{background-image: url("../pageFile/turkey-flag.svg");}
.english-flag{background-image: url("../pageFile/uk-flag.svg");}
.arab-flag{background-image: url("../pageFile/saudi-arabian-flag.svg");}

.dil-box-stn:last-child{margin: 0;}
.col.europe{padding-left: 10px;font:14px "Montserrat-Regular"; color: #a8a8a8;}
.col.europe a{color: #a8a8a8;}
.col.europe span{ font:14px "Montserrat-Bold";}

select.dil {
 
    background-color: #f7f7f7;padding-left: 10px; padding-right:0;
    font: 13px 'Montserrat-Light';
    color: #a6a6a6;
 
    background-size: 9px
}
.navbar .bolgeBayi {
    position: absolute;
    width: 129px;
    height: 133px;
    background: url(../images/page/menu-bolgeBg.png) no-repeat;
    right: 0;
    top: 0
}
.navbar .bolgeBayi a {
    width: 129px;
    height: 133px;
    display: block;
    font: 13px Montserrat-Bold;
    color: #a6a6a6;
    text-align: center;
    padding-top: 16px
}


.ust-img-box{height: 278px;background-repeat: no-repeat; background-position: center;}
.ust-img-box.kurumsal{background-image: url("../pageFile/ust-kurumsal-bg.jpg");}
.ust-img-box.galeri{background-image: url("../pageFile/ust-galeri-bg.jpg");}

h1.ana{font:36px 'Roboto-Bold'; color:#000;}
h1.ana span{font-family:'Roboto-Light'; }
/****************************************/


 .btn-type-uye-giris{padding: 11px;font: 15px 'Akrobat-Bold'; background-color:#005a9e;color: #fff;text-align: center;border: 1px solid #fff;display: block;width: auto;margin: -2px auto 0;float: none;cursor: pointer;}
 .btn-type-uye-giris:hover{ color: #fff; background-color: #005a9e; }

.uye-link-giris{font: 14px 'Akrobat-Bold';color: #005a9e;cursor: pointer;}
.sifre-link{font: 14px 'Akrobat-Bold';color: #fff;cursor: pointer;}
.sifreunut-stn{margin-right: 15px;}
/*******************************************/
.ust-btn-grup{margin-top:6px;}




select.dil{width: 36px;
    height: 36px;
    background:url("../pageFile/selectOkBeyaz.svg") no-repeat center 25px,#405C58;
    font: 13px 'Akrobat-Bold';
    color: #fff;text-align: center;
 
    background-size:10px;-webkit-border-radius: 36px;
-moz-border-radius: 36px;
border-radius: 36px;}

select.dil option{width: 36px;
    height: 36px;
 
    font: 13px 'Akrobat-Bold';
    color: #fff;
text-align: center;
    background-size:10px;-webkit-border-radius: 36px;
-moz-border-radius: 36px;
border-radius: 36px;}


/*******************************************/
.search-input{width:150px;position: absolute;right: 0}
.search-control{width:0 !important;}
.btn-search{border: 1px solid #405c58;width:36px; height: 36px;background-color: #fff;color: #405c58;margin-left: 22px;}
.btn-search:hover.search>.search-input>.search-control{width: 150px !important; -webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in; }
 

/**************************************************/
h2.uye-giris{font: 17px 'Akrobat-Bold';    height: auto;    line-height: 50px;    color: #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: 16px;}

button.uye-gonder-btn{    background-color: #fff !important;
    font: 18px 'Akrobat-Regular';
    color: #005a9e;
    text-align: center;
    display: block;
    padding: 10px 16px;
}


.overlay,.overlay2,.overlay3,.overlay4,.overlay5,.overlay6,.overlay7,.overlay8 {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 900000;overflow-y: auto;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(64,92,88, 0.85);
}
.overlay3{  background-color: rgba(0,0,0, 0.85);overflow-x: hidden;overflow-y: auto;}
.overlay-content,.overlay2-content,.overlay3-content,.overlay4-content,.overlay5-content,.overlay6-content,.overlay7-content,.overlay8-content  {
  position: relative;
  top: 38%;
  width: 40%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}
.overlay2-content{width: 50%; top: 24%;}
.overlay3-content{top:9%;}
.overlay5-content{top:18%;}
.overlay7-content{top:8%;}
.overlay .closebtn,.overlay2 .closebtn,.overlay3 .closebtn,.overlay4 .closebtn,.overlay5 .closebtn,.overlay6 .closebtn,.overlay7 .closebtn,.overlay8 .closebtn{
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
}

.overlay2 .bosAlan,.overlay3 .bosAlan,.overlay4 .bosAlan,.overlay5 .bosAlan,.overlay6 .bosAlan,.overlay7 .bosAlan,.overlay8 .bosAlan{padding: 0 !important;margin: 0 !important;width: 0 !important; height: 0 !important;}
.overlay .closebtn:hover,.overlay2 .closebtn:hover,.overlay3 .closebtn:hover,.overlay4 .closebtn:hover,.overlay5 .closebtn:hover,.overlay6 .closebtn:hover ,.overlay7 .closebtn:hover ,.overlay8 .closebtn:hover{
  color: #ccc;
}

.overlay input[type=text],.overlay2 input[type=text],.overlay3 input[type=text]  {
  padding: 15px;height: 50px;
  font-size: 17px;
  border: none;
  float: left;font-family: 'Akrobat-Regular';
  width: 86%;
  background: white;
}


.overlay2 input[type=text],.overlay3 input[type=text],.overlay4 input[type=text],.overlay5 input[type=text],overlay6 input[type=text]{width: 100%;height: 50px;}  
.overlay3 select{  padding: 15px;height: 50px;}
.overlay input[type=text]:hover,.overlay2 input[type=text]:hover,.overlay3 input[type=text]:hover {
  background: #f1f1f1;
}

.overlay button,.overlay2 button,.overlay3 button,.overlay4 button,.overlay5 button,.overlay6 button {
  float: left;
  width: auto;
  padding: 15px;
  background: #f1f1f1;
  font-size: 17px;
 
  cursor: pointer;
}

.overlay button:hover,.overlay2 button:hover,.overlay3 button:hover,.overlay4 button:hover,.overlay5 button:hover,.overlay6 button:hover {
  background: #bbb;
}


.overlay3-content{width: 100%;}
/************************************************/

.bannerBox{width: 100%;height: auto;overflow-x: hidden;}
.banner-alt{ position: absolute;z-index: 1;bottom: -1px;width: 100%; height: auto; }
.banner-alt-serit{height: 300px; background: url("../images/page/banner-alt-serit-bg.svg") repeat-x top;background-size: 1px 224px;}
 
.urun-grup-box-ana{width: 346px; height: 346px; }
 
a.urun-grup-link{width:100%; height: 100%; display: block;}
a.urun-grup-link .imgBox.urun-grup-ana-img{width: 346px; height: 246px;background-image: url("../pageFile/ana-grup-bg1.svg");background-size: 250px 156px;background-repeat: no-repeat; background-position:top center;  -webkit-transform: scale(1);   -ms-transform: scale(1); -moz-transform: scale(1); }
 

a.urun-grup-link h3.urun-grup-ana-baslik{font: 30px 'Roboto-Bold';color: #000;padding: 10px 0; text-align: center;border: 1px solid transparent;}
 

a.urun-grup-link:hover>h3.urun-grup-ana-baslik{border-top: 1px solid #f7931d; border-bottom: 1px solid #f7931d;color: #f7931d;}
a.urun-grup-link:hover>.imgBox.urun-grup-ana-img{background-image: url("../pageFile/ana-grup-bg2.svg");background-size: 250px 156px;background-repeat: no-repeat; background-position:top center; -webkit-transform: scale(1.25);   -ms-transform: scale(1.25); -moz-transform: scale(1.25); }

.yonetim-img{margin:0 auto 24px;max-width: 600px;}
h2.yonetim-title-1,h3.yonetim-title-2,h4.yonetim-title-3{color: #0d638f;}
h4.yonetim-title-3{margin:16px 0;} 
.yonetim-aciklama-str{margin-bottom:24px;border-bottom: 1px solid #0d638f;padding-bottom: 24px;}
 .yonetim-aciklama-str:nth-child(2){border: none;}


.alt-adres-str{font:20px 'Roboto-Light';color: #fff;margin-bottom: 32px;margin-top: 24px;}
.alt-sosyal-box{width: 200px; height: 48px; float: right;}
.alt-sosyal-btn-box{width: 40px; height: 40px;margin-right: 40px;}
a.alt-sosyal-btn{width: 100%; height: 100%; display: block; color: #fff;}


.alt-sosyal-str{margin-bottom: 24px;}

.alt-menu-stn{width: 266px; min-height:255px;}

ul.alt-menu{list-style-type: none;color: #ddd;}
ul.alt-menu.medya-alt-menu{margin-top: 28px;}


ul.alt-menu li{font: 14px 'Montserrat-SemiBold';color: #fff;margin-bottom: 8px;}
ul.alt-menu li a{font: 13px 'Montserrat-Light';color: #fff;}
.alt-menu-title{margin-bottom: 10px !important;}
.alt-sol-stn{margin-top: 34px; margin-right: 36px; max-width: 754px;}

.alt-stn{width:auto;margin-right: 46px;}
.alt-sosyal-str{margin-bottom: 36px;}
.alt-iletisim-stn{width: 362px; }
.alt-logo-stn{width:362px;background: url("../pageFile/logo-alt.svg") no-repeat;background-size: 362px 78px;height: 78px;margin-right: 36px;margin-top:40px;}
 
.sosyal-text{font: 18px 'Akrobat-Regular'; color: #fff;margin-bottom: 16px;}
.sosyal-btn-link{width: auto; height: 30px;font-size: 30px;margin-right:10px; color: #fff;display: block;}

 
.text-link-1{color: #fff;}

 
.alt-google-play{width: 110px; height: auto;margin-top: 5px; }
.alt-uygulama-btn{width: 110px;height: 38px;background: url("../pageFile/google-apple.svg") no-repeat; background-size: 220px 38px; display: block;}
.alt-uygulama-btn.google-play{background-position: 0 0;margin-bottom: 5px;}
.alt-uygulama-btn.apple-btn{background-position: -110px 0;}
.alt-uygulama-btn a{width: 100%; height: 100%; display: block;}



.destek-google-play{width:230px; height: auto;margin-top: 5px;float: none;display: table; margin: 0 auto;}
.destek-uygulama-btn{width: 110px;height: 38px;background: url("../pageFile/destek-google-apple.svg") no-repeat; background-size: 220px 38px; display: block;}
.destek-uygulama-btn.google-play{background-position: 0 0;margin-bottom: 5px;margin-right: 10px;}
.destek-uygulama-btn.apple-btn{background-position: -110px 0;}
.destek-uygulama-btn a{width: 100%; height: 100%; display: block;}



.copyright-str{ font: 17px 'Akrobat-Regular'; color: #282828; }
.copyright-box{ line-height: 50px; }
.design-box{ width: 72px;background: url("../pageFile/dplogo.svg") no-repeat; background-size: 72px 50px;}
/*********************************************************************************************************************************************/
.ana-hd-driver-str{padding: 50px 0;}
.col-left.ana-hd-driver{width: 260px; height: 354px;margin-right: 60px; background: url("../pageFile/ucgen-bg.svg") no-repeat;background-size: 260px;margin-left: 200px;}
.col-right.ana-hd-driver{width: calc(100% - 520px)}
h1.ana-hd-driver-title{font:72px 'Akrobat-Black'; color: #005a9e;line-height: 60px;}
h2.ana-hd-driver-title-2{font: 26px 'Akrobat-ExtraLight';color: #04060a;letter-spacing:10px;margin-bottom: 24px;}
.driver-stn{width: 50%;}
.driver-stn:before{content:'';position: relative; float: left;width: 5px; height: 44px; background-color: #005a9e;margin-left:-12px;}
ul.urun-list{list-style-type: none;}
ul.urun-list li{font: 17px 'Akrobat-Black';}
ul.urun-list li span{font: 17px 'Akrobat-Light';}

.fnt-type-1{font:17px 'Akrobat-Regular';}
.color-type-2{color: #005a9e;}

.ana-driver-str{margin-top: 16px; margin-bottom: 24px;}
.btn-type-1{padding: 10px 24px;font: 17px 'Montserrat-Regular'; color: #426d67;text-align: center;border: 1px solid #426d67;display: block;width: 142px;float: none;display: table;margin: 0 auto;cursor: pointer;}
.btn-type-1:hover{background: #426d67;color: #fff;}
/*********************************************************************************************************************************************/

.ana-slogan-str{font:64px 'Akrobat-Light';color: #fff; padding: 64px 0;line-height: 56px;min-height: 240px;}
.ana-slogan-str span{font-family:'Akrobat-SemiBold';}
/*********************************************************************************************************************************************/
.ana-urun-grup-str{background-color: #dcdcdc;}
.ana-urun-str{margin:36px 0;}
.ana-urun-box{width:100%; min-height: auto;margin-right: 24px;}
h1.ana-urun-title{font: 32px 'Akrobat-Black';color: #505050;}
h2.ana-urun-title{font: 13px 'Akrobat-Regular';color: #505050;letter-spacing:5px;margin-bottom: 12px;}

.incele-str{background:url("../pageFile/incele-str-bg.svg") repeat-x center; background-size: 1px 1px;margin-bottom:36px;  }
.tumunu-incele{font:24px 'Akrobat-Regular'; background-color: #fff; color: #005a9e;border:1px solid #005a9e;text-align: center;padding: 5px 12px;display: block;margin: 0 auto;width: 210px;}
.ana-urun-btn{margin: 0 auto;}

/*********************************************************************************************************************************************/

.ana-sosyal-str{height: 160px; padding: 36px 0; background: url("../pageFile/ana-sosyal-bg.png") no-repeat top center; background-size: 2560px 160px; font: 38px Montserrat-Bold; color:rgba(116,81,29,.50);}

 .alt-sosyal-slogan{width: 60%;}

/***************/
  
 

 /*******************************************************************/
.ana-uclu-str{padding:60px 80px;}
.ana-uclu-box{ width:calc(33.33% - 38px); margin-right: 56px;}
.ana-uclu-box:nth-child(3n){margin-right: 0;}
.ana-uclu-title{font: 27px 'Montserrat-Regular'; color: #426d67; margin-bottom: 40px; display: table; height: 60px;}
.ana-uclu-title p{  display: table-cell; vertical-align: bottom;}
.ana-uclu-title::after{content: ''; position: absolute; left: 0;bottom: -13px;width: 68px; height: 4px; background-color: #fcb040;}
.ana-uclu-alt-alan{background-color: #f3f3f3; padding: 16px 24px; min-height: 158px;}
.ana-uclu-title-2{font: 18px 'Montserrat-Light'; color: #426d67; margin-bottom: 12px;}
.ana-uclu-title-2 span{ color: #323232;  }
.ana-uclu-aciklama{font: 15px 'Montserrat-Light'; color: #323232; text-align: left;}
.ana-uclu-link{ position: absolute; bottom: 0; right: 0; font: 13px 'Montserrat-Light'; color: #426d67; right: 24px ; bottom: 16px;}
/*********************************************************************************************************************/
 
/*********************************************************************************************************************************************/
.ana-arge-box{width:334px;height: auto;text-align: center;margin-right:30px;}
.imgBox.ana-arge-img{width: 100%;}
h1.ana-arge-title{font: 32px 'Akrobat-ExtraBold';color: #fff;}
.ana-arge-content{font: 17px 'Akrobat-Regular'; color: #fff;margin-bottom: 32px;}

 .btn-type-2{padding: 10px 24px;font: 17px 'Akrobat-Regular'; color: #fff;text-align: center;border: 1px solid #fff;display: block;width: 142px;margin: 0 auto;float: none;cursor: pointer;}
 .btn-type-2:hover{ color: #005a9e; background-color: #fff; }

 .btn-type-3{padding: 10px;font: 15px 'Akrobat-Regular'; background-color: #005a9e;  color: #fff;text-align: center;display: block;width: auto;margin: 0 auto;float: none;cursor: pointer;}
 .btn-type-3:hover{ color: #005a9e;background-color: #fff;  }


.ana-satis-tel{font:italic 24px 'Akrobat-Black'; color: #fff;margin: 12px 0;}
.ana-satis-tel span{font-family: 'Akrobat-Regular';}


.ebulten-form-box{margin: 0 auto;display: table;float: none;}

.ebulten-str{background-color: #426d67;padding:36px 0; text-align: center;}
.whatsapp-str{background-color: #005a9e;height: 110px;}


.ebulten-label{font: 18px Montserrat-Bold;letter-spacing: 3px; color: #fff;margin-bottom: 16px;line-height: 32px;height: auto;}
.ebulten-input{width:200px;margin-right:10px; }
.ebulten-input.adsoyad{width:260px;margin-right:10px; }
.ebulten-input.eposta{width:260px;margin-right:10px; }
.btn-ebulten{background-color: #fff; color: #005a9e;display: block;width:110px; height: 36px;}

.ebulten-ust-str{height: 36px;margin-bottom: 10px;padding: 0 28px;}

/****/
 .styled-checkbox.bulten-check {
display: none;
}
.styled-checkbox.bulten-check + label {
    position: relative;
}

label.checkbox.bulten-check{    margin: 0 8px 0 14px;
    line-height: 14px;font: 15px 'Akrobat-Regular';color: #fff;
    content: '';
    display: inline-block;}
 

.styled-checkbox.bulten-check + label:before,
.lt-ie8 .checkbox-replacement {
    content: '';
 
position: relative;
	float: left;
    left: 0;
    width: 24px;
    height: 22px;
    margin: 0 8px 0 -12px;
    line-height:24px;
    text-align: center;
    /* Put checkbox styles here: */
    border: 1px solid #fff;-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
 
}
.styled-checkbox:checked + label:before,
.lt-ie9 .styled-checkbox.checked + label:before {
    content: '✔';
	color: #fff;
 
}
/************************************/
.sepet-check{width: 22px;height: 22px;}
 
.col-left.sepet-stn,.col-right.sepet-stn{width: 50%;}

.sepet-stn{margin: 0 auto;float: none;display: table;width: 580px;}
.sepet-stn.btn-stn{width: 580px;}

.uye-giris-stn{width: 380px;margin: 0 auto;float: none;display: table;}
.uye-giris-stn.btn-stn{width: 380px;}
/**********************************************************************************************************************************/
.oneri-stn{width: 100%;max-width: 580px; margin: 0 auto;float: none;display: table;}
/*********************************************************************************************************************************************/
.ana-haber-str{padding: 50px 0;}
.ana-haber-box{width:100%;height: auto;text-align: left; }

.col-left.ana-haber{width: 40%;margin-right: 20px;}
.col-right.ana-haber{width:calc(60% - 20px); }

.imgBox.ana-haber-img{width: 100%;margin-bottom:10px;}
h1.ana-haber-title{font:24px 'Akrobat-Regular';color: #434343;}
.ana-haber-content{font: 17px 'Akrobat-Regular'; color: #434343;margin-bottom: 24px;}

 .btn-type-2{padding: 10px 24px;font: 17px 'Akrobat-Regular'; color: #fff;text-align: center;border: 1px solid #fff;display: block;width: 142px;margin: 0 auto;float: none;cursor: pointer;}
 .btn-type-2:hover{ color: #005a9e; background-color: #fff; }

 

/***********/


.galeri-box {width: 336px; height: 260px;margin-right:20px;margin-bottom: 20px;}
.galeri-box:nth-child(3n) {margin-right: 0;}
.galeri-box a { color: #000;}
.galeri-in-box{width: 100%; height: auto; }
.imgBox.galeri-img{width: 100%;height: auto;}
 
h5.galeri-baslik{height: 60px;font: 15px 'Montserrat-Light';display: table;}
h5.galeri-baslik p{ display: table-cell; vertical-align: middle;}
 

.galeri-hover{position: absolute;opacity: 0; width: 100%; height: 100%; background: url("../pageFile/galeri-hover-bg.svg") repeat;}

.galeri-hover .plus{width: 100%; height: 100%; position: absolute;   background: url("../pageFile/galeri-plus.svg") no-repeat center;background-size: 66px 66px;}
.galeri-box:hover>a .galeri-in-box .galeri-hover{opacity: 1;color: #474747;}
 

/*********************************************************************************************************************************/
.menu-baslik-bg{background: url("../pageFile/kurumsal-ust.png") no-repeat top center;height: 160px;margin-bottom: 36px;}
.menu-baslik-bg.urunler-bg{background: url("../pageFile/urunlerust.jpg") no-repeat top center; }
.menu-baslik-bg.teknik-destek-bg{background: url("../pageFile/teknikdestekBg.jpg") no-repeat top center; }
.menu-baslik-bg.haber-bg{background: url("../pageFile/haberBg.jpg") no-repeat top center; }
.menu-baslik-bg.iletisim-bg{background: url("../pageFile/iletisimBg.jpg") no-repeat top center; }
/*********************************************************************************************************************************/


.col-left.urun-detay-box{width:calc(56% - 66px); margin-right: 36px; margin-left: 30px;}
.col-right.urun-detay-box{width: 44%; }
.urun-detay-img{background: url("../pageFile/ucgen-bg.svg") no-repeat center;padding: 32px;}

h2.urun-detay-title{font: 32px 'Akrobat-Black';color:#405c58;}
h3.urun-detay-title-2{font: 22px 'Akrobat-Light'; color: #04060a; letter-spacing: 3px;margin-bottom: 24px;}
.urun-detay-content{font: 13px  'Montserrat-Light'; color: #405c58;margin-bottom: 54px; letter-spacing:1px;}
.urun-detay-tanitim-btn{font: 21px 'Akrobat-Black';color:#005a9e;line-height: 36px; padding-right: 16px;padding-bottom: 14px;}
.urun-detay-tanitim-icon{background: url("../pageFile/urun-detay-video-icon.svg") no-repeat right center;width: 40px; height: 36px; }

 
.urun-detay-big{ position: absolute; left: 0;z-index: 10;;width: 30px; height: 100%; background-color: #fcb040;}

.tanitim-btn-str{margin-bottom: 24px;}
.tanitim-btn-link{display:table; background-color: #405c58;color:#fff; font: 16px 'Montserrat-Regular'; padding:16px 16px; cursor: pointer;}






.teknik-ozellik-table th,td,tr{  font: 14px 'Montserrat-Light';}
.teknik-ozellik-table th {  background-color: #3e6159; color: #fff; }






/*********************************************************************************************************************************/
.input-sepet{width: 50px;margin-right: 16px; }
.input-sepet input[type="text"]{height: 40px;padding-left: 20px;}

.teklif-btn-str{border-top: 1px solid #ccc;}


 
 

/*********************************************************************************************************************************/
.menu-baslik-str{border-bottom: 1px solid #f89521; background: url("../pageFile/menu-baslik-bg.jpg") repeat; height: 36px;}
.menu-baslik-box{width: 33.33%;}
.menu-baslik-box-4{width: 25%;}
.menu-baslik-box-2{width: 50%;}
a.menu-baslik-link{ font:16px 'Roboto-Bold'; text-align: center;display:block;width: 100%; height: 36px;line-height: 36px;color: #000;}
a.menu-baslik-link:hover,.menu-baslik-link.secili{background-color: #f89521;color: #fff;   }

.soru-str{margin-bottom: 36px;}
h2.soru-baslik{font: 16px 'Roboto-Bold'; color: #474747;line-height: 53px;}
h2.soru-baslik::before{content: ''; background: url("../pageFile/icon-sorular.jpg") no-repeat;width: 53px; height: 53px; position: relative; float: left;margin-right: 10px;}

h2.soru-baslik::after{content: ''; background-color:#000;;width:calc(100% - 53px); height: 1px; position: absolute; bottom:0;left: 20px;}


h1.ust-genel-baslik{font: 40px 'Roboto-Bold'; color: #fff; text-align: right;margin-top: 170px;}


h2.genel-baslik{font: 18px 'Roboto-Medium'; color:#333;margin-bottom: 16px;}
.fa.kurumsal-icon{margin-right: 6px;font-size: 24px;}
.kurumsal-str{margin-bottom: 24px;}

 

h2.urun-detay-baslik{font: 22px 'Roboto-Bold';   border-bottom: 1px solid #ccc;
     
    margin-bottom: 16px;
    line-height: 36px;}
h3.urun-detay-baslik,h2.iletisim-baslik{font: 20px 'Roboto-Bold'; border-bottom: 1px solid #ccc;padding: 6px 0;margin-bottom: 24px;}
.urun-detay-str{margin-bottom: 24px;}

.icon {
  position: relative;
  overflow: hidden;
 
  display: inline-block;
  
 
 
}

 



.tabAlan{position: relative; float: left; width: 100%;min-height:250px; }
.tabAlan ul.tabmenu{position: relative;float: left;width: 100%;z-index: 8; height: auto;list-style-type: none;border-bottom: 1px solid #ccc; background-color: #f1f1f1;margin: 0 auto; margin-bottom: 24px;}




.tabAlan ul.tabmenu li{position: relative; float: left;width: 33.33%;}

.tabAlan ul.tabmenu li.sutun-4{width: 25% !important;}


.tabAlan ul.tabmenu li a{width:auto;padding: 10px; height: auto;font:12px 'Montserrat-Bold';line-height: 36px;color: #5f5e5e;text-align: center;text-decoration: none;display: block;}
.tabAlan ul.tabmenu li a.fiyat-list{    line-height: 18px;  color: #aaaaaa;}



.tabAlan ul.tabmenu li a:hover,ul.tabmenu li.secili a{ background-color: #fcb040;  }

.tabAlan ul.tabmenu li a:hover:after,ul.tabmenu li.secili a:after{
    content: '';
    position: absolute;left: 50%; margin-left: -5px;
    bottom: -17px;
    width: 0px;
    height: 7px;
    border-top: 10px solid #fcb040;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    }


 

 
/******************************************************************/
.tabAlan .detay-box{position: relative; float: left; width:100%;min-height:250px;padding-top: 24px; box-sizing: border-box;word-break: break-word; color: #000000;}

.tabAlan .detay-box{display: table; float: none;margin: 0 auto;width:100%;}


input[type="text"]:disabled {
  background: #fff;
}



/**
 * The "shine" element
 */

.icon:after {
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}

/* Hover state - trigger effect */

.icon:hover:after {
  opacity: 1;
  top: -30%;
  left: -30%;
  transition-property: left, top, opacity;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-timing-function: ease;
}

/* Active state */

.icon:active:after {
  opacity: 0;
}

 
 
/****************/

.video-box{width: calc(50% - 24px); margin-right: 24px;margin-bottom: 24px;}
.video-box:nth-child(2n){margin-right: 0;}
h3.video-baslik{font: 17px 'Akrobat-Regular'; height:36px;padding-top: 10px;}



.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0}
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%}

.iframe-container {position: relative;width: 100%;height: 100%;}



.referans-box {width: 196px; height: 196px;margin-right:20px;margin-bottom: 20px; border: 1px solid #ccc;}
  
.referans-box:nth-child(5n){margin-right: 0;}

 




.haber-ana-str{margin-top: 16px;margin-bottom: 30px;}
.haber-ana{width: 624px; height: 494px;padding: 20px; background: #fff;margin-right: 16px;}

.urun-grup-str-ana{padding-top: 32px; background: url("../pageFile/ana-grup-str-bg.jpg") no-repeat top center;min-height: 100px;}

.imgBox.ana-haber{width: 100%; height: auto;}
.mask-haberana{position: absolute;width: 100%; height: 100%;background: url("../images/page/mask-haberana.png") no-repeat top center ;background-size: contain;padding: 20px;}
.mask-haberana h1{font: 20px 'Montserrat-Light';color: #fff;}

 


.ana-kurumsal{height: 596px; background: url("../images/page/ana-kurumsalBg.png") no-repeat center;}

.ana-kurumsal-box{padding: 64px;height: 596px;}


.ana-kurumsal-box .left{width: 400px;height:100%;font: 54px 'Montserrat-Medium';color: #fff; display: table;margin-right: 54px;}
.ana-kurumsal-box .left .cell{display: table-cell;vertical-align: middle;}
.ana-kurumsal-box .left .cell span{font-family: 'Montserrat-Black';}

.ana-kurumsal-box .right{width: 480px;height:100%;font: 15px 'Montserrat-Light';color: #fff; display: table;}
.ana-kurumsal-box .right .cell{display: table-cell;vertical-align: middle;}
  
 

.altKisim{height: 393px; background: url("../images/page/altKisimBg.svg") no-repeat top center; background-size: 2560px 393px; }

.logo-alt{position: absolute;background: url("../images/page/altKisimLogo.svg") no-repeat top center;width: 246px; height: 346px;right: 0; top:12px;}

 .alt-adres-cont{width: 270px;height: 393px;font: 13px 'Montserrat-Light';color: #fff;display: table;margin-right:24px;}
.alt-adres-box{display: table-cell; vertical-align: middle;padding-left: 18px;}
.alt-adres-box h5{ font: 13px 'Montserrat-Bold';margin-bottom:10px; }

i.alt{position: absolute;width: 14px; height: 14px; left:-22px;}

i.alt.yer{  background: url("../pageFile/yerimi-ikon.svg") no-repeat;  }
i.alt.tel{  background: url("../pageFile/tel-ikon.svg") no-repeat;  }
/**********************************************************************************/
 


.menu-alt-diger{height: 232px; background: url("../images/page/diger-ust-bg.jpg") no-repeat top center;margin-top: -30px;}

.genel-orta-str{min-height: 600px;height: auto; font: 15px 'Montserrat-Light';padding-bottom: 32px;color: #737373;}
.genel-orta-box{margin-top: 32px;}


.genel-baslik{  height:160px;font:32px 'Montserrat-Light';color: #fff;letter-spacing: 8px; display: table;}
.genel-baslik p{display: table-cell; vertical-align: middle;}


.col-left.kurumsal-stn{width: 654px;margin-right: 60px;}
.col-right.kurumsal-stn{width: 348px;}


 
.col-left.kurumsal-stn-sol{width: 256px;margin-right: 90px;}
.col-right.kurumsal-stn-sol{width: 716px;padding-left: 36px; border-left: 1px solid #ccc;} 



ul.yan-menu-list{list-style-type: none;}
ul.yan-menu-list li{background:transparent;}
ul.yan-menu-list li::after{content: '';position: relative; float: left;width: 321px; height: 10px; background: url("../pageFile/yan-menu-golge.png") no-repeat;bottom: 0;}


ul.yan-menu-list li:hover:before,ul.yan-menu-list li.secili:before{content: '';background: url("../pageFile/yan-menu-sol.svg") no-repeat;width: 40px; height: 52px;left: -32px;position: absolute;}

ul.yan-menu-list li:hover,ul.yan-menu-list li.secili{background:url("../pageFile/yan-menu-cizgi.svg") no-repeat right center,#005a9e;background-size: 46px; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}
ul.yan-menu-list li a{font: 17px 'Akrobat-SemiBold';color: #737373;padding: 16px;display: block;text-align: right;padding-right: 60px;}
 
ul.yan-menu-list li:hover>a,ul.yan-menu-list li.secili>a{color: #fff;}

.yan-menu-btn-str{padding-right: 56px;}
.yan-menu-btn{height: auto;float: right !important;margin-bottom: 36px;}
.yan-menu-btn a{width: 100%; height: 100%; display: block;}
.yan-menu-btn-icon{width: 78px;height:78px; background: url("../pageFile/yan-video-icon.svg") no-repeat center;background-size: 72px;margin-bottom: 12px;}

.yan-menu-btn-icon.video-img{ background: url("../pageFile/yan-video-icon.svg") no-repeat center;background-size: 72px; }

.yan-menu-btn-icon.katalog-img{  background: url("../pageFile/yan-katalog-icon.svg") no-repeat center;background-size: 75px; }

 
/*******************************/
 
/*************/

  

/***********************/

/* Accordion Menu by www.menucool.com/vertical/accordion-menu*/

#accordion {
    visibility:hidden;
}

/* root UL */
#accordion ul {
    padding:0;
    margin:0;
    list-style:none;
}

/* sub UL */
#accordion ul ul {
    /*background:#f5f5f5;*/
    padding:0px 0;
}

/*---------- Indents ------*/

/*top-level*/
#accordion .top > a, #accordion .top > div { 
    padding-left:20px;
    padding-top:12px;padding-bottom:12px;
}

/*2nd-level*/
#accordion li li > a, #accordion li li > div {
    padding-left:30px;
    padding-top:8px;padding-bottom:8px;
}

/*3rd-level*/
#accordion li li li > a, #accordion li li li > div { padding-left:50px; }


/*---------- Other styles ------*/

/* headings */
#accordion li > div{
    font-family:'Lucida Grande', Geneva, Candara, Tahoma, sans-serif;
    font-weight:bold;
    font-size:large;
    color:black;
}
#accordion .active > div{
    color:#333;
}

#accordion li {
    font-family:Arial, sans-serif;
    font-size:13px;
	padding: 0;
    margin:0;
    overflow:hidden;
	cursor: pointer;
}

/* Add borders to the top LIs */
#accordion .top {
	/*border:1px solid #000;*/
}

/* No double borders between LIs*/
#accordion li.top + li.top {
    border-top:0;
}

/* links */
#accordion a {
    color:black;
    font-weight:normal;
    font-size:13px;
    text-decoration:none;
    display:block;
    line-height:1;
    transition:all 0.3s;
}
#accordion a:hover, #accordion a.active {
    background-color:#eee;/*#ffda3f;*/
}


/* carets */
#accordion div.caret {
    color:inherit;
    display:inline-block; 
    margin-top:3px;
    /*To place the caret on the right, set: float:right;margin-top:0;*/
    width: 0;
    height: 0;background:url("../pageFile/yan-menu-cizgi.svg") no-repeat right center,#005a9e;background-size: 46px; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
}


 

#accordion li {
    -ms-user-select:none;
    -mos-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
    user-select:none;
}


 
/********/

.text-type-1{font: 16px 'Akrobat-Regular';}
 


/*****************************************************************/
 
/********/
.row.iletisim-str{padding-bottom: 24px; margin-bottom: 24px;}
.iletisim-ic-str{margin-bottom: 26px;padding-bottom: 24px; border-bottom: 1px solid #ccc;}
.iletisim-map-str{margin: 28px 0; border: 1px solid #ccc; padding: 5px;}

.col-left.iletisim-stn{width: 50%;}
.col-right.iletisim-stn{width: 50%;height:230px;border: 1px solid #ccc; padding: 5px;}
.col-left.iletisim-form-stn{width:calc(50% - 12px);margin-right: 24px;}
.col-right.iletisim-form-stn{width: calc(50% - 12px);height:  auto;}



h3.iletisim-title{font: 17px 'Akrobat-Semibold'; color: #005a9e;margin-bottom: 24px;}
 h2.iletisim {
    font: 17px 'Akrobat-Bold';
    height:auto;
    line-height: 50px;
    color: #005a9e;
     border-bottom: 1px solid #005a9e;margin-bottom:24px;
}
ul.iletisim {
    list-style-type: none;
    margin-bottom: 12px
}
ul.iletisim li.iletisim {
    float: left;
    min-height: 20px;
    display: table
}
ul.iletisim li.iletisim p {
    display: table-cell;
    vertical-align: middle
}
 
ul.iletisim li.iletisim:nth-child(1) {
    width: 30px;
    margin-right: 24px;color: #005a9e;font-size: 20px;line-height: 20px;
}
ul.iletisim li.iletisim:nth-child(2) {
    width:calc(100% - 54px);
}
ul.iletisim li.iletisim a {
    display: block;
    font-family: 'Akrobat-Regular';
    color: #5b5b5b
}
.col.mapAlan-iletisim {
    width: 100%;
    height: 184px
}

textarea.ilet{height:84px;}
button.gonder{background-color: #005a9e;font: 18px 'Akrobat-Regular'; color: #fff; text-align: center;display: block;padding: 10px 16px;}
/*************************************************************************************************************************/
 

 
 
/*********************************/
.ekipResimIc,.fotoBtn{margin:0 auto;display: table;}
.ekipResimIc img{border-radius: 100%;-webkit-border-radius:100%;-moz-border-radius:100%;}
h1.isBasvuruForm {
    font: 17px 'Akrobat-Bold';
    color: #5a6771;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
    text-align: left;
    margin-bottom: 20px
}
label.btn-upload {
    position: relative;
    float: left;
    display: block;
    width: 100px;
    height: 27px;
    border: 1px solid #738b9e;
    background-color: #fff;
    z-index: 155;
    color: #333;
    line-height: 25px;
    text-align: center;
    font-weight: 700;
 
    top: 12px
}
.row.kisiselBilgi {
    margin-bottom: 42px
}
.col.inputDiv.resimAlti {
    margin-top: 15px
}
.inputDiv-2 {
    width: calc(50% - 6px);
    margin-right: 12px
}

.inputDiv-3 {
    width: calc(32% - 3px);
    margin-right: 12px
}

.inputDiv-4 {
    width: calc(25% - 3px);
    margin-right: 12px
}

.inputDiv-5 {
    width: calc(20% - 12px);
    margin-right: 12px
}

.inputDiv-6 {
    width: calc(16.66% - 12px);
    margin-right: 12px
}

select.form-2 {
    width: 50%;
    height: 42px;
    background-color: #f7f7f7;
    font: 13px Montserrat-Light;
    color: #a6a6a6;
    padding: 0 10px;
    background-size: 9px
}

label.cvfile input{position: absolute;left: -9999px;}

span.cvFile{position: absolute;right: 0;border: 1px solid #d2d2d2;text-align: center;width: 148px;height: 36px;background-color: #b31b27;color: #fff;line-height: 36px;cursor: pointer;}
span.cvName{position: absolute;width: calc(100% - 156px);height: 36px;border: 1px solid #e8e3df;line-height: 36px;padding-left: 10px;background-color: #fff;color: #232323;}




input[type="text"].isBasvuruForm, textarea.isBasvuruForm,#ikForm select {
    border: 1px solid #738b9e
}
label.isBasvuruForm {
    font: 16px 'Akrobat-Bold';
    color: #5a6771;
    line-height: 36px
}
label.cinsiyet {
    width: 130px
}
textarea.evAdresi {
    height: 108px
}
label.isBasvuruForm {
    margin-bottom: 0
}
.col.kisiBilgi-1 {
    width: 100%;
 
}
.col.kisiBilgi-2 {
    width: calc(50% - 4px);
    margin-right: 8px
}
.col.kisiBilgi-3 {
    width: calc(33.33% - 8px);
    margin-right: 8px
}
.col.egitimBilgi-5 {
    width: calc(20% - 8px);
    margin-right: 10px
}
.col.dilBilgi-4 {
    width: calc(25% - 10px);
    margin-right: 10px
}
.col.programBilgi-3 {
    width: calc(30% - 5px);
    margin-right: 10px
}
.col.programBilgi-7 {
    width: calc(70% - 5px);
    margin-right: 10px
}
.col-1 {
    width: 8.333333%
}
.col-2 {
    width: 16.666666%
}
.col-3 {
    width: 24.999999%
}
.col-4 {
    width: 33.333332%
}
.col-5 {
    width: 41.666665%
}
.col-6 {
    width: 49.999998%
}
.col-7 {
    width: 58.333331%
}
.col-8 {
    width: 66.666664%
}
.col-9 {
    width: 74.999997%
}
.col-10 {
    width: 83.333333%
}
.col-11 {
    width: 91.666663%
}


.col-12 {
    width: 99.999996%
}
.col.dilBilgi {
    width: 194px;
    margin-right: 12px
}
.col.dilDerece {
    width: 386px
}
.col.inputDiv {
    margin-bottom: 0
}
.col.dil-derece {
    top: 9px
}
.col.isDeneyim-2 {
    width: calc(17% - 9px)
}
.col.referans-4 {
    width: calc(25% - 8px);
    margin-right: 8px
}
.col.ikDigerBilgi-4 {
    width: calc(40% - 8px);
    margin-right: 8px
}
.col.ikDigerBilgi-6 {
    width: calc(60% - 8px)
}
.col.ikDigerBilgi-3 {
    width: calc(33.33% - 8px);
    margin-right: 8px
}
.mr-8 {
    margin-right: 8px!important
}
.label-derece {
    width: 90px;
    padding-left: 15px
}
.col.bilgisayarBilgi {
    width: 410px
}
.col.isDeneyim {
    width: 128px;
    margin-right: 9px
}
.col.inputDiv.tamamlayiciBilgiler {
    border-bottom: 1px solid #ccc;
    line-height: 42px
}
label.tamamlayiciBilgi {
    width: 264px
}
.label-tamamlayici {
    width: 110px
}
.row.buton-aciklama {
    height: auto;

    margin-bottom: 12px;
}
.col.buton-aciklama {
    width: 100%;
    margin-right: 24px;
    height: auto;
}
.col.buton-isBasvuru {
    width: 204px
}
button.isBasvuru {
    font: 15px 'Montserrat-Bold';
    background-color: #b31b27;
    height: 44px;
    padding: 0 14px;color: #fff;
    border: 1px solid #b31b27
}
button.isBasvuru:hover {
    background-color: #fff;
    color: #b31b27;
}
.label-cinsiyet {
    padding-left: 20px!important;
    padding-right: 12px!important
}
.col.cinsiyetMargin {
    margin-top: 9px
}
 
  .col.inputDiv{margin-bottom: 12px;}
/*****************************************************/
 
 
/************************************************************************/
.mobil-uye-arama-stn{display: table;margin: 0 auto; float: none;margin-bottom: 24px;}
.mobil-dil-stn{margin-right: 15px;}
g,svg g path,polygon,polyline{fill:#687276;cursor: pointer;}
 g:hover>path{fill:#009bb7;}
g.secili>path{fill:#009bb7;}
 g:hover>polygon,rect,polyline{fill:#009bb7;}
 g.secili>polygon,rect,polyline{fill:#009bb7;}
g.sehir-isim path,g.sehir-isim path:hover{fill: #fff; }
 /**************************/
    .mobil-logo{background: url("../pageFile/logo.svg") center no-repeat; height:90px;background-size: 264px;}
.middle-cell{display: table-cell;    vertical-align: middle;   }
.table-kulup{display: table; width: 100%; height: 100%;}
.transition-200{    -webkit-transition: all 200ms ease-in;      -ms-transition: all 200ms ease-in;        -moz-transition: all 200ms ease-in;    transition: all 200ms ease-in;}

a.link-fff{color:#fff;}

.col-left.kurumsal{width:calc( 50% - 36px);margin-right: 36px;}
.col-right.kurumsal{width: 50%; }

/**************************************************************/
.col-left.musteri-bilgi-stn{width:calc( 50% - 36px);margin-right: 36px;}
.col-right.musteri-bilgi-stn{width: 50%; }
textarea.musteri-bilgi-adres{height: 120px;}
/***************************************************************/
.belge-item{width:224px;height: auto;margin-right: 18px;margin-bottom: 18px;}
.imgBox.belge-img{width: 100%;margin-bottom: 5px;}
h1.belge-title{font: 16px 'Akrobat-Regular';color: #737373; text-align: center;}
/***************************************************************/
.imgBox{width: 100%;height:auto;}
.imgBox.img-kurumsal{margin-bottom: 24px;}
.mr-15{margin-right: 15px;}
.mr-10{margin-right: 10px;}
.mr-0{margin-right: 0 !important;}
.mb-0{margin-bottom: 0 !important;}
.text-center{text-align: center !important;}
.text-right{text-align: right !important;}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

@media (min-width: 1367px)
{    	.ust-header-str{min-height: 530px;}
  
     
       .mobil-header{display: none !important;}
      .mobil-banner{display: none !important;}
 body{min-width: 100%;background: #fff;}
    .container{padding: 0 15px; width: 100%;max-width:768px;}
    
    .grup-ust{font-size: 20px;bottom: 0;padding: 32px;}
    
    .giris-ikon-box{background-size: 46%;height: 109px;}
    .giris-logo{width: 220px;height: 204px;position: absolute; left: 50%; margin-left: -110px; margin-top: -102px; top:50%;background: url("../pageFile/giris-logo.png") no-repeat top center; background-size: contain; z-index: 5;}
.giris-sol,.giris-sag{width: 100%; height: 50vh; background-size: cover; }
.giris-sol{background-image: url("../pageFile/menu-giris-bg.jpg");}
.giris-sag{background-image: url("../pageFile/paket-giris-bg.jpg");}

.giris-metin-box{position:absolute;width: 100%; height:auto;top: 18%; margin-top: -46px;}
.giris-metin-box.paket-box{ top: 41% !important;}
    
    
    
.giris-metin{font: 36px 'BebasNeue-Bold'; color: #fff;text-align: center;transition: all 0.2s linear;    -webkit-transition: all 0.2s linear;}
.giris-btn{background-color: #ffa200;font: 30px 'BebasNeue-Bold';color: #fff;padding: 8px 12px 0; float: none; display: table; margin:0 auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;transition: all 0.2s linear;    -webkit-transition: all 0.2s linear;}

.giris-btn:hover{background-color: #fff; ;color: #52cad6; }
    
    
    .anket-emoji-box{width: 33.33%;margin-right: 0;}
    
    
    .ust-str{height: 180px; }
   
    
	
	.ust-header-stn{display: flex; flex-direction: row; justify-content: space-between;margin-top: 15px; position: relative; z-index: 999999;}
	.ust-header-sol-stn{ }
	.ust-header-logo-stn{display: flex; flex-direction: column;align-items: center;}
	.ust-header-logo-box{width: 240px;z-index: 999999;}
	.ust-header-sag-stn{ }
	
	.ust-header-logo-title{font: 17px 'ProximaNova-Extrabold'; color: #fff; height: 50px; display: flex; justify-content: center; align-items: center;}
	
	
	.garson-cagir-btn{background-color: #d1a24a; font: 12px 'ProximaNova-ExtraBold'; color: #fff;height: 44px; width: 116px; padding: 0 8px;display: flex;align-items: center;justify-content: center;}
	.garson-cagir-btn i{font-size: 16px;}
	
	.garson-cagir-btn.active{background-color: #4dad44;}
	
	
	
	.menu-ust-genel-title{height: 44px; display: flex; justify-content: center; align-items: center;font: 22px 'ProximaNova-ExtraBold';color: #d1a24a;text-align: center;}
	.menu-ust-genel-title i{font-size: 12px;}
	
	.menu-grup-stn{display: flex;flex-wrap: wrap;}
	.menu-grup-btn{background-color: #29282a; border: 1px solid #4f4e50;    font: 13px 'ProximaNova-ExtraBold';    color: #fff;    height: 44px;    width: calc(33.33% - 8px);margin-right: 12px;margin-bottom: 12px;;    padding: 0 8px;    display: flex;   align-items: center;    justify-content: center;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
	
	.menu-grup-btn:hover,.menu-grup-btn.secili{background-color: #d1a24a;border: 1px solid #d1a24a;}

	.menu-grup-btn:nth-child(3n){margin-right: 0}
	.menu-liste-str{width:calc(50% - 12px);margin-right: 24px; margin-bottom: 24px;padding-bottom: 24px; border-bottom: 1px solid #d1a24a;}
	.menu-liste-str:nth-child(2n){margin-right: 0;}
	.menu-liste-stn{display: flex;}
	.menu-liste-sol-stn{width:calc(50% - 8px);margin-right: 16px;}
	.menu-liste-sag-stn{width:calc(50% - 8px);}
	
	.menu-liste-img{border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
	.menu-liste-title{font: 17px 'ProximaNova-ExtraBold'; color: #fff;}
	.menu-liste-yildiz-box{margin-bottom: 8px;}
	.menu-liste-yildiz-box i{font-size: 8px;color: #fff;}
	.menu-liste-aciklama{font: 12px 'ProximaNova-Regular'; color: #fff;margin-bottom: 12px;}
	.menu-liste-fiyat{font: 17px 'ProximaNova-ExtraBold'; color: #d1a24a;}
	
	
	
	
	.menu-detay-str{margin:24px 0;}
	.menu-detay-stn{display: flex; flex-direction: row;}
	
	.menu-detay-sol-stn{width:calc(50% - 12px);margin-right: 24px;}
	.menu-detay-sag-stn{width:calc(50% - 12px);}
	
	.menu-detay-img{border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;}
	.menu-detay-title-box{display: flex;justify-content: space-between;margin-top: 24px;}
	.menu-detay-title{font: 18px 'ProximaNova-Extrabold'; color: #fff;}
	.menu-detay-fiyat{font: 18px 'ProximaNova-Extrabold';color: #d1a24a;}
	.menu-detay-yildiz-box{margin-bottom: 8px;}
	.menu-detay-yildiz-box i{font-size: 8px;color: #fff;}
		.menu-detay-aciklama{font: 12px 'ProximaNova-Regular'; color: #fff;margin: 12px 0;}
	
	
	
	.menu-yorum-str{background-color: #cccccc;padding: 16px 30px 24px;}
	.menu-yorum-stn{display: flex; flex-direction: column; align-items: center;}
	.menu-yorum-icon{width: 36px;height: 32px;margin-bottom: 16px; background: url("../pageFile/yorum-icon.svg") no-repeat; background-size: 36px 32px;}
	.menu-yorum-title{font: 17px 'ProximaNova-ExtraBold'; color: #353535;margin-bottom: 10px;text-align: center;}
	.menu-yorum-aciklama{font: 14px 'ProximaNova-Regular'; color: #353535;margin-bottom: 10px;text-align: center;}
	.menu-yorum-text-box{height: 100px;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
	.menu-yorum-btn-box{display: flex; justify-content: center;margin-top: 16px;}
	.menu-yorum-btn{background-color: #353535; color: #d1a24a;width: 126px; height: 36px;font: 15px 'ProximaNova-ExtraBold';border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
	
	.menu-footer-str{}
	.menu-footer-stn{display: flex;flex-direction: row;}
	.menu-footer-sol-stn{width: 25%;}
	.menu-footer-sag-stn{width: 25%;}
	.menu-footer-orta-stn{width:auto;display: flex; flex-direction: column;}
	.menu-footer-logo-alt-title{font: 12px 'ProximaNova-ExtraBold'; color: #fff; display: flex;justify-content: center; height: 24px; align-items: center;margin-bottom: 16px;}
	.menu-footer-copyright-box{}
	.menu-footer-copyright{margin-bottom: 16px; display: flex; flex-direction: column; align-items: center;font: 12px 'ProximaNova-ExtraBold';color: #d1a24a; }
	.menu-footer-copyright span{font: 9px 'ProximaNova-Regular';color: #fff; }
	
	
    .alt-str{height: auto;}
 
    .alt-orta-stn,.alt-sag-stn{width: 100%;height: auto;}
    .alt-tel-box{margin:0 auto;float: none;}
    .alt-orta-stn{padding:  0 0 90px;}
     /****************/
    .logo-stn{width: 100%;}
    .alt-sag-stn{margin-bottom: 36px;}
    
    
    
    

    .yemek-detay-sol-stn,.yemek-detay-sag-stn{width: 100%; padding: 0;}
      .yemek-liste-sol-stn,.yemek-liste-sag-stn{width: 100%; padding: 0;}
        .yemek-liste-sol-stn{margin-bottom: 24px; }
.grup-box{width: calc(50% - 12px); margin-right: 24px;margin-bottom: 24px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.grup-box:nth-child(2n){margin-right: 0;}    
    
    .yemek-box{width: calc(50% - 10px); min-height: 300px;}
    .yemek-box:nth-child(2n){margin-right: 0;}
    .alt-orta-stn{padding: 0 0 24px;}
    .alt-logo{display: none;}
    
 /****************/
    .overlay6-content,.overlay7-content{width: 90%;}
     /****************/
   
    
 
    
    
 
    .menu-ust-str{display: none;}
 
 
    /**************mobil**********************************************/
    .overlay-content{width: 86%;}
    .overlay input[type="text"]{width: 80%;}
    
    .overlay2-content{width: 90%;}
    .uye-giris-stn{width: 100%;}
    
    .overlay3-content{width: 90%;}
    
    /**********************************************************/
 
    /******************/
    
 
    
    
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:6px !important;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:6px !important;}
    .swiper-button-next, .swiper-button-prev{margin-top: 38% !important; top: 100% !important;}
    
 
    .mobil-header{display: block !important;}
    .desk-header{display: none;}
    .mobil-banner{display: block !important;}
    .desk-banner{display: none;}
    
    
    
    
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-prev2, .swiper-container-rtl .swiper-button-next2{left: 0 !important; top: inherit !important;bottom: 38px;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-button-next2, .swiper-container-rtl .swiper-button-prev2{right: 0 !important; top: inherit !important;bottom: 38px;}
 
 
 

.logo-alt{position: absolute;background: url("../images/page/altKisimLogo.svg") no-repeat top center;width: 246px; height: 346px;left: 50%;margin-left: -123px; top:12px;}
}




@media (min-width: 1281px) and (max-width: 1366px) 
{
       
 body{min-width: 100%;background: #fff;}
    .container{padding: 0 15px; width: 100%;max-width: 768px;}
        	.ust-header-str{min-height: 530px;}
    .grup-ust{font-size: 20px;bottom: 0;}
    
    .giris-ikon-box{background-size: 46%;height: 109px;}
    .giris-logo{width: 220px;height: 204px;position: absolute; left: 50%; margin-left: -110px; margin-top: -102px; top:50%;background: url("../pageFile/giris-logo.png") no-repeat top center; background-size: contain; z-index: 5;}
.giris-sol,.giris-sag{width: 100%; height: 50vh; background-size: cover; }
.giris-sol{background-image: url("../pageFile/menu-giris-bg.jpg");}
.giris-sag{background-image: url("../pageFile/paket-giris-bg.jpg");}

.giris-metin-box{position:absolute;width: 100%; height:auto;top: 18%; margin-top: -46px;}
.giris-metin-box.paket-box{ top: 41% !important;}
    
    
    
.giris-metin{font: 36px 'BebasNeue-Bold'; color: #fff;text-align: center;transition: all 0.2s linear;    -webkit-transition: all 0.2s linear;}
.giris-btn{background-color: #ffa200;font: 30px 'BebasNeue-Bold';color: #fff;padding: 8px 12px 0; float: none; display: table; margin:0 auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;transition: all 0.2s linear;    -webkit-transition: all 0.2s linear;}

.giris-btn:hover{background-color: #fff; ;color: #52cad6; }
    
    
    .anket-emoji-box{width: 33.33%;margin-right: 0;}
    
    
    .ust-str{height: 180px; }
   
    
	
	.ust-header-stn{display: flex; flex-direction: row; justify-content: space-between;margin-top: 15px;position: relative;z-index: 999999;}
	.ust-header-sol-stn{ }
	.ust-header-logo-stn{display: flex; flex-direction: column;align-items: center;}
	.ust-header-logo-box{width: 240px;z-index: 999999;}
	.ust-header-sag-stn{ }
	
	.ust-header-logo-title{font: 17px 'ProximaNova-Extrabold'; color: #fff; height: 50px; display: flex; justify-content: center; align-items: center;}
	
	
	.garson-cagir-btn{background-color: #d1a24a; font: 12px 'ProximaNova-ExtraBold'; color: #fff;height: 44px; width: 116px; padding: 0 8px;display: flex;align-items: center;justify-content: center;}
	.garson-cagir-btn i{font-size: 16px;}
	.garson-cagir-btn.active{background-color: #4dad44;}
	
	.menu-ust-genel-title{height: 44px; display: flex; justify-content: center; align-items: center;font: 22px 'ProximaNova-ExtraBold';color: #d1a24a;text-align: center;}
	.menu-ust-genel-title i{font-size: 12px;}
	
	.menu-grup-stn{display: flex;flex-wrap: wrap;}
	.menu-grup-btn{background-color: #29282a; border: 1px solid #4f4e50;    font: 13px 'ProximaNova-ExtraBold';    color: #fff;    height: 44px;    width: calc(33.33% - 8px);margin-right: 12px;margin-bottom: 12px;;    padding: 0 8px;    display: flex;   align-items: center;    justify-content: center;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
	
	.menu-grup-btn:hover,.menu-grup-btn.secili{background-color: #d1a24a;border: 1px solid #d1a24a;}

	.menu-grup-btn:nth-child(3n){margin-right: 0}
	.menu-liste-str{width:calc(50% - 12px);margin-right: 24px; margin-bottom: 24px;padding-bottom: 24px; border-bottom: 1px solid #d1a24a;}
	.menu-liste-str:nth-child(2n){margin-right: 0;}
	.menu-liste-stn{display: flex;}
	.menu-liste-sol-stn{width:calc(50% - 8px);margin-right: 16px;}
	.menu-liste-sag-stn{width:calc(50% - 8px);}
	
	.menu-liste-img{border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
	.menu-liste-title{font: 17px 'ProximaNova-ExtraBold'; color: #fff;}
	.menu-liste-yildiz-box{margin-bottom: 8px;}
	.menu-liste-yildiz-box i{font-size: 8px;color: #fff;}
	.menu-liste-aciklama{font: 12px 'ProximaNova-Regular'; color: #fff;margin-bottom: 12px;}
	.menu-liste-fiyat{font: 17px 'ProximaNova-ExtraBold'; color: #d1a24a;}
	
	
	
	
	.menu-detay-str{margin:24px 0;}
	.menu-detay-stn{display: flex; flex-direction: row;}
	
	.menu-detay-sol-stn{width:calc(50% - 12px);margin-right: 24px;}
	.menu-detay-sag-stn{width:calc(50% - 12px);}
	
	.menu-detay-img{border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;}
	.menu-detay-title-box{display: flex;justify-content: space-between;margin-top: 24px;}
	.menu-detay-title{font: 18px 'ProximaNova-Extrabold'; color: #fff;}
	.menu-detay-fiyat{font: 18px 'ProximaNova-Extrabold';color: #d1a24a;}
	.menu-detay-yildiz-box{margin-bottom: 8px;}
	.menu-detay-yildiz-box i{font-size: 8px;color: #fff;}
		.menu-detay-aciklama{font: 12px 'ProximaNova-Regular'; color: #fff;margin: 12px 0;}
	
	
	
	.menu-yorum-str{background-color: #cccccc;padding: 16px 30px 24px;}
	.menu-yorum-stn{display: flex; flex-direction: column; align-items: center;}
	.menu-yorum-icon{width: 36px;height: 32px;margin-bottom: 16px; background: url("../pageFile/yorum-icon.svg") no-repeat; background-size: 36px 32px;}
	.menu-yorum-title{font: 17px 'ProximaNova-ExtraBold'; color: #353535;margin-bottom: 10px;text-align: center;}
	.menu-yorum-aciklama{font: 14px 'ProximaNova-Regular'; color: #353535;margin-bottom: 10px;text-align: center;}
	.menu-yorum-text-box{height: 100px;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
	.menu-yorum-btn-box{display: flex; justify-content: center;margin-top: 16px;}
	.menu-yorum-btn{background-color: #353535; color: #d1a24a;width: 126px; height: 36px;font: 15px 'ProximaNova-ExtraBold';border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
	
	.menu-footer-str{}
	.menu-footer-stn{display: flex;flex-direction: row;}
	.menu-footer-sol-stn{width: 25%;}
	.menu-footer-sag-stn{width: 25%;}
	.menu-footer-orta-stn{width:auto;display: flex; flex-direction: column;}
	.menu-footer-logo-alt-title{font: 12px 'ProximaNova-ExtraBold'; color: #fff; display: flex;justify-content: center; height: 24px; align-items: center;margin-bottom: 16px;}
	.menu-footer-copyright-box{}
	.menu-footer-copyright{margin-bottom: 16px; display: flex; flex-direction: column; align-items: center;font: 12px 'ProximaNova-ExtraBold';color: #d1a24a; }
	.menu-footer-copyright span{font: 9px 'ProximaNova-Regular';color: #fff; }
	
	
    .alt-str{height: auto;}
 
    .alt-orta-stn,.alt-sag-stn{width: 100%;height: auto;}
    .alt-tel-box{margin:0 auto;float: none;}
    .alt-orta-stn{padding:  0 0 90px;}
     /****************/
    .logo-stn{width: 100%;}
    .alt-sag-stn{margin-bottom: 36px;}
    
    
    
    

    .yemek-detay-sol-stn,.yemek-detay-sag-stn{width: 100%; padding: 0;}
      .yemek-liste-sol-stn,.yemek-liste-sag-stn{width: 100%; padding: 0;}
        .yemek-liste-sol-stn{margin-bottom: 24px; }
.grup-box{width: calc(50% - 12px); margin-right: 24px;margin-bottom: 24px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.grup-box:nth-child(2n){margin-right: 0;}    
    
    .yemek-box{width: calc(50% - 10px); min-height: 300px;}
    .yemek-box:nth-child(2n){margin-right: 0;}
    .alt-orta-stn{padding: 0 0 24px;}
    .alt-logo{display: none;}
    
 /****************/
    .overlay6-content,.overlay7-content{width: 90%;}
     /****************/
   
    
 
    
    
 
    .menu-ust-str{display: none;}
 
 
    /**************mobil**********************************************/
    .overlay-content{width: 86%;}
    .overlay input[type="text"]{width: 80%;}
    
    .overlay2-content{width: 90%;}
    .uye-giris-stn{width: 100%;}
    
    .overlay3-content{width: 90%;}
    
    /**********************************************************/
 
    /******************/
    
 
    
    
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:6px !important;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:6px !important;}
    .swiper-button-next, .swiper-button-prev{margin-top: 38% !important; top: 100% !important;}
    
 
    .mobil-header{display: block !important;}
    .desk-header{display: none;}
    .mobil-banner{display: block !important;}
    .desk-banner{display: none;}
    
    
    
    
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-prev2, .swiper-container-rtl .swiper-button-next2{left: 0 !important; top: inherit !important;bottom: 38px;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-button-next2, .swiper-container-rtl .swiper-button-prev2{right: 0 !important; top: inherit !important;bottom: 38px;}
 
 
 

.logo-alt{position: absolute;background: url("../images/page/altKisimLogo.svg") no-repeat top center;width: 246px; height: 346px;left: 50%;margin-left: -123px; top:12px;}
    
    
}
 
 

@media (min-width: 1025px) and (max-width: 1280px) 
{
       .mobil-header{display: none !important;}
       .mobil-banner{display: none !important;}
    
        	.ust-header-str{min-height: 530px;}
 body{min-width: 100%;background: #fff;}
    .container{padding: 0 15px; width: 100%;max-width: 768px;}
    
    .grup-ust{font-size: 20px;bottom: 0;}
    
    .giris-ikon-box{background-size: 46%;height: 109px;}
    .giris-logo{width: 220px;height: 204px;position: absolute; left: 50%; margin-left: -110px; margin-top: -102px; top:50%;background: url("../pageFile/giris-logo.png") no-repeat top center; background-size: contain; z-index: 5;}
.giris-sol,.giris-sag{width: 100%; height: 50vh; background-size: cover; }
.giris-sol{background-image: url("../pageFile/menu-giris-bg.jpg");}
.giris-sag{background-image: url("../pageFile/paket-giris-bg.jpg");}

.giris-metin-box{position:absolute;width: 100%; height:auto;top: 18%; margin-top: -46px;}
.giris-metin-box.paket-box{ top: 41% !important;}
    
    
    
.giris-metin{font: 36px 'BebasNeue-Bold'; color: #fff;text-align: center;transition: all 0.2s linear;    -webkit-transition: all 0.2s linear;}
.giris-btn{background-color: #ffa200;font: 30px 'BebasNeue-Bold';color: #fff;padding: 8px 12px 0; float: none; display: table; margin:0 auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;transition: all 0.2s linear;    -webkit-transition: all 0.2s linear;}

.giris-btn:hover{background-color: #fff; ;color: #52cad6; }
    
    
    .anket-emoji-box{width: 33.33%;margin-right: 0;}
    
    
    .ust-str{height: 180px; }
   
    
	
	.ust-header-stn{display: flex; flex-direction: row; justify-content: space-between;margin-top: 15px;position: relative;z-index: 999999;}
	.ust-header-sol-stn{ }
	.ust-header-logo-stn{display: flex; flex-direction: column;align-items: center;}
	.ust-header-logo-box{width: 240px;z-index: 999999;}
	.ust-header-sag-stn{ }
	
	.ust-header-logo-title{font: 17px 'ProximaNova-Extrabold'; color: #fff; height: 50px; display: flex; justify-content: center; align-items: center;}
	
	
	.garson-cagir-btn{background-color: #d1a24a; font: 12px 'ProximaNova-ExtraBold'; color: #fff;height: 44px; width: 116px; padding: 0 8px;display: flex;align-items: center;justify-content: center;}
	.garson-cagir-btn i{font-size: 16px;}
	.garson-cagir-btn.active{background-color: #4dad44;}
	
	.menu-ust-genel-title{height: 44px; display: flex; justify-content: center; align-items: center;font: 22px 'ProximaNova-ExtraBold';color: #d1a24a;text-align: center;}
	.menu-ust-genel-title i{font-size: 12px;}
	
	.menu-grup-stn{display: flex;flex-wrap: wrap;}
	.menu-grup-btn{background-color: #29282a; border: 1px solid #4f4e50;    font: 13px 'ProximaNova-ExtraBold';    color: #fff;    height: 44px;    width: calc(33.33% - 8px);margin-right: 12px;margin-bottom: 12px;;    padding: 0 8px;    display: flex;   align-items: center;    justify-content: center;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
	
	.menu-grup-btn:hover,.menu-grup-btn.secili{background-color: #d1a24a;border: 1px solid #d1a24a;}

	.menu-grup-btn:nth-child(3n){margin-right: 0}
	.menu-liste-str{width:calc(50% - 12px);margin-right: 24px; margin-bottom: 24px;padding-bottom: 24px; border-bottom: 1px solid #d1a24a;}
	.menu-liste-str:nth-child(2n){margin-right: 0;}
	.menu-liste-stn{display: flex;}
	.menu-liste-sol-stn{width:calc(50% - 8px);margin-right: 16px;}
	.menu-liste-sag-stn{width:calc(50% - 8px);}
	
	.menu-liste-img{border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
	.menu-liste-title{font: 17px 'ProximaNova-ExtraBold'; color: #fff;}
	.menu-liste-yildiz-box{margin-bottom: 8px;}
	.menu-liste-yildiz-box i{font-size: 8px;color: #fff;}
	.menu-liste-aciklama{font: 12px 'ProximaNova-Regular'; color: #fff;margin-bottom: 12px;}
	.menu-liste-fiyat{font: 17px 'ProximaNova-ExtraBold'; color: #d1a24a;}
	
	
	
	
	.menu-detay-str{margin:24px 0;}
	.menu-detay-stn{display: flex; flex-direction: row;}
	
	.menu-detay-sol-stn{width:calc(50% - 12px);margin-right: 24px;}
	.menu-detay-sag-stn{width:calc(50% - 12px);}
	
	.menu-detay-img{border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;}
	.menu-detay-title-box{display: flex;justify-content: space-between;margin-top: 24px;}
	.menu-detay-title{font: 18px 'ProximaNova-Extrabold'; color: #fff;}
	.menu-detay-fiyat{font: 18px 'ProximaNova-Extrabold';color: #d1a24a;}
	.menu-detay-yildiz-box{margin-bottom: 8px;}
	.menu-detay-yildiz-box i{font-size: 8px;color: #fff;}
		.menu-detay-aciklama{font: 12px 'ProximaNova-Regular'; color: #fff;margin: 12px 0;}
	
	
	
	.menu-yorum-str{background-color: #cccccc;padding: 16px 30px 24px;}
	.menu-yorum-stn{display: flex; flex-direction: column; align-items: center;}
	.menu-yorum-icon{width: 36px;height: 32px;margin-bottom: 16px; background: url("../pageFile/yorum-icon.svg") no-repeat; background-size: 36px 32px;}
	.menu-yorum-title{font: 17px 'ProximaNova-ExtraBold'; color: #353535;margin-bottom: 10px;text-align: center;}
	.menu-yorum-aciklama{font: 14px 'ProximaNova-Regular'; color: #353535;margin-bottom: 10px;text-align: center;}
	.menu-yorum-text-box{height: 100px;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
	.menu-yorum-btn-box{display: flex; justify-content: center;margin-top: 16px;}
	.menu-yorum-btn{background-color: #353535; color: #d1a24a;width: 126px; height: 36px;font: 15px 'ProximaNova-ExtraBold';border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
	
	.menu-footer-str{}
	.menu-footer-stn{display: flex;flex-direction: row;}
	.menu-footer-sol-stn{width: 25%;}
	.menu-footer-sag-stn{width: 25%;}
	.menu-footer-orta-stn{width:auto;display: flex; flex-direction: column;}
	.menu-footer-logo-alt-title{font: 12px 'ProximaNova-ExtraBold'; color: #fff; display: flex;justify-content: center; height: 24px; align-items: center;margin-bottom: 16px;}
	.menu-footer-copyright-box{}
	.menu-footer-copyright{margin-bottom: 16px; display: flex; flex-direction: column; align-items: center;font: 12px 'ProximaNova-ExtraBold';color: #d1a24a; }
	.menu-footer-copyright span{font: 9px 'ProximaNova-Regular';color: #fff; }
	
	
    .alt-str{height: auto;}
 
    .alt-orta-stn,.alt-sag-stn{width: 100%;height: auto;}
    .alt-tel-box{margin:0 auto;float: none;}
    .alt-orta-stn{padding:  0 0 90px;}
     /****************/
    .logo-stn{width: 100%;}
    .alt-sag-stn{margin-bottom: 36px;}
    
    
    
    

    .yemek-detay-sol-stn,.yemek-detay-sag-stn{width: 100%; padding: 0;}
      .yemek-liste-sol-stn,.yemek-liste-sag-stn{width: 100%; padding: 0;}
        .yemek-liste-sol-stn{margin-bottom: 24px; }
.grup-box{width: calc(50% - 12px); margin-right: 24px;margin-bottom: 24px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.grup-box:nth-child(2n){margin-right: 0;}    
    
    .yemek-box{width: calc(50% - 10px); min-height: 300px;}
    .yemek-box:nth-child(2n){margin-right: 0;}
    .alt-orta-stn{padding: 0 0 24px;}
    .alt-logo{display: none;}
    
 /****************/
    .overlay6-content,.overlay7-content{width: 90%;}
     /****************/
   
    
 
    
    
 
    .menu-ust-str{display: none;}
 
 
    /**************mobil**********************************************/
    .overlay-content{width: 86%;}
    .overlay input[type="text"]{width: 80%;}
    
    .overlay2-content{width: 90%;}
    .uye-giris-stn{width: 100%;}
    
    .overlay3-content{width: 90%;}
    
    /**********************************************************/
 
    /******************/
    
 
    
    
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:6px !important;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:6px !important;}
    .swiper-button-next, .swiper-button-prev{margin-top: 38% !important; top: 100% !important;}
    
 
    .mobil-header{display: block !important;}
    .desk-header{display: none;}
    .mobil-banner{display: block !important;}
    .desk-banner{display: none;}
    
    
    
    
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-prev2, .swiper-container-rtl .swiper-button-next2{left: 0 !important; top: inherit !important;bottom: 38px;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-button-next2, .swiper-container-rtl .swiper-button-prev2{right: 0 !important; top: inherit !important;bottom: 38px;}
 
 
 

.logo-alt{position: absolute;background: url("../images/page/altKisimLogo.svg") no-repeat top center;width: 246px; height: 346px;left: 50%;margin-left: -123px; top:12px;}
    
    
}
 
@media (min-width: 901px) and (max-width: 1024px) 
{  
	
	body{min-width: 100%;background: #fff;}
    .container{padding: 0 15px; width: 100%;max-width:768px;}
    	.ust-header-str{min-height: 530px;}
    .grup-ust{font-size: 20px;bottom: 0;}
    
    .giris-ikon-box{background-size: 46%;height: 109px;}
    .giris-logo{width: 220px;height: 204px;position: absolute; left: 50%; margin-left: -110px; margin-top: -102px; top:50%;background: url("../pageFile/giris-logo.png") no-repeat top center; background-size: contain; z-index: 5;}
.giris-sol,.giris-sag{width: 100%; height: 50vh; background-size: cover; }
.giris-sol{background-image: url("../pageFile/menu-giris-bg.jpg");}
.giris-sag{background-image: url("../pageFile/paket-giris-bg.jpg");}

.giris-metin-box{position:absolute;width: 100%; height:auto;top: 18%; margin-top: -46px;}
.giris-metin-box.paket-box{ top: 41% !important;}
    
    
    
.giris-metin{font: 36px 'BebasNeue-Bold'; color: #fff;text-align: center;transition: all 0.2s linear;    -webkit-transition: all 0.2s linear;}
.giris-btn{background-color: #ffa200;font: 30px 'BebasNeue-Bold';color: #fff;padding: 8px 12px 0; float: none; display: table; margin:0 auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;transition: all 0.2s linear;    -webkit-transition: all 0.2s linear;}

.giris-btn:hover{background-color: #fff; ;color: #52cad6; }
    
    
    .anket-emoji-box{width: 33.33%;margin-right: 0;}
    
    
    .ust-str{height: 180px; }
   
    
	
	.ust-header-stn{display: flex; flex-direction: row; justify-content: space-between;margin-top: 15px;position: relative;z-index: 999999;}
	.ust-header-sol-stn{ }
	.ust-header-logo-stn{display: flex; flex-direction: column;align-items: center;}
	.ust-header-logo-box{width: 240px;z-index: 999999;}
	.ust-header-sag-stn{ }
	
	.ust-header-logo-title{font: 17px 'ProximaNova-Extrabold'; color: #fff; height: 50px; display: flex; justify-content: center; align-items: center;}
	
	
	.garson-cagir-btn{background-color: #d1a24a; font: 12px 'ProximaNova-ExtraBold'; color: #fff;height: 44px; width: 116px; padding: 0 8px;display: flex;align-items: center;justify-content: center;}
	.garson-cagir-btn i{font-size: 16px;}
	.garson-cagir-btn.active{background-color: #4dad44;}
	
	.menu-ust-genel-title{height: 44px; display: flex; justify-content: center; align-items: center;font: 22px 'ProximaNova-ExtraBold';color: #d1a24a;text-align: center;}
	.menu-ust-genel-title i{font-size: 12px;}
	
	.menu-grup-stn{display: flex;flex-wrap: wrap;}
	.menu-grup-btn{background-color: #29282a; border: 1px solid #4f4e50;    font: 13px 'ProximaNova-ExtraBold';    color: #fff;    height: 44px;    width: calc(33.33% - 8px);margin-right: 12px;margin-bottom: 12px;;    padding: 0 8px;    display: flex;   align-items: center;    justify-content: center;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
	
	.menu-grup-btn:hover,.menu-grup-btn.secili{background-color: #d1a24a;border: 1px solid #d1a24a;}

	.menu-grup-btn:nth-child(3n){margin-right: 0}
		.menu-liste-str{width:calc(50% - 12px);margin-right: 24px; margin-bottom: 24px;padding-bottom: 24px; border-bottom: 1px solid #d1a24a;}
	.menu-liste-str:nth-child(2n){margin-right: 0;}
	.menu-liste-stn{display: flex;}
	.menu-liste-sol-stn{width:calc(50% - 8px);margin-right: 16px;}
	.menu-liste-sag-stn{width:calc(50% - 8px);}
	
	.menu-liste-img{border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
	.menu-liste-title{font: 17px 'ProximaNova-ExtraBold'; color: #fff;}
	.menu-liste-yildiz-box{margin-bottom: 8px;}
	.menu-liste-yildiz-box i{font-size: 8px;color: #fff;}
	.menu-liste-aciklama{font: 12px 'ProximaNova-Regular'; color: #fff;margin-bottom: 12px;}
	.menu-liste-fiyat{font: 17px 'ProximaNova-ExtraBold'; color: #d1a24a;}
	
	
	
	 	.menu-detay-str{margin:24px 0;}
	.menu-detay-stn{display: flex; flex-direction: row;}
	
	.menu-detay-sol-stn{width:calc(50% - 12px);margin-right: 24px;}
	.menu-detay-sag-stn{width:calc(50% - 12px);}
	
	.menu-detay-img{border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;}
	.menu-detay-title-box{display: flex;justify-content: space-between;margin-top: 24px;}
	.menu-detay-title{font: 18px 'ProximaNova-Extrabold'; color: #fff;}
	.menu-detay-fiyat{font: 18px 'ProximaNova-Extrabold';color: #d1a24a;}
	.menu-detay-yildiz-box{margin-bottom: 8px;}
	.menu-detay-yildiz-box i{font-size: 8px;color: #fff;}
		.menu-detay-aciklama{font: 12px 'ProximaNova-Regular'; color: #fff;margin: 12px 0;}
	
	
	
	.menu-yorum-str{background-color: #cccccc;padding: 16px 30px 24px;}
	.menu-yorum-stn{display: flex; flex-direction: column; align-items: center;}
	.menu-yorum-icon{width: 36px;height: 32px;margin-bottom: 16px; background: url("../pageFile/yorum-icon.svg") no-repeat; background-size: 36px 32px;}
	.menu-yorum-title{font: 17px 'ProximaNova-ExtraBold'; color: #353535;margin-bottom: 10px;text-align: center;}
	.menu-yorum-aciklama{font: 14px 'ProximaNova-Regular'; color: #353535;margin-bottom: 10px;text-align: center;}
	.menu-yorum-text-box{height: 100px;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
	.menu-yorum-btn-box{display: flex; justify-content: center;margin-top: 16px;}
	.menu-yorum-btn{background-color: #353535; color: #d1a24a;width: 126px; height: 36px;font: 15px 'ProximaNova-ExtraBold';border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
	
	.menu-footer-str{}
	.menu-footer-stn{display: flex;flex-direction: row;}
	.menu-footer-sol-stn{width: 25%;}
	.menu-footer-sag-stn{width: 25%;}
	.menu-footer-orta-stn{width:auto;display: flex; flex-direction: column;}
	.menu-footer-logo-alt-title{font: 12px 'ProximaNova-ExtraBold'; color: #fff; display: flex;justify-content: center; height: 24px; align-items: center;margin-bottom: 16px;}
	.menu-footer-copyright-box{}
	.menu-footer-copyright{margin-bottom: 16px; display: flex; flex-direction: column; align-items: center;font: 12px 'ProximaNova-ExtraBold';color: #d1a24a; }
	.menu-footer-copyright span{font: 9px 'ProximaNova-Regular';color: #fff; }
	
	
    .alt-str{height: auto;}
 
    .alt-orta-stn,.alt-sag-stn{width: 100%;height: auto;}
    .alt-tel-box{margin:0 auto;float: none;}
    .alt-orta-stn{padding:  0 0 90px;}
     /****************/
    .logo-stn{width: 100%;}
    .alt-sag-stn{margin-bottom: 36px;}
    
    
    
    

    .yemek-detay-sol-stn,.yemek-detay-sag-stn{width: 100%; padding: 0;}
      .yemek-liste-sol-stn,.yemek-liste-sag-stn{width: 100%; padding: 0;}
        .yemek-liste-sol-stn{margin-bottom: 24px; }
.grup-box{width: calc(50% - 12px); margin-right: 24px;margin-bottom: 24px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.grup-box:nth-child(2n){margin-right: 0;}    
    
    .yemek-box{width: calc(50% - 10px); min-height: 300px;}
    .yemek-box:nth-child(2n){margin-right: 0;}
    .alt-orta-stn{padding: 0 0 24px;}
    .alt-logo{display: none;}
    
 /****************/
    .overlay6-content,.overlay7-content{width: 90%;}
     /****************/
   
    
 
    
    
 
    .menu-ust-str{display: none;}
 
 
    /**************mobil**********************************************/
    .overlay-content{width: 86%;}
    .overlay input[type="text"]{width: 80%;}
    
    .overlay2-content{width: 90%;}
    .uye-giris-stn{width: 100%;}
    
    .overlay3-content{width: 90%;}
    
    /**********************************************************/
 
    /******************/
    
 
    
    
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:6px !important;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:6px !important;}
    .swiper-button-next, .swiper-button-prev{margin-top: 38% !important; top: 100% !important;}
    
 
    .mobil-header{display: block !important;}
    .desk-header{display: none;}
    .mobil-banner{display: block !important;}
    .desk-banner{display: none;}
    
    
    
    
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-prev2, .swiper-container-rtl .swiper-button-next2{left: 0 !important; top: inherit !important;bottom: 38px;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-button-next2, .swiper-container-rtl .swiper-button-prev2{right: 0 !important; top: inherit !important;bottom: 38px;}
 
 
 

.logo-alt{position: absolute;background: url("../images/page/altKisimLogo.svg") no-repeat top center;width: 246px; height: 346px;left: 50%;margin-left: -123px; top:12px;}
}

 
 

 

@media (min-width: 481px) and (max-width: 900px) 
{
 body{min-width: 100%;background: #fff;}
    .container{padding: 0 15px; width: 100%;max-width: 768px;}
	.ust-header-str{min-height: 500px;}
    .grup-ust{font-size: 20px;bottom: 0;}
    
    .giris-ikon-box{background-size: 46%;height: 109px;}
    .giris-logo{width: 220px;height: 204px;position: absolute; left: 50%; margin-left: -110px; margin-top: -102px; top:50%;background: url("../pageFile/giris-logo.png") no-repeat top center; background-size: contain; z-index: 5;}
.giris-sol,.giris-sag{width: 100%; height: 50vh; background-size: cover; }
.giris-sol{background-image: url("../pageFile/menu-giris-bg.jpg");}
.giris-sag{background-image: url("../pageFile/paket-giris-bg.jpg");}

.giris-metin-box{position:absolute;width: 100%; height:auto;top: 18%; margin-top: -46px;}
.giris-metin-box.paket-box{ top: 41% !important;}
    
    
    
.giris-metin{font: 36px 'BebasNeue-Bold'; color: #fff;text-align: center;transition: all 0.2s linear;    -webkit-transition: all 0.2s linear;}
.giris-btn{background-color: #ffa200;font: 30px 'BebasNeue-Bold';color: #fff;padding: 8px 12px 0; float: none; display: table; margin:0 auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;transition: all 0.2s linear;    -webkit-transition: all 0.2s linear;}

.giris-btn:hover{background-color: #fff; ;color: #52cad6; }
    
    
    .anket-emoji-box{width: 33.33%;margin-right: 0;}
    
    
    .ust-str{height: 180px; }
   
    
	
	.ust-header-stn{display: flex; flex-direction: row; justify-content: space-between;margin-top: 15px; position: relative;z-index: 999999;}
	.ust-header-sol-stn{ }
	.ust-header-logo-stn{display: flex; flex-direction: column;align-items: center;}
	.ust-header-logo-box{width: 240px;z-index: 999999;}
	.ust-header-sag-stn{ }
	
	.ust-header-logo-title{font: 17px 'ProximaNova-Extrabold'; color: #fff; height: 50px; display: flex; justify-content: center; align-items: center;}
	
	
	.garson-cagir-btn{background-color: #d1a24a; font: 12px 'ProximaNova-ExtraBold'; color: #fff;height: 44px; width: 116px; padding: 0 8px;display: flex;align-items: center;justify-content: center;}
	.garson-cagir-btn i{font-size: 16px;}
	.garson-cagir-btn.active{background-color: #4dad44;}
	
	.menu-ust-genel-title{height: 44px; display: flex; justify-content: center; align-items: center;font: 22px 'ProximaNova-ExtraBold';color: #d1a24a;text-align: center;}
	.menu-ust-genel-title i{font-size: 12px;}
	
	.menu-grup-stn{display: flex;flex-wrap: wrap;}
	.menu-grup-btn{background-color: #29282a; border: 1px solid #4f4e50;    font: 13px 'ProximaNova-ExtraBold';    color: #fff;    height: 44px;    width: calc(33.33% - 8px);margin-right: 12px;margin-bottom: 12px;;    padding: 0 8px;    display: flex;   align-items: center;    justify-content: center;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
	
	.menu-grup-btn:hover,.menu-grup-btn.secili{background-color: #d1a24a;border: 1px solid #d1a24a;}

	.menu-grup-btn:nth-child(3n){margin-right: 0}
	.menu-liste-str{width:calc(50% - 12px);margin-right: 24px; margin-bottom: 24px;padding-bottom: 24px; border-bottom: 1px solid #d1a24a;}
	.menu-liste-str:nth-child(2n){margin-right: 0;}
	.menu-liste-stn{display: flex;}
	.menu-liste-sol-stn{width:calc(50% - 8px);margin-right: 16px;}
	.menu-liste-sag-stn{width:calc(50% - 8px);}
	
	.menu-liste-img{border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
	.menu-liste-title{font: 17px 'ProximaNova-ExtraBold'; color: #fff;}
	.menu-liste-yildiz-box{margin-bottom: 8px;}
	.menu-liste-yildiz-box i{font-size: 8px;color: #fff;}
	.menu-liste-aciklama{font: 12px 'ProximaNova-Regular'; color: #fff;margin-bottom: 12px;}
	.menu-liste-fiyat{font: 17px 'ProximaNova-ExtraBold'; color: #d1a24a;}
	
	
	
	.menu-detay-str{margin:24px 0;}
	.menu-detay-stn{display: flex; flex-direction: row;}
	
	.menu-detay-sol-stn{width:calc(50% - 12px);margin-right: 24px;}
	.menu-detay-sag-stn{width:calc(50% - 12px);}
	
	.menu-detay-img{border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;}
	.menu-detay-title-box{display: flex;justify-content: space-between;margin-top: 24px;}
	.menu-detay-title{font: 18px 'ProximaNova-Extrabold'; color: #fff;}
	.menu-detay-fiyat{font: 18px 'ProximaNova-Extrabold';color: #d1a24a;}
	.menu-detay-yildiz-box{margin-bottom: 8px;}
	.menu-detay-yildiz-box i{font-size: 8px;color: #fff;}
		.menu-detay-aciklama{font: 12px 'ProximaNova-Regular'; color: #fff;margin: 12px 0;}
	
	
	
	.menu-yorum-str{background-color: #cccccc;padding: 16px 30px 24px;}
	.menu-yorum-stn{display: flex; flex-direction: column; align-items: center;}
	.menu-yorum-icon{width: 36px;height: 32px;margin-bottom: 16px; background: url("../pageFile/yorum-icon.svg") no-repeat; background-size: 36px 32px;}
	.menu-yorum-title{font: 17px 'ProximaNova-ExtraBold'; color: #353535;margin-bottom: 10px;text-align: center;}
	.menu-yorum-aciklama{font: 14px 'ProximaNova-Regular'; color: #353535;margin-bottom: 10px;text-align: center;}
	.menu-yorum-text-box{height: 100px;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
	.menu-yorum-btn-box{display: flex; justify-content: center;margin-top: 16px;}
	.menu-yorum-btn{background-color: #353535; color: #d1a24a;width: 126px; height: 36px;font: 15px 'ProximaNova-ExtraBold';border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
	
	.menu-footer-str{}
	.menu-footer-stn{display: flex;flex-direction: row;}
	.menu-footer-sol-stn{width: 25%;}
	.menu-footer-sag-stn{width: 25%;}
	.menu-footer-orta-stn{width:auto;display: flex; flex-direction: column;}
	.menu-footer-logo-alt-title{font: 12px 'ProximaNova-ExtraBold'; color: #fff; display: flex;justify-content: center; height: 24px; align-items: center;margin-bottom: 16px;}
	.menu-footer-copyright-box{}
	.menu-footer-copyright{margin-bottom: 16px; display: flex; flex-direction: column; align-items: center;font: 12px 'ProximaNova-ExtraBold';color: #d1a24a; }
	.menu-footer-copyright span{font: 9px 'ProximaNova-Regular';color: #fff; }
	
	
    .alt-str{height: auto;}
 
    .alt-orta-stn,.alt-sag-stn{width: 100%;height: auto;}
    .alt-tel-box{margin:0 auto;float: none;}
    .alt-orta-stn{padding:  0 0 90px;}
     /****************/
    .logo-stn{width: 100%;}
    .alt-sag-stn{margin-bottom: 36px;}
    
    
    
    

    .yemek-detay-sol-stn,.yemek-detay-sag-stn{width: 100%; padding: 0;}
      .yemek-liste-sol-stn,.yemek-liste-sag-stn{width: 100%; padding: 0;}
        .yemek-liste-sol-stn{margin-bottom: 24px; }
.grup-box{width: calc(50% - 12px); margin-right: 24px;margin-bottom: 24px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.grup-box:nth-child(2n){margin-right: 0;}    
    
    .yemek-box{width: calc(50% - 10px); min-height: 300px;}
    .yemek-box:nth-child(2n){margin-right: 0;}
    .alt-orta-stn{padding: 0 0 24px;}
    .alt-logo{display: none;}
    
 /****************/
    .overlay6-content,.overlay7-content{width: 90%;}
     /****************/
   
    
 
    
    
 
    .menu-ust-str{display: none;}
 
 
    /**************mobil**********************************************/
    .overlay-content{width: 86%;}
    .overlay input[type="text"]{width: 80%;}
    
    .overlay2-content{width: 90%;}
    .uye-giris-stn{width: 100%;}
    
    .overlay3-content{width: 90%;}
    
    /**********************************************************/
 
    /******************/
    
 
    
    
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:6px !important;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:6px !important;}
    .swiper-button-next, .swiper-button-prev{margin-top: 38% !important; top: 100% !important;}
    
 
    .mobil-header{display: block !important;}
    .desk-header{display: none;}
    .mobil-banner{display: block !important;}
    .desk-banner{display: none;}
    
    
    
    
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-prev2, .swiper-container-rtl .swiper-button-next2{left: 0 !important; top: inherit !important;bottom: 38px;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-button-next2, .swiper-container-rtl .swiper-button-prev2{right: 0 !important; top: inherit !important;bottom: 38px;}
 
 
 

.logo-alt{position: absolute;background: url("../images/page/altKisimLogo.svg") no-repeat top center;width: 246px; height: 346px;left: 50%;margin-left: -123px; top:12px;}
 
}

 

@media (min-width: 0px) and (max-width: 480px) 
{
  
body{min-width: 100%;background: #fff;}
    .container{padding: 0 15px; width: 100%;max-width: 100%;}
    
    .grup-ust{font-size: 20px;bottom: 0;}
    
    .giris-ikon-box{background-size: 46%;height: 109px;}
    .giris-logo{width: 220px;height: 204px;position: absolute; left: 50%; margin-left: -110px; margin-top: -102px; top:50%;background: url("../pageFile/giris-logo.png") no-repeat top center; background-size: contain; z-index: 5;}
.giris-sol,.giris-sag{width: 100%; height: 50vh; background-size: cover; }
.giris-sol{background-image: url("../pageFile/menu-giris-bg.jpg");}
.giris-sag{background-image: url("../pageFile/paket-giris-bg.jpg");}

.giris-metin-box{position:absolute;width: 100%; height:auto;top: 18%; margin-top: -46px;}
.giris-metin-box.paket-box{ top: 41% !important;}
    
    
    
.giris-metin{font: 36px 'BebasNeue-Bold'; color: #fff;text-align: center;transition: all 0.2s linear;    -webkit-transition: all 0.2s linear;}
.giris-btn{background-color: #ffa200;font: 30px 'BebasNeue-Bold';color: #fff;padding: 8px 12px 0; float: none; display: table; margin:0 auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;transition: all 0.2s linear;    -webkit-transition: all 0.2s linear;}

.giris-btn:hover{background-color: #fff; ;color: #52cad6; }
    
    
    .anket-emoji-box{width: 33.33%;margin-right: 0;}
    
    
    .ust-str{height: 180px; }
   
    
	
	.ust-header-stn{display: flex; flex-direction: row; justify-content: space-between;margin-top: 15px; position: relative;z-index: 999999;}
	.ust-header-sol-stn{ }
	.ust-header-logo-stn{display: flex; flex-direction: column;align-items: center;}
	.ust-header-logo-box{width: 240px;z-index: 999999;}
	.ust-header-sag-stn{ }
	
	.ust-header-logo-title{font: 17px 'ProximaNova-Extrabold'; color: #fff; height: 50px; display: flex; justify-content: center; align-items: center;}
	
	
	.garson-cagir-btn{background-color: #d1a24a; font: 12px 'ProximaNova-ExtraBold'; color: #fff;height: 44px; width: 116px; padding: 0 8px;display: flex;align-items: center;justify-content: center;}
	.garson-cagir-btn i{font-size: 16px;}
	.garson-cagir-btn.active{background-color: #4dad44;}
	
	.menu-ust-genel-title{height: 44px; display: flex; justify-content: center; align-items: center;font: 22px 'ProximaNova-ExtraBold';color: #d1a24a;text-align: center;}
	.menu-ust-genel-title i{font-size: 12px;}
	
	.menu-grup-stn{display: flex;flex-wrap: wrap;}
	.menu-grup-btn{background-color: #29282a; border: 1px solid #4f4e50;    font: 13px 'ProximaNova-ExtraBold';    color: #fff;    height: 44px;    width: calc(33.33% - 8px);margin-right: 12px;margin-bottom: 12px;;    padding: 0 8px;    display: flex;   align-items: center;    justify-content: center;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;text-align: center;}
	
	.menu-grup-btn:hover,.menu-grup-btn.secili{background-color: #d1a24a;border: 1px solid #d1a24a;}

	.menu-grup-btn:nth-child(3n){margin-right: 0}
	.menu-liste-str{margin-bottom: 24px;padding-bottom: 24px; border-bottom: 1px solid #d1a24a;}
	.menu-liste-stn{display: flex;}
	.menu-liste-sol-stn{width:calc(50% - 8px);margin-right: 16px;}
	.menu-liste-sag-stn{width:calc(50% - 8px);}
	
	.menu-liste-img{border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
	.menu-liste-title{font: 17px 'ProximaNova-ExtraBold'; color: #fff;}
	.menu-liste-yildiz-box{margin-bottom: 8px;}
	.menu-liste-yildiz-box i{font-size: 8px;color: #fff;}
	.menu-liste-aciklama{font: 12px 'ProximaNova-Regular'; color: #fff;margin-bottom: 12px;}
	.menu-liste-fiyat{font: 17px 'ProximaNova-ExtraBold'; color: #d1a24a;}
	
	
	
	
	.menu-detay-str{margin: 0}
	.menu-detay-stn{display: flex; flex-direction: column;}
	
	.menu-detay-sol-stn{width:100%;margin-right: 0;}
	.menu-detay-sag-stn{width:100%;}
	
	.menu-detay-img{border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;}
	.menu-detay-title-box{display: flex;justify-content: space-between;margin-top: 24px;}
	.menu-detay-title{font: 18px 'ProximaNova-Extrabold'; color: #fff;}
	.menu-detay-fiyat{font: 18px 'ProximaNova-Extrabold';color: #d1a24a;}
	.menu-detay-yildiz-box{margin-bottom: 8px;}
	.menu-detay-yildiz-box i{font-size: 8px;color: #fff;}
		.menu-detay-aciklama{font: 12px 'ProximaNova-Regular'; color: #fff;margin: 12px 0;}
	
	
	
	.menu-yorum-str{background-color: #cccccc;padding: 16px 30px 24px;}
	.menu-yorum-stn{display: flex; flex-direction: column; align-items: center;}
	.menu-yorum-icon{width: 36px;height: 32px;margin-bottom: 16px; background: url("../pageFile/yorum-icon.svg") no-repeat; background-size: 36px 32px;}
	.menu-yorum-title{font: 17px 'ProximaNova-ExtraBold'; color: #353535;margin-bottom: 10px;text-align: center;}
	.menu-yorum-aciklama{font: 14px 'ProximaNova-Regular'; color: #353535;margin-bottom: 10px;text-align: center;}
	.menu-yorum-text-box{height: 100px;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
	.menu-yorum-btn-box{display: flex; justify-content: center;margin-top: 16px;}
	.menu-yorum-btn{background-color: #353535; color: #d1a24a;width: 126px; height: 36px;font: 15px 'ProximaNova-ExtraBold';border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
	
	.menu-footer-str{}
	.menu-footer-stn{display: flex;flex-direction: row;}
	.menu-footer-sol-stn{width: 25%;}
	.menu-footer-sag-stn{width: 25%;}
	.menu-footer-orta-stn{width:auto;display: flex; flex-direction: column;}
	.menu-footer-logo-alt-title{font: 12px 'ProximaNova-ExtraBold'; color: #fff; display: flex;justify-content: center; height: 24px; align-items: center;margin-bottom: 16px;}
	.menu-footer-copyright-box{}
	.menu-footer-copyright{margin-bottom: 16px; display: flex; flex-direction: column; align-items: center;font: 12px 'ProximaNova-ExtraBold';color: #d1a24a; }
	.menu-footer-copyright span{font: 9px 'ProximaNova-Regular';color: #fff; }
	
	
    .alt-str{height: auto;}
 
    .alt-orta-stn,.alt-sag-stn{width: 100%;height: auto;}
    .alt-tel-box{margin:0 auto;float: none;}
    .alt-orta-stn{padding:  0 0 90px;}
     /****************/
    .logo-stn{width: 100%;}
    .alt-sag-stn{margin-bottom: 36px;}
    
    
    
    

    .yemek-detay-sol-stn,.yemek-detay-sag-stn{width: 100%; padding: 0;}
      .yemek-liste-sol-stn,.yemek-liste-sag-stn{width: 100%; padding: 0;}
        .yemek-liste-sol-stn{margin-bottom: 24px; }
.grup-box{width: calc(50% - 12px); margin-right: 24px;margin-bottom: 24px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.grup-box:nth-child(2n){margin-right: 0;}    
    
    .yemek-box{width: calc(50% - 10px); min-height: 300px;}
    .yemek-box:nth-child(2n){margin-right: 0;}
    .alt-orta-stn{padding: 0 0 24px;}
    .alt-logo{display: none;}
    
 /****************/
    .overlay6-content,.overlay7-content{width: 90%;}
     /****************/
   
    
 
    
    
 
    .menu-ust-str{display: none;}
 
 
    /**************mobil**********************************************/
    .overlay-content{width: 86%;}
    .overlay input[type="text"]{width: 80%;}
    
    .overlay2-content{width: 90%;}
    .uye-giris-stn{width: 100%;}
    
    .overlay3-content{width: 90%;}
    
    /**********************************************************/
 
    /******************/
    
 
    
    
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:6px !important;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:6px !important;}
    .swiper-button-next, .swiper-button-prev{margin-top: 38% !important; top: 100% !important;}
    
 
    .mobil-header{display: block !important;}
    .desk-header{display: none;}
    .mobil-banner{display: block !important;}
    .desk-banner{display: none;}
    
    
    
    
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-prev2, .swiper-container-rtl .swiper-button-next2{left: 0 !important; top: inherit !important;bottom: 38px;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-button-next2, .swiper-container-rtl .swiper-button-prev2{right: 0 !important; top: inherit !important;bottom: 38px;}
 
 
 

.logo-alt{position: absolute;background: url("../images/page/altKisimLogo.svg") no-repeat top center;width: 246px; height: 346px;left: 50%;margin-left: -123px; top:12px;}
 } 


    
     .bannerBox{ margin-top: 0; }
     
  .col.inputDiv{margin-bottom: 12px;}
  
    
    .inputDiv-2,.inputDiv-3 {width: 100%; margin-right: 0;margin-bottom: 12px;}
 
.gonder-btn-box{float: none; display: table; margin: 0 auto;}
.gonder-btn{font: 22px 'Dosis-ExtraBold';
    padding: 8px 12px;
    background-color: #d1a24a;
    color: #fff;
    float: none;
    display: table;
    margin: 16px auto;}
/*************************************************************************************************************************************************/


.radius-5{-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.on_izleme_hata {
	position: absolute;
	font: 9pt Arial;
	min-width: 200px;
	height: auto;
	width: auto;
	padding: 0 10px;
	min-height: 30px;
	left: 30%;
	top: -22px;
	color: #FFF;
	text-align: center;
	background: -webkit-linear-gradient(90deg, #8F0808 5%, #F70505 100%);
	background: -moz-linear-gradient(90deg, #8F0808 5%, #F70505 100%);
	background: -ms-linear-gradient(90deg, #8F0808 5%, #F70505 100%);
	background: linear-gradient(180deg, #F70505 5%, #8F0808 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F70505', endColorstr='#8F0808');
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 0 2px 10px 0 #616161;
	-moz-box-shadow: 0 2px 10px 0 #616161;
	box-shadow: 0 2px 10px 0 #616161;
	display: table
}


 

.on_izleme_hata p {
	display: table-cell;
	vertical-align: middle
}
.on_izleme_hata:after {
	content: "";
	position: absolute;
	bottom: -7px;
	left: 50%;
	border-style: solid;
	border-width: 7px 9px 0;
	border-color: #8f0808 transparent;
	display: block;
	width: 0;
	z-index: 1
}