html,body {
	height: 100%;
	color:#231F20;
	font-family: 'Source Sans Pro', sans-serif;


}
img {
	width: 100%;
	height: auto;
}
.bgGold { 
	background-color: #F0C868;
}
.bgGold:hover {
	background-color: #c9a85a;
}
.color-brown {
    color:#231F20;

}
.color-brown:hover {
    color:#231F20 !important;
    
}
/* modal 
 */
.modal {
	
	max-height: 90%;
	width: 70%;
	
}
/*
 nav 
*/
nav {
    background-color: #231F20;
    background-image: url(http://www.behlulzade.com/wp-content/uploads/2018/06/bg-nav.svg);
    background-size: cover;
background-position: center center;
	box-shadow:0 0 0  transparent !important;
	text-align: center;
	position: relative;
    z-index: 999;
    height: 120px !important;

	
}
nav ul a {
    color:#F0C868;
    font-size: 1.3rem;
    font-weight: 300;
	
}
nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
	line-height: 119px !important;
}
.brand-logo img {
	width: 100%;
	height: 230px;
}
/* materilize css */
.row { margin-bottom: 0; }
/* 
	hero image
*/
	.item img {width: 100%; object-fit: contain}
.hero {
	position: relative;
	z-index: -4;
}
.hero .hero-text {
	color:#fff;
	position: absolute;
}
.hero .hero-text h4 {
	font-size: 40px;
	font-weight: 100;

}
.hero .hero-text h1 {
	font-size: 75px;
	font-weight: 900;
	line-height: 67px;

}

.hero h2 {
	font-size: 90px;
	line-height: 80px;
	color: #ee7c00;


}
.hero h2 span {
	font-weight: 700;
}

.owl-carousel h2 {
	color: #231f20;
	position: absolute;
	left: 10%;
    top:  30%;
    background-color: #c9a85a;
    padding: 10px;
   animation-name:slider;
   animation-duration: 1s;
   animation-fill-mode: forwards;
}
@keyframes slider {
    to {top:40%}
}


/* 


hakkımızda 

*/

section.hakkimizda {
 position: relative;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c9a85a+0,c9a85a+50,ffffff+50,ffffff+100 */
background: #c9a85a; /* Old browsers */
background: -moz-linear-gradient(left,  #c9a85a 0%, #c9a85a 50%, #ffffff 50%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #c9a85a 0%,#c9a85a 50%,#ffffff 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #c9a85a 0%,#c9a85a 50%,#ffffff 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9a85a', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */


}

section.hakkimizda  .hakkimizda-text {
    padding: 75px 20px 0 0px;
    font-size:14px;
	
	
}
section.hakkimizda  .hakkimizda-text h2 {
	font-size:70px;
    font-weight: bolder;
    line-height: 1;
    padding: 0;
}

section.hakkimizda  .hakkimizda-text img { 
    max-width: 250px;
    display: block;
    margin: 0 auto;
}
section.hakkimizda  .hakkimizda-text p {
	padding:30px 0px 10px 0px;
	text-align: justify;
}
/* *
form
*/
input[type="submit"] {
    width: 100%;
    height: 50px;
    background-color: #F0C868;
    color:#231f20;
    border:transparent;
    transition: background-color 0.4s;
    font-size:18px;
    font-weight: 500;
}
input[type="submit"]:hover {
    background-color: #c9a85a;
}
input:not([type]):focus:not([readonly]), input[type="text"]:focus:not([readonly]), input[type="password"]:focus:not([readonly]), input[type="email"]:focus:not([readonly]), input[type="url"]:focus:not([readonly]), input[type="time"]:focus:not([readonly]), input[type="date"]:focus:not([readonly]), input[type="datetime"]:focus:not([readonly]), input[type="datetime-local"]:focus:not([readonly]), input[type="tel"]:focus:not([readonly]), input[type="number"]:focus:not([readonly]), input[type="search"]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
	border-bottom: 1px solid #F0C868;
	box-shadow: 0 1px 0 0  #F0C868;
}

/* 
	Menüler
*/
.urunler { 
	background-color: #231F20;
	color:#F0C868;
	padding: 70px 0px;
	margin-top:40px;
	position: relative;
	overflow: hidden;
}
.urunler::after {
	content: "";
	background-image: url(http://www.behlulzade.com/wp-content/uploads/2018/06/bg-nav.svg);
	width: 100%;
	height: 270px;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
	display: block;
	position: absolute;
	top:0;
	left: 0;
	opacity: 1;
	z-index: 0;
}
.menuler {
	background-color: #ee7c00;
	color:#fff;
	padding: 50px;
}
.menuler .menu-text {
	font-size: 30px;
	font-weight: 100;
	line-height: 35px;
	text-align: left;
	border-right: solid 1px #fff;
	
}
 
.menu-tel {
	text-align: right;
}
 .menu-tel a {
	color:#fff;
	line-height: 2.5;
	color:#F0C868 !important;
	font-size: 50px;
	position: relative;
	z-index: 3;
	


}
 .menu-tel  a span {
	font-weight: 100;
	line-height: 1.2;
}

/* 
    PRODUCT
*/
.product-container {
   
    padding-top:100px;
   
}
.product-container a:hover .product-content {
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.4);
    transform: scale(1.1,1.1);
}
.product-container a {
	color: #231F20;
}
.product-container a:hover {
    color:#c9a85a;
    
}


.product-container .product-title {
    background-color: #c9a85a;
    padding-left: 5px;
    font-size: 13px;
    min-height: 75px;
    padding-top: 10px;
}
.product-container .product-title span {
    display: block;
}
.product-container .product-title span:nth-child(1) {
    font-weight: 700;
}
.product-container .product-title span:nth-child(2) {
    font-weight: 300;
}

.product-container a:hover .product-title {
    background-color: #231f20;
}
.product-container .product-content { 
    margin-bottom:30px;
    transition: all 0.4s;
}
.product-info {
    padding: 0 20px;
}
.product-info h5 {
    /* color: #c9a85a;
    background-color:#231f20; */
    padding: 5px;
    text-align: center;

}


/* 
	yemek-cesitleri
*/

.yemek-cesitleri {
	padding: 50px 100px;
	background-image: url(../images/yemek-cesitleri.jpg);
	background-size: cover;
}

.yemek-cesitleri ul li{
	list-style-type: circle;
	color: #fff;
	font-size: 30px;
	font-weight: 900;
}

/* 
yorumlar 
*/


.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
	padding:5px 15px !important;
	margin-top:10px;
	margin-left:10px;
    font-size:20px;
    border:1px solid #000 !important;

} 


.mekan {
	background-image: url(../images/acilis-back.jpg);
	background-size: cover;
	background-position: center;
	padding: 75px 0px;

}
.mekan p {
	font-size: 50px;
	font-weight: bold;
	line-height: 45px;
}
.mekan p span {
	font-weight: 100;
	font-size: 25px;
	margin-left: 130px;
	position: relative;
}
.mekan p span::before {
	content: "";
	position: absolute;
	left: -120px;
	top: 15px;
	border-bottom: 1px solid #ee7c00;
	width: 100px;
	height: 1px;


}


/* 
	form
*/

.form {
	background-color: #231f20;
	color:#fff;
	padding: 50px 0 100px 0px
}
.form .form-text span {
	font-weight: 100;
}

 /* label color */
  .form  .input-field label {
     color: #fff;
   }
   /* label focus color */
  .form  .input-field input[type=text]:focus + label , .form  .input-field input[type=email]:focus + label {
     color: #fff;
   }
   /* label underline focus color */
  .form  .input-field input[type=text]:focus ,.form  .input-field input[type=email]:focus {
     border-bottom: 1px solid #fff;
     box-shadow: 0 1px 0 0 #fff;
   }
   /* valid color */
  .form  .input-field input[type=text].valid ,.form  .input-field input[type=email].valid {
     border-bottom: 1px solid #fff;
     box-shadow: 0 1px 0 0 #fff;
   }
   /* invalid color */
  .form  .input-field input[type=text].invalid ,  .form  .input-field input[type=email].invalid {
     border-bottom: 1px solid #fff;
     box-shadow: 0 1px 0 0 #fff;
   }
   /* icon prefix focus color */
  .form  .input-field .prefix.active {
     color: #fff;
   }

/* 
	markalar 
*/
.markalar {
 padding: 50px 0;
 display: none;
}

.markalar ul li {
	display: inline-block;
	padding: 5px;
}



/* 

footer 

*/

footer.page-footer {
	padding: 75px 0 0 0 ;
	position: relative;
	background-color: #c9a85a;

}
footer.page-footer .footer-img {
	position: absolute;
	width: 100%;
	max-width: 400px;
	top: -108px;
	left: 50%;
	margin-left: -200px;
}

footer.page-footer h3  {
	line-height: 40px;
}

footer.page-footer h3 span {
	font-weight: 100;
}

.cd-container {
  width: 90%;
  max-width: 768px;
  margin: 2em auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:#F0C868 url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color:#c9a85a;
  opacity: 1;
}



/*



 media q 

*/

@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}





@media only screen and (max-width: 767px) {
    .owl-carousel .owl-item img {
        height: 100vh;
        object-fit: cover;
    }
    .brand-logo img {
        height: auto;
    }
    nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
        line-height: 64px !important;
    }
    nav {
        height:64px !important ;
        line-height: 1 !important;
    }
	footer.page-footer .footer-img {
        left:20%;
        max-width: 250px;
        top: -68px;
        margin-left: -9px;
	}
	.mekan p span::before {
		border-bottom: none;
	}
	.mekan p span {
		margin-left:0;
	}
	.menuler .menu-tel  h3 {
		line-height: 1;
	}
	.hero {
    padding: 96px 0 260px 10px;
	}
	.menuler .menu-text {
   
    border-right: solid 0px transparent;
    border-bottom: solid 1px #fff

}
.menu-tel a {
    font-size:40px;
}
section.hakkimizda {
  background: #F0C868;
}
}