
/* bootstrap 3.4.1 versiyonunu dahil ediyoruz  */
@import "bootstrap.min.css";

/* sliderlar icin slicki dahil ediyoruz */
@import "slick.css";

/* fontawesome iconlarini dahil ediyoruz  */
@import "fontawesome.css";

/* ==================================================
// font tanimlamalari
================================================== */
@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeue.ttf') format('truetype');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueMed';
    src: url('../fonts/HelveticaNeueMed.ttf') format('truetype');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AxiformaMed';
    src: url('../fonts/AxiformaMed.ttf') format('truetype');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AxiformaBold';
    src: url('../fonts/AxiformaBold.ttf') format('truetype');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AxiformaHeavy';
    src: url('../fonts/AxiformaHeavy.ttf') format('truetype');
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'AxiformaExtraBold';
    src: url('../fonts/AxiformaExtraBold.ttf') format('truetype');
    font-style: normal;
    font-display: swap;
}

/* ==================================================
// standart tanimlamalar
================================================== */
.mobilDemo { display: block; position: relative; width: 414px; height: 667px; border: none; padding: 0; margin: 0 auto; }

.text-white, .text-white:focus, .text-white:hover, .text-white:active  { color: #ffffff !important; }
.text-blue, .text-blue:focus, .text-blue:hover, .text-blue:active  { color: #009fe3 !important; }
.text-red, .text-red:focus, .text-red:hover, .text-red:active  { color: #F51E1E !important; }

.label-blue { color: #009FE3; font-family: 'AxiformaMed'; font-size: 17px; font-weight: normal; }

.form-blue { border-color: #707FED; font-family: 'AxiformaMed'; font-size: 14px !important; }

.checkbox-blue label { font-family: AxiformaMed; font-weight: normal; font-size: 14px; color: #5C5C5C; padding-left: 25px; }
.checkbox-blue input[type="checkbox"] { width: 17px; height: 16px; margin-left: -25px; margin-top: 1px; background-color: white; border-radius: 4px; border: 1px solid #4844AA; -webkit-appearance: none; outline: none; cursor: pointer; }
.checkbox-blue input[type="checkbox"]:checked { background-color: #4844AA; }

.radio-blue input[type="radio"] { width: 17px; height: 16px; margin-left: -25px; margin-top: 1px; background-color: white; border-radius: 4px; border: 1px solid #4844AA; -webkit-appearance: none; outline: none; cursor: pointer; }
.radio-blue input[type="radio"]:checked { background-color: #4844AA; }

.yukariGit { display: block; position: absolute; padding: 0; margin: 0; background: none; border: none; right: 25px; bottom: 0; z-index: 9999; }
.yukariGit span { display: block; font-family: "AxiformaMed"; font-size: 12px; color: #ACABAB; height: 24px; line-height: 24px; float: left; margin-right: 5px; }
.yukariGit i { display: block; background: url("../img/footerTopArrowWhite.png") no-repeat center #009FE3; border-radius: 0px; width: 29px; height: 24px; float: right; }

.whiteBox { display: block; position: relative; padding: 30px 50px; margin: 0; background-color: #ffffff; border-radius: 8px; box-shadow: 0 0 10px rgba(3, 100, 169, 0.1); -webkit-box-shadow: 0 0 10px rgba(3, 100, 169, 0.1) ; -moz-box-shadow: 0 0 10px rgba(3, 100, 169, 0.1); }
.redBox { display: block; position: relative; padding: 10px 10px; margin: 10px 0; background-color: #E30000; color:white; border-radius: 8px; box-shadow: 0 0 10px rgba(3, 100, 169, 0.1); -webkit-box-shadow: 0 0 10px rgba(3, 100, 169, 0.1) ; -moz-box-shadow: 0 0 10px rgba(3, 100, 169, 0.1); }

.whiteBoxNormal {display: block; position: relative; padding: 30px; margin: 0; background-color: #ffffff; border-radius: 8px;  }

.form-error { color: #F80202; font-family: 'AxiformaMed'; font-size: 12px; background: url("../img/redError.png") left no-repeat; margin: 10px 0; padding: 0 0 0 25px; }

.m-t-25 { margin-top: 25px; }

.m-b-25 { margin-bottom: 25px; }

#loader { display: block; position: fixed; width: 100%; height: 100%; background: url("../img/loader.gif") center no-repeat rgba(222, 230, 234, 0.5); top: 0; left: 0; z-index: 9999; }

/* ==================================================
// buton tanimlamalari
================================================== */
.btn-rds { border-radius: 40px; }

.btn-blue { background-color: #00b3ff; border-color: #00b3ff; color: #ffffff; font-family: AxiformaExtraBold;  }
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active { background-color: #00a1e6; border-color: #008fcc; color: #ffffff; }
.btn-blue.disabled:hover,
.btn-blue.disabled:focus,
.btn-blue.disabled:active,
.btn-blue.disabled.active,
.btn-blue[disabled]:hover,
.btn-blue[disabled]:focus,
.btn-blue[disabled]:active,
.btn-blue[disabled].active,
fieldset[disabled] .btn-blue:hover,
fieldset[disabled] .btn-blue:focus,
fieldset[disabled] .btn-blue:active,
fieldset[disabled] .btn-blue.active { background-color: #00b3ff; border-color: #00b3ff; color: #ffffff; }

.btn-red { background-color: #F81818; border-color: #F81818; color: #ffffff; font-family: AxiformaExtraBold; }
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active { background-color: #ef0707; border-color: #d70606; color: #ffffff; }
.btn-red.disabled:hover,
.btn-red.disabled:focus,
.btn-red.disabled:active,
.btn-red.disabled.active,
.btn-red[disabled]:hover,
.btn-red[disabled]:focus,
.btn-red[disabled]:active,
.btn-red[disabled].active,
fieldset[disabled] .btn-red:hover,
fieldset[disabled] .btn-red:focus,
fieldset[disabled] .btn-red:active,
fieldset[disabled] .btn-red.active { background-color: #F81818; border-color: #F81818; color: #ffffff; }

.btn-white { background-color: #FFFFFF; border-color: #FFFFFF; color: #FF0000; font-family: AxiformaExtraBold;  }
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active { background-color: #f2f2f2; border-color: #e6e6e6; color: #FF0000; }
.btn-white.disabled:hover,
.btn-white.disabled:focus,
.btn-white.disabled:active,
.btn-white.disabled.active,
.btn-white[disabled]:hover,
.btn-white[disabled]:focus,
.btn-white[disabled]:active,
.btn-white[disabled].active,
fieldset[disabled] .btn-white:hover,
fieldset[disabled] .btn-white:focus,
fieldset[disabled] .btn-white:active,
fieldset[disabled] .btn-white.active { background-color: #f2f2f2; border-color: #e6e6e6; color: #FF0000; }

.btn-black { background-color: #000000; border-color: #000000; color: #FFFFFF; font-family: AxiformaExtraBold;  }
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active { background-color: #000000; border-color: #000000; color: #FFFFFF; }
.btn-black.disabled:hover,
.btn-black.disabled:focus,
.btn-black.disabled:active,
.btn-black.disabled.active,
.btn-black[disabled]:hover,
.btn-black[disabled]:focus,
.btn-black[disabled]:active,
.btn-black[disabled].active,
fieldset[disabled] .btn-black:hover,
fieldset[disabled] .btn-black:focus,
fieldset[disabled] .btn-black:active,
fieldset[disabled] .btn-black.active { background-color: #000000; border-color: #000000; color: #FFFFFF; }




/* ==================================================
// header tanimlamari
================================================== */
header { display: block; position: fixed; padding: 0; margin: 0; top: 0; left: 0; height: auto; width: 100%; z-index: 999; }

.topBlack { display: block; position: relative; padding: 10px 0 5px 0; margin: 0; background-color: #000000; }
.topBlack .topSearch { font-family: "HelveticaNeue"; }
.topBlack .topSearch input, .topSearch .btn { border-radius: 40px; }
.topBlack .topSearch .form-control { width: 65%; border: none; }
.topBlack .topSearch .btn { border: none; padding: 7px 12px;  }
.topBlack .topSearch .select-control { width: 35%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../img/selectArrow.png") white no-repeat calc(100% - 10px) !important; }
.topBlack .topButtons { text-align: right; padding-top: 6px; }
.topBlack .topButtons .btn, .topBlack .topMobileButtons .btn { font-family: HelveticaNeueMed; font-size: 11px; border-radius: 40px; padding: 2px 10px; }
.topBlack .topMobileButtons { text-align: right; }
.topBlack .topMobileButtons a { margin: 0 5px; text-decoration: none; }
.topBlack #aramaFormuAlt #aramaFormu { margin-top: 15px; }
.topBlack #aramaFormuAlt #aramaFormu .form-control, .topBlack #aramaFormuAlt #aramaFormu .select-control { width: 50%; }

.topBlue { display: block; position: relative; padding: 0; margin: 0; background-color: #009FE3; }
.topBlue .blueMenu { font-family: "AxiformaMed"; }
.topBlue .blueMenu a { display: block; position: relative; float: left; height: 47px; line-height: 47px; color: #ffffff; font-size: 13px; text-decoration: none; padding-right: 17px; margin-right: 17px; background: url("../img/menuDownArrowWhite.png") right no-repeat; }
.topBlue .blueMenu a:last-child { margin-right: 0;}
.topBlue .blueMenu a:hover { background-color: rgba(255, 255, 255, 0.1) }

.topBlue .blueMenu .slick-list { width: 90%; margin: 0 auto; position: relative; }
.topBlue .slick-arrow { display: block; position: absolute; padding: 0; margin: 0; border: none; color: transparent; background: transparent; z-index: 999; width: 10px; height: 47px; overflow: hidden; }
.topBlue .slick-prev { background: url("../img/menuWhiteArrowLeft.png") center no-repeat; top: 0; left: 10px;  }
.topBlue .slick-next { background: url("../img/menuWhiteArrowRight.png") center no-repeat; top: 0; right: 10px; }

.topGrey { display: block; position: relative; padding: 0; margin: 0; background-color: #DEE6EA;  }
.topGrey .greyMenu { font-family: "AxiformaMed"; }
.topGrey .greyMenu a { display: block; position: relative; padding: 15px 0 0 0; margin: 0 10px;  float: left; height: 75px; text-decoration: none; }
.topGrey .greyMenu a img { display: block; position: relative; padding: 0; margin: 0 auto; }
.topGrey .greyMenu a span { display: block; text-align: center; color: #383838; font-size: 9px; margin-top: 5px; }
.topGrey .greyMenu a.ilgincUrunler { padding-top: 30px; margin-right: 0; }
.topGrey .greyMenu a.ilgincUrunler span { margin-top: 14px; }
.topGrey .greyMenu a:hover { background-color: rgba(255, 255, 255, 0.3) }

.topGrey .greyMenu .slick-list { width: 90%; margin: 0 auto; position: relative; }
.topGrey .slick-arrow { display: block; position: absolute; padding: 0; margin: 0; border: none; color: transparent; background: transparent; z-index: 999; width: 10px; height: 75px; overflow: hidden; }
.topGrey .slick-prev { background: url("../img/menuBlueArrowLeft.png") center no-repeat; top: 0; left: 10px;  }
.topGrey .slick-next { background: url("../img/menuBlueArrowRight.png") center no-repeat; top: 0; right: 10px; }

/* ==================================================
// sayfa govdesi tanimlamari
================================================== */
.pageBody { display: block; position: relative; padding: 30px 0; margin: 5px 0 25px 0; min-height: 650px; background-color: #EFEFEF; }

.productSearch { margin: 20px 0 10px 0; }
.productSearch .form-control { text-align: center; font-family: 'AxiformaBold'; color: #6C61F0; border-color: #009FE3; border-radius: 40px; }
.productSearch .form-control { background: url("../img/purpleSearch.png") right 20px center no-repeat #ffffff;  }


/* ==================================================
// uye giris sayfasi tanimlamari
================================================== */
.loginPage { padding: 20px 0; }
.loginPage h2 { text-align: center; color: #000000; font-family: 'AxiformaBold'; margin-top: 0; }
.loginPage h2 span { color: #009FE3; }
.loginPage h4 { text-align: center; color: #A0A0A0; font-family: 'AxiformaMed'; margin-bottom: 25px; }
.loginPage .form-group-lg { margin-bottom: 30px; }
.loginPage .loginLinks a { color: #009FE3; font-family: 'AxiformaMed'; font-size: 15px; text-decoration: underline; }
.loginPage .loginLinks a:first-child { margin-right: 20px; }

.loginPage .loginLinks a.pull-right { margin-right: 0; }
.loginPage .lostPasswordText { text-align: center; color: #818181; font-family: 'AxiformaMed'; font-size: 16px; line-height: 1.5em; margin-bottom: 30px; }
.loginPage .lostPasswordText img { display: block; position: relative; padding: 0; margin: 20px auto; }
.loginPage .lostPasswordText p { margin-bottom: 25px; }
.loginPage .lostPasswordText p a { color: #009FE3; }

/* ==================================================
// uye kayit sayfasi tanimlamari
================================================== */
.registerPage { padding: 20px 0; }
.registerPage h2 { text-align: center; font-family: 'AxiformaBold'; margin-top: 0; }
.registerPage .registerInfo { text-align: center; color: #818181; font-family: 'AxiformaMed'; font-size: 16px; margin-bottom: 25px; }
.registerPage .form-group-lg { margin-bottom: 25px; }
.registerPage a.lostPassword { color: #009FE3; font-family: 'AxiformaMed'; font-size: 15px; text-decoration: underline; }

/* ==================================================
// sepet sayfasi tanimlamari
================================================== */
.userPageMenu {  text-align: center; border-bottom: 1px solid #BFBFBF; padding-bottom: 10px; margin-bottom: 10px;  }
.userPageMenu a { color: #4D4D4D; font-family: 'AxiformaBold'; margin: 0 25px; text-decoration: none; }

.pageUserNameTop { text-align: center; font-family: 'AxiformaBold'; color: #009FE3; margin: 0 0 20px 0; }

.emptyBasket { display: block; position: relative; padding-top: 50px; text-align: center; }
.emptyBasket .blueBasket { display: block; position: relative; padding: 0; margin: 0 auto;background: url("../img/shoppingBlueBigCart.png"); width: 49px; height: 49px; }
.emptyBasket .blueBasket span { display: block; position: absolute; right: -10px; top: -10px; font-family: 'AxiformaBold'; font-size: 14px; color: #ffffff; padding: 0; margin: 0; width: 32px; height: 32px; line-height: 32px; background-color: #FF0000; border-radius: 100%; }
.emptyBasket h3 { font-family: 'AxiformaBold'; color: #4D4D4D; }
.emptyBasket p { font-family: 'AxiformaMed'; color: #8D8C8C; }
.emptyBasket .btn { border-radius: 40px; margin-top: 40px; }

.shopBasket { display: block; position: relative; float: right; padding: 0; margin: 0 0 0 20px; background: url("../img/shoppingBlueMiddleCart.png"); width: 33px; height: 33px; }
.shopBasket span { display: block; position: absolute; font-size: 12px; font-family: 'AxiformaBold'; text-align: center; background-color: #FF0000; border-radius: 100%; color: #ffffff; width: 22px; height: 22px; line-height: 22px; right: -5px; top: -10px;  }

.basketMobileBoxWhite { display: block; position: relative; padding: 15px 20px; margin: 0 0 15px; background-color: #FFFFFF; width: 100%; font-family: 'AxiformaBold'; border-radius: 10px; }
.basketMobileBoxWhite h4 { margin-top: 0; color: #009FE3; }
.basketMobileBoxWhite .mbwNumber { float: left; color: #8B8B8B; font-size: 40px; line-height: 40px; margin-right: 10px; }
.basketMobileBoxWhite .mbwMoney { float: left; color: #000000; font-size: 40px; line-height: 40px; margin-right: 10px; }
.basketMobileBoxWhite .mbwMoney span { font-size: 20px; }
.basketMobileBoxWhite .mbwText { float: left; font-family: 'AxiformaMed'; color: #868686; font-size: 12px; line-height: 12px; margin-right: 10px; max-width: 100px; }
.basketMobileBoxWhite .btn { float: right; border-radius: 40px; }

.whiteBasketBody { display: block; position: relative; padding: 30px 20px; margin: 0; background-color: #FFFFFF; border-radius: 10px;  }
.whiteBasketBody h3 { font-family: 'AxiformaBold'; color: #009FE3; margin-top: 0; }
.whiteBasketBody .tableBasket {}
.whiteBasketBody .tableBasket tbody tr td, .whiteBasketBody .tableBasket tbody tr th { vertical-align: middle; }
.whiteBasketBody .tableBasket thead tr th { border-bottom: none; }
.whiteBasketBody .tableBasket .tableBasketHead img { float: left; margin-right: 15px; }
.whiteBasketBody .tableBasket .tableBasketHead h4 { float: left; font-family: 'AxiformaBold'; color: #414141; margin-top: 30px; }
.whiteBasketBody .tableBasket .tableBasketHead .btn { float: left; border-radius: 30px; margin-top: 20px; margin-left: 30px; }

.whiteBasketBody .tableBasket .basketProduct a { color: #009FE3; font-family: 'AxiformaBold'; text-decoration: none; font-size: 16px; }
.whiteBasketBody .tableBasket .basketColor { color: #414141; font-family: 'AxiformaBold'; font-size: 16px; }
.whiteBasketBody .tableBasket .basketMoney { color: #414141; font-family: 'AxiformaBold'; font-size: 20px; text-align: center; }
.whiteBasketBody .tableBasket .basketTotal { color: #FF0000; font-family: 'AxiformaHeavy'; font-size: 19px; text-align: center; }
.whiteBasketBody .tableBasket .basketTotal span { color: #414141; font-family: 'AxiformaMed'; }
.whiteBasketBody .tableBasket .basketHeart { color: #939393; font-size: 30px; line-height: 30px; width: 50px; text-align: center; }
.whiteBasketBody .tableBasket .basketTrash { color: #E30000; font-size: 30px; line-height: 30px; width: 50px; text-align: center; }

.whiteBasketBody .tableBasket .basketInput, .whiteBasketBody .tableBasket .basketInput .input-group { width: 150px; }
.whiteBasketBody .tableBasket .basketInput .form-control { border-radius: 40px; color: #009FE3; font-family: 'AxiformaBold'; font-size: 20px; text-align: center; }
.whiteBasketBody .tableBasket .basketInput .form-control { border: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) ; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 3); }
.whiteBasketBody .tableBasket .basketInput .basketMinus { background: url("../img/basketMinus.png") center no-repeat; color: transparent; margin-right: 5px; }
.whiteBasketBody .tableBasket .basketInput .basketPlus { background: url("../img/basketPlus.png") center no-repeat; color: transparent; margin-left: 5px; }
.whiteBasketBody .tableBasket .basketInput .basketMinus, .whiteBasketBody .tableBasket .basketInput .basketPlus { border: none; background-color: transparent;  border-radius: 40px; }

.basketBottom { background-color: #009FE3; margin-top: 15px; padding: 20px 0; color: #ffffff; font-family: 'AxiformaMed'; font-size: 16px; }
.basketBottom .bbmTotal, .basketBottom .bbmMoney { display: inline-block; }
.basketBottom .bbmMoney b { display: inline-block; font-family: 'AxiformaHeavy'; font-size: 20px; margin-left: 15px; }
.basketBottom .btn { border-radius: 40px; margin-left: 15px; }

.blueBasketBody { display: block; position: relative; padding: 30px 80px; margin: 0; background-color: #009FE3; color: #FFFFFF; border-radius: 10px; }
.blueBasketBody .bbbTopTitle { text-align: center; font-family: 'AxiformaBold'; margin-bottom: 50px; }
.blueBasketBody .bbbTopTitle h3 { margin-top: 0; }
.blueBasketBody .bbbMoney { margin-bottom: 20px; }
.blueBasketBody .bbbMoney h4 { font-family: 'AxiformaMed'; border-bottom: 1px solid #FFFFFF; padding-bottom: 8px; }
.blueBasketBody .bbbMoney b { font-family: 'AxiformaBold'; font-size: 50px; }
.blueBasketBody .bbbMoney span { font-family: 'AxiformaBold'; font-size: 20px; margin-left: 10px; }
.blueBasketBody .bbbAlert { font-family: 'AxiformaExtraBold'; font-size: 20px; padding-left: 70px; padding-top: 10px; margin-bottom: 25px; background: url("../img/basketExclamationMark.png") left no-repeat; }
.blueBasketBody .btn { border-radius: 30px; }

.basket3TopMoney { display: block; position: relative; float: left; font-family: 'AxiformaBold'; padding: 0; margin-right: 30px; }
.basket3TopMoney.b3tml { margin-right: 0; }
.basket3TopMoney h3 { margin: 0 0 5px 0; font-size: 22px; color: #009FE3; }
.basket3TopMoney h4 { margin: 0 0 5px 0; font-size: 16px; color: #000000; }
.basket3TopMoney b { font-size: 35px; color: #8B8B8B; }
.basket3TopMoney span { font-size: 20px; color: #C7C7C7; margin-left: 5px; }
.basket3TopMoney p { font-size: 12px; color: #ABADAD; margin: 0; padding: 0; font-family: 'AxiformaMed'; }
.basket3BasketClean { border: 1px solid #dddddd; border-top: none; border-bottom: none; text-align: center; padding: 25px 0; }
.basket3BasketClean a { font-family: 'AxiformaBold'; font-size: 16px; color: #8D8D8D; }
.basket3BasketClean a i { color: #E30000; font-size: 25px; }
.basket3BasketEdit { text-align: center; padding: 25px 0; }
.basket3BasketEdit .btn { border-radius: 30px; }

.basketSteps { display: block; position: relative; }
.basketSteps .stepNumber { display: inline-block; position: relative; text-align: center; font-family: 'AxiformaBold'; font-size: 45px; width: 84px; height: 84px; line-height: 94px; border-radius: 100%; background-color: #D1D1D1; color: #FFFFFF; }
.basketSteps .stepText { display: inline-block; position: relative; margin-left: 15px; }
.basketSteps .stepText h4 { color: #8D8D8D; font-family: 'AxiformaBold'; }
.basketSteps .stepText span { color: #8B8B8B; font-family: 'AxiformaMed'; }
.basketSteps.activeBasketStep .stepNumber { background-color: #F4AE11; }
.basketSteps.activeBasketStep .stepText h4 { color: #000000; }

.basketAddressInvoice h3 { font-family: 'AxiformaBold'; color: #000000; margin: 0 0 25px 0; }
.basketAddressInvoice .AddressInvoiceBox { display: block; position: relative; padding: 15px; margin: 0; border: 1px solid #CBCBCB; border-radius: 10px; }
.basketAddressInvoice .AddressInvoiceBox h4 { font-family: 'AxiformaBold'; color: #000000; margin: 0 0 15px 0; }
.basketAddressInvoice .AddressInvoiceBox p { padding: 0; margin: 0; color: #A3A3A3; font-family: 'AxiformaMed'; }
.basketAddressInvoice .AddressInvoiceLinks { display: block; position: relative; padding: 0; margin: 15px 0 0 0;  }
.basketAddressInvoice .AddressInvoiceLinks a { color: #009FE3; font-family: 'AxiformaBold'; font-size: 17px;  }
.basketAddressInvoice .AddressInvoiceLinks span { color: #D0C9C9; font-family: 'AxiformaMed'; font-size: 17px; margin: 0 10px; }

.basketCargoChoose h4 { color: #000000; font-family: 'AxiformaBold'; margin-top: 0; }
.basketCargoChoose p { color: #5C5C5C; font-family: 'AxiformaMed'; margin-bottom: 20px; }
.basketCargoChoose .radio-blue { margin-right: 15px; }
.basketCargoChoose .radio-blue img { display: block; margin-bottom: 15px; }
.basketCargoChoose .radio-blue .cargoMoney { color: #009FE3; font-family: 'AxiformaBold'; font-size: 22px; }
.basketCargoChoose .radio-blue .cargoMoney span { color: #C1C1C1; }

.paymentCard h3 { font-family: 'AxiformaBold'; color: #000000; margin: 0 0 25px 0; }

.paymentCard .nav-tabs { font-family: 'AxiformaBold'; font-size: 17px; border-color: #CBCBCB; }
.paymentCard .nav-tabs > li { margin-right: 20px;  }
.paymentCard .nav-tabs > li > a { color: #B7B6B6; padding: 10px 0; border: none; background-color: transparent; }
.paymentCard .nav-tabs > li.active > a { border: none; color: #000000; background-color: transparent; }
.paymentCard .tab-content { padding: 20px 0; font-family: 'AxiformaMed'; }

.creditCardBlock { display: block; position: relative; padding: 0; margin: 0 0 20px 0; border: 1px solid #707070; border-radius: 8px; }
.cardName, .cardNumber, .cardYearCvc { border-bottom: 1px solid #707070; }
.creditCardBlock input[type="text"] { color: #5C5C5C; font-family: 'AxiformaMed'; font-size: 17px; display: inline-block; border: none; padding: 10px 0;  }
.creditCardBlock img { display: inline-block; padding: 10px;  }
.cardYearCvc .cardYear { float: left; border-right: 1px solid #707070; width: 49%;  }
.cardYearCvc .cardCvc { float: right; width: 50%; }
.cardYearCvc .cardCvc input[type="text"] { max-width: 50px; }
.card3D { padding-left: 15px;  }
.card3D .checkbox-blue label { font-family: 'AxiformaMed'; font-size: 17px; color: #A5A5A5; }
.card3D .checkbox { margin: 5px 0; }

.cardPurchase { border: 1px solid #707070; border-radius: 8px; text-align: center; padding: 20px 0; }
.cardPurchase h4 { font-family: 'AxiformaBold'; margin-top: 0; }
.cardPurchase img { display: block; position: relative; margin: 0 auto; max-width: 90%; }

.basketBrief { font-family: 'AxiformaBold'; }
.basketBrief h3 { color: #000000; margin-top: 0; margin-bottom: 25px; }
.basketBrief .briefTop { margin-bottom: 25px; font-size: 16px; }
.basketBrief .briefTop .briefProduct { color: #8D8D8D; }
.basketBrief .briefTop .briefProductDel { color: #8D8D8D; }
.basketBrief .briefTop .pull-right span { font-family: 'AxiformaMed'; color: #8D8D8D; margin: 0 5px;  }

.basketBrief .briefTable { width: 100%; font-size: 16px; }
.basketBrief .briefTable .briefTTdOne { width: 240px; color: #8D8D8D; }
.basketBrief .briefTable tr td { padding-bottom: 10px; }
.basketBrief .briefTable tfoot { font-family: 'AxiformaExtraBold'; color: #009FE3; font-size: 20px; }
.basketBrief .briefTable tfoot tr td { padding-top: 10px; }

.briefAddress h4 { margin-top: 0; font-family: 'AxiformaBold'; margin-bottom: 15px; float: left; }
.briefAddress .text-red { font-family: 'AxiformaBold'; float: right; }
.briefAddress .briefAddressText { color: #8D8D8D; font-family: 'AxiformaMed'; line-height: 1.5em; }
.briefBottomText { padding: 20px 5px 15px 5px; text-align: center; font-family: 'AxiformaBold'; }
.briefBottomText span { color: #009FE3; font-size: 18px; }

.basketSuccess { text-align: center; font-family: 'AxiformaBold'; }
.basketSuccess img { margin: 15px 0; }
.basketSuccess .basketSuccessText { color: #717171; font-size: 18px; margin-bottom: 50px; }
.basketSuccess h4 { color: #009FE3; margin-bottom: 10px;  }
.basketSuccess h2 { color: #3C3C3C; margin-top: 0; margin-bottom: 50px;  }
.basketSuccess p { color: #717171; padding: 0; margin: 0; font-family: 'AxiformaMed';  }


/* ==================================================
// mesajlar tanimlari
================================================== */
.myMessages { font-family: 'AxiformaBold'; }
.myMessages h3 { text-align: center; margin-top: 0; color: #000000; }
.messagesTable { width: 100%; color: #A7A6A6; }
.messagesTable tbody tr td, .messagesTable tbody tr th { vertical-align: middle; padding: 15px 5px; border-bottom: 1px solid #CCCACA; }
.messagesTable tbody tr:last-child td, .messagesTable tbody tr:last-child th { border-bottom: none; }
.messagesTable .mtNumber { font-size: 22px; }
.messagesTable .mtStar { color: #A7A6A6; font-size: 18px; }
.messagesTable .mtTitle { color: #A7A6A6; font-size: 16px; }
.messagesTable .mtDelete { color: #E30000; font-size: 18px; }
.messagesTable .mtDate { font-size: 18px; text-align: right; }
.messagesTable .noRead .mtNumber,
.messagesTable .noRead .mtTitle,
.messagesTable .mtTitle:hover { color: #000000; }
.messagesTable .noRead .mtDate { color: #646464; }


/* ==================================================
// siparislerim tanimlari
================================================== */
.myOrders { font-family: 'AxiformaBold'; }
.myOrders h3 { text-align: center; margin-top: 0; margin-bottom: 20px; color: #000000; }
.ordersTable { width: 100%; color: #A7A6A6; }
.ordersTable tbody tr td, .ordersTable tbody tr th, .ordersTable thead tr th { vertical-align: middle; padding: 15px 5px; border-bottom: 1px solid #CCCACA; }
.ordersTable tbody tr:hover, .ordersTable tbody tr:hover { background-color: #EBEBEB; }
.ordersTable tbody tr:last-child td, .ordersTable tbody tr:last-child th { border-bottom: none; }
.ordersTable thead tr th { padding-bottom: 10px; font-family: 'AxiformaMed'; font-weight: normal; font-size: 13px; color: #B9B6B6; }
.ordersTable .otNumber { color: #009FE3; font-size: 22px; }
.ordersTable .otDate { color: #BFBDBD; font-size: 20px; }
.ordersTable .otOrderCode a { color: #000000; font-size: 20px; }
.ordersTable .otReOrder a { color: #009FE3; font-size: 17px; }
.ordersTable .otEdit a { color: #4D4D4D; font-size: 17px; }
.ordersTable .otDelete { font-size: 17px; }
.ordersTable .otDelete a { color: #646464; }
.ordersTable .otDelete a i { color: #E30000; }

/* ==================================================
// favorilerim tanimlari
================================================== */
.myFavorites { font-family: 'AxiformaBold'; }
.myFavorites h3 { text-align: center; margin-top: 0; margin-bottom: 20px; color: #000000; }
.favoritesTable { width: 100%; color: #A7A6A6; }
.favoritesTable tbody tr td, .favoritesTable tbody tr th, .favoritesTable thead tr th { vertical-align: middle; padding: 15px 5px; border-bottom: 1px solid #CCCACA; }
.favoritesTable tbody tr:hover, .favoritesTable tbody tr:hover { background-color: #EBEBEB; }
.favoritesTable tbody tr:last-child td, .favoritesTable tbody tr:last-child th { border-bottom: none; }
.favoritesTable thead tr th { padding-bottom: 10px; font-family: 'AxiformaMed'; font-weight: normal; font-size: 13px; color: #B9B6B6; }
.favoritesTable .favNumber { color: #009FE3; font-size: 22px; }
.favoritesTable .favProduct a, .favoritesTable .favModel a { color: #000000; font-size: 17px; }
.favoritesTable .favBasket a { color: #009FE3; font-size: 17px; }
.favoritesTable .favDetail a { color: #4D4D4D; font-size: 17px; }
.favoritesTable .favCancel a { color: #5D5D5D; font-size: 14px; font-family: 'AxiformaMed'; }
.favoritesTable .favCancel a i { color: #FF0000; font-size: 20px;  }
.favoritesTable .favTotal { text-align: center; }
.favoritesTable .favTotal button { display: block; width: 40px; background-color: transparent; border: none; color: #0f0f0f; margin: 0 auto;  }
.favoritesTable .favTotal input[type="text"] { background-color: #FF0000; border: none; width: 40px; padding: 5px; font-family: 'AxiformaBold'; font-size: 14px; color: #FFFFFF; text-align: center; }


/* ==================================================
// model tanimlari
================================================== */

.modelSliderBlock { display: block; position: relative; padding: 0; margin: 0; width: 100%; height: auto; }
.modelSlider { display: block; position: relative; padding: 0; margin: 0 auto; width: 100%; height: auto; }
.modelBlock  { display: block; position: relative; padding: 0; margin: 0; float: left; width: 20%; }
.modelBlock a { display: block; position: relative; text-align: center; margin: 20px; text-decoration: none; }
.modelBlock a img { display: block; margin: 0 auto; }
.modelBlock a img.imgOthers { padding: 35px 0 30px 0; }
.modelBlock a span { display: block; font-family: 'AxiformaBold'; color: #4D4D4D; font-size: 17px; margin-top: 10px; }

.modelSliderTwoBlock { display: block; position: relative; padding: 0; margin: 0; width: 100%; height: auto; }
.modelSliderTwo { display: block; position: relative; padding: 0; margin: 0 auto; width: 80%; height: auto; text-align: center; }
.modelBlockTwo { display: inline-block; position: relative; padding: 0; margin: 10px 25px; text-align: center;  }
.modelBlockTwo:hover, .modelBlockTwo:active, .modelBlockTwo:focus, .modelBlockTwo:visited { text-decoration: none; }
.modelBlockTwo img { display: block; margin: 0 auto; }
.modelBlockTwo span { display: block; font-family: 'AxiformaBold'; color: #4D4D4D; font-size: 17px; margin-top: 10px; }

.modelSliderBlock .slick-arrow, .modelSliderTwoBlock .slick-arrow { display: block; position: absolute; padding: 0; margin: 0; border: none; color: transparent; background: transparent; z-index: 999; width: 37px; height: 65px; overflow: hidden; }
.modelSliderBlock .slick-prev, .modelSliderTwoBlock .slick-prev { background: url("../img/sliderLeftArrowGrey.png") center no-repeat; top: 25%; left: 0;  }
.modelSliderBlock .slick-next, .modelSliderTwoBlock .slick-next { background: url("../img/sliderRightArrowGrey.png") center no-repeat; top: 25%; right: 0; }
.modelSliderBlock .slick-prev:hover, .modelSliderTwoBlock .slick-prev:hover { background: url("../img/sliderLeftArrowBlue.png") center no-repeat; }
.modelSliderBlock .slick-next:hover, .modelSliderTwoBlock .slick-next:hover { background: url("../img/sliderRightArrowBlue.png") center no-repeat; }

.productListArea { padding-bottom: 100px; }
.productListTitle { display: table; position: relative; width: 100%; text-align: center; border: 1px solid #009FE3; border-left: 0; border-right: 0; padding: 15px 0 10px 0; margin-bottom: 20px; }
.productListTitle a { display: table-cell; font-size: 20px; font-family: 'AxiformaBold'; color: #6C61F0; }
.productListTitle a:hover, .productListTitle a:active, .productListTitle a:focus, .productListTitle a:visited { text-decoration: none; }
.productListTitle a i { color: #009FE3; }

.listProduct { border: 1px solid transparent; border-radius: 10px; padding: 10px 25px; }
.listProduct:hover { border: 1px solid #707070; background-color: #F7F7F7; }
.listProduct img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.listProduct .listTitle { display: block; font-family: 'AxiformaBold'; color: #4D4D4D; font-size: 16px; text-align: center; margin: 10px 0; }
.listProduct .listMoney { display: block; font-family: 'AxiformaBold'; color: #009FE3; font-size: 19px; text-align: center; margin: 10px 0; }

.listProduct .listInputs { display: table; margin: 0 auto; text-align: center; }
.listProduct .listInputs .listInput { display: table-cell; padding: 0 5px;  }
.listProduct .listInputs .listInput input[type="text"] { display: block; width: 30px; height: 30px; border-radius: 100%; border: 1px solid #707070; font-family: AxiformaBold; color: #FFFFFF; font-size: 14px; text-align: center; margin: 0 auto; }
.listProduct .listInputs .listInput button { display: block; color: #838080; border: none; background-color: transparent; margin: 0 auto;  }
.listProduct .listInputs .listInput .inputMoney { color: #009FE3; font-family: 'AxiformaMed'; text-align: center; margin: 5px 0; }
.listProduct .listInputs .listInput .inputColorText {  writing-mode: tb-rl; transform: rotate(-180deg); color: #C6C6C6; font-family: 'Axiforma'; font-size: 12px; padding-right: 6px; }

.listProduct .listInputs .listInput .listRedInput { background-color: #FD0000; }
.listProduct .listInputs .listInput .listBlueInput { background-color: #8C7FF7; }
.listProduct .listInputs .listInput .listRedGrey { background-color: #A2A2A2; }
.listProduct .listInputs .listInput .listGreenInput { background-color: #55D95A; }
.listProduct .listInputs .listInput .listBlackInput { background-color: #0F0F0F; }

.listProduct .spListInputs { display: table; margin: 15px auto; text-align: center; }
.listProduct .spListInputs .splistInput { display: table-cell; padding: 0 5px;  }
.listProduct .spListInputs .splistInput .spInputArea { border: 1px solid #CECECE; border-radius: 5px; padding: 5px; }
.listProduct .spListInputs .splistInput .spInputTitle { color: #4D4D4D; font-family: 'AxiformaBold'; text-align: center; margin-bottom: 8px; }
.listProduct .spListInputs .splistInput .inputMoney { color: #009FE3; font-family: 'AxiformaMed'; text-align: center; font-size: 16px; margin-top: 10px; }
.listProduct .spListInputs .splistInput button { display: block; color: #838080; border: none; background-color: transparent; margin: 0 auto;  }
.listProduct .spListInputs .splistInput input[type="text"] { display: block; width: 35px; border: none; font-family: AxiformaBold; color: #009FE3; font-size: 18px; text-align: center; margin: 0 auto; }


.phoneCaseBlock { min-height: 450px; }
.listProductDetailSliderArea { display: block; position: relative; padding: 0; margin: 0; width: 100%; height: auto; }
.listProductDetailSlider { display: block; position: relative; padding: 0; margin: 0; width: 100%; height: auto; }
.listProductDetailSlider a img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.listProductDetailSliderArea .slick-arrow { display: block; position: absolute; padding: 0; margin: 0; border: none; color: transparent; background: transparent; z-index: 999; width: 16px; height: 30px; overflow: hidden; }
.listProductDetailSliderArea .slick-prev { background: url("../img/sliderMiddleLeftArrow.png") center no-repeat; top: 45%; left: 5%;  }
.listProductDetailSliderArea .slick-next { background: url("../img/sliderMiddleRightArrow.png") center no-repeat; top: 45%; right: 5%; }

.productListBottom { background-color: #009FE3; margin-top: 15px; padding: 20px 0; color: #FFFFFF; }
.productListBottom .plbDate { font-family: 'AxiformaMed'; font-size: 24px; padding-top: 5px; float: left; }
.productListBottom .bbkTotalInfo { font-family: 'AxiformaMed'; font-size: 24px; padding-top: 5px; float: right; margin-right: 25px; }
.productListBottom .bbkTotalInfo b { font-family: 'AxiformaHeavy'; font-size: 28px; margin: 0 10px; }
.productListBottom .btn { border-radius: 30px; float: right; }

.productDetailBox { width: 90%; margin: 50px auto; }

.productDetailBox h1 { display: block; position: relative; padding: 0; margin: 0; font-family: 'AxiformaBold'; color: #4D4D4D; font-size: 45px;   }
.productDetailBox h4 { display: block; position: relative; padding: 0; margin: 0 0 25px 0; font-family: 'AxiformaMed'; color: #9D9D9D; font-size: 20px;   }
.productDetailBox .onePriceTitle { display: block; position: relative; padding: 0; margin: 0; font-size: 14px; color: #6F6F6F; font-family: 'Axiforma'; }
.productDetailBox .onePrice { display: block; position: relative; padding: 0; margin: 0 0 20px 0; font-size: 40px; color: #009FE3; font-family: 'AxiformaBold'; }
.productDetailBox .onePriceTotal { display: block; position: relative; padding: 0; margin: 0 0 20px 0; font-size: 40px; color: #9A9A9A; font-family: 'AxiformaBold'; }

.productDetailBox .listInputs { display: table; margin-bottom: 25px; }
.productDetailBox .listInputs .listInput { display: table-cell; padding: 0 30px 0 0; }
.productDetailBox .listInputs .listInput .listInputTitle { color: #6F6F6F; font-size: 14px; font-family: 'Axiforma'; text-align: center;  }
.productDetailBox .listInputs .listInput input[type="text"] { display: block; width: 39px; height: 39px; margin: 0 auto; border-radius: 100%; border: 1px solid #707070; font-family: AxiformaBold; color: #FFFFFF; font-size: 15px; text-align: center; }
.productDetailBox .listInputs .listInput button { display: block; color: #838080; border: none; background-color: transparent; width: 100%; margin: 5px 0; font-size: 20px; }

.productDetailBox .listInputs .listInput .listRedInput { background-color: #FD0000; }
.productDetailBox .listInputs .listInput .listBlueInput { background-color: #8C7FF7; }
.productDetailBox .listInputs .listInput .listRedGrey { background-color: #A2A2A2; }
.productDetailBox .listInputs .listInput .listGreenInput { background-color: #55D95A; }
.productDetailBox .listInputs .listInput .listBlackInput { background-color: #0F0F0F; }
.productDetailBox .listInputs .listInput .listDarkBlueInput { background-color: #5836E5; }
.productDetailBox .listInputs .listInput .PinkInput { background-color: #EA1BDA; }

.productDetailSliderArea { display: block; position: relative; padding: 0; margin: 0; width: 100%; height: auto; }
.productDetailSlider { display: block; position: relative; padding: 0; margin: 0 auto; max-width: 197px; }
.productDetailSlider img { display: block; position: relative; padding: 0; margin: 0 auto; max-width: 197px; height: auto; }

.productDetailSliderArea .slick-arrow, .modelSliderTwoBlock .slick-arrow { display: block; position: absolute; padding: 0; margin: 0; border: none; color: transparent; background: transparent; z-index: 999; width: 37px; height: 65px; overflow: hidden; }
.productDetailSliderArea .slick-prev, .modelSliderTwoBlock .slick-prev { background: url("../img/sliderLeftArrowGrey.png") center no-repeat; top: 35%; left: 5%;  }
.productDetailSliderArea .slick-next, .modelSliderTwoBlock .slick-next { background: url("../img/sliderRightArrowGrey.png") center no-repeat; top: 35%; right: 5%; }
.productDetailSliderArea .slick-prev:hover, .modelSliderTwoBlock .slick-prev:hover { background: url("../img/sliderLeftArrowBlue.png") center no-repeat; }
.productDetailSliderArea .slick-next:hover, .modelSliderTwoBlock .slick-next:hover { background: url("../img/sliderRightArrowBlue.png") center no-repeat; }

.productDetailSliderBottom { display: block; position: relative; padding: 0; margin: 25px 0; width: 100%; height: auto; text-align: center; }
.productDetailSliderBottom a { display: inline-block; margin: 0 5px; }
.productDetailSliderBottom a img { width: 50px; height: auto; }
.productDetailSliderArea .pdsButtons { display: none !important; }

.productDetailButtons { text-align: right; }
.productDetailButtons .pdFavorite { color: #989696; font-family: 'Axiforma'; margin-right: 25px; }
.productDetailButtons .pdFavorite i { color: #FF1212; }

.productDetailTitle { text-align: center; color: #009FE3; font-family: 'AxiformaBold'; }

.productCategories { display: table; width: 100%; height: auto; margin: 20px 0 40px 0; }
.productCategories a { display: table-cell; padding: 10px; text-align: center; max-width: 180px; text-decoration: none; }
.productCategories a img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.productCategories a b { display: block; color: #4D4D4D; font-size: 18px; font-family: 'AxiformaBold'; font-weight: normal; margin-top: 10px; }

.productListTable { margin: 0 0 100px 0; font-family: 'AxiformaBold'; border-collapse: separate; border-radius: 10px; overflow: hidden;  }
.productListTable head tr td, .productListTable head tr th, .productListTable tbody tr td, .productListTable tbody tr th { vertical-align: middle;  }

.productListTable thead { background-color: #4A4A4A; color: #FFFFFF; }
.productListTable thead tr td { border: none !important; }
.productListTable thead .pltInput button { color: #FFFFFF; }

.productListTable tbody tr td { border-bottom: 1px solid #CCCCCC;  }
.productListTable tbody tr td img { max-width: 54px; }
.productListTable tbody tr td a { color: #4D4D4D; }

.productListTable .pltInput { text-align: center; }
.productListTable .pltInput button { display: block; padding: 0; margin: 0 auto; background-color: transparent; border: none; color: #000000; }
.productListTable .pltInput input[type="text"] { display: block; width: 40px; margin: 2px auto; text-align: center; border: 1px solid rgba(21, 21, 21, 0.1); color: #FFFFFF; }
.productListTable .pltInput .pltMoney { display: block; text-align: center; color: #8C7FF7; }

.productListTable .pltInput .pltInputWhite { border-color: #968BEA !important; color: #009FE3 !important;  }
.productListTable .pltInput .pltInputBlue { background-color: #8C7FF7 !important;  }
.productListTable .pltInput .pltInputBlack { background-color: #151515 !important;  }
.productListTable .pltInput .pltInputRed { background-color: #FF0000 !important;  }
.productListTable .pltInput .pltInputPink { background-color: #F45CCB !important;  }
.productListTable .pltInput .pltInputGreen { background-color: #44CB49 !important;  }
.productListTable .pltInput .pltInputCyan { background-color: #7FD7F7 !important;  }
.productListTable .pltInput .pltInputDarkBlue { background-color: #4030C1 !important;  }

.productListTable .productListTableBottom { text-align: right; }

.pltCategory { display: table; width: 100%; height: auto; margin: 5px 0; }
.pltCategory .pltLabel { display: table-cell; padding: 0 5px; }
.pltCategory .pltLabel label { background-color: #BEBEBE; width: 100%; padding-left: 25px; padding-top: 2px; padding-right: 5px;  }
.pltCategory .pltLabel label input[type="checkbox"] { margin-left: -20px; margin-top: 2px; }
.activePltc { background-color: #009FE3 !important; }

/* ==================================================
// ebutlen tanimlamari
================================================== */

.newsLetter { text-align: center; }
.newsLetter h2 { color: #009FE3; font-family: 'AxiformaBold'; }
.newsLetter h4 { color: #000000; font-family: 'AxiformaBold'; margin-bottom: 20px; }
.newsLetter hr { border-color: #BFBFBF; }
.newsLetter p { color: #000000; font-family: 'AxiformaMed'; font-size: 16px; line-height: 1.8em; }
.newsLetter p a { color: #009FE3; }

.newsLetterCancel h2 { color: #33D82C; }
.newsLetterCancel .nlcButtons { margin-top: 30px; }
.newsLetterCancel .nlcButtons .btn { min-width: 200px; }


/* ==================================================
// footer tanimlamari
================================================== */

footer { display: block; position: relative; padding: 25px 0 0 0; margin: 0; background-color: #F2F2F2; }
footer .container { position: relative; }

.ebultenBaslik { color: #009FE3; font-family: "AxiformaMed"; margin-top: 0; }
.ebultenBilgi { color: #5C5C5C; font-family: "AxiformaMed"; font-size: 13px; margin-bottom: 0; }
.ebultenFormu { padding-top: 20px; }
.ebultenFormu .row div:first-child { padding-right: 8px; }
.ebultenFormu .row div:last-child { padding-left: 8px; }
.ebultenFormu .form-control { font-family: "AxiformaMed"; border-color: #707FED;  }
.ebultenFormu .btn { font-family: "AxiformaExtraBold"; }

.footerMenuler { margin: 70px 0; font-family: "AxiformaMed"; font-size: 12px; color: #5C5C5C; }
.footerMenuler h4 { color: #009FE3; margin-top: 0;  }
.footerMenuler p { margin-bottom: 0; line-height: 1.5em; }
.footerMenuler ul { display: block; position: relative; padding: 0; margin: 0; list-style: none; }
.footerMenuler ul li { display: block; position: relative; padding: 0; margin: 0 0 5px 0; }
.footerMenuler ul li:last-child { margin-bottom: 0; }
.footerMenuler ul li a { color: #5C5C5C; text-decoration: none; }
.footerMenuler .footerTelAdres { margin-bottom: 20px; }
.footerMenuler .footerTelAdres:last-child { margin-bottom: 0; }
.footerMenuler .footerTelAdres p { margin-bottom: 5px; }

.footerSM { display: block; position: relative; padding: 15px 0 0 0; margin: 0; }
.footerSM a { display: inline-block; width: 32px; height: 32px; margin: 0 5px; }
.footerSM a:first-child { margin-left: 0; }
.footerSM a:last-child { margin-right: 0; }
.footerSM a.facebook { background: url("../img/sm_ikon/facebook.png"); }
.footerSM a.instagram { background: url("../img/sm_ikon/instagram.png"); }
.footerSM a.twitter { background: url("../img/sm_ikon/twitter.png"); }
.footerSM a.youtube { background: url("../img/sm_ikon/youtube.png"); }
.footerSM a.whatsapp { background: url("../img/sm_ikon/whatsapp.png"); }

.footerImage { display: block; position: relative; padding: 0; margin: 0; background: url("../img/footerImg.jpg") center no-repeat #DADADA; height: 43px; }



/* ==================================================
// ekranlara gore media tanimlamari
================================================== */

/* xxs basladi */
@media (max-width: 320px) {

}

/* xs basladi */
@media (max-width: 767px) {

    .whiteBox { padding: 25px; }

    .whiteBoxNormal { padding: 15px; }

    .topBlue .blueMenu a { padding-right: 0; margin-right: 20px; background: none; }

    .ebultenFormu { padding-top: 10px; }

    .footerMenuler { font-size: 10px; margin: 25px 0 50px 0; }
    .footerMenuler h4 { font-size: 12px; }
    .footerMenuler .footerAdresSosyalMedya { text-align: center; margin-top: 20px; }
    .footerMenuler .footerAdresSosyalMedya .footerTelAdres { display: inline-block; margin-bottom: 0; }
    .footerMenuler .footerAdresSosyalMedya .footerTelAdres p { display: inline-block; }

    .footerSM a { margin: 0 10px; }

    .pageBody { padding: 20px 0; margin: 5px 0 5px 0; }

    .loginPage { padding: 0; }
    .loginPage h2 { margin-bottom: 15px; }
    .loginPage .loginLinks a { display: block; position: relative; font-size: 12px; }
    .loginPage .loginLinks a:first-child { float: left; margin-right: 0; }
    .loginPage .loginLinks a:nth-child(2) { float: right; }
    .loginPage .lostPasswordText p b { display: block;  }

    .registerPage { padding: 0; }
    .registerPage h2 { font-size: 24px; }

    .userPageMenu a { color: #4D4D4D; font-family: 'AxiformaBold'; font-size: 10px; margin: 0 5px; text-decoration: none; }
    .userPageMenu a:first-child { margin-left: 0; }
    .userPageMenu a:last-child { margin-right: 0; }
    .userPageMenu a img { width: 13px; height: auto; }

    .blueBasketBody { padding: 15px; }
    .blueBasketBody .bbbAlert { font-size: 14px; line-height: 1.7em; }

    .basket3TopMoney { float: left; font-family: 'AxiformaBold'; margin-right: 10px; }
    .basket3TopMoney h3 { font-size: 12px; }
    .basket3TopMoney h4 { font-size: 12px; }
    .basket3TopMoney b { font-size: 26px;  }
    .basket3TopMoney span { font-size: 14px; }
    .basket3TopMoney p { font-size: 10px; }

    .basket3BasketClean { border: none; text-align: center; padding: 20px 0 0 0; }
    .basket3BasketClean a { font-size: 14px; }
    .basket3BasketClean a i { color: #E30000; font-size: 20px; }

    .basket3BasketEdit { padding: 15px 0 0 0; }
    .basket3BasketEdit .btn { border-radius: 30px; }

    .basketSteps .stepNumber { display: block; margin: 0 auto; width: 60px; height: 60px; line-height: 70px; font-size: 35px; }
    .basketSteps .stepText { display: block; margin: 0 auto; text-align: center; }

    .basketAddressInvoice .AddressInvoiceBox { border: none; padding: 0; }
    .basketAddressInvoice .AddressInvoiceLinks { margin-bottom: 25px; }
    .basketAddressInvoice .m-t-25 { margin-top: 0; }

    .basketCargoChoose .radio-blue { display: block; margin: 0 0 10px 0; }
    .basketCargoChoose .radio-blue img { display: inline-block; }
    .basketCargoChoose .radio-blue .cargoMoney { display: block; float: right; }

    .cardYearCvc .cardYear { float: none; border-right: none; border-bottom: 1px solid #707070; width: 100%;  }
    .cardYearCvc .cardCvc { float: none; width: 100%;  }

    .cardPurchase { border: none; padding: 0; margin-top: 25px; }
    .cardPurchase h4 { text-align: left; }
    .cardPurchase img { max-width: 100%; }

    .basketSuccess { background: none; padding: 5px; }
    .basketSuccessMobilLinks { margin-top: 40px; font-family: 'AxiformaMed'; }
    .basketSuccessMobilLinks a:first-child { color: #009FE3; }
    .basketSuccessMobilLinks a:last-child { color: #000000; }
    .basketSuccessMobilLinks span { margin: 0 15px; }

    .messagesTable tbody tr td, .messagesTable tbody tr th { padding: 5px; }
    .messagesTable .mtNumber, .messagesTable .mtStar { font-size: 15px; }
    .messagesTable .mtTitle { font-size: 10px; line-height: 10px; height: 10px; max-width: 200px; overflow: hidden; display: block; }
    .messagesTable .mtDelete { font-size: 12px; }
    .messagesTable .mtDate { font-size: 11px; text-align: left; min-width: 80px; }

    .ordersTable thead tr th { font-size: 8px; }
    .ordersTable .otNumber { font-size: 15px; }
    .ordersTable .otDate { display: none; }
    .ordersTable .otOrderCode a,
    .ordersTable .otReOrder a,
    .ordersTable .otEdit a,
    .ordersTable .otDelete a { font-size: 10px; }

    .favoritesTable thead { display: none; }
    .favoritesTable .favNumber { font-size: 20px; }
    .favoritesTable .favNumber img { max-width: 30px; }
    .favoritesTable .favProduct { width: 100px; overflow: hidden; }
    .favoritesTable .favProduct .favModelMobil { color: #908D8D; }
    .favoritesTable .favProduct a, .favoritesTable .favModel a { font-size: 11px; }
    .favoritesTable .favBasket a { font-size: 11px; }
    .favoritesTable .favDetail, .favoritesTable .favCancel { text-align: center; }

    .newsLetter h2 { font-size: 25px; }
    .newsLetterCancel .nlcButtons .btn { width: 100%; margin-bottom: 10px; }

    .productListTitle a { font-size: 10px; }

    .productListBottom .plbDate { display: none; }
    .productListBottom .bbkTotalInfo { float: left; font-size: 16px; margin: 0; }
    .productListBottom .bbkTotalInfo b { margin: 0 0 0 5px; font-size: 22px; }
    .productListBottom .btn { font-size: 14px; }

    .productDetailSliderBottom a img { width: 40px; }
    .productDetailBox .listInputs .listInput .listInputTitle { font-size: 10px; }
    .productDetailBox .listInputs .listInput { padding: 0 5px; }
    .productDetailBox .listInputs .listInput input[type="text"] { width: 35px; height: 35px; }

    .productDetailButtons { text-align: unset; }
    .productDetailButtons .pdFavorite { text-align: left; margin-right: 0; }
    .productDetailButtons .btn { font-size: 10px; float: right; }

    .productCategories { display: block; position: relative; }
    .productCategories a { display: block; float: left; width: 50%; }

    .productListTable .productListTableBottom { display: none; }

}

/* sm basladi - tablet dikey */
@media (min-width: 768px) and (max-width: 991px) {

    .footerMenuler .footerAdresSosyalMedya { margin-top: 20px; }

    .basket3BasketClean { border: none; padding: 0; }
    .basket3BasketEdit { padding: 15px 0 0 0; }

    .basketSteps .stepNumber { display: block; margin: 0 auto; width: 60px; height: 60px; line-height: 70px; font-size: 35px; }
    .basketSteps .stepText { display: block; margin: 0 auto; text-align: center; }

}

/* md basladi */
@media (min-width: 992px) and (max-width: 1199px) {

    .basketSteps .stepNumber { display: block; margin: 0 auto; width: 60px; height: 60px; line-height: 70px; font-size: 35px; }
    .basketSteps .stepText { display: block; margin: 0 auto; text-align: center; }

}

/* lg basladi */
@media (min-width: 1200px) {

    .yukariGit { right: 15px; bottom: -5px; }
    .yukariGit i { border-radius: 6px; }

    .blackBody { background-color: #383838; margin: 5px 0 0 0; padding-bottom: 0; }
    .userPageMenu { display: block; position: relative; padding: 0; margin: 0; text-align: left; border: none;  }
    .userPageMenu a { color: #4D4D4D; font-family: 'AxiformaBold'; text-decoration: none; margin: 0 20px 0 0; }
    .userPageMenu a:last-child { margin-right: 0; }
    .userPageInfo { color: #009FE3; font-family: 'AxiformaBold'; float: right; font-size: 24px; }
    .userPageInfo span { font-size: 17px; margin-right: 10px; }
    .pageNames { display: block; position: relative; padding: 10px 0; margin: 0; }
    .pageNames, .pageNames a { color: #009FE3; font-family: 'AxiformaBold'; font-size: 18px;}
    .pageNames span { margin: 0 2px; }
    .blackBody .userPageMenu a { color: #ffffff; }
    .blackBody .userPageInfo span { color: #ffffff; }
    .blackBody .emptyBasket h3 { color: #ffffff; }

    .basketBox { display: block; position: relative; padding: 20px; margin: 20px 0 10px 0; height: 180px;  border-radius: 10px; }
    .basketBox h4 { font-family: 'AxiformaBold'; font-size: 22px; }
    .basketBox p { font-family: 'AxiformaMed'; margin-bottom: 20px; }
    .basketBox .btn { border-radius: 40px; }
    .basketBoxBlue { background-color: #009FE3; color: #FFFFFF; }
    .basketBoxBlue .boxMoney { font-family: 'AxiformaBold'; font-size: 35px; line-height: 35px; }
    .basketBoxBlue .boxMoney span { font-size: 20px; }
    .basketBoxWhite { background-color: #FFFFFF; }
    .basketBoxWhite h4 { color: #009FE3; }
    .basketBoxWhite p { color: #909090; }
    .basketBoxWhite .oldOrderNumber { float: left; color: #FF0000; font-size: 40px; line-height: 40px; font-family: 'AxiformaBold'; margin-right: 10px; }
    .basketBoxWhite .oldOrderText { float: left; color: #313131; font-family: 'AxiformaBold'; font-size: 13px; line-height: 1.3em; }
    .basketBoxRed { background-color: #FD0D0D; color: #FFFFFF; }
    .basketBoxRed .riskNumber { display: block; position: absolute; right: 15px; top: 15px; font-family: 'AxiformaBold'; font-size: 55px; text-align: center; border: 10px solid #FFFFFF; border-radius: 100%; width: 80px; height: 80px; line-height: 70px; }
    .basketBoxRed p { margin-bottom: 10px; }
    .basketBoxRed .boxMoney { font-family: 'AxiformaBold'; font-size: 35px; line-height: 35px;  }
    .basketBoxRed .boxMoney b { display: block; font-size: 14px; line-height: 14px; margin-bottom: 5px; }
    .basketBoxRed .boxMoney span { font-size: 20px; }

    .basketBottom { background-color: #FD0D0D; margin-top: 15px; padding: 20px 0; color: #FFFFFF; }
    .basketBottom .bbkTotalInfo, .basketBottom .bbkDate { margin-right: 25px; font-family: 'AxiformaMed'; font-size: 24px; padding-top: 5px; }
    .basketBottom .bbkTotalInfo b { font-family: 'AxiformaHeavy'; font-size: 28px; margin: 0 10px; }
    .basketBottom .btn { border-radius: 30px; margin-left: 10px; }

    .blackFooter { background-color: #383838; margin-top: 20px; color: #D5D3D3; }
    .blackFooter .ebultenBilgi, .blackFooter .footerMenuler ul li a, .blackFooter .footerMenuler, .blackFooter .footerMenuler p { color: #D5D3D3; }

    .whiteBody { background-color: #FFFFFF; }

    .modelSlider { width: 80%; }
    .modelBlock a span { white-space: nowrap; }

}