﻿
.ProductLeft { padding-top: 10px; }
.ProductRight { padding: 5px; }

/* Ürünler */
.prd { display: inline-block; margin: 5px; border: 1px solid #EEF0F3;}
    .prd:hover { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; -webkit-transform: translatez(0); }
.pTp { border-bottom: 1px solid #EEF0F3; overflow: hidden; position: relative;height:190px;}
    .pTp > img {width:100%; }
.pBtm { display: block; padding: 8px; background: #f7faf9; position: relative; text-align: center; float:left;width:100%;}
    .pBtm::after { content: ""; position: absolute; bottom: 0; width: 0; height: 3px; display: inline-block; background: #AEA095; transition: width .5s ease-in; transform: translateX(-50%); left: 50%; }
.prd:hover .pBtm::after { width: 100%; transition: width .5s ease-in; }
.Pname { font-weight: 600; }
.Pname, .Pcode { width: 100%; font-size:1em; float: left; text-align: left;margin:3px 0; }
.Pbrand, .Pprice { width: 100%;font-size:1em;float: left; text-align: left;margin:3px 0;}


/* Kategoriler */
.ListScnz .srla { border-radius: 0; border-color: #c7d0de; margin-bottom: -1px; border-left: 0; border-right: 0; box-shadow: none; padding: 0; font-size: 14px; font-weight: 300; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../../img/rgt.png) no-repeat right #fff; }
    .ListScnz .srla:focus { background: url(../../img/rgtt.png) no-repeat right #fff; }
    .ListScnz .srla::before { position: absolute; font: normal normal normal 14px/1 FontAwesome; content: "\f107"; top: 0; right: 0; z-index: 1; }
.ProductLeft > div { margin-bottom: -1px; }
    .ProductLeft > div:first-child { margin-bottom: 0; }
.katH2 { font-size: 14px; font-weight: 300; margin: 0; border: 1px solid #c7d0de; border-left: 0; border-right: 0;color: #000; }
    .katH2 > a { display: block; padding: 10px 5px; color: #000; }
        .katH2 > a > i { float: right; margin: -3px 10px; font-size: 22px; vertical-align: super; transition: all .5s ease; color: #fff; }
            .katH2 > a > i.rttp { transform: rotate(-90deg); transition: all .5s ease; }
.tgKat { margin: 5px 0; font-size: 12px; }
.tgMrk { margin: 5px 0; font-size: 12px; }
.tgFyt { margin: 5px 0; font-size: 12px; }
/* Kategoriler Liste */
.tgMrk > ul > li > a { border-left: 2px solid #fff; padding: 3px; display: block; transition: border-color .4s ease-in; display: inline-block; width: 100%; }
    .tgMrk > ul > li > a:hover, .tgKat > ul > li > a:focus { border-color: #AEA095; transition: border-color .3s ease-in; color: #AEA095; }
.tgKat > ul > li > a { border-left: 2px solid #fff; padding: 3px; display: block; transition: border-color .4s ease-in; display: inline-block; width: 100%; }
    .tgKat > ul > li > a > i { float: right; font-size: 14px; transition: transform .2s ease-in; color: #5c5c5c; margin-right: 10px; }
.tgKat > ul > .open > a > i { transform: rotate(45deg); transition: transform .2s ease-in; color: #AEA095; }
.tgKat > ul > li > a:hover, .tgKat > ul > li > a:focus { border-color: #AEA095; transition: border-color .3s ease-in; color: #AEA095; }
/* Kategori Dropdown */
.tgKat > ul > li > ul { position: relative; box-shadow: none; border: 0; padding: 0; margin: 0; width: 100%; margin: 0 5px 5px 2px; }
    .tgKat > ul > li > ul > li > a { padding: 3px 5px; border-left: 2px solid #C7D0DE; font-size: 12px; }
    .tgKat > ul > li > ul > li > ul { position: relative; box-shadow: none; border: 0; padding: 0; margin: 0; width: 100%; margin: 0 5px 5px 2px; }
        .tgKat > ul > li > ul > li > ul > li > a { padding: 3px 5px; border-left: 2px solid #C7D0DE; font-size: 12px; }
.dropdown-menu > li { position: relative; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ -o-user-select: none; user-select: none; cursor: pointer; }
.dropdown-menu .sub-menu { position: relative; box-shadow: none; border: 0; padding: 0; margin: 0; width: 100%; margin: 0 5px 5px 2px; }
.dropdown-menu > li > a > i { float: right; font-size: 14px; transition: transform .2s ease-in; color: #5c5c5c; margin-right: 10px; }
.dropdown-menu > .open > a > i { transform: rotate(45deg); transition: transform .2s ease-in; }
/* Fiyat Filter */
.PriceFrm { }
    .PriceFrm > label, .PriceFrm > span { display: inline-block; color: #7c7c7c; font-weight: normal; }
    .PriceFrm > .pull-left, .PriceFrm > .pull-right { width: 50%; }
    .PriceFrm > div > input { display: inline-block; border: 0; width: 30px; font-weight: bold; color: #7c7c7c; font-weight: normal; background: #fff; }
.btnFltrle { display: block; margin: 5px 0; color: #7c7c7c; font-weight: 500; padding: 5px 0; text-align: right; }
/* Filter Temizle */
.katH2 > a > i.fa-trash-o { font-size: 17px; margin: 0px 10px; }
.fltr > div > a { border-left: 2px solid #fff; padding: 3px; display: block; transition: border-color .4s ease-in; display: inline-block; width: 100%; font-size: 12px; }
    .fltr > div > a > i { float: right; font-size: 14px; transition: transform .2s ease-in; color: #5c5c5c; margin-right: 10px; }
/* Sayfalama */
.pagination > li > span > span > a { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #428bca; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.pagination > li > span { position: relative; float: left; padding: 0; margin-left: 0px; color: #fff; text-decoration: none; background-color: #fff; border: 0; }
.SayfalamaNo span .active { background: #3b5ac5; color: #fff; }
.sayfalama { text-align: center; }
.pagination { float: none; display: inline-block; width: auto; }
