body{
	margin: 0px auto;
	padding: 0px;
  background: #fefbf4 !important;
  font-family: 'Roboto', sans-serif !important;
}

#menuback{
  position: relative;
  z-index: 2;
}#menu{
  display: block;
}#menu li a{
  color: #2c2c2c;
  font-size: 15px;
  font-weight: 500;
}#menu li a:hover,#menu li a:focus{
  color: #2c2c2c !important;
  text-decoration: none;
  background:url(../images/menuhover.png);
  background-repeat: no-repeat;
  background-position: bottom;
}

#ustgenel{
  z-index: 2;
  margin: 0;
  min-height: 100px;
  background: transparent;
  border-color: transparent;
  width: 100%;
}.navbar-brand img{
  max-width: 120px;
}

#dil{
  padding: 15px 15px 0px 0px;
  color: #2c2c2c;
  font-size: 18px;
  text-align: right;
  float: right;
}#dil a{
  color: #2c2c2c;
  text-decoration: none;
}#dil i{
  padding: 0px 10px;
  display: inline-block;
}

#slayt{
  padding:15px 0px;
}
#page1{
  padding: 0px 50px;
}

#page1 .sag_img{
  padding: 15px 0px 15px 15px;
}#page1 .sag_img img{
  width: 100%;
}





#page2{
  background:url(../images/page2_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  min-height: 400px;
  padding: 50px 0px 0px 0px;
  text-align: center;
}#page2 .sag{
  display: none;
}#page2 .sol{
  display: none;
}#page2 .sag img{
  float: right;
  width: 100%;
}#page2 .sol img{
  float: left;
  width: 100%;
}#page2 .bir{
  color: #704412;
  font-size: 30px;
}#page2 .iki{
  color: #382a1b;
  font-size: 25px;
}#page2 .uc{
  color: #704412;
  font-weight: 500;
  font-size: 28px;
  font-style: italic;
}#page2 .dort{
  color: #382a1b;
  font-size: 25px;
}


#page3{
  padding: 0px 0px 50px 0px;
}#page3 .container{
  margin-top: -70px;
}#page3 .bir{
  color: #704412;
  font-size: 25px;
  font-style: italic;
  font-weight: 500; 
}#page3 .iki{
  color: #382a1b;
  font-size: 19px;
}#page3 .uc{
  color: #704412;
  font-size: 17px;
}#page3 .sag img{
  width: 100%;
}#page3 .sol{
  padding-top: 100px;
}



#page4{
  background: #f5f5e5;
  padding: 50px 0px 0px 0px;
}#page4 .urun_adi{
  text-align: center;
}#page4 .urun_adi a{
  color: #2c2c2c;
  text-decoration: none;
}#page4 .urun_resim{
  border:1px solid #d8d8c7;
  padding: 0px;
}#page4 .urun_slayt{
  margin-top: 10px;
}

#footer{
  padding: 30px 0px;
  background: #2b2a29;
  color: #fffef7;
}#footer .iletisim p{
  width: 25px;
  line-height: 2;
  display: inline-block;
}#footer .iletisim{
  font-size: 16px;
  margin-bottom: 15px;
}#footer .sosyal{
  text-align: right;
  margin-bottom: 15px;
}#footer .sosyal a{
  font-size: 15px;
  color: #fff;
  text-decoration: none;
}#footer .sosyal i{
  padding: 10px;
  width: 35px;
  border: 1px solid #ddd;
  border-radius: 3em;
}#footer .sosyal span{
  padding-right: 5px;
}#footer .copy,#footer .tuyan_tasarim{
  text-align: right;
  margin-bottom: 15px;
}




@media screen and (max-width: 1024px){

}
@media screen and (max-width: 768px){
#page1{
  padding: 0px;
}
#page2{
  background: #f5f5e5;
}#page2 .sag{
  display: block;
}#page2 .sol{
  display: block;
}
}


@media (min-width:768px) and (max-width:1024px){

}




.jssorl-oval img {
      animation-name: jssorl-oval;
      animation-duration: 1.2s;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
  }

  @keyframes jssorl-oval {
      from {
          transform: rotate(0deg);
      }

      to {
          transform: rotate(360deg);
      }
  }


  /* jssor slider bullet navigator skin 05 css */
  /*
  .jssorb05 div           (normal)
  .jssorb05 div:hover     (normal mouseover)
  .jssorb05 .av           (active)
  .jssorb05 .av:hover     (active mouseover)
  .jssorb05 .dn           (mousedown)
  */
  .jssorb05 {
      position: absolute;
      left: 50px !important;
      bottom: 50px !important;
  }
  .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
      position: absolute;
      float: right;
      width: 16px;
      height: 16px;
      background: url('../img/b05.png') no-repeat;
      overflow: hidden;
      cursor: pointer;
  }
  .jssorb05 div { background-position: -7px -7px; }
  .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
  .jssorb05 .av { background-position: -67px -7px; }
  .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

  /* jssor slider arrow navigator skin 22 css */
  /*
  .jssora22l                  (normal)
  .jssora22r                  (normal)
  .jssora22l:hover            (normal mouseover)
  .jssora22r:hover            (normal mouseover)
  .jssora22l.jssora22ldn      (mousedown)
  .jssora22r.jssora22rdn      (mousedown)
  .jssora22l.jssora22lds      (disabled)
  .jssora22r.jssora22rds      (disabled)
  */
  .jssora22l, .jssora22r {
      display: inline-block;
      position: relative;
      /* size of arrow element */
      width: 50px;
      height: 58px;
      cursor: pointer;
      background: url('../img/a22.png') center center no-repeat;
      overflow: hidden;
  }
  .jssora22l { background-position: -10px -31px; }
  .jssora22r { background-position: -70px -31px; }
  .jssora22l:hover { background-position: -130px -31px; }
  .jssora22r:hover { background-position: -190px -31px; }
  .jssora22l.jssora22ldn { background-position: -250px -31px; }
  .jssora22r.jssora22rdn { background-position: -310px -31px; }
  .jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
  .jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }


.owl-theme .owl-nav [class*=owl-]{
  background: transparent !important;
}.owl-theme .owl-nav [class*=owl-]:hover{
  background: transparent !important;
}.owl-carousel .owl-nav .owl-prev{
  float: left !important;
  top: -180px;
  right: 50;
  position: relative;
}.owl-carousel .owl-nav .owl-next{
  float: right !important;
  top: -180px;
  left: 50;
  position: relative;
}
@media screen and (max-width: 768px){
  .owl-carousel .owl-nav .owl-prev{right: 0;}
  .owl-carousel .owl-nav .owl-next{left: 0;}
}



.sayfala{
    padding: 5px;
}.aktif_sayfa{
    padding: 5px 10px;
    /* background: #2b2b2b; */
    color: #2b2b2b;
    margin: 0 5px;
    border: 1px solid #2b2b2b;
}.sayfala a, .sayfala a:hover, .sayfala a:focus{
    padding: 5px 10px;
    border: 1px solid #bdbdbd;
    color: #2b2b2b;
}.aktif_sayfam{
    padding: 3px 7px;
    background: #2b2b2b;
    color: #fff;
    margin: 0 5px;
}