.container{
   width: 100%;
   max-width: 1140px;
   padding:0 15px;
   margin:0 auto;
}

.row{
   margin:0 -15px;
}

header{
   width: 100%;
   float:left;
   background: #fff;
   position: relative;
   box-shadow: 0 0 5px rgba(0,0,0,0.5);
   z-index: 2000;
}
.nav{
   float:right;
   position: relative;
}
.nav li{
   float:left;
}
.nav li a{
   float:left;
   line-height: 100px;
   padding:0 20px;
   font-size:16px;
   color:#545454;
   font-size: 13px;
   font-family: "MB";
   text-transform: uppercase;
   transition:300ms;
   -webkit-transition:300ms;
   -ms-transition:300ms;
}
.nav li a:hover,.nav li.active a{
   color: #009937;
}
.borderof{
   background: #fff;
   border:2px solid #009937;
   width: 14px;
   height: 14px;
   position: absolute;
   bottom:-6px;
   transition:300ms;
   border-radius: 50%;
}
.toggle{
   position: absolute;
   top:38px;
   right:15px;
   width: 35px;
   cursor:pointer;
   display:none;
}
.toggle div{
   width: 30px;
   float:left;
   height: 3px;
   background: rgba(0,0,0,0.8);
   margin:2px 0;
}
.logo{
   float: left;
   line-height: 94px;
}
.logo img{
   height: 110px;
}

.urunler{
   width: 100%;
   float: left;
   padding:40px 0;
   background: #ededed;
}

.title{
   width: 100%;
   float: left;
   text-align: center;
   color: #181818;
   font-family: "mb";
   letter-spacing: 3.8px;
   font-size: 20px;
}
.divider{
   width: 40px;
   height: 2px;
   background: #c1c1c1;
   position: relative;
   float: left;
   left: 50%;
   margin-left: -20px;
   margin-top:15px;
   margin-bottom:15px;
}
.subtitle{
   width: 100%;
   float: left;
   text-align: center;
   color: #c1c1c1;
   font-family: "mb";
   font-size: 13px;
}


.uruns{
   width: 100%;
   float: left;
   position: relative;
   margin-top:30px;
}
.uruns .urun{
   width: 25%;
   padding:15px;
   float: left;
   position: relative;
}

.uruns .urun a{
   float: left;
   width: 100%;
   border:20px solid #fff;
   position: relative;
   overflow: hidden;
   transition:200ms;
   -webkit-transition:200ms;
   -ms-transition:200ms;
}

.uruns .urun a img{
   width: auto;
   height: 100%;
   position: absolute;
   top:50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
.uruns .urun a:hover{
   border-width: 10px;
}
.all-more{
   width: 100%;
   float: left;
   text-align: center;
   padding:30px 0 0 0;
}
.all-more a{
   display: inline-block;
   border: 1px solid rgba(255,255,255,1);
   padding:0px 65px;
   font-size: 12px;
   line-height: 50px;
   text-align: center;
   background: rgba(0,0,0,0.2);
   font-family: 'MB';
   color: #fff;
}
.all-more a:hover{
   background: rgba(0,0,0,0.1);

}
footer,
footer .footerust,
footer .footeralt,
footer .footerust .footernav{
   width: 100%;
   float: left;
}
footer .footerust{
   height: 75px;
   line-height: 75px;
   background: #fff;
}
footer .footeralt{
   padding:20px 0;
   background: #282828;
}
footer .footerust .footernav li{
   float: left;
   margin-right: 25px;
}
footer .footerust .footernav li a{
   font-size:16px;
   color:#545454;
   font-size: 13px;
   font-family: "MB";
   text-transform: uppercase;
}
footer .footerust .footernav li a:hover{
   color: #009937;
}
footer .footeralt .copy{
   float: left;
   color: #545454;
}
footer .footeralt .narbim{
   float: right;
}
.page,
.page .page-info,
.page .page-info .page-title,
.page .page-info .alt-sayfa,
.page .single{
   width: 100%;
   float: left;
   position: relative;
}

.page{
   background: #ededed;
}
.single{
   background: #fff;
   padding:25px 045px;
   margin-top: 30px;
   margin-bottom: 30px;
}

.single a{
   font-family: "rsb";
   color: #545454;
}

.single img{
   max-width: 100%;
}

.page-bg{
   width: 100%;
   height: 185px;
   position: absolute;
   top:0;
   background-image:url(img/bg.jpg);
}
.page .page-info{
   background: #fff url(img/info-bg.png) center;
   background-size: 100% auto;
   margin-top: 80px;
   padding:50px 65px;
}
.page-title{
   color: #545454;
   font-size: 30px;
   font-family: "rst";
   margin-bottom:20px;
}
.alt-sayfa li{
   float: left;
}
.alt-sayfa li a{
   padding-top: 20px;
   width: 100%;
   float: left;
   position: relative;
   color: #545454;
   font-family: "rsl";
   font-size: 16px;
   margin-right:30px;
}
.alt-sayfa li.active a,.alt-sayfa li:hover a{
   font-family: "rsb";
}
.divider-half{
   width: 50%;
   float: left;
   height: 1px;
   background: #d7d7d7;
}
.iletisim{
   width: 100%;
   float: left;
}
.iletisimrow{
   margin:0 -10px;
}
.iletisim .iletisimrow div{
   width: 33.3333%;
   padding:10px;
   float: left;
   position: relative;
}
.iletisim .iletisimrow div.full{
   width: 100%;
   padding:10px;
   float: left;
}
.iletisim .iletisimrow div input,.iletisim .iletisimrow div textarea,.iletisim .iletisimrow div button{
   width: 100%;
   float: left;
   height: 55px;
   padding-left: 55px;
   padding-right: 18px;
   background: #ebebeb;
   border:none;
   border-radius: 2px;
   color: #3c3c3c;
   font-size: 14px;
   font-family: "rsl";
}
.iletisim .iletisimrow div input::-webkit-input-placeholder,.iletisim .iletisimrow div textarea::-webkit-input-placeholder { 
    color:    #3c3c3c;
}
.iletisim .iletisimrow div input:-moz-placeholder,.iletisim .iletisimrow div textarea:-moz-placeholder {
    color:    #3c3c3c;
}
.iletisim .iletisimrow div input::-moz-placeholder,.iletisim .iletisimrow div textarea::-moz-placeholder { 
    color:    #3c3c3c;
}
.iletisim .iletisimrow div input::-ms-input-placeholder,.iletisim .iletisimrow div textarea::-ms-input-placeholder { 
    color:    #3c3c3c;
}
.iletisim .iletisimrow div button {
   padding-left: 0;
   padding-right: 0;
   background: transparent;
   transition:300ms;
   border:2px solid #b0b0b0;
}
.iletisim .iletisimrow div textarea{
   padding-top:18px;
   padding-bottom:18px;
   height: 155px;
   max-height: 155px;
   max-width: 100%;
}
.iletisim .iletisimrow div button:hover{
   opacity: .8;
}
.iletisim .iletisimrow div button i{
   margin-right: 5px;
}
.iletisim .iletisimrow div label{
   position: absolute;
   top: 10px;
   left: 10px;
   width: 55px;
   height: 55px;
   line-height: 55px;
   text-align: center;
   color: #535353;
}
@media (max-width:1024px){
   .page .page-info{
      background-size:auto 100%;
   }
   .uruns .urun{
      width: 50%;
   }
   .toggle{
      display:block;
   }
   .alt-sayfa li{
      width: 100%;
   }
   .nav{
      display:none;
      position: absolute;
      top:94px;
      width: 100%;
      background: #fff;
      left: 0;
   }
   .nav li{
      width: 100%;
   }
   .nav li a{
      width: 100%;
      line-height:50px;
      transition:300ms;
   }
   .nav li a:hover{
      background: rgba(0,0,0,0.8);
      color: #fff;
   }
   .borderof{
      display: none;
   }
   .da-slide h2{
      top:25%;
      width: 100%;
   }
   .da-slide p{
      top:34%;
      width: 100%;
      font-size: 30px;
      line-height: 36px;
   }
   .footerust{
      display: none;
   }
   .footeralt{
      text-align: center;
      line-height: 30px;

   }
   footer .footeralt .narbim{
      width: 100%;
      margin:50px 0;
   }
}
@media(max-width: 480px){
   .uruns .urun{
      width: 100%;
   }
   .iletisim .iletisimrow div{
      width: 100%;
   }

}


.bolum {
    width: 100%;
    float: left;
    border: 1px solid #333;
    margin-bottom: 15px;
}

.bolumbasligi {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-family: "mb";
    color: #fff;
    background: #333;
    padding: 0 15px;
    float: left;
}

.bolum div {
    float: left;
    width: 100%;
    line-height: 50px;
    padding: 0 15px;
    transition: 300ms;
}

    .bolum div label {
        width: 150px;
        float: left;
        font-family: "Mr";
        color: #333;
        font-size: 14px;
    }

    .bolum div span {
        font-family: "rr";
        margin-right: 15px;
        margin-left: 15px;
    }

    .bolum div input {
        height: 30px;
        padding: 0 7.5px;
        width: 350px;
        font-family: "Mr";
        color: #333;
        font-size: 14px;
    }

    .bolum div textarea {
        height: 80px;
        padding: 7.5px;
        width: 350px;
        font-family: "Mr";
        color: #333;
        font-size: 14px;
    }

    .bolum div select {
        font-family: "MR";
        color: #333;
        font-size: 14px;
    }

    .bolum div:hover {
        background: #EAEAEA;
    }

.insankaynaklari button {
    width: 100%;
    height: 50px;
}