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

.row
{
margin-left: 0px !important; margin-right: 0px !important;
}
***/
.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 */