@charset "utf-8";
/** Generated by FG **/

@font-face {
    font-family: 'Conv_Gotham-Black';
    src: url('../fonts/Gotham-Black.eot');
    src: local('☺'), url('../fonts/Gotham-Black.woff') format('woff'), url('../fonts/Gotham-Black.ttf') format('truetype'), url('../fonts/Gotham-Black.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Conv_Thinking_of_Betty';
    src: url('../fonts/Thinking_of_Betty.eot');
    src: local('☺'), url('../fonts/Thinking_of_Betty.woff') format('woff'), url('../fonts/Thinking_of_Betty.ttf') format('truetype'), url('../fonts/Thinking_of_Betty.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body{
    height:100%;
}

#haziran {height: 500px;width: 500px;display: inline-block;}

.badge {
    display: inline-block;
}

.badge img {
        max-width: 100px;
    padding-left: 15px;
    padding-top: 15px;
}

.body-wrap{
	height:100%;
    top:0;
    right:0;
    left:0;
    overflow:visible;
    position:relative;
}

body.menu-active,
.menu-active .body-wrap{
    height:100%;
	overflow:hidden;
    position:fixed;
    top:0;
    left:0;
    right:0;
    font-family: 'Roboto Condensed';
}
body{
    font-family: 'Roboto Condensed';
	background:#222222;
    position:relative;
    font-size:18px;
    line-height:28px;
    color:#282828;
    height:100%;
}
a{
	text-decoration:none;
    color:#ffffff;
}
h1{
    font-family: "Conv_Gotham-Black";
    font-size:55px;
    line-height:100%;
    letter-spacing:1px;
    margin:0 0 10px;
    font-weight:400;
}
h2{
    font-family:"Roboto Condensed";
    font-weight:300;
	font-size:25px;
    line-height:26px;
    text-transform:uppercase;
    /* margin:0 0 5px; */
    margin: 0px;
    letter-spacing: 3px;
}
h3{
    font-family:"Roboto Condensed";
    font-weight:300;
    font-size:20px;
    line-height:26px;
    text-transform:none;
    margin:0;
    letter-spacing: 3px;
}
h4{
    font-family:"Roboto Condensed";
    font-weight:700;
    font-size:18px;
    line-height:26px;
    letter-spacing:1px;
    text-transform:uppercase;
    margin:0;
}
h5{
    font-family:"Roboto Condensed";
    font-weight:300;
    font-size:20px;
    line-height:26px;
    text-transform:capitalize;
    margin:0;
}
h6{
    font-family: "Roboto Condensed";
    font-weight: 300;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 20px;
}
h7{
	font-family:"Roboto Condensed";
    font-size:14px;
    line-height:22px;
    font-weight:400;
    margin:0;
    letter-spacing:1px;
}
p.larger {
    font-family: "Roboto Condensed";
    font-weight: 200;
    letter-spacing: 1px;
    font-size: 26px;
    line-height: 36px;
    margin: 0;
}
img {
    display: block;
    width: 100%;
}
.text-left{
	text-align:left;
}
.text-center{
	text-align:center;
}
.text-right{
    text-align:right;
}
.color-black{
	color:#282828;
}
.color-white{
    color:white;
}
.color-gold{
    color:#cdbc9d;
}
.color-grey{
	color:#aaaaaa;
}
.color-grey2{
	color:#888888;
}

.clearfix,
.insta-block span.clearfix{
	clear:both;
    display:block;
    float:none;
}
hr {
    border: 0;
    height: 0;
    border-top: 1px solid #555555;
    margin: 20px 0;
}
.btn {
    display:inline-block;
    font-family: "Roboto Condensed";
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 2px solid #555555;
    padding: 10px 32px;
    font-size: 15px;
    -webkit-transition:0.3s linear;
    -moz-transition:0.3s linear;
    -ms-transition:0.3s linear;
    transition:0.3s linear;
}

.btn:hover {
    background: #ceba95;
    border-color:#ceba95;
    color:#000;
    -webkit-transition:0.3s linear;
    -moz-transition:0.3s linear;
    -ms-transition:0.3s linear;
    transition:0.3s linear;
}
.btn-box .btn{
	margin:0 10px;
}
.min-page-height{
	min-height:680px;
    overflow:scroll;
}
.pad-box {
    padding: 55px 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.bg-img{
    top: 0;
    left: 0;
	background-size:cover;
    background-position:50%;
    position:absolute;
    width:100%;
    height:100%;
    z-index:0;
}
.overlay{
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    z-index:1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.align-top{
    position:absolute;
    z-index:2;
    width:100%;
    top:0;
    left:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.align-middle{
	position:absolute;
    z-index:2;
    width:100%;
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

}
.align-bottom{
    position:absolute;
    z-index:2;
    width:100%;
    left:0;
    bottom:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.relative{
	position:relative;
}

.pad-20{
    padding:20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.max-width {
    max-width: 768px;
    margin: 0 auto;
}
.promo-block {
    color:white;
    position: relative;
    overflow: hidden;
    padding: 155px 50px;
}
.promo-block .pad-box{
    position:relative;
    z-index:3;
    padding: 155px 20px;
}

.promo-block .pad-box + .bg-img:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.center {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}
.hero .overlay{
	color:white;
}

/*-- header --*/

header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    z-index:5;
    pointer-events: none;
}
header .btn.reservations {
    position: absolute;
    z-index: 1000;
    top: 30px;
    left: 30px;
    cursor: pointer;
    outline: none;
    /*background: transparent;*/
}

/* Hide */

.hide{visibility:hidden;}

.copyright { position: relative; bottom: 0; width: 100%; text-align: center; color: #fff; }
.copyright .kanun {font-size: 14px; font-weight: 400; text-align: center;}
.copy-text {font-size: 12px; margin-top: -10px;}
.contact-form {    width: 100%;}


/*-- menu btn --*/
header .btn-wrapper {
    width: 60px;
    height: 60px;
    text-align: center;
    background: transparent;
    display: block;
    position: fixed;
    right: 30px;
    top: 30px;
    border: 2px solid;
    border-color: #f1f1f1f1;

    z-index:1;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    transition: all .25s linear;
    pointer-events: auto;
}

header .btn-wrapper:hover {
    background: none;
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -ms-transition: all .35s linear;
    transition: all .35s linear;
}

.menu-button {
    position: absolute;
    z-index: 5;
    width: 30px;
    height: 24px;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


.menu-button::before,
.menu-button::after,
.menu-button span {
    background: white;
}

.menu-button::before,
.menu-button::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    pointer-events: none;
    -webkit-transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.menu-button span {
    position: absolute;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 2px;
    text-indent: 200%;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
}

.menu-button::before {
    -webkit-transform: translate3d(0, -7px, 0) scale3d(1, 1, 1);
    transform: translate3d(0, -7px, 0) scale3d(1, 1, 1);
}
.menu-button::after {
    -webkit-transform: translate3d(0, 7px, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 7px, 0) scale3d(1, 1, 1);
}


.menu-active .menu-button span {
    opacity: 0;
}

.menu-active .menu-button::before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}

.menu-active .menu-button::after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}
.menu-active header .btn-wrapper {
    background: rgba(255, 255, 255, 0);
}

.menu-active .menu-button::before,
.menu-active .menu-button::after,
.menu-active .menu-button span {
    background: white;
}


/*-- menu --*/
nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: transparent url(../images/menu-bg.png) no-repeat 0 0;
    z-index: 0;
    -webkit-transition: 0.35s linear;
    -moz-transition: 0.35s linear;
    -ms-transition: 0.35s linear;
    transition: 0.35s linear;
    background-size: 100%;
    /* height: 830px; */

    height: 100%;
    background-position: center;
    background-size: cover;
}





.menu-active nav {
   /* position: fixed;*/
    z-index:0;
    -webkit-transition: 0.35s linear;
    -moz-transition: 0.35s linear;
    -ms-transition: 0.35s linear;
    transition: 0.35s linear;
}
nav .col.half.right {
    float: right;
    text-align: left;
    border-left: 1px solid #505050;
}

nav .col.half {
    text-align: right;
}

nav h7,
nav h7 a {
    color:#f1f1f1;
    margin: 0 0 10px;
    display: block;
    font-size: 16px;
}

nav h2,
nav h2 a{
    display: block;
    color: #de1c1c;
    font-size: 20px;
    line-height: 26px;
    margin: 0;
    font-weight: 300;
}
nav .social a span {
    text-indent: -9999999px;
    display: inline-block;
}

nav .social a {
    display: block;
    text-align:center;
    color:#f1f1f1;
    font-size: 28px;
}

nav .social li {
    display: inline-block;
    float: left;
    margin: 0 0 0 15px;
}
nav .social {
    padding:0;
    list-style: none;
    margin: 20px 0 30px;
    text-align: right;
    display: inline-block;
}
nav .nav-block {
    padding: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #505050;
}
nav .logo {
    margin: 30px auto 0px;
    width: 180px;
    display:block;
        cursor: pointer;
}
.nav-block.newsletter {
    border-top: 1px solid #505050;
    margin-top: 22px;
}

.nav-block.external-links {
    border-top: 1px solid #505050;
    /* border-bottom: 1px solid #505050; */
}

nav .nav-block.main-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: "Roboto Condensed";
    margin-top: 22px;
}

nav .nav-block.main-links ul li {
    margin: 0 0 5px 0;
}

nav .nav-block.main-links ul li:last-of-type {
    margin: 0;
}

nav .nav-block.main-links ul li a {
    color: white;
    text-transform: uppercase;
    font-family: 'Roboto Condensed';
    font-weight: 200;
    font-size: 20px;
    line-height: 30px;
    display: block;
    letter-spacing: 3px;
    -webkit-transition: 0.45s linear;
    -moz-transition: 0.45s linear;
    -ms-transition: 0.45s linear;
    transition: 0.45s linear;
}

/* hover nav */
nav .nav-block.main-links ul li a:hover {
    color: #cdbc9d;
    -webkit-transition: 0.25s ease-out;
    -moz-transition: 0.25s ease-out;
    -ms-transition: 0.25s ease-out;
    transition: 0.25s ease-out;
}

nav .pad-box {
    max-width: 950px;
    margin: 0 auto;
    font-family: 'Roboto Condensed';
}
nav .sister-links img {
    width: 100%;
    margin: 0 auto 15px;
}
nav .sister-links h5 {
    color: #b6b6b6;
    font-size: 12px;
    line-height: 18px;
}
nav .sister-links .col {
    text-align: center;
}
nav .external-links a {
    color: white;
    font-family: "Roboto Condensed";
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 2px;
    font-size: 22px;
    display: block;
    margin: 0 0 30px 0;
}

nav .external-links a .demo-icon {
    color: #727272;
    font-weight: 400;
    font-size: 20px;
}

nav .external-links a:last-child {
    margin: 0;
}



/*-- move page wrapper down to open menu --*/
.page-wrapper{
   /* visibility:visible;*/
    position:relative;
    top:0;
    left:0;
    width:100%;
    /*height:100%;*/
    -webkit-transform:translateY(0) scale(1);
    -moz-transform:translateY(0) scale(1);
    -ms-transform:translateY(0) scale(1);
    transform:translateY(0) scale(1);
	-webkit-transition: 0.35s ease-out;
    -moz-transition: 0.35s ease-out;
    -ms-transition: 0.35s ease-out;
    transition: 0.35s ease-out;
}
    .container{width: 100% !important; padding: 0px !important; margin:0px !important;}

.page-wrapper .container{
	background:black;
    visibility:visible;
    -webkit-transition: 0.35s ease-out;
    -moz-transition: 0.35s ease-out;
    -ms-transition: 0.35s ease-out;
    transition: 0.35s ease-out;

}
.menu-active .page-wrapper .container{
	/*opacity:0;
    visibility:hidden;*/
    -webkit-transition: 0.35s ease-in;
    -moz-transition: 0.35s ease-in;
    -ms-transition: 0.35s ease-in;
    transition: 0.35s ease-in;
}

.menu-active .page-wrapper{
    cursor:pointer;
/*    visibility:hidden;*/
    -webkit-transform:translateY(830px) scale(0.8);
    -moz-transform:translateY(830px) scale(0.8);
    -ms-transform:translateY(830px) scale(0.8);
    transform:translateY(830px) scale(0.8);
	-webkit-transition: 0.35s ease-in;
    -moz-transition: 0.35s ease-in;
    -ms-transition: 0.35s ease-in;
    transition: 0.35s ease-in;
}
.menu-active {
    overflow-y: hidden;
}
/*.page-wrapper:before {
    content: "";
    opacity:0;
    background: #2d2d2d;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
     visibility:hidden;
    opacity:0;
    -webkit-transition: 0.35s ease-out;
    -moz-transition: 0.35s ease-out;
    -ms-transition: 0.35s ease-out;
    transition: 0.35s ease-out;
}

.menu-active .page-wrapper:before{
	opacity:1;
    z-index: 3;
    visibility:visible;
    -webkit-transition: 0.35s ease-in;
    -moz-transition: 0.35s ease-in;
    -ms-transition: 0.35s ease-in;
    transition: 0.35s ease-in;
}

*/
nav{
    opacity: 0;
    -webkit-transition: 0.35s ease-out;
    -moz-transition: 0.35s ease-out;
    -ms-transition: 0.35s ease-out;
    transition: 0.35s ease-out;
}
.menu-active nav{
    opacity:1;
	-webkit-transition: 0.35s ease-in 0.3s;
    -moz-transition: 0.35s ease-in 0.3s;
    -ms-transition: 0.35s ease-in 0.3s;
    transition: 0.35s ease-in 0.3s;
}


/*-- subpage header --*/

.subpage-head {
    position: absolute;
    left: 0;
    right: 0;
    top: 20px;
    z-index:2;
}

.subpage-head .logo {
    width: 180px;
    margin: 20px auto 10px;
    display:block;
}

.subpage-head h3 {
    text-align: center;
    color: white;
    font-size: 16px;
    margin-top: 18px;
}
.home-page .subpage-head {
    display: none;
}

.slider_img{width:100%; max-width:500px; margin:auto;}



/*-- subpage footer --*/

footer.subpage .logo {
    width: 220px;
    margin: 0;
    display:block;
}
footer.subpage {
    background: black;
}







/*-- columns --*/

.col{
	display:inline-block;
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
}

.kolon {
    float: left;
    width: 33.33%;
}
.satir:after {
    content: "";
    display: table;
    clear: both;
}

.fifth{
	width:20%;
}
.fourth{
	width:25%;
    border: 2px solid;
    border-color: white;
}
.third{
	width:33.333%;
    border: 2px solid;
    border-color: white;
}
.two-fifths{
	width:40%;
}
.half{
	width:50%;
}
.three-fifths{
	width:60%;
}
.two-thirds{
	width:66.666%;
}
.three-fourths{
	width:75%;
}
.pad-right{
	padding:0 20px 0 25px;
}
.pad-both{
	padding:0 10px 0;
}
.pad-left{
	padding:0 0 0 20px;
}
.mt-20{
	margin:20px 0 0 0;
}



/*-- homepage styles --*/

.homepage-content {
text-align: center;
}

.homepage-first-content{
    text-align: center;
    color: white;
   font-family: 'Conv_Gotham-Black';
    background: #000;
    display: inline-block;
    font-size: 40px;
    opacity: 0.8;
    padding: 10px;
}

.homepage-second-content{
    font-family: "Conv_Thinking_of_Betty";
    text-align: center;
    color: red;
    float: right;
}
.homepage-third-content{
    display: inline-block;
    padding-top: 65px;
    cursor: pointer;
    padding-bottom: 25px;
}

.home-page footer{
    display:none;
}
.home-footer {
    display:block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.home-footer .contact {
    text-align: right;
}

.home-footer .hours,
.home-footer .contact {
    padding: 45px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.home-footer .pad-right {
    padding: 0 40px 0 0;
}

.home-footer .pad-both {
    padding: 0 20px;
}

.home-footer .pad-left {
    padding: 0 0 0 40px;
}
.home-footer h2,
.home-footer h2 a,
footer.subpage h2,
footer.subpage h2 a{
	color:#de1c1c;
    font-size: 18px;
	font-weight:500;
}
.home-footer h7,
.home-footer h7 a,
footer.subpage h7,
footer.subpage h7 a{
	color:#f1f1f1f1;
	/* background-color:rgba(0,0,0,0.8); */
}

.mobile-contact{
    display:none;
    padding: 15px;
    font-size: 35px;
    float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.mobile-contact .icon-phone{
	float:right;
}
.whatsapp {
    text-align: center;
    margin-left: 35%;
    font-size: 40px;
}



/* -- logo styles --*/
.logo img{
	width:100%;
}
.logo{
    margin:0 auto 80px;
	width:300px;
    margin-bottom: 230px;
    margin-top: 30px;
    z-index: 15;
    position: relative;
}

.content{
    left:0;
    right:0;
    width:100%;
    top:35%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
	position:absolute;
    z-index:2;
}






/* -- slideshow styles --*/
.hero{
	position:relative;
}
.hero, .slide, .home-wrapper{
	/*min-height:760px;*/
}
.hero:before{
	content:'';
    position:absolute;
    width:100%;
    height:100%;
    z-index:1;
}
.hero .slide{
	overflow:hidden;
}
.slide .bg-img{
	-webkit-transform:scale(1) translateZ(0px);
    -moz-transform:scale(1) translateZ(0px);
    -ms-transform:scale(1) translateZ(0px);
    transform:scale(1) translateZ(0px);
    -webkit-transition: -webkit-transform 7s linear;
    -moz-transition: -moz-transform 7s linear;
    -ms-transition: -ms-transform 7s linear;
    transition: transform 7s linear;
}
.slide.slick-current .bg-img,
.slide.first .bg-img.first{
	-webkit-transform:scale(1.08) translateZ(0px);
    -moz-transform:scale(1.08) translateZ(0px);
    -ms-transform:scale(1.08) translateZ(0px);
    transform:scale(1.08) translateZ(0px);
    -webkit-transition: -webkit-transform 7s linear;
    -moz-transition: -moz-transform 7s linear;
    -ms-transition: -ms-transform 7s linear;
    transition: transform 7s linear;
}
.home-wrapper {
    position: relative;
}
.home-page footer{
	display:none;
}
.home-page footer.home-footer{
	display:block;
}

/* Normal Footer */
.footer-social-icon {
    letter-spacing: 10px;
    font-size: 23px;
    color: #ffffff;
}

.footerbas {
    text-decoration: none;
    color: #bf110f;
	font-weight:700;
}

.footeraltbas {
    color: #ffffff;
    font-size: 18px;
}

.footer-tel {
    color: #ffffff;
    font-size: 18px;
}



/*-- menus --*/
.menus .col{
	overflow:hidden;
    min-height:650px;
}

.menus .col:before {
    content: '';
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    z-index: 2;
    position: absolute;
    border: 12px solid rgba(205, 188, 157,0);
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -ms-transition: all .35s linear;
    transition: all .35s linear;
    box-sizing: border-box;
}
.menus .col:hover:before{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 3px solid rgba(205, 188, 157,1);
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -ms-transition: all .35s linear;
    transition: all .35s linear;
}
.menus h1{
    color:white;
	margin:0;
    font-size: 23px;
}

.menus .hover{
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -ms-transition: all .35s linear;
    transition: all .35s linear;
}
.menus a:hover .hover{
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -ms-transition: all .35s linear;
    transition: all .35s linear;
}
.menus .hover .btn {
    background-color:#ceba95;
    border-color:#ceba95;
    /*color:white;*/
    color: #000;
    opacity: 0;
    display:inline-block;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -ms-transition: all .35s linear;
    transition: all .35s linear;
}
.menus .hover .btn .demo-icon{
    font-size: 28px;
    color: #000;
}
.menus .hover .btn span {
    margin: 3px 3px 0 3px;
    display: inline-block;
    float: right;
}
.menus a:hover .hover .btn {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -ms-transition: all .35s linear;
    transition: all .35s linear;
}
.menus .hover:before {
    content: "";
    background-color: black;
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    /* background-image: url(/easy/images/flower.png); */
    opacity: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0% 100%;
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -ms-transition: all .35s linear;
    transition: all .35s linear;
}
.menus a:hover .hover:before {
    will-change: opacity;
    opacity: 0.35;
     -webkit-transition: all .35s linear .25s;
    -moz-transition: all .35s linear .25s;
    -ms-transition: all .35s linear .25s;
    transition: all .35s linear .25s;
}
.menus .bg-img{
	-webkit-transform:scale(1) translateZ(0px);
    -moz-transform:scale(1) translateZ(0px);
    -ms-transform:scale(1) translateZ(0px);
    transform:scale(1) translateZ(0px);
    -webkit-transition: -webkit-transform 0.35s linear;
    -moz-transition: -moz-transform 0.35s linear;
    -ms-transition: -ms-transform 0.35s linear;
    transition: transform 0.35s linear;
}
.menus a:hover .bg-img{
	-webkit-transform:scale(1.08) translateZ(0px);
    -moz-transform:scale(1.08) translateZ(0px);
    -ms-transform:scale(1.08) translateZ(0px);
    transform:scale(1.08) translateZ(0px);
    -webkit-transition: -webkit-transform 7s linear;
    -moz-transition: -moz-transform 7s linear;
    -ms-transition: -ms-transform 7s linear;
    transition: transform 7s linear;
}


/*-- Hakkımızda --*/

.hero.chef:before {
    display: none;
}
.hero.chef {
    background-image: url(../images/erik-1600.png);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    background-position:center;
    color: white;
    min-height: 630px;
}
.award-block {
    margin: 100px 0 0px 0;
}
.award-block span {
    display: inline-block;
}
.award-block .icon-ribbon-2,
.award-block .icon-ribbon{
    font-size: 60px;
    display: inline-block;
    float: left;
    margin: -5px 3px 0 0;
}
.insta-block {
    text-align: center;
}

.insta-block a {
    color: #818c95;
    display: inline-block;
    font-size: 32px;
    margin: 10px 0 0 10px;
}
.insta-block span {
    display: inline-block;
    text-align: center;
    color: red;
}

.insta-block span h1 {
    font-family: "Conv_Thinking_of_Betty";
}

.hero.chef .pad-box {
  /*  padding: 20% 0px 70px 0px;*/
}
.hero.chef .bg-img {
    width: 50%;
}
.hero.chef .overlay {
    width: 50%;
    right: 0;
    left: 25%;
}
.hero.chef .chef-img{
    display:none;
}
.hero.chef h3 {
    max-width: 710px;
}

#bio {
    background-image: url(../images/marble.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
    background-position: center;
    text-align: justify;
}
#bio .max-width{
    margin: 60px auto;
}
.promo-block.sisters img {
    width: 200px;
    margin: 0 auto 20px;
}
.promo-block.sisters .col.pad-both h3 {
    font-family: "Conv_Thinking_of_Betty";
    margin: 0px 20px 0;
    color: #d80e0e;
    font-size: 55px;
    font-weight: 200;
    text-align: center;
}
/*-- private dining --*/


.hero.private-dining p {
    font-family: "Roboto Condensed";
    font-weight: 200;
    letter-spacing: 1px;
}
.hero.private-dining .align-middle.pad-box, .align-middle{

    top: 50%;
    width: 100%;
    box-sizing: border-box;
    float: right;
    text-align: center;
    /*background-color: antiquewhite;*/
}
    .hero.private-dining .align-middle.pad-box {
   /* padding: 0px 20px 30px;*/
        padding: 30px 20px 30px;
}

.align-middle.pad-box h1 {


    line-height:unset;
    margin: 0;
    width: 100%;
}


.hero.private-dining p {
    font-family: "Roboto Condensed";
    font-weight: 200;
    letter-spacing: 1px;
    margin: 20px 0 0;
}
.private-contact {
    margin: 60px 0 0 0;
}
.hero.private-dining .private-contact p {
    font-family: "Roboto Condensed";
    letter-spacing: 0;
    font-size: 14px;
    line-height: 22px;
    color: #aaa;
    margin: 0 0 30px 0;
}

.gallery-block {
    position: relative;
    height: auto;
    padding: 0 0 56%;
}
.gallery-block.full {
    padding: 0 0 30%;
}
.gallery-block .col {
    height: 100%;
    position: absolute;
    border: 2px solid;
    border-color: black;
}

.gallery-block .col.right {
    right: 0;
}

.gallery-block .half-height,
.gallery-block .col.nested {
    height: 50%;
}

.gallery-block .bottom,
.gallery-block .bottom.bg-img{
    top: 50%;
}

#contact p.larger {
    margin: 0 0 50px auto;
    max-width: 690px;
}
#contact h6 {
    margin: 0 0 0 0;
}
.scroll-ind{
    position: absolute;
    z-index: 4;
    color: rgba(255, 255, 255, 0.45);
    display: block;
    font-size: 45px;
    bottom: 50px;
    text-align: center;
    left: 0;
    right: 0;
    height: 45px;
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -ms-transition: all .35s linear;
    transition: all .35s linear;
}
.scroll-ind:hover{
    color: rgba(255, 255, 255, 0.85);
	-webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -ms-transition: all .35s linear;
    transition: all .35s linear;
}

#contact.promo-block .pad-box {
    padding: 200px 50px 115px;
}


/*-- haberler--*/
#kolonbir {
    max-height: 350px;
}
#koloniki {
    max-height: 350px;
}
#kolonuc {
    max-height: 350px;
}
.haberler {
 /*max-height: 360px;*/
}

/*-- menu-page --*/
.menu-page .col{
    overflow:hidden;
    min-height:350px;
}

.menu-page .col:before {
    content: '';
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    z-index: 2;
    position: absolute;
    border: 12px solid rgba(205, 188, 157,0);
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -ms-transition: all .35s linear;
    transition: all .35s linear;
    box-sizing: border-box;
}
.menu-page .col:hover:before{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 3px solid rgba(205, 188, 157,1);
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -ms-transition: all .35s linear;
    transition: all .35s linear;
}
.menu-page h1{
    color:white;
    margin:0;
    font-size: 23px;
}

.menu-page .hover{
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -ms-transition: all .35s linear;
    transition: all .35s linear;
}
.menu-page a:hover .hover{
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -ms-transition: all .35s linear;
    transition: all .35s linear;
}
.menu-page .hover .btn {
    background-color:#ceba95;
    border-color:#ceba95;
    /*color:white;*/
    color: #000;
    opacity: 0;
    display:inline-block;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -ms-transition: all .35s linear;
    transition: all .35s linear;
}
.menu-page .hover .btn .demo-icon{
    font-size: 28px;
    color: #000;
}
.menu-page .hover .btn span {
    margin: 3px 3px 0 3px;
    display: inline-block;
    float: right;
}
.menu-page a:hover .hover .btn {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -ms-transition: all .35s linear;
    transition: all .35s linear;
}
.menu-page .hover:before {
    content: "";
    background-color: black;
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    /* background-image: url(/easy/images/flower.png); */
    opacity: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0% 100%;
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -ms-transition: all .35s linear;
    transition: all .35s linear;
}
.menu-page a:hover .hover:before {
    will-change: opacity;
    opacity: 0.35;
     -webkit-transition: all .35s linear .25s;
    -moz-transition: all .35s linear .25s;
    -ms-transition: all .35s linear .25s;
    transition: all .35s linear .25s;
}
.menu-page .bg-img{
    -webkit-transform:scale(1) translateZ(0px);
    -moz-transform:scale(1) translateZ(0px);
    -ms-transform:scale(1) translateZ(0px);
    transform:scale(1) translateZ(0px);
    -webkit-transition: -webkit-transform 0.35s linear;
    -moz-transition: -moz-transform 0.35s linear;
    -ms-transition: -ms-transform 0.35s linear;
    transition: transform 0.35s linear;
}
.menu-page a:hover .bg-img{
    -webkit-transform:scale(1.08) translateZ(0px);
    -moz-transform:scale(1.08) translateZ(0px);
    -ms-transform:scale(1.08) translateZ(0px);
    transform:scale(1.08) translateZ(0px);
    -webkit-transition: -webkit-transform 7s linear;
    -moz-transition: -moz-transform 7s linear;
    -ms-transition: -ms-transform 7s linear;
    transition: transform 7s linear;
}



/*-- signup lightbox --*/

.signupframe {
    border: 1px solid #000000;
    background: #ffffff;
}
.signupframe .required {
    font-size: 10px;
}
#mailing-list input.btn {
    background: transparent;
    cursor: pointer;
    display: block;
    width: 100%;
    color: #555;
}
#mailing-list input.btn:hover,
#mailing-list input.btn:focus{
    background: #ceba95;
}

#mailing-list span.link {
    display: none;
}

div#SignUp {
    background: white;
    border-radius: 3px;
    padding: 20px 15px;
    width: 350px;
}

#SignUp input[type="text"] {
    margin: 0 0 10px;
    padding: 16px 15px 10px;
    width: 100%;
    box-sizing: border-box;
    font-size: 15px;
    line-height: 24px;
    font-family: "Roboto Condensed";
    text-transform:lowercase;
    font-weight: 300;
}
#SignUp h2{
	margin:0 0 20px;
}



.reservations2.home{
	display:none;
}
.home-page .reservations2.home{
	display:block;
    margin: auto;
    text-align: center;
    width: 100%;
    max-width: 100px;
    float: left;
	border:2px solid #fff;
	background-color:rgba(0,0,0,0.5);
}

.home-page .reservations2.home:hover{background:#fff; color:#000;}


.rez-2:hover, .rez-2:active, .rez-2:focus{outline:none;}





/*-- press section --*/

.press{
    position:relative;
    background-image: url(../images/marble.png);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    background-position: 50% 50%;
    padding: 180px 0 0;
}
.press-list {
    margin: 0 -50px;
    padding: 0;
    list-style: none;
    text-align:center;
}
.press-list li {
    width: 50%;
    display: inline-block;
    float: left;
    padding: 0 50px;
    box-sizing: border-box;
    position: relative;
    border: none;
    text-align:left;
}
.press-list li a{
    word-wrap: break-word;
    display: block;
    padding: 20px 0px 20px 80px;
    position: relative;
    border-bottom: 1px solid #bbbbbb;
    border: none;

}
.press-list h1 {
    font-size: 24px;
    letter-spacing: 3px;
    line-height: 124%;
    margin: 0;
    color: black;
}
.press-list .date h1 {
    font-size: 35px;
    letter-spacing: 3px;
    line-height: 100%;
    margin: 0;
    font-family:"Roboto Condensed";
}
.press-list .btn {
    color: black;
    background-color: #ceba95;
    border-color: #ceba95;
    color: #000;
    display: inline-block;
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -ms-transition: all .35s linear;
    transition: all .35s linear;
    float: right;

}


.press-list .date {
    display: inline-block;
    color: black;
    position: absolute;
    left: 0px;
    text-align: center;
    border-top: none;
    border: none;
    border-right: 1px solid;
    padding: 4px 15px 0 0;
}
.press-list .date h6{
    margin: 0;
    font-size: 16px;
    font-weight: 400;
}

.press-list a > h2{
	color: black;
    font-size: 28px;
    line-height: 125%;
    font-weight:400;
}
.press-list .date h2{
    margin: 0;
    font-size: 16px;
    font-family: "Roboto Condensed";
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 100%;
}

.press-list h8{
    font-size: 16px;
    color: #969696;
    line-height: 100%;
}



#webapp46127pagination,
#webapp46129pagination{
    list-style: none;
    display: inline-block;
    margin: 20px auto 0;
    text-align: center;
}

#webapp46127pagination li,
#webapp46129pagination li{
    display: inline-block;
    float: left;
    clear: none;
    margin: 0;
    width: auto;
    padding: 0px 20px 0;
    color: black;
}

.press-list .pagination li a {
    display: initial;
    padding: 0;
    color: black;
}

#webapp46127pagination li.pag-current,
#webapp46129pagination li.pag-current{
    color: darkgrey;
}

#webapp46127pagination li.pag-next,
#webapp46127pagination li.pag-prev,
#webapp46129pagination li.pag-next,
#webapp46129pagination li.pag-prev{
    font-family: "Roboto Condensed";
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1;
    padding: 0px 0 3px;
    margin: 6px 20px 0;
    border-bottom: 1px solid;
}






/*-- svg fallback styles --*/

.svgasimg img[file-type="svg"]{
	display:block;
}
.svgasimg img[file-type="png"]{
	display:block;
}
.no-svgasimg img[file-type="svg"]{
	display:none;
}
.no-svgasimg img[file-type="png"]{
	display:block;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    width: auto;
    height: auto;
    margin: 0;
    line-height: 100%;
}




#galerycont {
    float:none;
}
/* Haberler */
#active2 #tab2,
#active3 #tab3,
#active4 #tab4,
#active5 #tab5 {
    font-weight:bold;
    text-decoration:none;
    color:#000;
}
#footer {
    clear:both;
    float:left;
    width:100%;
}
#footer p {
    margin-left:2%;
    padding-right:2%;
}

/* Start of Column CSS */
#container3 {
    clear:left;
    float:left;
    width:100%;
    overflow:hidden;
    background:#89ffa2; /* column 3 background colour */
}
#container2 {
    clear:left;
    float:left;
    width:100%;
    position:relative;
    right:33.333%;
    background:#ffa7a7; /* column 2 background colour */
}
#container1 {
    float:left;
    width:100%;
    position:relative;
    right:33.33%;
    background:#fff689; /* column 1 background colour */
}
#col1 {
    float:left;
    width:29.33%;
    position:relative;
    left:68.67%;
    overflow:hidden;
}
#col2 {
    float:left;
    width:29.33%;
    position:relative;
    left:72.67%;
    overflow:hidden;
}
#col3 {
    float:left;
    width:29.33%;
    position:relative;
    left:76.67%;
    overflow:hidden;
}

#map {
   width: 100%;
   height: calc(100vh - 115px);
   background-color: grey;
 }

 .header .logo{margin-bottom: 60px; margin-top: 10px;}


.popup{max-width: 870px !important; width:100%; height: 580px;}
 .popup h1 {
    color: #000;
    margin: 0 0 30px;
    font-size: 23px;
    margin-bottom: 24px;
}

.popup img{max-width: 500px; display: inline-block !important; margin-right: 15px; margin-bottom: 10px; float: left;}
 .popup p{
    font-family: "Roboto Condensed";
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    text-transform: none;
    margin: 0;
}

.popup p:nth-child(n+1){margin-top: 15px;}


.text-cont{width: 50%;}

.iletisim-header{height: 105px; padding-top: 10px;}

.list-item-urun-menu{
  display: inline-block;
  position: relative;
    width: 33.3% !important;
    cursor: pointer;
    overflow: hidden;
	outline:1px solid #fff;
}

.list-item-urun-menu img{
  display: block;
  margin: 0 auto;
}

.list-item-urun-menu #description{
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 5%;
  color: #ccd;
  background: rgba(0,0,0,.8);
  visibility: hidden;
}

div[role='form']{margin-top: 30px;}
#message{height: 107px;}


.reservations {
  margin: auto auto;
  display: block;
  position: relative;
  border: 1px solid #111;
  padding: 20px;
  border-radius: 5px;
  margin-top: 20px;
  opacity: 1;
  width:100%;
  max-width: 400px !important;
}

.reservations h1{
	font-size:24px;
	}


.reservations.close {
  opacity: 0;
  display: none;
}

.reservations p {
    margin-top: 3px;
    margin-bottom: 0px;
    font-size: 12px;
}

.reservations input {
    width: 100%;
    font-size: 13px;
    text-indent: 5px;
}
.reservations select {
    font-size: 14px;
    width: 100%;
    height: 34px;
}

input[type=range] {
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #A6A6A6;
  background: #FF3B30;
  border-radius: 4px;
  border: 0px solid #FF3B30;
}

input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 2px #111111;
  border: 1px solid #111;
  height: 40px;
  width: 20px;
  border-radius: 0px;
  background: #DDDDDD;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -18.5px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #FF3B30;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #A6A6A6;
  background: #FF3B30;
  border-radius: 4px;
  border: 0px solid #FF3B30;
}

input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 2px #111111;
  border: 1px solid #111;
  height: 40px;
  width: 20px;
  border-radius: 0px;
  background: #DDDDDD;
  cursor: pointer;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: #FF3B30;
  border: 0px solid #FF3B30;
  border-radius: 8px;
  box-shadow: 0px 0px 0px #A6A6A6;
}

input[type=range]::-ms-fill-upper {
  background: #FF3B30;
  border: 0px solid #FF3B30;
  border-radius: 8px;
  box-shadow: 0px 0px 0px #A6A6A6;
}

input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 2px #111111;
  border: 1px solid #111;
  height: 40px;
  width: 20px;
  border-radius: 0px;
  background: #DDDDDD;
  cursor: pointer;
}

input[type=range]:focus::-ms-fill-lower {
  background: #FF3B30;
}

input[type=range]:focus::-ms-fill-upper {
  background: #FF3B30;
}

.reservations #slider:before {
  content: "1 ";
  display: inline;
  padding: 10px;
}

.reservations #slider:after {
  content: "10+";
  display: inline;
  padding: 10px;
}

.reservations .rez_button {
background: #de1c1c;
    color: white;
    text-align: center;
    width: 100%;
    max-width: 140px;
    border: 0;
    font-weight: bold;
    font-size: 30px;
    line-height: 50px;
    margin-top: 25px;
    cursor: pointer;
    font-size: 18px;
}

.reservations button:hover {
  background: #de1c1c;
}

.dtpicker-content {
  box-shadow: 0px 0px 6px #444;
}

.dtpicker-overlay {
  background: rgba(0, 0, 0, .7);
}




.thankyou {
  margin: auto auto;
  display: block;
  position: relative;
  text-align: center;
  background: #00B245;
  color: white;
 /* width: 500px;*/
  padding: 20px;
  margin-top: 20px;
  display: none;
  opacity: 0;
}
.hata {
  background: #ff4343;
}
.thankyou i {
  font-size: 70px;
}

.thankyou.open {
  opacity: 1;
  display: block;
}


/*Referanslar*/
.referances-row {
    padding-top: 60px;
    padding-bottom: 60px;
}

.column {
  float: left;
  width: 25%;
  padding: 0px;
  height: 250px;
}


.column img {
    max-width: 55%;
    margin: auto;
    padding-top: 30px
}

.column12 {
  height: 250px;
}


.row:after {
  content: "";
  display: table;
  clear: both;
}


@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

.referances-heading {
    color: #fff;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;

}

.sponsorship-col {
        float: none!important;
    margin: auto;
}

.diageo-img{
  max-width: 80%!important;
  padding-top: 5px!important;
}

.diversey-img{
    padding-top: 5px!important;
}

.home-footer h3{color: #FFF;font-weight: bold; font-size: 17px;}
.new-adres h3 {color: #FFF;font-weight: bold; font-size: 17px; }
.home-footer hr { width: 100%; border:none; height: 1px; background-color: #FFF; margin:5px;}