@import url("../v4/standart.css");
/*** .box, .col
{
padding-left:0px !important; padding-right:0px !important;
}

.row
{
margin-left: 0px !important; margin-right: 0px !important;
}
***/
.prd-sepettekindirim-case { width:95%; height:35px; box-sizing: border-box; border:1px dashed #d87f17; display: table; border-radius:30px; margin:5px auto; /* padding:6px 0px; */ }
.prd-sepettekindirim-case span { display:table-cell; vertical-align: middle; text-align: center; color:#d87f17; font-size:14px; font-weight:600; }
.prd-sepettekindirim-case span i { font-style: normal; font-size:10px; font-weight: normal; }
.home-content-text
{
border-top:   1px solid #CCC;
}

.home-content-text p
{
font-size:   12px;
padding:0 0 10px 0;
}

.categoryContent
{
width:100%;
max-width: 1200px;
height: auto;
padding: 10px 7px 10px 7px;
box-sizing: border-box;
display:  table;
margin-left: auto;
margin-right:  auto;
}

.categoryContent p
{
font-size:   12px;
padding:0 0 5px 0;
}

.textMoreButton
{
width:100%;
max-width: 1200px;
height:30px;
background: #e0e0e0;
padding: 5px 10px 5px 10px;
box-sizing:  border-box;
display: table;
margin-left:  auto;
margin-right: auto;
cursor:  pointer;
font-size:14px;
font-weight:  bold;
}

.textMoreButton span
{
display:  table-cell;
vertical-align: middle;
text-align:  center;
}

.MainBanner-Title
{
width:100%;
height:     auto;
font-size:28px;
text-align:     center;
border-bottom:1px solid #CCCCCC;
padding-bottom:    10px;
font-family: 'Courgette', cursive;
margin:    0 0 10px 0;
display:table;
}

.text-custom-pink,
.active .text-custom-gray,
.text-custom-gray.active,
.text-custom-gray.like-btn:hover,
.drop-down.hover:hover .drop-down-title
{
color:           #213777;
}

.border-custom-pink:before,
.border-custom-pink:after,
.progress-bar
{
background-color:           #213777;
}
#katalog
{
display:block !important;
margin-bottom:        25px;
}
#leftColumn
{
border:1px solid #edf1f2 !important;
}
#navigasyon
{
width: 95%;
margin-left:           auto;
margin-right: auto;
margin-bottom:           -10px;
border: 0px !important;
}

.box-border
{
border:0px !important;
}
#TBProductListBox
{
width: 95%;
max-width:           1200px;
height: auto;
min-height:           100px;
margin-left: auto;
margin-right:           auto;
}

.productListTitle
{
width: 100%;
max-width:           1200px;
height:auto;
padding:           15px 0 5px 0;
border-bottom: 1px solid #b7d4ee;
font-size:           30px;
font-style: italic;
color:          #003d73;
/*
color:           #FFFFFF;
background: #003d73; */
display:           table;
margin-left: auto;
margin-right:          auto;
}

.productListTitle span
{
display:           table-cell;
vertical-align: middle;
text-align:           center;
}

.productItemCase
{
width:31.33333%;
height:          420px;
float: left;
display:          block;
box-sizing: border-box; margin:1%;
}

.ProductItemBox
{
width: 100%;
height:          420px;
position: relative;
display:          block;
overflow: hidden;
background:           #FFFFFF;
border: 1px solid #edf1f2;
box-sizing:           border-box;
}

.productItemCase:hover > .ProductItemBox .ProductinfoEx
{
display:          table;
}

.productItemCase:hover > .ProductItemBox
{
height:          auto;
min-height:100%;
z-index:           10;
-webkit-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.4);
box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.4);
}

.ProductItemBox > .productItemImage
{
width: 100%;
height:           auto;
display: table;
}

.ProductItemBox > .productItemImage span
{
display:           table-cell;
vertical-align: middle;
text-align:           center;
}

.ProductItemBox > .productItemImage span img
{
width: 100%;
height:           auto;
}

.ProductItemBox > .productItemName
{
width: 95%;
height:          53px;
color: #003d73;
overflow:           hidden;
border-bottom: 0px solid #dfeffd;
font-size:          16px;
font-size:1vw;
display:          block;
box-sizing: border-box;
margin-left:           auto;
margin-right: auto;
}

.ProductItemBox > .productItemName > .prdText
{
width: 100%; height: 100%;
display:           table;
padding: 5px 0px 0px 0px;
}

.ProductItemBox > .productItemName > .prdText > span
{
display:           table-cell;
vertical-align: middle;
text-align:           center;
line-height:22px;
}

.Productinfo
{
width: 100%;
height:          auto;
box-sizing: border-box;
display:           table;
}

.ProductPriceCase
{
width:100%;
height:          auto;
text-align: center;
}

.ProductPriceCase .PriceFormat
{
width:          auto;
height:100%;
display:           inline-block;
margin:10px 15px 10px 15px;
}

.ProductPriceCase .PriceFormat .PriceFirstStep
{
display:           inline-block;
font-size: 25px;
}

.ProductPriceCase .PriceFormat .PriceSecondStep
{
display:           inline-block;
}

.listPrice
{
color:          #999999;
}

.listPrice .PriceThrough
{
width: 100%; height:1.5px;
background:          #999999;
margin-top: -14px; transform: rotate(-15deg);
}

.SellingPrice
{
color:           #001E39;
}

.ProductinfoEx
{
display:           none;
width: 100%;
height:           30px;
color: yellowgreen;
}

.ProductinfoEx span
{
display:           table-cell;
vertical-align: middle;
text-align:           center;
}
@media screen and (min-width: 640px) and (max-width: 1024px)
{
.productItemCase
{
width:23%;
height:          auto;
float: left;
display:          block;
box-sizing: border-box; margin:1%;
}

.ProductItemBox
{
width: 100%;
height:          auto;
position: relative;
display:          block;
overflow: hidden;
background:           #FFFFFF;
border: 1px solid #edf1f2;
box-sizing:           border-box;
}

.productItemCase:hover > .ProductItemBox
{
height:          auto;
min-height:100%;
z-index:           10;
-webkit-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.4);
box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.4);
}

.ProductItemBox > .productItemImage
{
width: 100%;
height:           auto;
display: table;
}

.ProductItemBox > .productItemImage span
{
display:           table-cell;
vertical-align: middle;
text-align:           center;
}

.ProductItemBox > .productItemImage span img
{
width: 100%;
height:           auto;
}

.ProductItemBox > .productItemName
{
width: 95%;
height:          53px;
color: #003d73;
overflow:           hidden;
border-bottom: 1px solid #dfeffd;
font-size:          16px;
font-size:1.5vw;
display:          block;
box-sizing: border-box;
margin-left:           auto;
margin-right: auto;
}

.ProductItemBox > .productItemName > .prdText
{
width: 100%; height: 100%;
display:           table;
padding: 5px 0px 15px 0px;
}

.ProductItemBox > .productItemName > .prdText > span
{
display:           table-cell;
vertical-align: middle;
text-align:           center;
line-height:22px;
}

.Productinfo
{
width: 100%;
height:          auto;
box-sizing: border-box;
display:           table;
}

.ProductPriceCase
{
width:100%;
height:          auto;
text-align: center;
}

.ProductPriceCase .PriceFormat
{
width:          auto;
height:100%;
display:           inline-block;
margin:15px 5px 10px 10px;
}

.ProductPriceCase .PriceFormat .PriceFirstStep
{
display:           inline-block;
font-size:25px;
}

.ProductPriceCase .PriceFormat .PriceSecondStep
{
display:           inline-block;
font-size:11px;
}

.listPrice
{
color:          #999999;
}

.listPrice .PriceThrough
{
width: 100%; height:1.5px;
background:          #999999;
margin-top: -14px; transform: rotate(-15deg);
}

.SellingPrice
{
color:           #001E39;
}

.ProductinfoEx
{
display:           table;
width: 100%;
height:           30px;
color: yellowgreen;
}

.ProductinfoEx span
{
display:           table-cell;
vertical-align: middle;
text-align:           center;
}
}
@media screen and (max-width: 640px)
{
#TBProductListBox
{
width: 100%;
max-width:           1200px;
height: auto;
min-height:           100px;
margin-left: auto;
margin-right:           auto;
}

.productListTitle
{
width: 100%;
max-width:           1200px;
height:auto;
padding:           15px 0 5px 0;
border-bottom: 1px solid #b7d4ee;
font-size:           26px;
font-style: italic;
color:          #003d73;
/*
color:           #FFFFFF;
background: #003d73; */
display:           table;
margin-left: auto;
margin-right:          auto;
}

.productListTitle span
{
display:           table-cell;
vertical-align: middle;
text-align:           center;
}

.productItemCase
{
width:48%;
height:          330px;
float: left;
box-sizing:           border-box;
margin:1%;
}

.ProductItemBox
{
width: 100%;
height:          330px;
position: relative;
display:          block;
background: #FFFFFF;
border:           1px solid #edf1f2;
box-sizing: border-box;
}

.productItemCase:hover > .ProductItemBox
{
height:          auto;
min-height:100%;
z-index:           10;
-webkit-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.4);
box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.4);
}

.ProductItemBox > .productItemImage
{
width: 100%;
height:           auto;
display: table;
}

.ProductItemBox > .productItemImage span
{
display:           table-cell;
vertical-align: middle;
text-align:           center;
}

.ProductItemBox > .productItemImage span img
{
width: 100%;
height:           auto;
}

.ProductItemBox > .productItemName
{
width: 100%;
height:          41px;
overflow: hidden;
color:           #003d73;
font-size:18px; font-size: 3.5vw;
display:          block;
box-sizing: border-box;
}

.ProductItemBox > .productItemName > .prdText
{
width: 100%; height: 100%;
display:           table;
box-sizing:border-box;
padding:           5px 2px;
}

.ProductItemBox > .productItemName > .prdText > span
{
display:           table-cell;
vertical-align: middle;
text-align:           center;
line-height:18px;
}

.Productinfo
{
width: 100%;
height:          auto;
box-sizing: border-box;
display:           table;
}

.ProductPriceCase
{
width:100%;
height:          auto;
text-align: center;
}

.ProductPriceCase .PriceFormat
{
width:          auto;
height:100%;
display:           inline-block;
margin:15px 5px 10px 10px;
}

.ProductPriceCase .PriceFormat .PriceFirstStep
{
display:           inline-block;
font-size:22px;
}

.ProductPriceCase .PriceFormat .PriceSecondStep
{
display:           inline-block;
font-size:11px;
}

.listPrice
{
color:          #999999;
}

.listPrice .PriceThrough
{
width: 100%; height:1.5px;
background:          #999999;
margin-top: -14px; transform: rotate(-15deg);
}

.SellingPrice
{
color:           #001E39;
}

.ProductinfoEx
{
display:           table;
width: 100%;
height:           30px;
color: yellowgreen;
}

.ProductinfoEx span
{
display:           table-cell;
vertical-align: middle;
text-align:           center;
}
}
/**  r n Liste Yeni Temmuz 2018 */
.urunListeBox
{
width:100%;
height:      auto;
display: table;
margin-left:      auto;
margin-right: auto;
}

.filtre
{
width:0%;
height:      500px;
float: left;
}

.UrunlerBox
{
width:100%;
max-width:     1200px;
height:auto;
display:      table;
box-sizing: border-box;
margin-left:      auto;
margin-right: auto;
}

.UrunlerBox .urunListeCase
{
width:100%;
height:      auto;
display:block;
float:      left;
}

.UrunlerBox .UrunlerListItem
{
display:      table;
float: left;
overflow:      hidden;
border-radius:5px;
border:     1px solid #e9e9e9;
box-sizing: border-box;
transition:     box-shadow 200ms;
}

.UrunlerBox .UrunlerListItem:hover
{
transition:     box-shadow 200ms;
-webkit-box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.096); -moz-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.096); box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.096);
}

.UrunlerBox .UrunlerListItem a
{
width:100%; height:100%;
color:      unset;
text-decoration:none;
display:      table;
}

.UrunlerBox .UrunlerListItem .UrunListImage
{
width:100%;
display:      block;
overflow: hidden;
position:      relative;
}

.UrunlerBox .UrunlerListItem .UrunListImage img
{
width:     auto;
height:100%;
transition:      all 200ms;
}
/* .UrunlerBox .UrunlerListItem:hover .UrunListImage img
{
transform: scale(1.05);
transition:      all 200ms;
}
*/
.UrunlerBox .UrunlerListItem .UrunlerListImageBand
{
width:100%;
height:     auto;
background: #ffffff;
transition:      all 200ms;
position: absolute; opacity:0.7; bottom:-30%;
display:      table;
color:#589c00;
font-weight:      bold;
padding:3% 0;
}

.UrunlerBox .UrunlerListItem .UrunlerListImageBand span
{
width:100%;
height:      auto;
display: table-cell;
vertical-align:      middle;
text-align: center;
}

.UrunlerBox .UrunlerListItem:hover .UrunlerListImageBand
{
bottom:      0px;
transition: all 200ms;
}

.UrunlerBox .UrunListName
{
width:100%;
display:     block;
line-height: 130%;
padding:     0 10px;
overflow: hidden;
box-sizing:      border-box;
text-align: center;
color:     #535353;
border-bottom:0px solid #dbdbdb;
margin-left:      auto;
margin-right: auto;
}

.UrunlerBox .UrunListName h1
{
width:100%; height:100%;
font-size:     10pt;
font-family: 'Montserrat', sans-serif !important; margin:0 !important;
font-weight:      normal;
display: table;
text-align:      center;
}

.UrunlerBox .UrunListName h1 em
{
width:100%; height:100%;
display:      table-cell;
vertical-align: middle;
text-align:      center;
}

.UrunlerBox .UrunListeInfo
{
width:100%;
height:     50px;
background:#ffffff; margin-top: -1%;
}

.UrunlerBox .UrunListeInfo .UrunInfoCol
{
width:50%; height:100%;
display:     block;
float: left;
box-sizing:      border-box;
}

.UrunlerBox .UrunListeInfo .UrunInfoCol:first-child
{
border-right:      0px solid #ebebeb;
/*
background:     #c6cdd3;
*/
}

.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunPriceRow
{
width:100%;
display:     table;
text-align:right;
box-sizing:      border-box;
padding:0 10% 0 0;
}

.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunSalePrice
{
height:50%;
font-size:     20pt;
color:#004c93; /*
background:     #dbdbdb;
*/
}

.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunSalePrice span
{
display:      table-cell;
font-weight:600;
vertical-align:      top;
}

.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunSalePrice i
{
font-size:     13pt;
font-style: normal;
}

.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunSalePrice em
{
font-size:     13pt;
}

.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunDiscPrice
{
height:50%;
color:     #afafaf;
font-size:11pt;
text-decoration:      line-through;
padding:0 12% 0 0; /*
background:     #b4b4b4;
*/
}

.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunDiscPrice span
{
display:      table-cell;
vertical-align: middle;
}

.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunDiscPrice i
{
font-style:      normal;
}

.UrunlerBox .UrunListeInfo .UrunInfoRow
{
width:100%; height:50%; /*
background:     #004c93;
*/ padding:0 0 0 7%;
}

.UrunlerBox .UrunListeInfo .UrunDiscountPercent
{
color:     #e68732;
font-size: 18pt;
}

.UrunlerBox .UrunListeInfo .UrunDiscountPercent span
{
font-size:      8pt;
margin-left:3px;
}

.UrunlerBox .UrunListeInfo .UrunListCode
{
color:      #afafaf;
font-size:10pt;
box-sizing:      border-box;
padding-top:7%;
}

.UrunlerBox .UrunListButtonCase
{
width:100%;
height:     30px;
background:#004c93;
}
@media screen and (max-width: 1024px)
{
.UrunlerBox .UrunListName h1
{
font-size:1.5vw;
}

.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunSalePrice
{
font-size:     3vw;
}

.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunDiscPrice
{
font-size:     2vw;
}

.UrunlerBox .UrunListeInfo .UrunDiscountPercent
{
font-size:      3vw;
}

.UrunlerBox .UrunListeInfo .UrunDiscountPercent span
{
font-size: 1.5vw;
}

.UrunlerBox .UrunListeInfo .UrunListCode
{
font-size:1.5vw; padding-top:7%;
}
}
@media screen and (max-width: 640px)
{
.UrunlerBox .UrunlerListItem
{
padding-bottom:     0px;
}

.UrunlerBox .UrunListName h1
{
font-size:     3vw;
}

.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunSalePrice
{
font-size:     5vw;
}

.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunSalePrice span
{
display:      table-cell;
vertical-align:top;
}

.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunSalePrice em
{
font-size:3.5vw;
}

.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunSalePrice i
{
font-size:3.5vw;
font-style:      normal;
}

.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunDiscPrice
{
font-size:     3vw;
padding:10% 13% 0 0;
}

.UrunlerBox .UrunListeInfo .UrunDiscountPercent
{
font-size: 4.8vw; padding-top:7%;
}

.UrunlerBox .UrunListeInfo .UrunDiscountPercent span
{
font-size: 2.7vw;
}

.UrunlerBox .UrunListeInfo .UrunListCode
{
font-size:     3vw;
padding-top:0%; margin-top: -1%;
}
}
/**  r n Liste Yeni Temmuz 2018 */