@charset "utf-8";
/* CSS Document */
@import "../fonts/fonts.css";
@import "../font-awesome/css/all.css"; 


* {    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box}

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

  body::-webkit-scrollbar {
    width: 8px;
  }

  body::-webkit-scrollbar-track {
    background-color: #f1f1f1;
  }

  body::-webkit-scrollbar-thumb {
    background-color: #ffd842;
    border-radius: 4px;
  }

  body::-webkit-scrollbar-thumb:hover {
    background-color: #ce7c80;
  }

html, body {
    padding: 0;
    margin: 0;
    height: 100%;
    min-height: 100%;

}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, select, textarea, button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0
}
img{display: block;}
button {    cursor: pointer}
body {    min-width: 1064px}
a {    text-decoration: none}
ul {    padding: 0;    margin: 0}
hr {    border: 0}
a, a:hover {    text-decoration: none}
:focus {    outline: none;    outline: 0}
textarea, select, input[type="text"] {    width: 100%;    height: 50px;      padding-left: 12px;    font: 17px 'Gilroy-Light';    color: #1a509f}
select {    height: 50px !important;    padding-right: 34px;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    font-family: 'Gilroy-Light';
    background: url(../pageFile/selectOk.svg) no-repeat 94% center, transparent;    background-size: 12px 6px;}
textarea {    padding-top: 10px;    display: block}


.inputDiv{width: 100%;margin-bottom: 16px;}

input[type="text"].transparent{border: 1px solid #fff; background-color: transparent;font: 17px 'Gilroy-Regular';color: #fff;}
input[type="password"] {    width: 100%;    height: 50px;        padding-left: 12px;    font: 17px 'Gilroy-Regular';    color: #707070}

select{    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}
select::-ms-expand {
display:none
}
.transparent::-webkit-input-placeholder { color: #fff;}
.transparent::-moz-placeholder { color: #fff;}
.transparent:-ms-input-placeholder {  color: #fff;}
.transparent:-moz-placeholder {   color: #fff;}



 
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.row {    width: 100%;    min-height: 5px}

 .container{position: relative;        height: auto; margin: 0 auto;width: 100%; max-width: 1416px; }
.container-menu{position: relative; display: flex; justify-content: space-between; align-items: center;height: 98px;     width: 100%;padding: 0 36px; z-index: 999s; }

.container-med{position: relative;        height: auto; margin: 0 auto;width: 100%; max-width:1064px; }
.row,   .col, h1, h2, h3, h4, h5 {    position: relative;    float: left;    height: auto}



.inputDiv-2{width: calc(50% - 15px);margin-right: 30px;}
.inputDiv-2:nth-child(2n){margin-right: 0;}

.inputDiv-3{width: calc(33.33% - 20px);margin-right: 30px;}
.inputDiv-3:nth-child(3n){margin-right: 0;}

.inputDiv-4{width: calc(25% - 22.5px);margin-right: 30px;}
.inputDiv-4:nth-child(4n){margin-right: 0;}

.inputDiv-5{width: calc(20% - 24px);margin-right: 30px;}
.inputDiv-5:nth-child(5n){margin-right: 0;}


body{ background:#f5f6fa;}
                 

 

 
/******************************************************************/
.tabAlan .detay-box{position: relative; float: left; width:100%;min-height:250px;padding-top: 24px; box-sizing: border-box;word-break: break-word; color: #000000;}

.tabAlan .detay-box{display: table; float: none;margin: 0 auto;width:100%;}


input[type="text"]:disabled {
  background: #fff;
}



/**
 * The "shine" element
 */

.icon:after {
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}

/* Hover state - trigger effect */

.icon:hover:after {
  opacity: 1;
  top: -30%;
  left: -30%;
  transition-property: left, top, opacity;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-timing-function: ease;
}

/* Active state */

.icon:active:after {
  opacity: 0;
}

 
 .sabit-yan-stn{position: fixed; width: 56px; height: 286px;top: 50%; margin-top: -143px; right: 32px;z-index: 99999999;}
.sabit-yan-box{width: 56px; height: 56px; display: flex; justify-content: center; align-items: center; background-color: #000643;margin-bottom: 1px; color: #fff;font-size: 30px; }

.sabit-yan-box.tel-box  i {transform: rotate(-45deg);}

.sabit-yan-text{position: absolute;display: flex; align-items: center;width:auto; padding: 0; right:  56px; font: 16px Gilroy-Regular; color: #fff; background-color: #000643;width: 0; height: 56px; overflow: hidden;white-space: nowrap;}

.sabit-yan-box:hover>.sabit-yan-text{ width: auto;right: 56px; padding: 0 16px; }
.sabit-yan-sosyal-btn{font-size: 24px; color: #fff;width: 56px; height: 56px; display: flex; justify-content: center; align-items: center;}













/***************************************************************************************************************************************************************/
.user-form-page-bg{background: url("../pageFile/login-bg-2.jpg") no-repeat top center; background-size: 100% auto;}

/*.user-form-str{display: flex; margin-bottom: 30px;}
.user-form-stn{idth: 100%;display: flex;flex-wrap: nowrap;    justify-content: space-between;    background: #FFFFFF;border-radius:5px;-webkit-border-radius:5px;}*/

/*.user-form-sol-stn{width: calc(100% - 810px); display: flex;flex-direction: column;    padding: 48px 100px 51px 100px;}*/
/*.user-form-sag-stn{display: flex;flex-direction: column;    width: 810px;background: #016ca2;}*/

.user-form-str{display: flex; justify-content: center; align-items: center;width: 100%; height: 100%;}
.user-form-stn{display: flex; justify-content: flex-start;}
.user-form-sol-stn{width: 606px; display: flex;flex-direction: column; padding: 50px; /*   padding: 48px 100px 51px 100px;*/background-color: #fff;}
.user-form-sag-stn{display: flex;flex-direction: column;    width: 810px;background: #016ca2;}


.user-form-logo{height: 50px;width: auto;margin-bottom: 30px;}
.user-form-logo img{height: 50px; width: auto;}

.user-form-title{font: 24px 'Gilroy-Bold'; color: #2E446E;margin-bottom: 30px;}

.user-form-input-wrap{display: flex; flex-direction: column;margin-bottom: 19px;}
.user-form-label{font: 15px 'Gilroy-Medium'; color: #989ABD;margin-bottom: 10px;background-color: transparent;}
.user-form-input-stn{background-color: #F5F6FA;height: 50px; display: flex; flex-direction: row;}
.user-form-input-icon{width: 50px;height: 50px;display: flex; justify-content: center; align-items: center;background-color: transparent; color: #016ca2; font-size: 20px;}
.user-form-input-box{width: calc(100% - 50px);}
.user-form-input{height: 50px;background-color:transparent;}

.user-form-input-wrap{width: 100%; margin-right: 30px;}
.user-form-input-wrap:nth-child(2n){  margin-right: 0;}

.user-form-btn-box{display: flex; }
.user-form-btn{background-color: #016ca2;height: 50px;display: flex; justify-content: center; align-items: center; font: 17px 'Gilroy-Bold'; color: #fff; width: 100%; max-width: 330px;}

.user-form-sol-stn .beni-hatirla-cb {display: flex;
    width: 180px;
    flex-direction: column;
}

.beni-hatirla-cb>label {
    display: flex;
    margin-bottom: 20px;
    height: 28px;
    align-items: center;
    flex-wrap: nowrap;
    position: relative;
}

.beni-hatirla-cb>label span {
    font: 15px 'Gilroy-Medium';
     
    color: #989ABD;
    padding-left: 35px;
}

.beni-hatirla-cb>label>input {
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    position: absolute;
}

.beni-hatirla-cb>label>input:checked + .input-helper:before {
    border-color: #016ca2;
}

.beni-hatirla-cb>label .input-helper:before, .beni-hatirla-cb>label .input-helper:after {
    position: absolute;
    content: "";
    transition: all 200ms;
}

.beni-hatirla-cb>label .input-helper:before {
    left: 0;
    border: 1px solid #989ABA;
    border-radius: 5px;
}

.beni-hatirla-cb>label>input {
    width: 100%;
    height: 40px;
    border-radius: 5px;
}

.beni-hatirla-cb>label>input:checked + .input-helper:before {
    background-color: #016ca2;
}

.beni-hatirla-cb>label>input:checked + .input-helper:after {
    transform: scale(1);
    opacity: 1;
}

.beni-hatirla-cb>label .input-helper:before {
    top: 0;
    width: 25px;
    height: 25px;
    border-radius: 5px;
}

.beni-hatirla-cb>label .input-helper:after {
    top: 0;
    width: 25px;
    height: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    align-items: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.59' height='13.41' viewBox='0 0 17.59 13.41'%3E%3Cpath d='M9,16.17,4.83,12,3.41,13.41,9,19,21,7,19.59,5.59Z' transform='translate(-3.41 -5.59)' fill='%23fff'/%3E%3C/svg%3E");
    transform: scale(0);
    opacity: 0;
}


.user-form-btn-box{display: flex;justify-content: space-between;  height: 50px;   align-items: center;}
.ufb-sol-stn{display: flex;  flex-wrap: nowrap; list-style-type: none;}
.ufb-sol-stn li{margin-right: 15px;}
.ufb-sol-stn li a{font:15px 'Gilroy-Medium';color: #989ABD;}

.ufb-login-btn{background: #016ca2;    height: 50px;    min-width: 154px;    max-width: 154px;    justify-content: center;    font: 18px 'Gilroy-Bold';   color: #FFFFFF;
    cursor: pointer;}



.user-form-thumb{width: 100%; display: flex;}
.user-form-img{width: 100%; height: 100%;object-fit: cover;}
.user-form-text-alan{display: flex;flex-direction: column; padding: 68px 72px 54px 72px;}
.ufta-title{font: 48px 'Gilroy-Bold'; color: #FFFFFF; line-height: 58px; margin-bottom: 23px;}
.ufta-aciklama{font: 24px 'Gilroy-Medium';line-height: 34px;    color: #FFFFFF;    opacity: 0.5;    margin-bottom: 19px;}
/***************************************************************************************************************************************************************/
             
.header-str{}
.header-stn{display: flex; align-items: center; height: 130px;justify-content: space-between;}
.logo-box{width: auto;max-width: 180px;}
.navbar{}
ul.navbar-menu{display: flex; list-style-type: none;margin-left: 24px;}
ul.navbar-menu li{}
ul.navbar-menu li a{font: 18px 'Gilroy-Regular'; color: #989ABD; height: 50px;display: flex; align-items: center; justify-content: center; padding: 0 10px;}

.header-sag-stn{display: flex;}
.header-arama-stn{}
.header-arama-box{display: flex;}
.header-arama-input{border-left: 0;}
.header-arama-btn{background-color: #fff; height: 50px; width: 50px;font-size: 20px; color:  #989ABD;}



.header-user-box{margin-left: 10px; position: relative; display: flex;}

.hub-wrap{width: 170px;    height: 50px;    background: #FFFFFF;    padding: 0 10px;    flex-wrap: nowrap;    cursor: pointer;display: flex;align-items: center;}



.hub-user-img{width: 30px;    height: 30px;    border-radius: 100%;    overflow: hidden;}

.hub-bilgi-box{display: flex;flex-direction: column;    padding-left: 4px;    position: relative;    width: calc(100% - 30px);}

.hub-user-name{color: #2E446E;   font: 12px 'Gilroy-Bold';}

.hub-user-gorev{color: #989ABD;    font: 8px 'Gilroy-Light';    margin-top: 4px;}


.user-box-drop-down {
    box-sizing: border-box;
    list-style: none;
    top: 62px;
    right: 0px;
    position: absolute;
    min-width: 230px;
    white-space: nowrap;
    z-index: 999;
    border: 0;
    background: #FFFFFF;
    flex-direction: column;
    -ms-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
    -webkit-transform: scale(.8);
    transform: scale(.8);
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

.user-box-drop-down.active {
    z-index: 9;
    opacity: 1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    transition: .3s
}

.user-box-drop-down:before {
    position: absolute;
    content: "";
    width: 14px;
    height: 12px;
    top: -7px;
    right: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12'%3E%3Cpath id='Polygon_1' data-name='Polygon 1' d='M5.272,2.962a2,2,0,0,1,3.455,0l3.518,6.031A2,2,0,0,1,10.518,12H3.482A2,2,0,0,1,1.755,8.992Z' fill='%23016ca2'/%3E%3C/svg%3E%0A");
}

.user-box-drop-down>li {
    width: 100%;
    box-sizing: border-box;
    padding: 0 0px 0 0px;
    position: relative;
}

.user-box-drop-down>li>a {
    transition: 300ms;
    padding: 7px 21px;
    font: 18px 'Gilroy-Regular';
 
    color: #989ABD;
    line-height: 24px;
}

.user-box-drop-down>li>a:hover {
    color: #016ca2;
    margin-left: 5px;
    transition: 300ms;
}

.user-box-drop-down>li:first-child>a {
    padding: 18px 21px 7px 21px;
}

.user-box-drop-down>li:last-child>a {
    padding: 7px 21px 20px 21px;
}
 



.header-message-box{margin-left: 10px; position: relative; display: flex;}
.hmb-wrap{width: 50px;    height: 50px;    background: #FFFFFF;    padding: 0 10px;    flex-wrap: nowrap;    cursor: pointer;display: flex;justify-content: center;align-items: center;}


.header-notification-box{margin-left: 10px; position: relative; display: flex;}
.hnb-wrap{width: 50px;    height: 50px;    background: #FFFFFF;    padding: 0 10px;    flex-wrap: nowrap;    cursor: pointer;display: flex;justify-content: center;align-items: center;}


.top-basket-number{position: absolute;  top: 3px;  right: 3px;  background: #ff0000;  color: white;  border-radius: 50%;   width: 18px;   height: 18px;   font: 10px 'Gilroy-Bold';
    display: flex;   align-items: center;    justify-content: center;}







.home-top-str{}
.home-top-stn{display: flex; justify-content: space-between;}
.home-cari-box{width: 330px; min-height: 330px; background-color: #fff; flex: none;margin-right: 30px;}
.home-cari-title-box{padding: 0 30px;height: 65px; display: flex; align-items: center;border-bottom: 1px solid #F3F3F5;}
.home-cari-title{font:24px 'Gilroy-Bold'; color: #2E446E;}
.home-cari-content-box{padding: 18px 30px 30px;}
.home-cari-content-box .fiyat-title{font: 18px 'Gilroy-Medium'; color: #03A900; margin-bottom: 11px;}
.home-cari-content-box .fiyat-limit{font: 32px 'Gilroy-Bold'; color: #2E446E; margin-bottom: 11px;}
.home-cari-content-box .borc-title{font:18px 'Gilroy-Medium'; color: #FF5367; margin-bottom: 11px;}
.home-cari-content-box .fiyat-borc{font: 32px 'Gilroy-Bold'; color: #2E446E; margin-bottom: 11px;}

.home-cari-content-box .cari-btn-box{display: flex; justify-content: space-between;}
.home-cari-content-box .cari-btn{display: flex; width: 100%;   height: 60px;    background: #016ca2;    align-items: center;    justify-content: center;    color: #FFFFFF;font: 18px 'Gilroy-Medium';padding: 0 24px;}

/*
.home-cari-content-box .cari-btn{display: flex; width: calc(50% - 10px);   height: 60px;    background: #016ca2;    align-items: center;    justify-content: center;    color: #FFFFFF;font: 18px 'Gilroy-Medium';padding: 0 24px;}
.home-cari-content-box .cari-btn:first-child {background: transparent;    color: #989ABD;    border: 1px solid #989ABA;}*/



.home-slider-1-stn{width: calc(100% - 330px);}


.home-slider-str{margin: 36px 0; }
.home-slider-stn{display: flex;}
.home-slider-1-stn{}
.home-slider-2-stn{width: 50%;margin-right: 28px;}
.home-slider-3-stn{width: 50%;}


.home-product-list-str{background-color: #fff; }
 

.home-product-list-genel-title-box{display: flex; height: 74px; border-bottom: 1px solid #f3f3f5;padding: 0 30px; align-items: center;}
.home-product-list-genel-title{font: 24px 'Gilroy-Bold'; color: #2E446E;}

.home-product-list-stn{display: flex; flex-direction: row;flex-wrap: wrap;padding: 30px;}
.home-product-list-box{display: flex; flex-direction: column;width:calc(16.66% - 25px); margin-right: 30px;margin-bottom: 30px; }
.home-product-list-box:nth-child(6n){margin-right: 0;}

.home-product-list-img{border: 1px solid #F3F3F5;margin-bottom: 15px;}
.home-product-list-title{text-transform: uppercase; height: 80px;    font: 18px 'Gilroy-SemiBold';     color: #2E446E;    line-height: 23px;    margin-bottom: 22px;    border-bottom: 1px solid #F3F3F5;    padding-bottom: 19px;} 

.home-product-list-content{ border-bottom:1px solid #F3F3F5;margin-bottom: 23px;}
.home-product-list-content ul {list-style-type: none; margin-bottom: 16px; display: flex;flex-direction:column;font: 18px 'Gilroy-Regular'; color: #989ABD;}
.home-product-list-content ul li:nth-child(odd){font: 18px 'Gilroy-Regular'; color: #989ABD;}
.home-product-list-content ul li:nth-child(even){font: 18px 'Gilroy-Bold'; color: #2E446E;}

.home-product-list-fiyat{font: 24px 'Gilroy-Bold';color: #2E446E;margin-bottom: 24px;}

.home-product-list-sepet-btn  { background-color: #fff;    border: 1px solid #2C6B9E;    height: 50px;    align-items: center;    display: flex;    padding: 0 13px;    cursor: pointer; font: 18px 'Gilroy-Semibold'; color: #016ca2}

.home-product-list-sepet-btn:hover  {background-color: #2C6B9E;  color: #fff;}
.home-product-list-sepet-btn span { padding-right: 12px;}





.home-product-list-tumunu-gor-btn-box{display: flex;}
.home-product-list-tumunu-gor-btn { background-color: #fff;    border: 1px solid #2C6B9E;    height: 50px;    align-items: center;    display: flex; justify-content: center;padding: 0 13px;    cursor: pointer; font: 18px 'Gilroy-Semibold'; color: #016ca2;text-align: center;}

.home-product-list-tumunu-gor-btn:hover  {background-color: #2C6B9E;  color: #fff;}






.home-slider-ust-sag-stn{display: flex; flex-direction: column; align-items:center;width:calc(33.33% - 20px);margin-left: 30px;}
 
 
 
/***************************************************************************************************************************************************************/
.banner-alt-uclu-str{margin: 30px 0;}
.banner-alt-uclu-stn{display: flex;}
.banner-alt-uclu-box{height: auto; }
 
.banner-alt-uclu-box.box-1{width:calc( 50% - 14px);margin-right: 20px;  }
.banner-alt-uclu-box.box-2{width: calc(25% - 13px);margin-right: 20px; }
.banner-alt-uclu-box.box-3{width:calc(25% - 13px); }
/***************************************************************************************************************************************************************/
.search-panel-str{}
.search-panel-stn{margin-bottom: 30px;display: flex; flex-direction: row;}

.search-form-stn{ display: flex; flex-direction: column;width: 560px;    background: #FFFFFF;    height:auto;    padding: 30px 30px; flex:none;margin-right: 30px;}
.search-form-ust-stn{display: flex; flex-direction: row;}
.search-form-sol-stn{width: calc(100% - 210px); margin-right: 30px;}
.search-form-sag-stn{width: 180px;}

.swiper-slide{width: 100% !important; height: auto !important;}
.sf-slider-1-stn{width:100%;}


.sf-slider-str{margin: 36px 0; }
.sf-slider-stn{display: flex;}
.sf-slider-1-stn{}
.sf-slider-2-stn{width: 50%;margin-right: 28px;}
.sf-slider-3-stn{width: 50%;}




.sf-input-wrap{display: flex; flex-direction: column;margin-bottom: 19px;}
.sf-label{font: 15px 'Gilroy-Medium'; color: #989ABD;margin-bottom: 10px;background-color: transparent;}
.sf-input-stn{background-color: #F5F6FA;height: 50px; display: flex; flex-direction: row;margin-bottom: 20px;}
.sf-textarea-stn{background-color: #F5F6FA;height: auto; display: flex; flex-direction: row;}

.sf-input-icon{width: 50px;height: 50px;display: flex; justify-content: center; align-items: center;background-color: transparent;}
.sf-input{height: 50px;background-color:transparent;}
.sf-textarea{height: 50px;background-color:transparent;height:120px;}
 

.sf-btn-box{display: flex; }
.sf-btn{background-color: #016ca2;height: 50px;display: flex; justify-content: center; align-items: center; font: 17px 'Gilroy-Bold'; color: #fff; width: 100%; }







.sf-options {
    flex-wrap: nowrap;
    justify-content: space-between;
}

.sf-options-checkboxes {
    width: 180px;
    flex-direction: column;
}

.sf-options-checkboxes>label {
    display: flex;
    margin-bottom: 20px;
    height: 40px;
    align-items: center;
    flex-wrap: nowrap;
    position: relative;
}

.sf-options-checkboxes>label span {
    font-size: 15px;
    font-weight: 500;
    color: #989ABD;
    padding-left: 60px;
}

.sf-options-checkboxes>label>input {
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    position: absolute;
}

.sf-options-checkboxes>label>input:checked + .input-helper:before {
    border-color: #016ca2;
}

.sf-options-checkboxes>label .input-helper:before, .sf-options-checkboxes>label .input-helper:after {
    position: absolute;
    content: "";
    transition: all 200ms;
}

.sf-options-checkboxes>label .input-helper:before {
    left: 0;
    border: 1px solid #989ABA;
    border-radius: 5px;
}

.sf-options-checkboxes>label>input {
    width: 100%;
    height: 40px;
    border-radius: 5px;
}

.sf-options-checkboxes>label>input:checked + .input-helper:before {
    background-color: #016ca2;
}

.sf-options-checkboxes>label>input:checked + .input-helper:after {
    transform: scale(1);
    opacity: 1;
}

.sf-options-checkboxes>label .input-helper:before {
    top: 0;
    width: 38px;
    height: 38px;
    border-radius: 5px;
}

.sf-options-checkboxes>label .input-helper:after {
    top: 0;
    width: 40px;
    height: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    align-items: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.59' height='13.41' viewBox='0 0 17.59 13.41'%3E%3Cpath d='M9,16.17,4.83,12,3.41,13.41,9,19,21,7,19.59,5.59Z' transform='translate(-3.41 -5.59)' fill='%23fff'/%3E%3C/svg%3E");
    transform: scale(0);
    opacity: 0;
}

.sf-options-others {
    width: calc(100% - 210px);
    flex-direction: column;
}

.sf-options-others .custom-select {
    width: 100%;
    margin-bottom: 20px;
    height: 40px;
}





/***************************************************************************************************************************************************************/
.product-list-panel{background-color: #fff;padding: 48px 50px 30px 50px}

.product-list-adet{border: 1px solid #989ABA;}


.product-list-sepet-btn  {width: 160px; background-color: #fff;    border: 1px solid #2C6B9E;    height: 50px;    align-items: center;    display: flex;    padding: 0 13px;    cursor: pointer; font: 18px 'Gilroy-Semibold'; color: #016ca2}

.product-list-sepet-btn:hover  {background-color: #2C6B9E;  color: #fff;}
.product-list-sepet-btn span { padding-right: 12px;}


.pl-ara-box{background-color: #F5F6FA;margin-bottom: 10px;}
.pl-ara-box input{background-color: transparent;width: 100%; padding: 8px 10px; border-radius: 6px; height: 40px;  border:0;}

.stok-durum-box{width: 24px;height: 24px;position: relative; float: left; border-radius: 12px;-webkit-border-radius: 12px;}
.stok-durum-box.stok-var{background-color: #00ff15; }
.stok-durum-box.stok-uretim{background-color: #fff801;}
.stok-durum-box.stok-yok{background-color: #f70009;}

.uyumlu-arac{position: relative; cursor: pointer;color:#2C6B9E;font-size: 24px; display: flex; justify-content: center;}
.uyumlu-arac-hover{display: none;position: absolute; padding: 16px; background-color: rgba(0,0,0,.50);color: #fff; bottom: 20px;z-index: 999999999;width: max-content; max-width:300px;backdrop-filter: blur(10px);font-size: 15px; left: -40%;  }
.uyumlu-arac:hover>.uyumlu-arac-hover{display: block;}



.uh-box{position: relative; cursor: pointer; }
.uh-box-hover{display: none;position: absolute; padding: 16px; background-color: rgba(0,0,0,.50);color: #fff; bottom: 20px;z-index: 999999999;width: max-content; max-width:300px;backdrop-filter: blur(10px);font-size: 15px; left: -40%;  }
.uh-box:hover>.uh-box-hover{display: block;}



/***************************************************************************************************************************************************************/

.search-oneri-form-box{padding: 30px; background-color: #fff;}

.search-oneri-form-title{    
 
    font: 18px 'Gilroy-SemiBold';
    color: #2E446E;
    line-height: 23px;
    margin-bottom: 0;
 
    padding-bottom: 19px;}

.search-oneri-form-input{background-color: #F5F6FA;margin-bottom: 20px;}
.search-oneri-form-btn-box{display: flex; }
.search-oneri-form-btn{background-color: #016ca2;height: 50px;display: flex; justify-content: center; align-items: center; font: 17px 'Gilroy-Bold'; color: #fff; width: 100%; }










/***************************************************************************************************************************************************************/
.product-detail-panel {  
	background: #FFFFFF;    width: 100%;    flex-direction: column;
    padding: 50px 50px 50px 50px;
}

.product-detail-stn{display: flex; flex-direction: row;}
.pd-sol-stn{width: calc(50% - 15px);margin-right: 30px;}
.pd-sag-stn{width: calc(50% - 15px);}
.pd-kategori-title{font: 18px 'Gilroy-SemiBold'; color: #989ABD;margin-bottom: 16px;}
.pd-urun-title{font: 24px 'Gilroy-Bold'; color: #2E446E;margin-bottom: 28px;}
.pd-urun-bilgi {display: flex; font: 18px 'Gilroy-Medium';
    flex-direction: column;
    border-top: 1px solid rgba(152, 154, 189, 0.3);
}

.pd-urun-bilgi li {
    height: 81px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    position: relative;
}

.pd-urun-bilgi li:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(152, 154, 189, 0.3);
}

.pd-urun-bilgi li span {
    color: #989ABD;
    line-height: 24px;
}

.pd-urun-bilgi li .opd-left {
    width: 140px;
}

.pd-urun-bilgi li .opd-right {
    width: calc(100% - 140px);
}

.pd-fiyat{font: 48px 'Gilroy-Bold'; color: #2E446E;margin: 17px 0  68px 0; }


.pd-urun-btn-box{display: flex;  flex-wrap: nowrap;}
.pd-urun-adet{ 
      width: 126px;
height: 60px;
    background: transparent;
    text-align: center;
    font-size: 18px;
    color: #2E446E;
    font-weight: 500; 
    border: 1px solid #989ABA;
    flex-wrap: nowrap;
    padding: 9px 9px;
    justify-content: space-between;
 
}

.pd-sepet-ekle-btn{    margin-left: 24px;
    width: 210px;
    height: 60px;
    background: #989ABD;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 700;
    display: flex
;
    justify-content: center;
    cursor: pointer;}


.pd-hemen-al-btn{    margin-left: 30px;
    width: 210px;
    height: 60px;
    background: #016ca2;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 700;
    display: flex
;
    justify-content: center;
    cursor: pointer;}
/***************************************************************************************************************************************************************/
/* page-breadcrumb */
.page-breadcrumb {
    margin-bottom: 30px;font: 15px 'Gilroy-SemiBold';
}

.breadcrumb-wrapper {display: flex;
    width: 100%;
    flex-wrap: nowrap;
    background: #FFFFFF;
    height: 65px;
    align-items: center;
    padding: 0 30px;
}

.breadcrumb-list {display: flex; list-style-type: none;}

.breadcrumb-list li {}

.breadcrumb-list li:first-child a {
    padding: 0 11px 0 0;
}

.breadcrumb-list li:first-child a:before {
    display: none;
}

.breadcrumb-list li a {
    font-size: 18px;
    color: #2E446E;
    font-weight: 500;
    position: relative;
    padding: 0 11px 0 19px;
}

.breadcrumb-list li a:before {
    position: absolute;
    content: "/";
    left: 0;
    top: 0;
    font-size: 18px;
    color: #989ABD;
    font-weight: 500;
}

.breadcrumb-list li.disabled-link a {
    pointer-events: none;
    cursor: default;
    color: #989ABD;
}

.breadcrumb-list li.bl-user-panel a {
    color: #016ca2;
    text-decoration: underline;
}




/***************************************************************************************************************************************************************/

.genel-sidebar-stn{display: flex; flex-direction: column;padding:16px 30px; background-color: #fff;width: 330px; margin-right: 30px;}
.genel-sidebar-header{height: 65px; padding: 0 30px; align-items: center;  border-bottom: 1px solid #F3F3F5;display: flex; align-items: center;}
.genel-sidebar-title{font: 24px 'Gilroy-Bold'; color:  #2E446E;}
.genel-sidebar-wrapper{list-style-type: none;}
.genel-sidebar-wrapper li i{color: #016ca2; font-weight: bold;margin-right:10px; width:20px;height: 20px;}
.genel-sidebar-wrapper li a{color: #989ABD;font: 18px 'Gilroy-Medium'; display: flex; align-items: center; height: 53px;}
.genel-sidebar-wrapper li a:hover,.genel-sidebar-wrapper li a.active{color: #2E446E; }
 


.genel-wide-stn{width: calc(100% - 360px); padding: 48px 50px 50px 50px; background-color: #fff;}
.page-header{font: 24px 'Gilroy-Bold'; color: #2E446E;border-bottom: 1px solid rgba(152, 154, 189, 0.3);padding-bottom: 32px; margin-bottom: 32px;}


.genel-list-panel{background-color: #fff;padding:0;}

/***************************************************************************************************************************************************************/
.profil-duzenle-box{}
.profil-duzenle-ust-str{}
.profil-duzenle-alt-str{}

.pd-input-wrap{display: flex; flex-direction: column;margin-bottom: 19px;}
.pd-label{font: 15px 'Gilroy-Light'; color: #989ABD;margin-bottom: 10px;background-color: transparent;}
.pd-input-stn{background-color: #F5F6FA;height: 50px; display: flex; flex-direction: row;}
.pd-input-icon{width: 50px;height: 50px;display: flex; justify-content: center; align-items: center;background-color: transparent;}
.pd-input-box{width: 100%;}
.pd-input{height: 50px;background-color:transparent;}

.pd-input-wrap{width: calc(50% - 15px); margin-right: 30px;}
.pd-input-wrap:nth-child(2n){  margin-right: 0;}

.pd-btn-box{display: flex; }
.pd-btn{background-color: #016ca2;height: 50px;display: flex; justify-content: center; align-items: center; font: 17px 'Gilroy-Bold'; color: #fff; width: 100%; max-width: 330px;}


.pd-upload-str{border-bottom: 1px solid #F3F3F5;padding-bottom: 30px; margin-bottom: 30px;margin-top: 30px;}
     .pd-upload-container {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        /* Görsel Önizleme Alanı */
        #previewprofil {
            width: 75px;
            height: 75px;
            border-radius: 50%;
            border: 2px solid #ddd;
            background-color: #f0f0f0;
            object-fit: cover;
            display: block;
        }

        /* Fotoğraf Yükle Butonu */
        .pd-custom-upload-button {
            padding: 12px 20px;
            background-color: #fff;
            color: #016ca2;
			border: 1px solid #016ca2;
          
            border-radius: 5px;
            cursor: pointer;
            font: 18px 'Gilroy-Bold';
            transition: background-color 0.3s;
        }

        .pd-custom-upload-button:hover {
            background-color: #016ca2;color: #fff;
        }

        .pd-custom-upload-button:active {
            background-color: #016ca2;
        }

        /* Dosya inputu görünmez yapılıyor */
        #fileInputProfil {
            display: none;
        }
/***************************************************************************************************************************************************************/
.adres-ekle-box{}
.adres-ekle-ust-str{}
.adres-ekle-alt-str{}

.ae-input-wrap{display: flex; flex-direction: column;margin-bottom: 19px;}
.ae-label{font: 15px 'Gilroy-Medium'; color: #989ABD;margin-bottom: 10px;background-color: transparent;}
.ae-input-stn{background-color: #F5F6FA;height: 50px; display: flex; flex-direction: row;}
.ae-textarea-stn{background-color: #F5F6FA;height: auto; display: flex; flex-direction: row;}

.ae-input-icon{width: 50px;height: 50px;display: flex; justify-content: center; align-items: center;background-color: transparent;}
.ae-input{height: 50px;background-color:transparent;}
.ae-textarea{height: 50px;background-color:transparent;height:120px;}
 

.ae-btn-box{display: flex; }
.ae-btn{background-color: #016ca2;height: 50px;display: flex; justify-content: center; align-items: center; font: 17px 'Gilroy-Bold'; color: #fff; width: 100%; max-width: 330px;}






.ust-arama-stn{display: flex;}
.ust-arama-sol-stn{width: calc(100% - 180px);margin-right: 36px;}
.ust-arama-sag-stn {width: 144px;}
.ust-arama-sag-btn{display: flex; height: 40px; width: 144px; border: 1px solid #4CA52F; font-size: 15px; color: #03A900; align-items: center; justify-content: center;font: 15px 'Gilroy-Medium';}




/***************************************************************************************************************************************************************/
.contact-map-box{width: 100%;min-height:auto;}
.contact-map-box iframe{border-radius: 20px; -webkit-border-radius:20px; border: 2px solid #ccc;}

.contact-sol-stn{width: calc(100% - 430px);}
.contact-sag-stn{width: 400px;margin-left: 30px;}

.contact-info-title{    font: 24px 'Gilroy-Bold';    color: #2E446E;        margin-bottom: 30px; }

.contact-info-list{list-style-type: none; display: flex; flex-direction: column;margin-bottom: 20px;}
.contact-info-list li{display: flex;    flex-wrap: nowrap;    justify-content: space-between;    margin-bottom: 11px;}
.contact-info-list li i{width: 52px;    padding-left: 4px;    margin-top: 2px;}
.contact-info-list li span{width: calc(100% - 52px);    font: 15px 'Gilroy-Light';    color: #989ABD;    line-height: 20px;}
.contact-info-img{}
/***************************************************************************************************************************************************************/
.basket-panel{}
.basket-panel-stn{display: flex; flex-direction: row;}
.basket-wide-stn{width: calc(100% - 360px);    padding: 48px 50px 50px 50px;  background-color: #fff;}
.basket-sidebar-stn{display: flex;   flex-direction: column;     background-color: #fff;    width: 330px; margin-left: 30px;}

.basket-product-box{display: flex;flex-wrap: nowrap;
    padding: 30px 0;
    border-bottom: 1px solid rgba(152, 154, 189, 0.3);
    justify-content: space-between;
    align-items: center;}
.basket-img{width: 190px;    height: 157px;    object-fit: cover;margin-right: 30px;}
.basket-img img{border: 0;    max-width: 100%;    height: auto;    display: block;}

.bpb-sag-stn{flex-direction: column;width: calc(100% - 270px); }
.bpb-title{color: #2E446E;    font: 24px  'Gilroy-Bold';line-height: 35px;    width: calc(100% - 275px);    position: relative;    top: -7px;    margin-bottom: 0px;}
.bpb-kod{font: 18px 'Gilroy-Medium'; color: #989ABD; margin-bottom: 9px;  position: relative;  top: -2px;}
.bpb-adet-box{}
.bpb-urun-fiyat{font: 24px 'Gilroy-Bold';    color: #2E446E;     padding-top: 28px;  }
.bpb-liste-fiyat{  text-decoration: line-through;}
.bpb-iskonto-fiyat{ }


.bpb-urun-sil{display: flex;font-size: 20px;  width: 50px;   height: 50px;   border: 1px solid #8E8FB3;  align-items: center;   justify-content: center;    cursor: pointer; color: #016ca2;}


.quantity-control {
  display: inline-flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  font-family: sans-serif;
	height: 60px;
    width: 126px;
    border: 1px solid #989ABA;
    flex-wrap: nowrap;
    padding: 9px 9px;
    justify-content: space-between;
}

.qty-btn {display: flex; justify-content: center; align-items: center;
  width: 32px;
  height: 32px;
  font-size: 20px;
  font-weight: bold;
  border: none;
  background: #f0f0f0;
  cursor: pointer;
  transition: background 0.2s;
}

.qty-btn:hover {
  background: #ddd;
}

.qty-input {
  width: 40px;
  text-align: center;
  border: none;
  font-size: 16px;
  outline: none;
}
		
		.qty-btn.plus {border: none;
    background-color: #016ca2;color: #fff;}		
		
		.qty-btn.minus{border: 1px solid #989ABA;
    background-color: transparent;
    }




.basket-sidebar-header{height: 65px;    border-bottom: 1px solid #F3F3F5; display: flex;align-items: center;    padding: 0 30px;font: 24px 'Gilroy-Bold';   color: #2E446E; }
.basket-sidebar-info{display: flex;flex-direction: column; list-style-type: none;padding:31px 30px 9px 30px}
.basket-sidebar-info li{display: flex;   flex-wrap: nowrap;  justify-content: space-between;  align-items: center;   margin-bottom: 19px;} 
.basket-sidebar-info li span{font: 18px 'Gilroy-Medium'; color:#989ABD;}
.basket-sidebar-info li b{font: 24px 'Gilroy-Bold';  color: #2E446E; }
.basket-genel-toplam-box{background: #016ca2;    height: 136px;display: flex;flex-direction: column;    padding: 28px 30px 0 30px;}
.basket-genel-toplam-box span{color: #3BB5DA; margin-bottom: 12px;font: 18px 'Gilroy-Medium';}
  .basket-genel-toplam-box strong{font: 48px 'Gilroy-Bold'; color: #FFFFFF;}

.basket-satin-al-btn-box{padding:19px 30px 30px 30px}
.basket-satin-al-btn{display: flex;    background: #016ca2;    height: 60px;  width: 100%; align-items: center; justify-content: center; color: #FFFFFF;  font: 18px 'Gilroy-Bold';}
/***************************************************************************************************************************************************************/
.payment-panel{}
.payment-panel-stn{display: flex; flex-direction: row;}
.payment-wide-stn{width: calc(100% - 360px);    padding:0 30px 30px;  background-color: #fff;}

.payment-header{display: flex;height: 65px;   border-bottom: 1px solid #F3F3F5;    cursor: pointer;    flex-wrap: nowrap;    align-items: center;      justify-content: space-between;font: 24px 'Gilroy-Bold';  color: #2E446E;margin-bottom: 30px;}



.payment-input-wrap{display: flex; flex-direction: column;margin-bottom: 19px;}
.payment-label{font: 15px 'Gilroy-Medium'; color: #989ABD;margin-bottom: 10px;background-color: transparent;}
.payment-input-stn{background-color: #F5F6FA;height: 50px; display: flex; flex-direction: row;}
.payment-textarea-stn{background-color: #F5F6FA;height: auto; display: flex; flex-direction: row;}

.payment-input-icon{width: 50px;height: 50px;display: flex; justify-content: center; align-items: center;background-color: transparent;}
.payment-input{height: 50px;background-color:transparent;}
.payment-select{width: 100%; height: 50px;background-color:transparent; }


.payment-textarea{height: 50px;background-color:transparent;height:120px;}
 

.payment-btn-box{display: flex; }
.payment-btn{background-color: #016ca2;height: 50px;display: flex; justify-content: center; align-items: center; font: 17px 'Gilroy-Bold'; color: #fff; width: 100%; max-width: 330px;}







.payment-list-box{display: flex;flex-wrap: nowrap;
    padding: 30px 0;
    border-bottom: 1px solid rgba(152, 154, 189, 0.3);
    justify-content: space-between;
    align-items: center;}
.payment-list-img{width: 100px;    height: auto;    object-fit: cover;margin-right: 30px;}
.payment-list-img img{border: 0;    max-width: 100%;    height: auto;    display: block;}

.payment-list-sag-stn{display: flex;flex-direction: row;width: calc(100% - 130px); align-items: center;}
.payment-list-title{color: #2E446E;    font: 24px  'Gilroy-Bold';line-height: 35px;       position: relative;width: 41%;   }
.payment-list-kod{font: 18px 'Gilroy-Medium'; color: #989ABD;    position: relative;width: 15%;   }
.payment-list-oem{font: 18px 'Gilroy-Medium'; color: #989ABD;    position: relative;width: 15%;   }
.payment-list-adet-box{width: 10%; text-align: center;}
.payment-list-urun-fiyat{font: 24px 'Gilroy-Bold';    color: #2E446E; width: 19%; display: flex; flex-direction: column;}
.payment-list-liste-fiyat{  text-decoration: line-through;}
.payment-list-iskonto-fiyat{ }


.payment-list-urun-sil{display: flex;font-size: 20px;  width: 50px;   height: 50px;   border: 1px solid #8E8FB3;  align-items: center;   justify-content: center;    cursor: pointer; color: #016ca2;}

 















.payment-sidebar-stn{display: flex;   flex-direction: column;     background-color: #fff;    width: 330px; margin-left: 30px;}
.payment-sidebar-header{height: 65px;    border-bottom: 1px solid #F3F3F5; display: flex;align-items: center;    padding: 0 30px;font: 24px 'Gilroy-Bold';   color: #2E446E; }
.payment-sidebar-info{display: flex;flex-direction: column; list-style-type: none;padding:31px 30px 9px 30px}
.payment-sidebar-info li{display: flex;   flex-wrap: nowrap;  justify-content: space-between;  align-items: center;   margin-bottom: 19px;} 
.payment-sidebar-info li span{font: 18px 'Gilroy-Medium'; color:#989ABD;}
.payment-sidebar-info li b{font: 24px 'Gilroy-Bold';  color: #2E446E; }
.payment-genel-toplam-box{background: #016ca2;    height: 136px;display: flex;flex-direction: column;    padding: 28px 30px 0 30px;}
.payment-genel-toplam-box span{color: #3BB5DA; margin-bottom: 12px;font: 18px 'Gilroy-Medium';}
.payment-genel-toplam-box strong{font: 48px 'Gilroy-Bold'; color: #FFFFFF;}

.payment-tamamla-btn-box{padding:19px 30px 30px 30px}
.payment-tamamla-btn{display: flex;    background: #016ca2;    height: 60px;  width: 100%; align-items: center; justify-content: center; color: #FFFFFF;  font: 18px 'Gilroy-Bold';}
/***************************************************************************************************************************************************************/
.paynow-panel-top-str{}
.paynow-panel-top-stn{display: flex;justify-content: space-between;    width: 100%;    flex-wrap: wrap;}
.paynow-box{ width: calc(20% - 20px) !important;display: flex;background: #ffffff;  min-height: 50px; margin-bottom: 30px;  padding: 30px 30px; flex-direction: column;
    align-items: center;}
.paynow-title{    font: 15px 'Gilroy-Medium';    color: #989ABD;  line-height: 20px;}
.paynow-count{font: 30px 'Gilroy-Bold';   color: #3d3d3d;   line-height: 20px;   margin-top: 11px;}


.paynow-panel-str{  }
.paynow-panel-stn{width: 100%;    padding:0 30px 30px;  background:url("../pageFile/paynow.png") no-repeat right center, #fff; background-size:contain;}

.paynow-header{display: flex;height: 65px;   border-bottom: 1px solid #F3F3F5;    cursor: pointer;    flex-wrap: nowrap;    align-items: center;      justify-content: space-between;font: 24px 'Gilroy-Bold';  color: #2E446E;margin-bottom: 30px;}


.paynow-form{display: flex; flex-direction: column;}

.paynow-input-wrap{display: flex; flex-direction: column;margin-bottom: 19px;}
.paynow-label{font: 15px 'Gilroy-Medium'; color: #989ABD;margin-bottom: 10px;background-color: transparent;}
.paynow-input-stn{background-color: #F5F6FA;height: 50px; display: flex; flex-direction: row;}
.paynow-textarea-stn{background-color: #F5F6FA;height: auto; display: flex; flex-direction: row;}

.paynow-input-box{display: flex;}
.paynow-input-icon{width: 50px;height: 50px;display: flex; justify-content: center; align-items: center;background-color: transparent;}
.paynow-input{height: 50px;background-color:transparent;}
.paynow-select{width: 100%; height: 50px;background-color:transparent; }
.paynow-input-icon{color:#016ca2;width: 50px; display: flex;   justify-content: center;align-items: center; font-size: 24px;}

.paynow-btn-box{display: flex; }
.paynow-btn{background-color: #016ca2;height: 50px;display: flex; justify-content: center; align-items: center; font: 17px 'Gilroy-Bold'; color: #fff; width: 100%; max-width: 330px;}
/***************************************************************************************************************************************************************/

.cari-hesap-ust-str{display: flex;margin-bottom: 30px;}
.cari-hesap-ust-stn{}
.ch-ust-box{display: flex; flex-direction: column; align-items:center;width:calc(33.33% - 20px);margin-right: 30px;}
.ch-ust-box:nth-child(3n){margin-right: 0;}
.ch-ust-box span{color: #989ABD;    font: 15px 'Gilroy-Medium';    margin-bottom: 9px;}
.ch-ust-box strong{font: 24px 'Gilroy-Bold';    color: #2E446E; }
/***************************************************************************************************************************************************************/

.order-detay-btn{color: #989ABD;font: 12px 'Gilroy-Medium'; }
.adres-duzenle-btn{color: #989ABD;font: 12px 'Gilroy-Medium';margin:0 10px; }
.adres-sil-btn{color: #ff0000;margin:0 10px;}
/**************************************************************************************************************************************************************/
.ordey-detay-str{}
.order-detay-stn{display: flex; flex-direction: column;}
.order-detay-title-box{border-bottom: 1px solid rgba(152, 154, 189, 0.3);display: flex;flex-wrap: nowrap;list-style-type: none;    padding: 29px 0px 21px 31px;    margin-bottom: 20px;}

.order-detay-title-box li{font: 12px 'Gilroy-Medium';color: #989ABD;}
.order-detay-title-box li.siparis-no{width: 170px;}
.order-detay-title-box li.siparis-fiyat{width: 88px;}
.order-detay-title-box li.siparis-adet{width: 78px;}
.order-detay-title-box li.siparis-durum{width: 328px;}

.order-detay-wrapper{display: flex;flex-direction: row;    background: #E9ECF0;    margin-top: 10px;}
.order-detay-wrapper-header{list-style-type: none;display: flex;height: 65px;   align-items: center;background: #E9ECF0      ; padding: 0 0 0 31px;}
.order-detay-wrapper-header li{font: 14px 'Gilroy-Semibold';  color: #2E446E;   }
.order-detay-wrapper-header li.siparis-no{width: 170px;}
.order-detay-wrapper-header li.siparis-fiyat{width: 88px;}
.order-detay-wrapper-header li.siparis-adet{width: 78px;}
.order-detay-wrapper-header li.siparis-durum{width: 328px;}


.order-detay-sol-stn{display: flex;width: calc(50% - 0px);    padding: 19px 30px 30px 30px;    flex-direction: column;}
.order-detay-sol-stn ul{display: flex;flex-direction: column;    margin-bottom: 11px;}
.order-detay-sol-stn ul li{display: flex;    flex-direction: column;    font: 14px 'Gilroy-Semibold';    margin-bottom: 20px;}
.order-detay-sol-stn ul li span{color: #989ABD; margin-bottom: 10px;}
.order-detay-sol-stn ul li p{color: #2E446E;}


.order-detay-sag-stn{display: flex;flex-direction: column;    width: calc(50% - 0px);    padding: 15px 30px 15px 30px;    position: relative;}
.order-detay-sag-stn::before{position: absolute;    content: "";    top: 20px;    left: 0;    width: 1px;    height: calc(100% - 40px);    background: rgba(152, 154, 189, 0.3);}


.od-fatura-btn-box{display: flex; justify-content: flex-start;}
.od-fatura-btn{display: flex; justify-content: center; align-items: center;margin-top: 6px;    height: 60px;    background: #016ca2;    cursor: pointer;    justify-content: center;    max-width: 203px;    width: 100%;    font: 18px 'Gilroy-Bold';    color: #FFFFFF;   }








.od-item{display: flex; flex-wrap: nowrap;  height: 50px; justify-content: space-between;   align-items: center; margin: 5px 0;}

.od-item-sol-stn{display: flex;flex-wrap: nowrap;    width: calc(100% - 105px);    align-items: center;}
.od-item-thumb{width: 50px;    height: 50px;    display: flex;    overflow: hidden;}
.od-item-thumb img{border: 0;    max-width: 100%;    height: auto;    display: block;}
.od-item-sol-stn span{font: 14px 'Gilroy-Semibold';    color: #2E446E;       line-height: 19px;    width: calc(100% - 50px);    padding-left: 11px;}
.od-item-sag-stn{display: flex;flex-direction: column;list-style-type: none;}


.od-item-sag-stn li{font: 14px 'Gilroy-Semibold';    color: #016ca2;      text-align: right;    padding: 3px 0;}
/***************************************************************************************************************************************************************/

.order-form-body{    background-color: #f5f7ff;}
.order-form-container{max-width: 880px;    padding: 30px 15px;    margin-left: auto;    margin-right: auto;}

.order-form-stn{    background: #fff;    border-radius: 10px;    padding: 50px}

.of-header{display: flex;justify-content: space-between;align-items: center;-webkit-box-align: end;    -ms-flex-align: end; display: flex;  padding-bottom: 25px;    border-bottom: 1px solid #eaeaea;}
.of-siparis-no{font: 16px 'Gilroy-Regular';}
.of-tarih{font: 14px 'Gilroy-Regular';}

.of-logo{ }
.of-logo img{height: 50px;width: auto;}

/***************************************************************************************************************************************************************/
.trs-05{transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.rds-5{border-radius: 5px;-webkit-border-radius:5px;}



@media (min-width: 1367px)
{
  
     
	    .mobil-header,.mobil-img{display: none !important;}
    .desk-header,.desk-img{display:block ;}
      .mobil-banner{display: none !important;}
     
 
}
@media (min-width: 1281px) and (max-width: 1366px) 
	
{
	
		    .mobil-header,.mobil-img{display: none !important;}
    .desk-header,.desk-img{display:block ;}
 
	
 
	  
      .mobil-banner{display: none !important;}
 
	
}
 





@media (min-resolution: 160dpi) and (min-width: 1367px) {
	
	    .mobil-header,.mobil-img{display: none !important;}
    .desk-header,.desk-img{display:block ;}
	
 
	
	
 
}













@media (min-width: 1025px) and (max-width: 1280px) 
{		
	
	.container-menu{padding: 0 24px;}
	.container-med{margin: inherit; padding: 0 15px; max-width: 100%;}
       .mobil-header{display: none !important;}
       .mobil-banner{display: none !important;}
	    .mobil-header,.mobil-img{display: none !important;}
    .desk-header,.desk-img{display:block ;}
	
  
	
	 
}
 
@media (min-width: 801px) and (max-width: 1024px) 
{  
     body{min-width: 100%; }
    .container,.container-big,.container-med{padding: 0 15px; width: 100%;max-width: 100%;}
 
 
 
 
    }
 
 
 

 

@media (min-width: 481px) and (max-width: 800px) 
{
 body{min-width: 100%; }
    .container,.container-big,.container-med{padding: 0 15px; width: 100%;max-width: 100%;}
 
 
    
}

 

@media (min-width: 0px) and (max-width: 480px) 
{
  
body{min-width: 100%; }
    .container,.container-big,.container-med{padding: 0 15px; width: 100%;max-width: 100%;}
	.genel-page-title{font-size: 32px;}

    
    .mobil-header,.mobil-img{display: block !important;}
    .desk-header,.desk-img{display: none;}
	
	.home-top-stn{flex-direction: column;}
	.home-slider-1-stn{width: 100%;}
	.home-slider-ust-sag-stn{width: 100%; margin-left: 0;}
	
	.home-product-list-stn{flex-direction: column;}
	.home-product-list-box{width: 100%; margin-right: 0;}
	
	.banner-alt-uclu-stn{flex-direction: column;}
	.banner-alt-uclu-box.box-1,.banner-alt-uclu-box.box-2,.banner-alt-uclu-box.box-3{width: 100%; margin-right: 0;margin-bottom: 30px;}
	 
	 }