/*
Tasarım ve Kodlama :  İbrahim Aslan   
VEMEDYA 
8.Temmuz 2015 Çarşamba

*/

@charset "utf-8";
/* CSS Document */
 
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100&subset=cyrillic,cyrillic-ext,latin,greek-ext,greek,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500);

body {   font-family: 'Roboto Slab', sans-serif; background: url("../images/bg.jpg") ;overflow-x:hidden;color:#333;height:100%;} 
a {text-decoration:none;color:#000;}
hr {   display: block; height: 1px;    border: 0; border-top: 1px solid #eaeaea;   padding: 0;  margin-top:20px;margin-bottom:20px;}
b {color:#333;}


.container {width:1140px;margin:0 auto;padding-bottom:80px;    clear: left; }

.logo {float:left;margin-top:10px;}
.logo img {width:320px;}


.aktive { background: url("../images/aktive.png") no-repeat center center #f6a00f;color:#fff}
.menu {float:right;margin-top:82px;  }
.menu li  {float:left;border-right:2px solid #593d35;padding-left:4px;}
.menu li:last-child {border:0;}
.menu li a {font-weight:bold;font-family: 'Roboto Slab', cursive; text-decoration: none;padding: 110px 4px 4px 4px;   margin-right:10px; -webkit-transition:;}
.menu li a:hover { color:#fff}


.temizle {clear:both;}

.input {padding:7px;border:1px dotted #000;background:#eee;-webkit-transition:all 0.2s}
.input:focus {background:#fff}
.button_yesil {border:0;cursor:pointer;  background: #007138;
background-image: -webkit-linear-gradient(top, #007138, #04572c);
background-image: -moz-linear-gradient(top, #007138, #04572c);
background-image: -ms-linear-gradient(top, #007138, #04572c);
background-image: -o-linear-gradient(top, #007138, #04572c);
background-image: linear-gradient(to bottom, #007138, #04572c);
-webkit-border-radius: 0;  -moz-border-radius: 0;  border-radius: 0px; margin-right:10px;  color: #ffffff;  font-size: 14px;  padding: 10px 20px 10px 20px;  text-decoration: none;}

.button_yesil:hover { background: #007539;  background-image: -webkit-linear-gradient(top, #007539, #007539);
background-image: -moz-linear-gradient(top, #007539, #007539);
background-image: -ms-linear-gradient(top, #007539, #007539);
background-image: -o-linear-gradient(top, #007539, #007539);
background-image: linear-gradient(to bottom, #007539, #007539);  text-decoration: none;}


.button_mavi {border:0;cursor:pointer;  background: #3498db;  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);  background-image: -o-linear-gradient(top, #3498db, #2980b9);  background-image: linear-gradient(to bottom, #3498db, #2980b9);
-webkit-border-radius: 0;  -moz-border-radius: 0;  border-radius: 0px; margin-right:10px;  color: #ffffff;  font-size: 14px;  padding: 10px 20px 10px 20px;  text-decoration: none;}

.button_mavi:hover { background: #3cb0fd;  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);  text-decoration: none;}

  
.button_kahve {border:0;cursor:pointer;  
  background: #a85700;
  background-image: -webkit-linear-gradient(top, #a85700, #663800);
  background-image: -moz-linear-gradient(top, #a85700, #663800);
  background-image: -ms-linear-gradient(top, #a85700, #663800);
  background-image: -o-linear-gradient(top, #a85700, #663800);
  background-image: linear-gradient(to bottom, #a85700, #663800);
  -webkit-border-radius: 11;
  -moz-border-radius: 11;
  border-radius: 11px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.button_kahve:hover {
  background: #c26400;
  background-image: -webkit-linear-gradient(top, #c26400, #4f2a00);
  background-image: -moz-linear-gradient(top, #c26400, #4f2a00);
  background-image: -ms-linear-gradient(top, #c26400, #4f2a00);
  background-image: -o-linear-gradient(top, #c26400, #4f2a00);
  background-image: linear-gradient(to bottom, #c26400, #4f2a00);
  text-decoration: none;
}

  
  
  
.right {float:right;}
.left {float:left;}
.sosyal a  img {margin-left:10px;}

.slider {max-width:2000px;height:580px;margin-top:10px; }

.radius_5 {overflow:hidden;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.radius_10  {overflow:hidden;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}


.h1 {font-family:'Roboto Slab';font-size:40px;color:#062045;}
.h2 {font-family:'Roboto Slab';font-size:20px;color:#062045;}
.h3 {font-family:'Roboto Slab';font-size:17px;}

.text_center {text-align:center;}
.p {margin-top:20px;line-height:25px;font-size:18px;color:#808285;}


.footer {border-top:1px solid #d3d3d3; ;height:118px;padding-top:20px;background: #fff;width:100%;  position:relative; clear:both; }
.golge {-webkit-box-shadow: -1px 11px 16px -2px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 11px 16px -2px rgba(0,0,0,0.75);
box-shadow: -1px 11px 16px -2px rgba(0,0,0,0.75);}
.form {font-family:'Roboto Slab';font-size:18px;margin-top:5px;height:36;padding:13px 5px 13px 5px ;width:220px;border:1px solid #a0a0a0;}

.file {    width: 128px;    height: 91px;    background: url('../ikonlar/jpg.png');    background-size:cover;    overflow: hidden;margin-top:-20px;
 	margin-left:5px;}
.file input {    width: 128px;    height: 128px;    opacity: 0;    cursor: pointer;}
.file_text { padding: 5px;         font: 12px Arial;    position: relative;    width:100px;}
.file_text input {    width: 100%;    height: 100%;    position: absolute;    top: 0;    left: 0;    opacity: 0}

#map_div {border-top:1px solid #eaeaea;}

.pad50 {padding-top:50px;}




.ic_sayfa_container {font-family:'Roboto'; margin-top:0px;min-height:400px;background:#fff;border:1px solid #aeaeae;padding:20px }
 .h2 {padding:10px;background:#543100;color:#fff;    display: inline-block;text-align:center;margin-bottom:10px}


.header {height:700px;background: url("../images/bg_top_img.jpg") center center no-repeat ;;}




.prev {float: left;margin-left: -80px;margin-top:-220px;padding:28px;padding-bottom:29px;background: url("../images/geri.png")}
.next {float: right;margin-right: -80px;margin-top:-220px;padding:28px;padding-bottom:29px;padding-right:27px;background: url("../images/ileri.png")}

.hizli_menu {width:230px;border-right:1px solid #eaeaea;min-height:400px;margin-right:20px;padding-right:20px;float:left;}
 .hizli_menu ul li { margin-bottom:10px;padding:10px;background: #a45f00;}
.hizli_menu ul li a {color:#fff;padding-left:0px; margin-bottom:10px;   }

/*------------------------------------------MASTER ENDER---------------------------------------------------------*/


.header_content {height:170px;border-bottom:4px solid #a45f00 ;}


/* Sweep To Bottom */
.hvr-sweep-to-bottom {
 
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
background: url("../images/aktive.png") no-repeat center center #f6a00f;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Sweep To Top */





.h1_er {font: 50px 'Roboto Slab',cursive;
  line-height: 50px;
  padding: 0 150px 45px;
  color: #fff;
  text-align: center;
  position:relative;top:20px;}

 .urun_h1 {font-size:21px;margin-top:34px;color:#5e3700;font-weight: 500}
 #foo3  {margin-top:50px;}
#foo3 li{text-align:center;}

.bant {margin-top:-15px;background:#a45f00;height:30px}


/*---------------------*/

.iletisim_form .form {padding:4px;}
.top_header {max-width:2000px;height:50px;padding-top:10px;background: #fff}
.tel {margin-right:100px;width:500px;}
  
.tel h1 {margin-top:6px;font-size:23px;}
.prof {float:left;margin-left:70px;font-weight:600;line-height:23px;}


.header_menu {max-width:2000px;height:76px;padding-top:12px; background: #62a2d5}


.orta_ {max-width:2000px;margin-top:-40px;}
.slogan {position:absolute;width:1100px;z-index:99;height:106px;background: #f8d04c}
.slogan h1 {text-align: center;position:relative;top:30px;font-size:40px;color:#60a0d5;font-weight: 100}


.bilgi_  {margin-top:100px;text-align: center;height:264px;padding-top:30px;}
.bilgi_ div {height:100px;margin:0 auto;width:200px;}

.orta_menu {height:390px;margin-top:30px;background: url("../images/orta_.png") center center ;}
.orta_ul {margin-top:80px;}
.orta_ul li {float:left;text-align:center;line-height:50px;font-size:20px;margin-right:30px;}
.orta_ul li:last-child , .son_li {margin-right:0;}


.orta_2 {background : #4E1011 url("../images/orta_bg.jpg") repeat-x; height:335px; margin:20px 0   0px 0 ;}
 
 .dikey_ortala {margin-top:100px;}

.arkap {background: rgba(255,255,255,0.5);padding:20px;}
 .haberler {margin-bottom:30px;}
.haberler_ul li {position:relative;width:537px;height: 200px;border:1px solid #aaa ;float:left;margin-left:20px;margin-top:20px;border-radius: 5px;padding-right:10px;}
.haberler_ul li:nth-child(odd) {margin-left:0;}
.haberler_ul li a {color:#333;}
.haberler h1 , .orta_3 h1 {font-size:24px;text-align:center;margin-top:20px;}
.haberler_ul li p {color:#062045;line-height:23px;position:absolute;bottom:20px;right:10px;width:240px;font-weight:600;}
.haberler_ul li a h1 {text-align: left}
.haberler_ul li img {margin-right:20px;}

.orta_3 {max-width:2000px;height: 573px;background :url("../images/orta3.png") center center ; }
 
 #adres {margin-top:60px;color:#fff;line-height:20px;}

 
 
 .form_for {margin-top:-85px;margin-right:70px;}
 .form_container {font-family:'Roboto Slab';}
 

.footer .logo img {width:240px;margin:0;}
 .footer .sosyal   img {margin-top:150px; }

 .footer_box {font-family:'Roboto Slab';width:370px;height:200px;border-left:1px solid #dadada;}
 .footer_box:first-child {border:0;}
  
 .footer_menu ul{ margin-top:10px;float:left;margin-left:30px;}
 .footer_menu ul li {border:0; float:left; margin-right:0px; ;}
 .footer_menu ul li a {color:#333; font-weight:thin;	font-size:14px;padding:0;background: #fff}
 .footer_menu ul li a:hover {color:#333;}

 .sosyal_container {width:200px;}


.adres {width:470px; float:left;text-align: left ;margin-top:15px;line-height: 25px}
.kutu_ {margin-top: 23px;overflow:hidden;border-radius:10px;width:360px;height:290px;margin-right:30px;float:left;text-align: center ;position:relative; ;-webkit-transition:all 0.5s;background:#2b9700 }
.kutu_:last-child {margin-right:0;}
.kutu_ img{ width:390px;border-radius:10px; -webkit-transition:all 0.8s;}
.kutu_ div h1 {color:#986c2b;font-size:20px;margin-top:20px;margin-bottom:10px;}
 .kutu_ div {overflow:hidden;border-radius:10px;background: url("../images/kutu-bg.png");height:120px;width:360px; position:absolute;bottom:0;}
 .kutu_ div i {color:#fff;font-size:20px;margin-right:10px;;-webkit-transition:all 0.5s} 
.kutu_ div p {line-height:20px;}
 .kutu_:hover {cursor: pointer;border-radius:10px;}
 .kutu_:hover   img {opacity:0.7; transform: scale(1.2);}  
 .kutu_:hover i {     transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);}  
 
 
    

.urunler_ic_ li{margin-bottom:130px;margin-right:50px;}
 .resim {padding:3px ;border:1px solid #eee; margin-bottom:30px;}

 .urun_baslik {padding:10px;background: #efefef;font-size:20px;margin-bottom:30px;color:#543100;}

 .fot_gl_i {padding:3px;border:1px solid #eee ;margin-right:13px;margin-bottom:13px}

.yemek {float:left;width:255px;margin-right:14px;position:relative;}
 .yemek img {width:100%}
 .yemek h2 {position:absolute;bottom:35px;left:4px;background: rgba(0,0,0,0.7);padding:10px;width:92%;text-align:center;color:#fff;}