﻿body { padding-top: 0; padding-bottom: 0; overflow-x: hidden; background-color: #f1f1f1; }

ul { margin: 0; padding: 0; list-style: none }

.site-text-color { color: #23c2f2 }

body.open-side .site-back-color { background-color: #23c2f2 }

.site-text-dark-color { color: #445566; }

.site-back-dark-color { background-color: #445566; }

.body-content { padding-left: 15px; padding-right: 15px; margin-top: 29px; }

.header { position: -webkit-sticky; /* Safari */ position: fixed; top: 0; z-index: 99; left: 0; right: 0; border-bottom: 2px solid #eaeaea; padding-bottom: 0px !important; background-color: #891c1a; }

.header--section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; z-index: 1250; }

.header:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; background-color: #891c1a; transition: -webkit-transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transform: translateY(0%); transform: translateY(0%); }

.header header--white { }

.logo-wrapper { text-align: center; height: 64px; -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: -1; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 10px 15px; flex: 0 0 130px; }

.logo-wrapper a { display: block }

.logo-wrapper img { width: 100%; max-width: 102px; }

.header .brand-wrapper { display: flex; /* flex-direction: row-reverse; */ flex: 0 0 auto; order: 2; width: auto; max-width: unset; padding: 0 10px; position: relative; }

.brand_category { border-left: 1px solid #ebebeb; display: flex; justify-content: center; align-items: stretch; background-color: #456; }

.brand-menu { display: flex; align-content: center; justify-content: center; align-items: stretch; }

.brand_category ul.brand-menu li .brand-submenu { }

.brand_category li { display: flex; align-content: center; justify-content: center; align-items: stretch; height: 100%; transition: all 0.3s ease-in; }

.brand_category ul.brand-menu li { }

.brand_category ul.brand-menu li:hover { /* position: relative; */ }

.brand_category a.brand-menu-link { position: relative; color: #445566; display: flex; align-content: center; justify-content: center; align-items: stretch; }

.brand_category a.brand-menu-link .fa-list { position: relative; background-color: #445566; padding: 0 8px; color: #fff; display: flex; align-items: center; padding-left: 15px; font-size: 21px; }

.brand_category a.brand-menu-link:hover .brand-menu-arrow { background-color: #58ccf5; }

.brand_category ul.brand-menu > li:hover .brand-menu-arrow { background-color: #58ccf5; }

.has-mega-menu:hover .mega-menu { display: block; visibility: visible; }

.mega-menu { display: none; position: absolute; left: 12px; top: 100%; z-index: 10; margin-top: -0.002rem; visibility: hidden; background-color: #ffffff; opacity: 1 !important; min-height: 163px; box-shadow: 1px 8px 12PX rgb(68 85 102 / 58%); min-width: 770px; }

.mega-menu-wrapper { padding: 15px }

.brand_category a.brand-menu-link span { position: relative; background-color: #445566; color: #fff; display: flex; align-items: center; }

.brand_category a.brand-menu-link .brand-menu-text { padding: 0 14px; text-transform: uppercase; font-weight: 500; display: none; }

.brand_category a.brand-menu-link .brand-menu-arrow { padding: 0 13px; border-left: 1px solid #626e7a; }

.brand_category ul.brand-menu li .brand-submenu li { border-bottom: 1px solid #f4f4f5; /* background-color: #ccc; */ padding: 0 5px; }

.brand_category ul.brand-menu li .brand-submenu li > a { width: 100%; display: block; padding: 8px 30px; text-transform: capitalize; color: #445566; font-weight: 500; position: relative }

.brand_category ul.brand-menu li .brand-submenu li > a:after { right: 30px; transform: translateY(-50%) rotate(-90deg) }

.brand_category ul.brand-menu li .brand-submenu li:hover > a { color: #23c0f1; }

.brand_category ul.brand-menu > li:hover .brand-submenu { visibility: visible; opacity: 1; top: calc(100% - 0px); }

.brand-submenu li:hover { background-color: #def5fd; }

.header .user-wrapper { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: 3; position: relative; }

.header-account { text-transform: uppercase; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; transition: background-color 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; border-left: 1px solid #ebebeb; }

.header-account a { font-size: 15px; font-weight: 700; height: 64px; width: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #445566; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); padding: 0 16px; }

.header-account a i { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; color: #fbfbfb; border-radius: 50%; background-color: #445566; padding: 7px; }

.header-account a span { max-width: 108px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 5px 7px; }

.header-account a:hover i { color: #fff; background-color: #39c7f4; transition: all 0.2s ease-in; }

.header .cart-wrapper { -webkit-box-flex: 0; -webkit-flex: 0 0 64px; -ms-flex: 0 0 64px; flex: 0 0 64px; -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; position: relative; border-left: 1px solid #ebebeb; }

.header .cart-wrapper a i { font-size: 27px; }

.header .cart-wrapper a { font-size: 21px; font-weight: 700; height: 64px; width: 71px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #445566; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); padding: 0 30px 0 16px; }

.header .cart-wrapper a:hover i { color: #39c7f4 }

.brant-item { position: relative; z-index: 1 }

.brant-item:hover { z-index: 2 }

.header-select-brand-wrapper { display: flex; flex: 1 1 auto; order: 3; width: auto; max-width: unset; padding: 0 10px; position: relative; align-content: flex-end; justify-content: flex-start; align-items: center; }

.header-select-brand-wrapper img { height: 45px }

.section-slider, #mainp { /* min-height: 540px; */ /* border-radius: 16px; */ }

.user-master-wrapper { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: 3; position: relative; -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; border-left: 1px solid #ebebeb; }

.user-master-wrapper a i { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; color: #fbfbfb; border-radius: 50%; background-color: #445566; padding: 7px; }

.user-master-wrapper a { font-size: 15px; font-weight: 700; height: 64px; width: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #445566; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); padding: 0 16px; }

.user-master-wrapper a:hover { color: #39c7f4; }

.user-master-wrapper a:hover i { background: #39c7f4; }

@media screen and (min-width: 960px) {
 .before-line::before { /* content: ''; */ width: 1px; background: #ebebeb; height: 37.5%; position: absolute; left: 0; top: 31.25%; }
}

@media screen and (min-width: 960px) {
 .header .user-wrapper { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10 }

 .header .logo-wrapper { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; text-align: left; }
}

.navbar-fixed-top, .navbar-fixed-bottom { position: relative; z-index: 1030; }

.navbar-inverse { background-color: rgb(241 241 241); border-color: rgb(8, 8, 8); }

.navbar-fixed-top { border-width: 0px 0px 1px; box-shadow: 0px 1px 8px #ccc; }

.form-lbl { max-width: 165px; min-width: 165px; }

.intpu-w100 { width: 100%; }

.titleoriend { color: black; letter-spacing: 3px; left: 21px; top: -12px; min-width: 167px; position: absolute; background-color: #e9e9e9; padding: 0 15px; font-size: 15px; color: #403636; box-shadow: 1px 1px 1px #ccc; }

.col-desc { position: relative; margin-top: 34px; }

.col-desc textarea { padding-top: 15px }

.navbar-header { }

.navbar-header .logo { max-width: 139px; height: auto; width: 100%; }

.navbar-header a { color: #3290c9; padding-left: 15px; text-shadow: 0px 1px #cfdce5; text-decoration: none; padding-top: 0; font-size: 17px; position: relative; top: 4px; border-left: 1px solid #3290c9; margin-left: 16px; }

.nav-tabs .nav-link.active { color: #ffffff; background-color: #318dd6; box-shadow: 1px 1px 1px #318dd6; position: relative; z-index: 1; }

.nav-tabs .nav-link { font-weight: 500; position: relative }

.nav-tabs .nav-item { position: relative }

.nav-tabs .nav-item::after { position: absolute; right: 0; height: 10px; top: 19px; }

.nav-tabs .nav-item:last-child::after { border-right: 0 solid #ccc;; }

.tab-content { margin-top: 0; border-top: 1px solid #328cd2; border-bottom: 1px solid #2b94cd; /* box-shadow: -1px -2px 17px #ccc; */ min-height: 150px; padding: 18px; position: relative; }

.nav-tabs .nav-link.active::before { position: absolute; content: ""; z-index: -1; bottom: -5px; left: 50%; width: 20px; height: 20px; border-radius: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #318dd6; border-top: 1px solid #318dd6; border-left: 1px solid #318dd6; margin-left: -10px; opacity: 1; }

.table { display: table; text-align: center; width: 100%; border-collapse: separate; font-family: 'Roboto', sans-serif; font-weight: 400; }

.table_row { display: table-row; }

/*.table_row:hover { background-color: #bfe7fb !important; }*/
.table_row:focus-within { background-color: #bfe7fb !important; }

.theader { display: table-row; POSITION: STICKY; TOP: 0; Z-INDEX: 1; box-shadow: 0px -1px 16px rgb(68 85 102 / 48%); }

.table_header { display: table-cell; background: #66717c; color: #ffffff; padding-top: 0; padding-bottom: 0; font-weight: 700; padding-left: 6px; vertical-align: middle; border-left: 1px solid #ccc; }

.table_header:first-child { border-top-left-radius: 5px; }

.table_header:last-child { border-right: #ccc 1px solid; border-top-right-radius: 5px; }

.theaderp7 .table_header { padding: 7px !important }

.table_small { display: table-cell; vertical-align: middle; border-left: 1px solid #ccc; }

.table_row > .table_small > .table_cell:nth-child(odd) { display: none; background: #e7e7e7; color: #0e0e0e; padding-top: 10px; padding-bottom: 10px; }

.table_row > .table_small > .table_cell { padding-top: 5px; padding-bottom: 5px; color: #5b5b5b; /* border-bottom: #ccc 1px solid; */ line-height: 1.2EM; position: relative; padding-left: 5px; padding-right: 5px; /* border-right: 1px solid #ccc; */ }

.table_row > .table_small > .table_cell input { line-height: 25px; width: 100%; }

.table_row > .table_small:first-child > .table_cell { padding-left: 10px; }

.table_row > .table_small:last-child > .table_cell { border-right: #ccc 1px solid; }

.table_row:last-child > .table_small:last-child > .table_cell:last-child { border-bottom-right-radius: 5px; }

.table_row:last-child > .table_small:first-child > .table_cell:last-child { border-bottom-left-radius: 5px; }

.table_row:nth-child(2n+3) { background: #e9e9e9; }

.uyari { color: red; font-size: 12px }

@media screen and (max-width: 1200px) {
 .table { width: 99%; margin: auto; }
}

@media screen and (max-width: 1200px) {
 .table_row > .table_small > .table_cell { border-bottom: #ccc 1px solid; }

 .table { display: block; }

 .table_row:nth-child(2n+3) { background: none; }

 .theader { display: none; }

 .table_row > .table_small > .table_cell:nth-child(odd) { display: table-cell; width: 27%; margin: 0; padding: 1px; }

 .table_cell { display: table-cell; width: 50%; }

 .table_row { display: table; width: 100%; border-collapse: separate; padding-bottom: 8px; margin: 5% auto 0; text-align: center; }

 .table_small { display: table-row; height: 20px; }

 .table_row > .table_small:first-child > .table_cell:last-child { border-left: none; }

 .table_row > .table_small > .table_cell:first-child { border-left: #ccc 1px solid; }

 .table_row > .table_small:first-child > .table_cell:first-child { border-top-left-radius: 5px; border-top: #e7e7e7 1px solid; max-width: 84px; }

 .table_row > .table_small:first-child > .table_cell:last-child { border-top-right-radius: 5px; border-top: #ccc 1px solid; }

 .table_row > .table_small:last-child > .table_cell:first-child { border-right: none; }

 .table_row > .table_small > .table_cell:last-child { border-right: #ccc 1px solid; line-height: 1.2em; padding-left: 5px; }

 .table_row > .table_small:last-child > .table_cell:first-child { border-bottom-left-radius: 5px; }

 .table_row > .table_small:last-child > .table_cell:last-child { border-bottom-right-radius: 5px; }
}

.button-action { margin-bottom: 15px; }

.button-action-icon { font-weight: bold; font-size: 30px; position: absolute; left: 24px; top: 12px; height: 15px; }

.btn-action { padding-left: 30px }

select { -webkit-appearance: listbox !important }

.frm-select-col { min-width: 224px; }

.frm-select { min-width: 100% }

.btn-saveform { width: 200px; padding: 12px 15px; font-size: 21px; }

.form-action { padding: 15px; display: flex; align-content: center; flex-wrap: nowrap; justify-content: center; margin-top: 35px; border-top: 1px solid #ccc; margin-bottom: 11px; }

.max-tarih-width { max-width: 250px !important }

.text-right { text-align: right !important }

.text-left { text-align: left !important }

.datepicker { background-image: url(/Content/calendar.png) !important; background-repeat: no-repeat !important; background-position: left center !important; padding-left: 35px; background-color: #fff !important; }

.sidebar { position: fixed; padding: 15px; box-shadow: -1px 8px 6px rgb(68 85 102 / 72%); }

.cdecimal { }

.sidebar-right { top: 0px; right: 100%; bottom: 0; width: 270px; background: #fff; width: calc(100% - 30px); z-index: 98; display: flex; align-content: stretch; justify-content: space-evenly; border-top: 1px solid #7c8894; }

#sidebarProductPage { padding-top: 2px }

.sidebar-header { display: flex; color: #000; border-bottom: 1px solid #ccc; margin-right: 10px; }

.sidebar-header h3 { color: #585353; text-align: center; width: 100%; }

.sidebar-dataliste { height: calc(100% - 145px); overflow: auto; position: relative; }

.btn-sidebar-close { position: absolute; right: 0; top: 0; text-align: center; z-index: 9; padding: 5px 13px; }

#sidebarProductView .btn-sidebar-close { top: 3px; right: 2px; }

#sidebarHeaderCart .btn-sidebar-close { top: 15px }

.sidebar-content { height: 100%; width: 100%; }

.input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%; justify-content: flex-end; }

.sidebar__scroller { width: 100% }

.input-group { }

#sidebarUserLogin .input-group-text { -ms-flex-align: center; white-space: nowrap; background-color: #fff; border: 1px solid #d5dae2; border-radius: 0; margin-right: -1px; font-size: 16px; color: #68cff6; padding: 0.67rem 1rem; }

#sidebarUserLogin .error .input-group-text { color: #de4437; }

#sidebarUserLogin .input-group-prepend, .input-group-append { display: -ms-flexbox; display: flex; }

#sidebarUserLogin input { -ms-flex-align: center; white-space: nowrap; background-color: #fff; border-radius: 0; margin-right: -1px; color: #68cff6; padding: 9px; }

#sidebarUserLogin .input-group { margin-top: 25px }

#sidebarUserLogin header h2 { margin-top: 29px; text-transform: uppercase; margin-bottom: 8px !important; }

.account-list-content { }

.account-list-content ul { }

.account-list-content ul li { display: flex; align-content: center; justify-content: center; align-items: center; }

.account-list-content ul li a { border: 0; font-weight: 600; padding-left: 0; }

.account-list-content ul li a:hover i { background-color: #891c1a; color: #fff }

.account-list-content ul li i { text-align: left; color: #ffffff; border-radius: 50%; background-color: #3a3b3b; display: inline-flex; align-content: center; justify-content: center; align-items: center; flex-wrap: nowrap; padding: 5px; width: 30px; height: 30px; margin-right: 9px; }

@media (min-width: 769px) {
 .hidden-md { display: none !important }

 .sidebar-max-width-350 { max-width: 350px !important; width: 100% !important; }
}

@media (min-width: 769px) {
 .hidden-md { display: none !important }

 .sidebar-max-width-offer { max-width: 762px !important; width: 100% !important; }
}

@media (max-width: 768px) {
 .hidden-xs { display: none !important }

 .bg-white-xs { background-color: white !important }

 .min-wd-80-xs { width: 80px !important }

 .frm-select-col { }

 .btn-saveform { width: 100%; }
}

.tools .satirtoplam { text-align: center !important }

.tools .c_lt { text-align: center !important }

@media (min-width: 769px) {
 .frm-select-col { max-width: 300px }
}

.eklebutonpos { position: absolute; right: 10px; top: 5px; }

.searchdata { padding: 5px; border-radius: 10px; background-color: #ccc; margin: 10px; }

.searchdata input { padding: 5px; width: 100%; border-radius: 10px; border: 1px solid #ccc; padding-left: 28px; }

.max-width-150 { max-width: 150px }

.max-width-250 { max-width: 250px }

.refresh-block3 { width: 100%; height: 100%; -webkit-transition: all .05s ease; transition: all .05s ease; top: 0; left: 0; position: absolute; z-index: 1000; border-radius: 2px }

.refresh-block3 { background-color: #fff }

.refresh-block3 .refresh-loader { display: inline-block; position: absolute; text-align: center; top: 90px; left: 49%; margin-left: -66px; margin-top: -23px; }

.refresh-block3 .refresh-loader img { max-width: 133px }

#mainp .refresh-block3 .refresh-loader { top: 50%; margin-top: -16px; background: none; }

#mainp .refresh-block3 { background-color: #456; }

.refresh-block4 { width: 100%; height: 100%; -webkit-transition: all .05s ease; transition: all .05s ease; top: 0; left: 0; position: fixed; z-index: 999999999; border-radius: 2px }

.refresh-block4 { background-color: rgb(167 167 167 / 36%); display: flex; align-content: center; justify-content: center; flex-wrap: nowrap; align-items: center; }

.refresh-block4 .refresh-loader { display: inline-block; position: relative; text-align: center; }

.refresh-block4 .refresh-loader img { max-width: 133px }

.listekayityok { padding: 10px; width: 100% !important; text-align: left; color: #318dd6; border-bottom: 1px solid #318dd6; }

.sidebar-footer { display: flex; height: 40px; align-content: center; justify-content: center; align-items: center; }

.sidebar-table { display: table; width: 100%; border-top: 1px solid #ccc }

.loading img { width: 60px }

.sidebar-footer-result { position: absolute; background-color: #fff; left: 0; right: 0 }

.loading { position: absolute; left: 0; right: 0; width: 100%; top: 0; bottom: 0; z-index: 890; display: flex; align-content: center; justify-content: center; align-items: center; background-color: #ffffff87; }

body.open-side { overflow: hidden !important }

html.open-side { overflow: hidden !important }

.currency { padding-right: 20px; position: relative }

.currency::after { content: "TL"; right: 26px; top: 7px; position: absolute; }

.currency input { padding-right: 28px; }

.error { color: red; font-size: 13px }

.footer-content { background-color: #e7e7e7; margin-top: 30px; padding: 20px 35px 15px; border-radius: 8px 8px 0 0; border-top: 1px solid #e8e8e8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #456; position: relative; display: none; }

.footer-cartlog { display: flex; -webkit-flex: flex; align-content: center; justify-content: center; }

.arneimza { display: block; right: 0; color: #456 !important; font-size: 13px; }

.no-radius { border-radius: 0 !important }

.news-part { background-size: cover !important; padding: 50px 30px 60px; position: relative; z-index: 1; }

#mainnewsletter h2 { color: #fff !important; font-size: 35px; margin-bottom: 5px !important; }

.btn-site { color: #fdfdfd; background-color: #3dc7f4; border-color: #23c2f2; }

.btn-site:hover, .btn-site:focus, .btn-site:active, .btn-site[type]:hover, .btn-site[type]:focus, .btn-site[type]:active { box-shadow: 0 4px 11px rgb(63 200 244); background-color: #68cff6; border-color: #68cff6; color: #fff; }

.btn-site-dark { color: #fdfdfd; background-color: #445566; border-color: #445566; }

.btn-site-dark:hover, .btn-site:focus, .btn-site-dark:active, .btn-site-dark[type]:hover, .btn-site-dark[type]:focus, .btn-site-dark[type]:active { box-shadow: 0 4px 11px rgb(68 85 102); background-color: #445566; border-color: #445566; color: #fff; }

.transition-3d-hover { transition: all .2s ease-in-out }

.transition-3d-hover:hover, .transition-3d-hover:focus { -webkit-transform: translateY(-3px); transform: translateY(-3px) }

.sidebar .input-group:focus-within { background: #fff; border-color: #68cff6; box-shadow: 0 0 10px rgb(104 207 246); }

.transition { -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; }

.btn-block { display: block; width: 100%; }

.cart-overview__title { margin-bottom: 8px; border-bottom: 1px solid #b8b8b8; padding: 8px 0; text-align: left; }

.cart-overview__title2 { margin-bottom: 8px; border-bottom: 1px solid #b8b8b8; padding: 0px 0 4px 0; text-align: left; }
.cart-overview__title2 h5 { font-size: 17px; }
.cart-overview__title h5 { font-size: 24px }
.cart-overview__title2 img { width: 26px }
.cart-overview__title p { margin: 0 }
.cart-overview__title .cart-overview-company { font-size: 14px; }
.cart-overview__title .cart-overview-actlabel { position: absolute; top: -25px; text-align: center; left: -15px; right: -15px; display: flex; align-content: center; justify-content: flex-start; align-items: center; background-color: #000000; display: flex; padding: 7px 15px; color: #fff; font-weight: bold; /* border-bottom-left-radius: 10px; */ /* border-bottom-right-radius: 10px; */ }
.cart-overview__title .cart-overview-actlabel div { /* background-color: #020202; */ /* display: flex; */ /* padding: 6px 15px; */ /* color: #fff; */ /* font-weight: bold; */ /* border-bottom-left-radius: 10px; */ /* border-bottom-right-radius: 10px; */ }
.cart-overview__title .cart-overview-user { font-size: 11px; color: #891c1a; padding-left: 7px; }
.cart-overview__title header { position: relative; margin-bottom: 0 !important; }
.cart-overview__title .h4 { font-size: 18px; margin-bottom: 7px !important; padding-top: 21px; }
.cart-overview__title i { color: #000000; }

.cart-overview .cart-overview__items { max-height: 65vh; overflow-x: auto; overflow-y: none; line-height: 1.625em !important; list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #ccc; }

.cart-overview .cart-overview__items li { overflow: hidden; position: relative; border-bottom: 1px solid #dfe1e6; margin-bottom: 5px;; }

.cart-item-flex { display: flex; -webkit-flex: flex; margin-bottom: 7px; }

.cart-overview .cart-overview__items li .item__image { margin-right: 1.625em; position: relative; border-right: 1px solid #ccc; flex-grow: 1; max-width: 64px }

.cart-overview .cart-overview__items li img { width: 100% }

.cart-overview .cart-overview__items li .item__detail { flex-grow: 2 }

.mcl-protitle { padding: 0 28px 9px 0; font-weight: 500 }

.cart-overview .cart-overview__items li .item__detail span { display: block; display: block; color: #1f1e1e; font-size: 14px; margin: 0; font-weight: 500; text-align: left; line-height: 1.2em; }

.cart-overview .cart-overview__items li .item__remove { position: absolute; top: 0; right: 4px; cursor: pointer; transition: .2s linear; -webkit-transition: .2s linear; -moz-transition: .2s linear; opacity: 1 }

.cart-overview .cart-overview__subtotal { padding-top: 6px; font-weight: 600; color: #bb424d; text-align: center; display: flex; align-content: center; justify-content: center; align-items: center; }

.cart-overview .cart-overview__subtotal h5 { display: inline-block; margin: 0; margin-right: 1.625em; color: #252525; font-size: 15px; font-weight: 500; line-height: 1.2 }

.cart-overview .cart-overview__subtotal span { display: inline-block; margin: 0; margin-right: 5px; font-size: 18px; }

.mcl-hediyeadet { color: #ff16ad !important; font-weight: bold !important; margin-bottom: 6px !important; }

.mcl-qty { color: #2fab3e !important; }

.mcl-qty label { color: #456; }

.intro-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }

.intro-wrap:hover .intro-icon i { color: #fff; background: #2ac4f4; }

.intro-icon { margin-right: 20px }

.intro-icon i { width: 50px; height: 50px; font-size: 18px; line-height: 43px; border-radius: 0; text-align: center; display: inline-block; color: #445566; background: #fff; border: 3px double #34c6f4; -webkit-box-shadow: 0 15px 35px 0 rgba(0,0,0,.1); box-shadow: 0 15px 35px 0 rgba(0,0,0,.1); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s }

.intro-content h5 { font-size: 17px; margin-bottom: 8px; text-transform: capitalize }

.intro-content p { font-size: 15px; line-height: 22px; margin: 0 }

.u-go-to {position: fixed;right: 20px;bottom: 20px;z-index: 2;width: 40px;height: 40px;font-size: 15px;color: #fff;line-height: 40px;text-align: center;display: none;border-radius: 50%;background: #184081;-webkit-box-shadow: 0 0 15px 3px rgb(237 28 36 / 50%);box-shadow: 0 0 15px rgb(0 0 0 / 51%);-webkit-animation: astop 2s infinite;animation: astop 2s infinite;transition: all linear .3s;-webkit-transition: all linear .3s;-moz-transition: all linear .3s;-ms-transition: all linear .3s;-o-transition: all linear .3s;}

#mainp { width: 100%; overflow-x: hidden; position: relative }

.section-brand { padding: 40px 0; background-color: #f7f7f7; }

.intro-part { padding: 40px 0; display: none; }

.brand-media a { min-height: 110px; }

.brant-item:hover .brand-item-inner { box-shadow: 0px 6px 24px #318dd6; }

.brand-mainlist { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; }

.footer-cartlog img { max-width: 250px; width: 100%; }

/**** Urun Sayfası ****/
.product-brand-title { display: flex; align-content: center; justify-content: flex-start; align-items: center; border-bottom: 1px solid #41c8f4; box-shadow: -1px 7px 8px #ccc; background-color: #fff; /* padding: 1px 0 8px 0px; */ margin-bottom: 22px; display: none; }

.product-page-brand-logo { padding: 0px 11px; }

.product-page-brand-logo img { height: 60px; }

.product-page-brand-name { display: none; }

.select-category { display: flex; align-content: center; justify-content: flex-start; align-items: center; flex-wrap: wrap; }

.select-category-item-master { /* display: -webkit-box; */ /* display: -webkit-flex; */ display: -ms-flexbox; /* display: flex; */ width: 100%; background-color: #ededed; padding: 5px 15px 8px 7px; font-weight: bold; border-radius: 8px; align-content: center; align-items: center; font-size: 16px; text-align: left; text-transform: uppercase; background: rgb(214,214,214); background: linear-gradient(0deg, rgb(209 209 209) 0%, rgba(242,242,242,1) 49%, rgba(226,226,226,1) 100%); }

.select-category-item-master i.fa-arrow-down-long { padding: 0 14px; color: #ffffff; position: relative; top: 13px; background-color: #456; padding: 10px 10px; border-radius: 50%; height: 36px; width: 36px; text-align: center; margin-right: 15px; /* text-transform: uppercase; */ }

.select-category-item-master span { display: block; padding-left: 51px; font-size: 12px; color: #445566; text-transform: none; }

.no-sub-menu { padding: 6px 13px; }

.select-category-item { margin: 10px; border-radius: 8px; background-color: #b9e5fb; padding: 12px; color: #456; font-size: 16px; font-weight: bold; cursor: pointer; }

.select-category-item:hover { background-color: #456; color: #fff; box-shadow: 0px 0px 7px #787878; }

.shop-page-total { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; bottom: 0; background-color: #ededed; justify-content: flex-end; align-content: center; align-items: stretch; padding: 0; right: 63px; font-size: 19px; color: #fff; left: 0; left: 15px; right: 15px; font-weight: bold; height: 50px; box-shadow: 0px -1px 16px rgb(68 85 102 / 48%); }

.shop-page-total-title { padding-right: 24px; display: flex; align-items: center; background-color: #449ce1; padding-left: 15px; display: none; }

.shop-page-total-value { display: flex; align-items: center; padding: 0 15px; background-color: #6ca5d3; display: none; }

.menu-select-aler { text-align: left; padding-left: 15px; color: #456; }

.z-index { z-index: 97 }

.header:hover { z-index: 99 }

.select-category-nav { text-align: left; background-color: #445566; margin-bottom: 3px; padding: 8px 5px; border-radius: 0; padding-left: 14px; position: absolute; top: 0px; left: 0; right: 0; z-index: 2; }

.sc-breadcrumb > ul { border-top: 1px solid #ebebeb; list-style: none; margin: 0; padding: 0; border: 0; display: inline-block; }

.sc-breadcrumb > ul li { display: inline-flex; }

.sc-breadcrumb > ul li .breadcrumb-link { font-size: 13px; color: #ffffff; display: inline-block; -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; }

.sc-breadcrumb > ul li:after { content: ''; color: #d8282f; padding: 0 10px; font-family: 'Font Awesome 5 Free'; font-weight: 900; }

.sc-breadcrumb > ul li:last-child:after { display: none; content: '' }

@media only screen and (max-width: 642px) {
 .brand-menu-text { display: none !important }

 .logo-wrapper img { max-width: 120px !important; }

 .header-account a span { display: none !important }

 .logo-wrapper { flex: 0 0 auto; padding: 0; display: flex; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; }

 .shop-page-total * { font-size: 14px }
}

/**************ürün sayfası*/
@media only screen and (max-width: 642px) {
 .header-account a span { display: none; }

 .header-select-brand-wrapper img { height: 35px; }

 .header-select-brand-wrapper { padding: 0 }

 .header .brand-wrapper { padding-right: 0 }

 .brand_category a.brand-menu-link .brand-menu-arrow { padding: 0 8px }

 #slider1-wrapper, #mainp { min-height: auto; }
}

.pro-table-price del { color: red; font-size: 15px; position: relative; top: -4px; margin-bottom: 6px; }

.satirtoplam .sprice { font-weight: 600 }

.spricenet { font-weight: 600; color: #318dd6; padding-right: 10px; }

.promosyon-price { color: #456; padding: 10px; font-weight: 600; }

.sidebar-dataliste { height: calc(100% - 175px); overflow: auto; position: relative; }

.select-menu-content { height: 100% }

.sidebar__content { height: 100% }

.shop-product-page { height: 100% }

.sidebar__body { height: 100% }

.sidebar__wrapper { height: 100%; width: 100%; }

.shop-page-spet { background-color: #445566; color: white; display: flex; align-items: stretch; padding: 0 0 0 15px; }

.shop-page-total-title-spet { display: flex; align-items: center; padding-right: 12px; }

.shop-page-total-value-spet { display: flex; align-items: center; padding: 0 15px; background-color: #66717c; min-width: 122.05px; }

.qshopcart .cnt { left: 34px; top: 7px; height: 22px; width: 22px; font-size: .74987rem; font-weight: 700 !important; position: absolute !important; -ms-flex-align: center !important; align-items: center !important; display: -ms-flexbox !important; display: flex !important; border-radius: 50% !important; background-color: #dc3545 !important; align-content: center; justify-content: space-around; color: #fff; }

.marka-erisim-izni-yok-mesaj { }

.marka-erisim-izni-yok-mesaj .no-record-product-list { }

.marka-erisim-izni-yok-mesaj .alert-norecord { padding: 52px 0 87px 0; }

.marka-erisim-izni-yok-mesaj .alert-norecord i { display: block; font-size: 53px; margin-bottom: 22px; }

.color-red { color: red }

.b-lock::before { position: absolute; right: 0; top: 9px; background-image: url(/images/lockbrand.png); width: 20px; height: 20px; content: ""; background-size: 21px; }

.bm-lock::before { position: absolute; right: 16px; top: 9px; background-image: url(/images/lockbrand.png); width: 32px; height: 32px; content: ""; background-size: 32px; }

.bm-unlock::before { position: absolute; right: 16px; top: -2px; background-image: url(/images/unlockbrand.png); width: 32px; height: 32px; content: ""; background-size: 32px; }

.promosyon-cell-title { text-align: right; padding-right: 14px !important; }

.product-status-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; bottom: -3px; left: 1px; z-index: 1; }

.product-status-label.new { background: #11b76b; }

.product-status-label { font-size: 14px; padding: 5px 8px; line-height: 13px; border-radius: 3px; margin-bottom: 5px; color: #fff; text-align: center; text-transform: capitalize; display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.buy-footerbtn { display: flex; align-content: center; justify-content: center; align-items: center; font-size: 15px; font-weight: bold; margin-right: 7px; margin-left: 10px; border-radius: 0; }
.theader.no-promation .table_header { padding-top: 6px; padding-bottom: 6px; }
.sq_btn { border: none; outline: none; background: none; cursor: pointer; padding-right: 12px; font-size: 15px; width: 30px; position: relative; }
.sq_btn i { width: 22px; height: 30px; font-size: 15px; line-height: 30px; text-align: center; border-radius: 8px; color: #666; display: inline-block; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s }
.menu-title-with-search { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; position: relative; }
/**************ürün sayfası*/
.menu-title-menu-name-col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-content: center; justify-content: center; align-items: center; }
.menu-title-menu-name-col i { margin-right: 10px }
.paginationall { z-index: 1; padding: 5px 0px; background: #fff; box-shadow: 1px 1px 1px #b9b9b9; box-shadow: inset 0 0 10px #b9b9b9; -moz-box-shadow: inset 0 0 10px #b9b9b9; -webkit-box-shadow: inset 0 0 10px #b9b9b9; }
.paginationall span { display: inline; padding: 0 5px; /* background-color: #fff; */ /* color: #445566; */ /* padding: 5px 16px; */ }
.paginationall .pagingrecord { color: #445566; padding: 5px 16px; }
.paginationall .pagingpage { display: none }
.section-product-filter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; position: relative; background-color: #efefef; padding-bottom: 6px; border-radius: 8px; margin-top: 8px; padding: 4px 15px; margin-bottom: 8px; }
.card-filter .section-product-filter { background-color: #fff; border: 0; }
.prmosoyon-puan-view { display: flex; align-content: center; justify-content: center; align-items: center; text-align: left; line-height: 1.2em; background-color: #ececec; background: #e8f3f9; box-shadow: 1px 1px 1px #b9b9b9; box-shadow: inset 0 0 10px #b9b9b9; -moz-box-shadow: inset 0 0 10px #b9b9b9; -webkit-box-shadow: inset 0 0 10px #41c8f4; padding: 10px; border-radius: 11px; }
.prmosoyon-puan-view-title { }
.prmosoyon-puan-view-title i { color: #0982a7; }
.prmosoyon-puan-view-price { font-weight: bold; padding-left: 9px; color: #34a505; }

@media only screen and (max-width: 550px) {
 /*.mega-menu { left:-}*/ .sq-container {margin-left: 0px;max-width: 172px;opacity: 1;border: 1px solid;}
}

.scrool-siderbar { overflow: auto; overflow-x: hidden; height: 100%; width: 100%; }
.sidebarmasterlogin { margin-top: 50px; }
.sidebarmasterlogin .btn { color: #fff; display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: stretch; width: 100%; }
.sidebarmasterlogin .btn i { margin-right: 10px; }
.sidebarmasterlogin .btn strong { }
.sidebar-header1 { }
.sidebar-header1 h2 { }
.sidebar-header1 h2 i { }
.height-calc-sidebar1 { height: calc(100% - 24px) !important; }
.font-weight-bold { font-weight: bold !important }
.nowrap { white-space: nowrap; }
.max-width-120 { max-width: 120px; width: 120px }
.foter-menu ul li { border: 0 !important }
.foter-menu ul li a { border: 0 !important }
.bilgilendirmemenu ul { display: flex; flex-wrap: wrap; align-content: center; justify-content: flex-start; align-items: center; flex-direction: row; }
.bilgilendirmemenu ul li { display: inline-flex; min-width: 229px; }
.page_title_ctn { padding-top: 0; padding-bottom: 15px; background-image: none !important; background-size: cover; background-color: #f9f9f9 !important; height: 160px; position: relative; text-align: right; min-height: 50px; }
.page_title_bg { background: linear-gradient(90deg,#f3f3f3 0%,#fff 60%,#ebebeb 100%) !important; padding-top: 31px; }
.page_title_ctn .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.62rem 0; margin-bottom: 0.5rem; list-style: none; background-color: transparent; border-radius: 0.313rem; }
.product_page-content-title { }
.ogami-breadcrumb .ogami-container-fluid > ul li .breadcrumb-link { font-size: 13px; color: #252525; line-height: 1; display: inline-block; -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; line-height: 24px; }
.ogami-breadcrumb .ogami-container-fluid > ul li { display: inline-block; }
.ogami-breadcrumb .ogami-container-fluid > ul li:after { content: ''; color: #d8282f; padding: 0 10px; font-family: 'Font Awesome 5 Free'; font-weight: 900; }
.ogami-breadcrumb { position: absolute; top: 25px; }
.product_page_title_ctn { display: block; position: relative }
.shop-sidebar { position: sticky; top: 80px }
.footer2 { padding-top: 15px; border-top: 1px solid #39c7f4; display: none; }
.contact-card { position: relative; padding-left: 24px; padding-top: 29px; padding-bottom: 0px; border-bottom: 1px solid #ccc; margin-bottom: 23px; }
.contact-card i { position: absolute; left: 0; top: 37px; color: #52cbf5; }
.contact-card h4 { }
.contact-card p { }
.product_page_title_ctn { padding-top: 0; padding-bottom: 15px; background-image: none !important; background-size: cover; background-color: #f9f9f9 !important; height: 160px; position: relative; text-align: right; min-height: 50px; }
.product_page_title_bgimg { background: linear-gradient(90deg,#f3f3f3 0%,#fff 60%,#ebebeb 100%) !important; }
.page-content-title, .product_page-content-title { background-image: none !important; background-size: cover; height: 160px; display: -ms-flexbox !important; display: flex !important; flex-direction: column; align-content: center; align-items: center; justify-content: center; }
.kargolimituyari .content { text-align: center !important }

@media only screen and (max-width: 1080px) {
 .mega-menu { left: -246px; }
}

@media only screen and (max-width: 810px) {
 .mega-menu { left: -246px; min-width: 343px; }
}

@media only screen and (max-width: 650px) {
 .mega-menu { left: -114px; min-width: 343px; }
}

@media only screen and (min-width: 1081px) {
 .mega-menu { left: 12px; }
}

.displaynone { display: none !important }
/*html { overflow-x: hidden; }*/
.iyzigoode { display: flex; }
.iyzigoode img { max-width: 200px }
.cart-overview-scrool { max-height: 85vh; overflow-x: hidden; overflow-y: none; line-height: 1.625em !important; list-style: none; margin: 0; padding: 0; /* border-bottom: 1px solid #ccc; */ }
.sidebar-w-50 { width: 50% !important }

@media only screen and (max-width: 1200px) {
 .sidebar-w-50 { width: calc(100% - 30px) !important; }
}

@media only screen and (max-width: 680px) {
 .sidebar-w-50 { width: calc(100% - 10px) !important; }
}
.shopminicartlistteklif .table{position:relative}
.table:after {content: " ";width: 100%;height: 1px;left:0;right:0;background-color: #ccc;position: absolute;}
.shopminicartlistteklif .table_row {
    border-right: 1px solid #e9e9e9;
}
.shopminicartlistteklif .table_header{border-radius:0!important}