@media(max-width:751px){
        .kategorilist{
            display:none;
        }
    .container {
        width: 100% !important;
        padding: 0 10px;
    }
}
@media(min-width:751px){
.mpl-item-title {
    font-size: 18px;
    height: 80px;
}}a:focus {
    outline: none;
}a, button, * {
  -webkit-tap-highlight-color: transparent;
}



  
 a, abbr, acronym, address, applet, article, aside, audio, big, blockquote, body,
canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, embed,
fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
html, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol,
output, p, pre, q, ruby, s, samp, section, small, span, sub, summary, sup, table, tbody, td,
textarea, tfoot, th, thead, time, tr, tt, ul, var, video {margin:0;padding:0;border:0;vertical-align:baseline;box-sizing:border-box;}
ol, ul {list-style:none}
blockquote, q {quotes:none}
blockquote:after, blockquote:before, q:after, q:before {content:'';content:none}
html {position:relative;width:100%;overflow-x:hidden!important;}
i {font-style:normal;}
body {position:relative;font-family:'Gilroy', sans-serif;font-size:18px;font-weight:500;width:100%;
    margin:0;padding:0;background:#f5f6fa;line-height:1;overflow-x:hidden!important;
    -moz-osx-font-smoothing:grayscale;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;}
i {display:inline}
/*scrollbar */
body::-webkit-scrollbar {width: 9px;}
body::-webkit-scrollbar-track {background: #FFF;}
body::-webkit-scrollbar-thumb {background: #016ca2;border-radius:5px;}
body::-webkit-scrollbar-thumb:hover{background-color:#3ab4d9;border-radius:5px;}
.mpl-filter-select .select-items::-webkit-scrollbar {width: 9px;}
.mpl-filter-select .select-items::-webkit-scrollbar-track {background: #FFF;}
.mpl-filter-select .select-items::-webkit-scrollbar-thumb {background: #016ca2;border-radius:5px;}
.mpl-filter-select .select-items::-webkit-scrollbar-thumb:hover{background-color:#3ab4d9;border-radius:5px;}
.srl-messages::-webkit-scrollbar {width: 9px;}
.srl-messages::-webkit-scrollbar-track {background: #FFF;}
.srl-messages::-webkit-scrollbar-thumb {background: #016ca2;border-radius:5px;}
.srl-messages::-webkit-scrollbar-thumb:hover{background-color:#3ab4d9;border-radius:5px;}
/* general definitions */
div, ul, span, p, form, input {display:flex;}
.container {width:1410px;margin:0 auto;}
table {border-collapse:collapse;border-spacing: 0}
a {display:block;text-decoration: none !important;}
img {border:0;max-width:100%;height:auto;display:block;}
:focus {outline:0}
.br-5 {border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.site-wrapper {flex-direction:column;width: 100%;/*! display: flex; */}
.bs-20 {-webkit-box-shadow: 0px 20px 20px 0px rgba(152,154,186,0.05);-moz-box-shadow: 0px 20px 20px 0px rgba(152,154,186,0.05);box-shadow: 0px 20px 20px 0px rgba(152,154,186,0.05);}
.bs-10 {-webkit-box-shadow: 0px 10px 10px 0px rgba(152,154,186,0.3);-moz-box-shadow: 0px 10px 10px 0px rgba(152,154,186,0.3);box-shadow: 0px 10px 10px 0px rgba(152,154,186,0.3);}
.mb-50 {margin-bottom:50px !important;}
.ta-right {text-align:right;}

/* font definitions */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap');
.plch::placeholder, .tagger .tagger-new input {font-family:'Gilroy', sans-serif;}
.input-font, .tagger .tagger-new input {font-family:'Gilroy', sans-serif;}
.iti {font-family:'Gilroy', sans-serif;}
.f-mnt {font-family: 'Montserrat', sans-serif;}

/* custom-select */
.custom-select {position: relative;}
.custom-select select {top: 19px;height: 50px;width: 100%;border: none;border-radius: 4px;padding-left: 10px;background: #f5f6fa;color: #989abd;font-weight: 500;font-size: 14px;} 
.select-selected {} 
.select-selected:after {position: absolute;content: "";top: 14px;right: 10px;width: 0;height: 0;} 
.select-selected.select-arrow-active:after {}
.select-items div, .select-selected {color: #ffffff;cursor: pointer;}
.select-items {position: absolute;top: 100%;left: 0;right: 0;z-index: 99;flex-direction: column;}
.select-hide {display: none;}
.select-items div:hover, .same-as-selected {background-color: rgba(0, 0, 0, 0.05);}

/* header */
.header {/*! margin-top:10px; */height:180px;margin-bottom:-76px;background: #fff;padding-top: 20px;/*! border-bottom: 4px solid #016ca2; */}
.header-wrap {width:100%;flex-wrap:nowrap;height:50px;}
.header-nav {align-items:center;margin-left:23px;margin-top:-1px}
.header-nav .header-main-nav {flex-wrap:nowrap;}
.header-nav .header-main-nav>li {position:relative;height:50px;display:flex;align-items:center;}
.header-nav .header-main-nav>li>a {color:#989ABD;padding:0 7px;height:50px;align-items:center;display:flex;letter-spacing: -0.5px;font-weight: 600;font-size: 16px;}
.header-nav .header-main-nav>li.active>a {color:#2E446E;}
.header-nav .header-main-nav>li>a:hover {color:#2E446E;}

/* dropdown */
.header-nav .header-main-nav>li>ul {box-sizing:border-box;list-style:none;top:46px;left: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;}
.header-nav .header-main-nav>li:hover>ul.main-menu-sub-nav {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}
.header-nav .header-main-nav>li>ul.main-menu-sub-nav:before {position:absolute;content:"";width:14px;height:12px;top:-7px;left: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");}
.header-nav .header-main-nav>li>ul.main-menu-sub-nav>li {width:100%;box-sizing:border-box;padding:0 0px 0 0px;position:relative;}
.header-nav .header-main-nav>li>ul.main-menu-sub-nav>li>a {transition:300ms;padding:7px 21px;font-size:18px;font-weight:500;color:#989ABD;line-height:24px;}
.header-nav .header-main-nav>li>ul.main-menu-sub-nav>li>a:hover {color:#016ca2;margin-left:5px;transition:300ms;}
.header-nav .header-main-nav>li>ul.main-menu-sub-nav>li:first-child>a {padding:18px 21px 7px 21px;}
.header-nav .header-main-nav>li>ul.main-menu-sub-nav>li:last-child>a {padding:7px 21px 20px 21px;}
.header-logo {margin-top:-11px;}
.header-search {align-items:center;max-width:370px;width:370px;height:50px;background:#F5F6FA;margin-left:10px;padding:0 15px 0 0;}
.header-search>form {flex-wrap:nowrap;width:100%}
.header-search-submit {width:50px;height:20px;padding:0 15px 0 15px;background-position:center;text-indent:-9999px;cursor:pointer;background-color:transparent;background-repeat:no-repeat;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M19.862,18.316,15.12,13.574a.464.464,0,0,0-.332-.137h-.516a8.123,8.123,0,1,0-.836.836v.516a.48.48,0,0,0,.137.332l4.742,4.742a.469.469,0,0,0,.664,0l.883-.883A.469.469,0,0,0,19.862,18.316ZM8.125,14.374a6.25,6.25,0,1,1,6.25-6.25A6.248,6.248,0,0,1,8.125,14.374Z' fill='%23989abd'/%3E%3C/svg%3E");}
.header-search-input {width:calc(100% - 55px);font-size:18px;font-weight:500;color:#989ABD;}
.header-search-input::placeholder {font-size:18px;font-weight:500;color:#989ABD;background: #f5f6fa;}
.header-icons {flex-wrap:nowrap;}
.hi-icon-box {margin-left:10px;position:relative;}
.hi-icon-box-wrapper {justify-content: center;align-items:center;background:#F5F6FA;width:50px;height:50px;cursor:pointer;position:relative;}
.hi-icon-box-inner {position:relative;}
.hi-icon-box-inner.not {top:1px}
.hi-icon-box-inner.basket {top:2px}
.hi-icon-dot {position:absolute;right:1px;top:1px;width:6px;height:6px;border-radius:100%;background:#FF5367;}
.hi-icon-number {position:absolute;bottom:-5px;right:-8px;background:#FF5367;width:14px;height:14px;border-radius:100%;font-size:8px;font-weight:700;color:#FFFFFF;display:flex;align-items:center;justify-content: center;;}

.message-box {box-sizing:border-box;list-style:none;top:62px;left:0px;position:absolute;width:300px;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;}
.message-box.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}
.message-box:before {position:absolute;content:"";width:14px;height:12px;top:-7px;left: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");} 
.message-box ul {flex-direction: column;width:100%;}
.message-box ul li {border-bottom:1px solid #F3F3F5;}
.message-box ul li:last-child {border-bottom:none;}
.message-box ul li a {transition:300ms;flex-direction: column;display:flex;padding:5px 30px 11px 30px;overflow:hidden;}
.message-box ul li a:hover {background:rgb(244 244 244 / 69%);padding-left:35px;transition:300ms;}
.message-box ul li:first-child a:hover {padding-left:35px;transition:300ms;}
.message-box ul li:first-child a {padding:42px 30px 11px 30px;}
.message-box ul li a .nb-message {font-size:18px;color:#2E446E;font-weight:500;line-height:24px;margin-bottom:8px;}
.message-box ul li.seen a .nb-message {color:#989ABD;}
.message-box ul li.nb-item-message a .nb-message {text-decoration: underline;}
.message-box ul li a .nb-date {font-size:12px;font-weight:500;color:#016ca2;}
.message-box ul li.seen a .nb-date {color:#989ABD;}
.nb-all-notifications {padding:10px 30px 30px 30px}
.nb-all-notifications a {display:flex;font-size:18px;font-weight:700;color:#FFFFFF;height:50px;background:#016ca2;align-items:center;justify-content: center;width:100%;}


.notification-box {box-sizing:border-box;list-style:none;top:62px;left:0px;position:absolute;width:300px;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;}
.notification-box.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}
.notification-box:before {position:absolute;content:"";width:14px;height:12px;top:-7px;left: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");}
.notification-box ul {flex-direction: column;width:100%;}
.notification-box ul li {border-bottom:1px solid #F3F3F5;}
.notification-box ul li:last-child {border-bottom:none;}
.notification-box ul li a {transition:300ms;flex-direction: column;display:flex;padding:5px 30px 11px 30px;overflow:hidden;}
.notification-box ul li a:hover {background:rgb(244 244 244 / 69%);padding-left:35px;transition:300ms;}
.notification-box ul li:first-child a:hover {padding-left:35px;transition:300ms;}
.notification-box ul li:first-child a {padding:42px 30px 11px 30px;}
.notification-box ul li a .nb-message {font-size:18px;color:#2E446E;font-weight:500;line-height:24px;margin-bottom:8px;}
.notification-box ul li.seen a .nb-message {color:#989ABD;}
.notification-box ul li.nb-item-message a .nb-message {text-decoration: underline;}
.notification-box ul li a .nb-date {font-size:12px;font-weight:500;color:#016ca2;}
.notification-box ul li.seen a .nb-date {color:#989ABD;}
.nb-all-notifications {padding:10px 30px 30px 30px}
.nb-all-notifications a {display:flex;font-size:18px;font-weight:700;color:#FFFFFF;height:50px;background:#016ca2;align-items:center;justify-content: center;width:100%;}

.basket-drop-down-box {padding:20px 10px 0px 10px;box-sizing:border-box;list-style:none;top:62px;left:0px;position:absolute;width:230px;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;}
.basket-drop-down-box.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}
.basket-drop-down-box:before {position:absolute;content:"";width:14px;height:12px;top:-7px;left: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");}
.bdd-items-wrapper {padding:0px 10px 0 10px;max-height:250px;overflow:auto;flex-direction: column;}

.bdd-items-wrapper::-webkit-scrollbar {width: 5px;}
.bdd-items-wrapper::-webkit-scrollbar-track {background: #F5F6FA;}
.bdd-items-wrapper::-webkit-scrollbar-thumb {background: #016ca2;border-radius:5px;}
.bdd-item {/*! padding:10px 0 10px 0px; *//*! flex-wrap:nowrap; *//*! border-bottom:1px solid #F3F3F5; */}
.bdd-item:first-child {padding:0px 0 10px 0px;clear: both;}
.bdd-item-left {flex-direction: column;width:50px;align-items:center;}
.bdd-item-thumbnail {width:50px;height:50px;overflow: hidden;}
.bdd-item-thumbnail img {}
.bdd-item-right {width:calc(100% - 62px);padding-left:12px;flex-direction: column;}
.bdd-item-remove {margin-top:13px;display:flex;width:30px;height:30px;background:#FF5367;justify-content: center;align-items: center;cursor: pointer;}
.bdd-item-title {font-size:12px;font-weight:500;color:#2E446E;line-height:16px;}
.bdd-item-price {font-size:18px;font-weight:700;color:#2E446E;margin-top:11px;}
.bdd-go-to-basket {display:flex;width:calc(100% + 20px);margin-left:-10px;flex-wrap:nowrap;background:#016ca2;height:50px;margin-top:10px;align-items:center;justify-content: space-between;padding:0 20px;}
.bdd-go-to-basket-text {flex-direction: column;width:calc(100% - 100px);}
.bdd-go-to-basket-text strong {color:#FFFFFF;font-size:12px;font-weight:500;margin-bottom:6px;}
.bdd-go-to-basket-text span {font-size:12px;color:#FFFFFF;font-weight:700;}
.bdd-go-to-basket-icon {margin-left:auto}



.header-user-box {margin-left:10px;position:relative;}
.header-user-box.logged-in .hub-wrap {display:flex}
.header-user-box.logged-in .header-user-box-normal {display:none}
.header-user-box.logged-in .user-logged-in {display:flex}
.header-user-box.logged-in .user-normal {display:none}
.header-user-box .user-logged-in {display:none}
.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-size:18px;font-weight:500;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;}
.hub-wrap {display:none;width:170px;height:50px;background:#F5F6FA;padding:0 10px;flex-wrap:nowrap;cursor:pointer;align-items:center;}
.hub-avatar {width:30px;height:30px;border-radius:100%;overflow:hidden;}
.hub-avatar img {width:30px;height:30px;object-fit: cover;}
.hub-text {flex-direction: column;padding-left:4px;position:relative;width:calc(100% - 30px);}
.hub-text:after {position:absolute;content:"";right:0;top:10px;width:8.062px;height:4.802px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.062' height='4.802' viewBox='0 0 8.062 4.802'%3E%3Cpath d='M3.792,165.389l-3.728-3.7a.3.3,0,0,1,0-.428l.5-.5a.3.3,0,0,1,.428,0l3.015,2.985,3.015-2.985a.3.3,0,0,1,.428,0l.5.5a.3.3,0,0,1,0,.428l-3.728,3.7A.3.3,0,0,1,3.792,165.389Z' transform='translate(0.025 -160.675)' fill='%23989abd'/%3E%3C/svg%3E");}
.hub-text .hub-name {color:#2E446E;font-size:16px;font-weight:700}
.hub-text .hub-title {color:#989ABD;font-size:13px;font-weight:500;margin-top:4px;}
.header-user-box-normal {justify-content: center;align-items:center;background:#FFFFFF;width:50px;height:50px;cursor:pointer;position:relative;}

/* hamburger */
.header-hamburger {margin-left:10px;position:relative;}
.hh-icon-box {align-items:center;justify-content: center;cursor:pointer;width:50px;height:50px;background:#016ca2;}
.hamburger-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;}
.hamburger-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}
.hamburger-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");}
.hamburger-drop-down>li {width:100%;box-sizing:border-box;padding:0 0px 0 0px;position:relative;}
.hamburger-drop-down>li>a {transition:300ms;padding:7px 21px;font-size:18px;font-weight:500;color:#989ABD;line-height:24px;}
.hamburger-drop-down>li>a:hover {color:#016ca2;margin-left:5px;transition:300ms;}
.hamburger-drop-down>li:first-child>a {padding:18px 21px 7px 21px;}
.hamburger-drop-down>li:last-child>a {padding:7px 21px 20px 21px;}
.header-other-elements {flex-wrap:nowrap;margin-left:auto}



/* home-welcome */
.home-welcome {margin-bottom:30px;}
.home-welcome-wrap {width:100%;flex-wrap:nowrap;justify-content: space-between;}
.account-detail-box {width:460px;background:#FFFFFF;min-height:339px;flex-direction: column;}
.adb-header {height:65px;justify-content: space-between;align-items: center;border-bottom:1px solid #F3F3F5;padding:0 30px;}
.adb-account-type {font-size:24px;color:#2E446E;font-weight:700;}
.adb-account-title {font-size:12px;color:#989ABD;}
.adb-content {flex-direction: column;padding:18px 30px 30px 30px;height:100%;}
.adb-content span {margin-bottom:11px;}
.adb-content .green {color:#03A900;}
.adb-content .red {color:#FF5367}
.adb-content strong {color:#2E446E;font-size:32px;margin-bottom:11px;}
.adb-buttons {flex-wrap:nowrap;justify-content: space-between;margin-top:auto;}
.adb-buttons li {width:calc(50% - 10px);}
.adb-buttons li a {display:flex;height:60px;background:#016ca2;align-items:center;justify-content: center;color:#FFFFFF}
.adb-buttons li:first-child a {background:transparent;color:#989ABD;border:1px solid #989ABA;}
.hw-slide {width:calc(100% - 460px);background:#FFFFFF;min-height:339px;padding:0;align-items:center;position:relative;}
.hw-slide-wrap {width:100%;flex-wrap:nowrap;overflow:hidden;}
.hw-slide-item {justify-content: space-between;width:100%;flex-wrap: nowrap;padding-left:12px;}
.hw-slide-text {flex-direction: column;justify-content: center;width:55%;}
.hw-slide-text strong {color:#2E446E;font-size:46px;font-weight:700;line-height: 56px;}
.hw-slide-text span {font-size:18px;color:#989ABD;font-weight:500;line-height:28px;margin-top:21px;}
.hw-slide-text .hw-slide-see-more {font-weight:700;margin-top:27px;font-size:18px;color:#FFFFFF;background:#016ca2;display:inline-flex;max-width:154px;height:60px;align-items:center;justify-content: center;}
.hw-slide-thumb {width:45%;justify-content: center;}
.hw-slide-thumb img {object-fit:contain}
.hw-slide .hw-slide-wrap-controls {position:absolute;top:0;width:100%;left:0;}
.hw-slide .hw-slide-wrap-prev {position:absolute;top:159px;left:21px;width:20px;height:20px;cursor:pointer;background-repeat:no-repeat;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10.264,54.428l.884-.894a.547.547,0,0,0,0-.766L4.222,45.761H19.465A.539.539,0,0,0,20,45.219V43.954a.539.539,0,0,0-.536-.542H4.222l6.925-7.006a.547.547,0,0,0,0-.766l-.884-.894a.531.531,0,0,0-.758,0L.157,44.2a.547.547,0,0,0,0,.766l9.349,9.458A.531.531,0,0,0,10.264,54.428Z' transform='translate(0 -34.587)' fill='%23989abd'/%3E%3C/svg%3E");}
.hw-slide .hw-slide-wrap-next {position:absolute;top:159px;right:21px;transform:rotate(-180deg);width:20px;height:20px;cursor:pointer;background-repeat:no-repeat;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10.264,54.428l.884-.894a.547.547,0,0,0,0-.766L4.222,45.761H19.465A.539.539,0,0,0,20,45.219V43.954a.539.539,0,0,0-.536-.542H4.222l6.925-7.006a.547.547,0,0,0,0-.766l-.884-.894a.531.531,0,0,0-.758,0L.157,44.2a.547.547,0,0,0,0,.766l9.349,9.458A.531.531,0,0,0,10.264,54.428Z' transform='translate(0 -34.587)' fill='%23989abd'/%3E%3C/svg%3E");}

/* twin-slides */
.twin-slides {margin-bottom:30px;}
.twin-slides-wrap {width:100%;justify-content: space-between;}
.twin-slide {width:calc(50% - 15px);position: relative;overflow:hidden;}
.twin-slide-item {display:flex;overflow:hidden;}
.twin-slide-item img {width:auto !important;height:100%;object-fit: cover;max-width:none !important}
.twin-slide-controls {position:absolute;top:0;width:100%;}
.twin-slide-controls>div {cursor:pointer;z-index:2;text-indent: -9999px;width:20px;height:20px;position:absolute;top:160px;background-repeat:no-repeat;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10.264,54.428l.884-.894a.547.547,0,0,0,0-.766L4.222,45.761H19.465A.539.539,0,0,0,20,45.219V43.954a.539.539,0,0,0-.536-.542H4.222l6.925-7.006a.547.547,0,0,0,0-.766l-.884-.894a.531.531,0,0,0-.758,0L.157,44.2a.547.547,0,0,0,0,.766l9.349,9.458A.531.531,0,0,0,10.264,54.428Z' transform='translate(0 -34.586)' fill='%23fff'/%3E%3C/svg%3E");}
.twin-slide-prev {left:20px;}
.twin-slide-next {right:20px;transform:rotate(-180deg);}

/* main-product-list */
.main-product-list {margin-bottom:30px;display: inherit;width: 100% !important;padding: 0px !important;}
.main-product-list-wrap {width:100%;flex-direction: column;background:#FFFFFF;}
.mpl-header {flex-wrap:nowrap;justify-content: space-between;height:74px;border-bottom:1px solid #F3F3F5;align-items:center;padding:0 30px;}
.mpl-header-title {font-size:24px;font-weight:700;color:#2E446E;}
.mpl-filter-wrap {flex-wrap:nowrap;}
.mpl-filter-inner {flex-wrap:nowrap;align-items:center;}
.mpl-filter-search {margin-right:10px;height:40px;background:#F5F6FA;display:flex;width:355px;padding:0 10px 0 0;align-items:center;}
.mpl-filter-search-submit {width:35px;height:40px;cursor:pointer;padding:0 10px 0 10px;background-color:transparent;background-repeat:no-repeat;background-position:center center;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath d='M14.9,13.737,11.34,10.18a.348.348,0,0,0-.249-.1H10.7a6.092,6.092,0,1,0-.627.627v.387a.36.36,0,0,0,.1.249L13.737,14.9a.352.352,0,0,0,.5,0l.662-.662A.352.352,0,0,0,14.9,13.737Zm-8.8-2.956a4.687,4.687,0,1,1,4.687-4.687A4.686,4.686,0,0,1,6.093,10.781Z' fill='%23989abd'/%3E%3C/svg%3E");}
.mpl-filter-search-input {width:100%;background:transparent;font-size:15px;color:#989ABD;font-weight:500;}
.mpl-filter-search-input::placeholder {font-size:15px;color:#989ABD;font-weight:500;}
.mpl-filter-select.wl-1 {width:127px;}
.mpl-filter-select.wl-2 {width:73px;}
.mpl-filter-select.wl-3 {width:114px;}
.mpl-filter-select.wl-4 {width:121px;}
.mpl-filter-select {margin-right:10px;}
.mpl-filter-select:last-child {margin-right:0px;}
.mpl-filter-select .select-selected {width:100%;padding:1.5px 10px 0 10px;height:40px;background-color:transparent;border:1px solid #989ABA;border-radius:5px 5px 5px 5px;align-items:center;font-size:15px;color:#989ABD;font-weight:500;}
.mpl-filter-select .select-selected:after {transition:300ms;top:19px;width:8.062px;height:4.802px;background-repeat:no-repeat;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.062' height='4.802' viewBox='0 0 8.062 4.802'%3E%3Cpath d='M3.792,165.389l-3.728-3.7a.3.3,0,0,1,0-.428l.5-.5a.3.3,0,0,1,.428,0l3.015,2.985,3.015-2.985a.3.3,0,0,1,.428,0l.5.5a.3.3,0,0,1,0,.428l-3.728,3.7A.3.3,0,0,1,3.792,165.389Z' transform='translate(0.025 -160.675)' fill='%23989abd'/%3E%3C/svg%3E");}
.mpl-filter-select .select-selected.select-arrow-active:after {transform: rotate(180deg);transition:300ms;}
.mpl-filter-select .select-items {background:#ffffff;border:1px solid #989ABA;border-radius:5px;max-height: 300px;overflow-x: hidden;overflow-y: scroll;}
.mpl-filter-select .select-items>div {padding:7px 10px;font-size:15px;font-weight:500;color:#989ABD}
.mpl-filter-select.filter-icon .select-selected {padding-left:39px}
.mpl-filter-select.filter-icon .select-selected:before {position:absolute;top:0;left:0;content:"";width:40px;height:100%;background-position:center center;background-repeat:no-repeat;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M18.123,0H1.877A1.876,1.876,0,0,0,.551,3.2L6.875,9.527V16.25a2.093,2.093,0,0,0,.75,1.563l2.5,1.839a1.893,1.893,0,0,0,3-1.5V9.527L19.449,3.2A1.876,1.876,0,0,0,18.123,0ZM11.25,8.75v9.375L8.75,16.25V8.75L1.875,1.875h16.25Z' fill='%23989abd'/%3E%3C/svg%3E");}
.mpl-filter-select.sort .select-selected {padding-left:31px;}
.mpl-filter-select.sort .select-selected:before {position:absolute;top:0;left:0;content:"";width:35px;height:40px;background-position:center center;background-repeat:no-repeat;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='19.091' viewBox='0 0 15 19.091'%3E%3Cpath d='M22.3,47H20.425V32.682A.682.682,0,0,0,19.744,32h-.682a.682.682,0,0,0-.682.682V47H16.505a.511.511,0,0,0-.372.862l2.9,3.068a.511.511,0,0,0,.743,0l2.9-3.068A.511.511,0,0,0,22.3,47Zm8.553-11.771-2.9-3.068a.511.511,0,0,0-.743,0l-2.9,3.068a.511.511,0,0,0,.372.862h1.875V50.409a.682.682,0,0,0,.682.682h.682a.682.682,0,0,0,.682-.682V36.091h1.875a.511.511,0,0,0,.372-.862Z' transform='translate(-15.993 -32)' fill='%23989abd'/%3E%3C/svg%3E");}
.mpl-listing-grid {flex-wrap:nowrap;}
.mpl-listing-grid li {margin-right:10px;}
.mpl-listing-grid li:last-child {margin-right:0px;}
.mpl-listing-grid li a {display:flex;width:40px;height:40px;border:1px solid #989ABA;align-items:center;justify-content: center;}
.mpl-listing-grid li a svg {fill:#989abd;opacity:0.5;}
.mpl-listing-grid li.active a {background:#016ca2;border-color:#016ca2;}
.mpl-listing-grid li.active a svg {fill:#FFFFFF;opacity:1}
.mpl-listing-grid li a:hover {background:#016ca2;border-color:#016ca2;}
.mpl-listing-grid li a:hover svg {fill:#FFFFFF;opacity:1}
.mpl-content {padding:0 30px 30px 30px;flex-direction: column;}
.mpl-content-list {flex-wrap:wrap;}
.mpl-item {width:calc(100% / 6 - 10px);flex-direction: column;margin-right:10px;margin-top:30px;border: 1px solid #f3f3f3;border-radius: 6px;padding: 10px;}
.mpl-item:nth-child(6n) {margin-right:0px;}
.mpl-item-thumbnail {border:1px solid #F3F3F5;overflow:hidden;margin-bottom:18px;position:relative;height:200px;}
.mpl-item-thumbnail img {}
.mpl-item-thumbnail .mpl-item-fav {display:flex;position:absolute;top:9px;right:9px;width:30px;height:30px;background:#989ABD;align-items:center;justify-content: center;border-radius: 100%;}
.mpl-item-thumbnail .mpl-item-fav.favorited {background:#ff5367;}
.mpl-item-title {text-transform: uppercase;font-size:14px;font-weight:600;color:#2E446E;line-height:16px;margin-bottom:22px;border-bottom:1px solid #F3F3F5;padding-bottom:19px;height: 55px;}
.mpl-item-details {flex-direction: column;border-bottom:1px solid #F3F3F5;padding-bottom:8px;margin-bottom:15px;padding-right: 5px;}
.mpl-item-details li {display:flex;flex-wrap:nowrap;margin-bottom:13px;}
.mpl-item-details li span {color:#989ABD;width:98px;font-size: 14px;}
.mpl-item-details li:first-child p {color:#989ABD;font-weight:500;font-size:15px;}
.mpl-item-details li p {color:#989ABD;font-size: 15px;}
.mpl-item-price {font-size:21px;color:#2E446E;font-weight:600;margin-bottom:12px;display: block;text-align: center;}
.mpl-item-basket-button {border:1px solid #2C6B9E;height:50px;align-items:center;display:flex;padding:0 13px;cursor: pointer;text-align: center;background: #2C6B9E;font-size: 14px;font-weight: 500;z-index: 99 !important;/*! color: white !important; */}
.mpl-item-basket-button span {color:#fff;font-weight:500;padding-left:10px;}
.mpl-item-basket-button svg {fill:white;margin-top:2px;padding-left: 25px;}
.mpl-item-basket-button:hover {background:#016ca2}
.mpl-item-basket-button:hover span {color:#FFFFFF;}
.mpl-item-basket-button:hover svg {fill:#FFFFFF;}
.mpl-item.added-to-cart .mpl-item-basket-button {background:#016ca2}
.mpl-item.added-to-cart .mpl-item-basket-button span {color:#FFFFFF;}
.mpl-item.added-to-cart .mpl-item-basket-button svg {fill:#FFFFFF;}
.mpl-load-more {font-weight:600;color:#016ca2;display:flex;margin-top:20px;height:50px;border:1px solid #2C6B9E;justify-content: center;align-items:center;}

/* half-product-slide */
.half-product-slide {margin-bottom:30px;}
.hps-wrap {width:100%;justify-content: space-between;}
.hps-box {flex-direction: column;width:calc(50% - 15px);background:#FFFFFF;}
.hps-box-header {height:75px;border-bottom:1px solid #F3F3F5;padding:0 30px;align-items:center;}
.hps-box-header-title {font-size:24px;color:#2E446E;font-weight:700;}
.hps-box-content {padding:30px 30px 32px 30px;position:relative;}
.hps-box-content .mpl-item {width:200px;margin-top:0px}
.hps-box-content .mpl-item:nth-child(6n) {margin-right:30px}
.hps-slide {width:100%;overflow:hidden;padding-bottom:20px;border-bottom:1px solid #F5F6FA;}
.hps-box-content:after {position:absolute;content:"";bottom:30px;left:40px;width:33px;height:5px;background:#016ca2;border-radius:3px 3px 3px 3px;}

/* footer */
.footer {height:50px;width:100%;background:#FFFFFF;}
.footer-wrap {position:relative;width:100%;height:50px;flex-wrap: nowrap;justify-content: space-between;align-items:center;}
.footer-wrap span {font-size:18px;font-weight:500;color:#989ABD;}
.footer-wrap span a {color:#016ca2;text-decoration: underline;padding:0 4px;}
.fly-me-to-the-moon {position:absolute;top:-20px;left:50%;margin-left:-20px;width:40px;height:40px;border-radius:100%;background:#FFFFFF;align-items:center;justify-content: center;cursor:pointer;-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.03);-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.03);box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.03);}

/* user-form-page */
.user-form-page {margin-bottom:30px;}
.user-form-page-wrap {width:100%;flex-wrap:nowrap;justify-content: space-between;background:#FFFFFF;}
.ufp-right-area {flex-direction: column;width: 55%;background:#016ca2;}
.ufp-right-area-thumbnail {width:100%;}
.ufp-right-area-thumbnail img {width: 100%;height:100%;object-fit: cover;}
.ufp-right-area-text {flex-direction:column;padding: 14px 56px 54px 25px;}
.ufp-right-area-text h2 {font-size:48px;font-weight:700;color:#FFFFFF;line-height:58px;margin-bottom:23px;}
.ufp-right-area-text span {font-size:24px;font-weight:500;line-height:34px;color:#FFFFFF;opacity: 0.5;margin-bottom:19px;}
.ufp-right-area-text p {font-size: 21px;font-weight: 400;line-height:34px;color:#FFFFFF;margin-bottom:19px;}
.ufp-form-area {width:calc(100% - 810px);flex-direction: column;padding:48px 100px 51px 100px;}
/*.ufp-form-area.login {padding:98px 100px 51px 100px;}*/
.ufp-form-area-title {font-size:24px;color:#2E446E;font-weight: 700;}
.ufp-form {flex-direction: column;margin-top:61px;height:100%;}
/*.ufp-form-area.login .ufp-form {margin-top:191px}*/
.ufp-form-area.reset-password .ufp-form {margin-top:222px}
.ufp-form-label {display:flex;flex-direction:column;margin-bottom:20px;}
.ufp-form-label-title {font-size:15px;color:#989ABD;font-weight:500;margin-bottom:10px;}
.ufp-form-input-wrap {background:#F5F6FA;height:50px;align-items:center;border:1px solid #F5F6FA;}
.wrong .ufp-form-input-wrap {border:1px solid #EC606B;}
.wrong .ufp-form-input-wrap svg {fill:#EC606B;}
.ufp-form-input-icon {width:54px;justify-content: center;display:flex;}
.ufp-form-input-icon svg {fill:#016ca2}
.ufp-form-input-text {background:transparent;width:calc(100% - 54px);font-size:15px;font-weight:500;color:#2E446E;}
.ufp-form-input-text.tel {width:calc(100% - 0px);padding-right:0px !important;padding-left:47px !important;}
.ufp-form-input-text::placeholder {font-size:15px;font-weight:500;color:#2E446E;}
.ufp-form-input-text.password {font-size:22px;font-weight:700;letter-spacing: 2px;}
.ufp-form-input-text.password::placeholder {font-size:22px;font-weight:700;letter-spacing: 2px;}
.iti {width:calc(100% - 54px);padding-right:19px;}
.iti__flag {background-image: url("../img/flags.png");}
.iti__country-list {flex-direction: column;}
.iti__country {display: flex;flex-wrap: nowrap;align-items:center;}
.hide {display:none}
.iti__country-name, .iti__dial-code, .iti__flag-box {font-size:14px;font-weight:500;}
.iti__selected-flag {padding-left:0px;}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {background:transparent;}
.iti__country-list {margin-top:22px;}
.iti__country-list::-webkit-scrollbar {width: 10px;}
.iti__country-list::-webkit-scrollbar-track {background: #f1f1f1;}
.iti__country-list::-webkit-scrollbar-thumb {background: #888;}
.iti__country-list::-webkit-scrollbar-thumb:hover {background: #555;}
.ufp-form-validation {flex-direction: column;margin-top:3px;padding-left:19px;margin-bottom:16px;}
.ufp-form-validation li {font-size:15px;font-weight:500;color:#FF5367;line-height:20px;margin-bottom:4px;}
.ufp-form-validation li.ufp-form-validation-validate {color:#989ABD}
.ufp-form-buttons {justify-content: space-between;height:50px;align-items:center;}
.ufp-form-left-buttons {flex-wrap:nowrap}
.ufp-form-left-buttons li {margin-right:15px;}
.ufp-form-left-buttons li:last-child {margin-right:0px;}
.ufp-form-left-buttons li a {color:#989ABD;font-size:15px;font-weight:500;}
.ufp-form-button-submit {background:#016ca2;height:50px;min-width:154px;max-width:154px;justify-content: center;font-size:18px;font-weight:700;color:#FFFFFF;cursor:pointer;}
.ufp-form-login-social {flex-wrap:nowrap;justify-content: space-between;margin-top:auto}
.ufp-form-login-social span {font-size:18px;color:#989ABD;font-weight:500;}
.ufp-form-login-social ul {align-items:center}
.ufp-form-login-social ul li {}
.ufp-form-login-social ul li a {font-size:18px;color:#2E446E;font-weight:700;padding:0 5.5px;}
.ufp-form-login-social ul li:nth-child(2) a {font-size:18px;color:#016ca2;}
.ufp-form-login-social ul li:last-child a {padding:0 0 0 5.5px;}

.remember-me-checkboxes {width:180px;flex-direction: column;}
.remember-me-checkboxes>label {display:flex;margin-bottom:20px;height:28px;align-items:center;flex-wrap:nowrap;position:relative;}
.remember-me-checkboxes>label span {font-size:15px;font-weight:500;color:#989ABD;padding-left:35px;}
.remember-me-checkboxes>label>input {top: 0;left: 0;z-index: 1;cursor: pointer;opacity: 0;position: absolute;}
.remember-me-checkboxes>label>input:checked + .input-helper:before {border-color: #016ca2;} 
.remember-me-checkboxes>label .input-helper:before,
.remember-me-checkboxes>label .input-helper:after {position: absolute;content: "";transition: all 200ms;}
.remember-me-checkboxes>label .input-helper:before {left: 0;border: 1px solid #989ABA;border-radius:5px;} 
.remember-me-checkboxes>label>input {width:100%;height: 40px;border-radius:5px;}
.remember-me-checkboxes>label>input:checked + .input-helper:before {background-color: #016ca2;}
.remember-me-checkboxes>label>input:checked + .input-helper:after {transform: scale(1);opacity: 1;}
.remember-me-checkboxes>label .input-helper:before {top: 0;width: 25px;height: 25px;border-radius: 5px;} 
.remember-me-checkboxes>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;}


/* subpage-template */
.subpage-template {margin-bottom:50px;}
.subpage-template-wrapper {width:100%;justify-content: space-between;flex-wrap:nowrap;align-items: flex-start;align-content: flex-start;}
.stw-sidebar {width:330px;flex-direction: column;}
.stw-sidebar-nav {flex-direction: column;background:#FFF;border-radius:5px 5px 5px 5px;}
.stw-sidebar-nav-header {height:65px;padding:0 30px;align-items:center;border-bottom:1px solid #F3F3F5;}
.stw-sidebar-nav-header strong {font-size:24px;color:#2E446E;font-weight:700;}
.stw-sidebar-nav-wrapper {flex-direction: column;padding:4px 0;background:#3A7BD5;}
.stw-sidebar-nav-wrapper li {padding:0 30px;background: #fff;border-bottom: 1px solid #e9e9e98a;}
.stw-sidebar-nav-wrapper li a {padding:14.5px 0px;display:inline-block;font-size:18px;color:#989ABD;font-weight:500;line-height:24px;position:relative;}
.stw-sidebar-nav-wrapper li.active a {color:#2E446E;}
.stw-sidebar-nav-wrapper li.active a:after {position:absolute;left:0;bottom:5px;content:"";width:100%;height:1px;background:#016ca2;}
.stw-sidebar-nav-wrapper li a:hover {color:#2E446E;}
.stw-sidebar-nav-sub {flex-direction: column;}
.stw-sidebar-nav-sub>li {padding:0 0;}
.stw-sidebar-nav-sub>li>a {padding:14.5px 0 14.5px 30px;}
.stw-sidebar-nav-sub>li>a:after {left:30px !important;}

.stw-wide-wrapper {width:calc(100% - 360px);}
.stw-wide-text-content {background:#FFFFFF;padding:45px 50px 11px 50px;flex-direction: column;width:100%;}
.stw-wide-text-content strong {font-size:24px;color:#2E446E;font-weight:700;line-height:30px;margin-bottom:24px;}
.stw-wide-text-content p {font-size:18px;color:#2E446E;font-weight:500;line-height:24px;margin-bottom:28px;}

/* maintenance-page */
body.maintenance {background:#2c6b9e;padding-bottom:102px;overflow-x:hidden;}
.maintenance-page {padding:0 0 292px 0;position:relative;}
.maintenance-page .container {width:1286px;}
.maintenance-wrapper{flex-direction: column;width:100%;}
.maintenance-logo {margin-top:131px;}
.maintenance-content {flex-wrap:nowrap;justify-content: space-between;margin-top:45px;position:relative;}
.maintenance-text {flex-direction: column;max-width:670px;padding-top:57px;}
.maintenance-text strong {font-size:68px;font-weight:700;color:#FFFFFF;line-height:78px;margin-bottom:30px;}
.maintenance-text span {font-size:36px;font-weight:400;color:#FFFFFF;line-height:42px;opacity: 0.5;;}
.maintenance-img {position:absolute;right:0;top:0;}
.strip-vector {position:absolute;top:0;left:0;}
.right-top-border-vector {position:absolute;right:0px;top:0px;}
.left-bottom-border-vector {position:absolute;left:0;bottom:-102px;}

/* page-breadcrumb */
.page-breadcrumb {margin-bottom:30px;}
.breadcrumb-wrapper {width:100%;flex-wrap:nowrap;background:#FFFFFF;height:65px;align-items:center;padding:0 30px;}
.breadcrumb-list {}
.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;}

/* search-hero */
.search-hero {margin-bottom:30px;}
.search-hero-wrapper {width:100%;justify-content: space-between;}
.search-hero-slide {width:calc(100% - 590px);overflow:hidden;height:360px;position:relative;}
.search-hero-slide-wrapper {width:100%;position:relative;}
.search-hero-slide-item {flex-wrap:nowrap;width:100%;justify-content: space-between;position:relative;}
.shs-item-text {width:570px;flex-direction: column;background:#016ca2;padding:32px 0px 0 70px;}
.shs-item-text strong {font-size:46px;color:#FFFFFF;font-weight:700;line-height:56px;margin-bottom:33px;padding-right:80px;}
.shs-item-text span {font-size:18px;color:#3BB5DA;font-weight:500;line-height:28px;margin-bottom:37px;padding-right:120px;}
.shs-item-text a {display:flex;font-size:18px;font-weight:700;color:#016ca2;height:60px;min-width:154px;max-width:154px;background:#FFFFFF;align-items:center;justify-content: center;}
.shs-item-thumbnail {position:absolute;top:0;right:0;}
.search-hero-slide-navigation {position:absolute;top:0;width:100%;z-index:2;}
.search-hero-slide-navigation>div {position:absolute;width:20px;height:20px;top:170px;cursor:pointer;margin-top:-10px;background-repeat:no-repeat;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10.264,54.428l.884-.894a.547.547,0,0,0,0-.766L4.222,45.761H19.465A.539.539,0,0,0,20,45.219V43.954a.539.539,0,0,0-.536-.542H4.222l6.925-7.006a.547.547,0,0,0,0-.766l-.884-.894a.531.531,0,0,0-.758,0L.157,44.2a.547.547,0,0,0,0,.766l9.349,9.458A.531.531,0,0,0,10.264,54.428Z' transform='translate(0 -34.586)' fill='%23fff'/%3E%3C/svg%3E");}
.search-hero-slide-prev {left:20px;}
.search-hero-slide-next {right:20px;transform: rotate(180deg);}

.search-hero-form {width:560px;background:#FFFFFF;height:360px;padding:30px 30px;flex-direction: column;}
.search-hero-form-submit {height:60px;background:#016ca2;justify-content: center;font-size:18px;color:#FFFFFF;font-weight:700;cursor:pointer;}
.shf-options {flex-wrap:nowrap;justify-content: space-between;}
.shf-options-checkboxes {width:180px;flex-direction: column;}
.shf-options-checkboxes>label {display:flex;margin-bottom:20px;height:40px;align-items:center;flex-wrap:nowrap;position:relative;}
.shf-options-checkboxes>label span {font-size:15px;font-weight:500;color:#989ABD;padding-left:60px;}
.shf-options-checkboxes>label>input {top: 0;left: 0;z-index: 1;cursor: pointer;opacity: 0;position: absolute;}
.shf-options-checkboxes>label>input:checked + .input-helper:before {border-color: #016ca2;} 
.shf-options-checkboxes>label .input-helper:before,
.shf-options-checkboxes>label .input-helper:after {position: absolute;content: "";transition: all 200ms;}
.shf-options-checkboxes>label .input-helper:before {left: 0;border: 1px solid #989ABA;border-radius:5px;} 
.shf-options-checkboxes>label>input {width:100%;height: 40px;border-radius:5px;}
.shf-options-checkboxes>label>input:checked + .input-helper:before {background-color: #016ca2;}
.shf-options-checkboxes>label>input:checked + .input-helper:after {transform: scale(1);opacity: 1;}
.shf-options-checkboxes>label .input-helper:before {top: 0;width: 38px;height: 38px;border-radius: 5px;} 
.shf-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;}
.shf-options-others {width:calc(100% - 210px);flex-direction: column;}
.shf-options-others .custom-select {width:100%;margin-bottom:20px;height:40px;}
.shf-options-search-box {height:40px;background:#F5F6FA;width:100%;overflow:hidden;}
.shf-options-search-alternative-button {border:none;width:35px;height:40px;cursor:pointer;background-color:transparent;background-position:center center;background-repeat:no-repeat;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath d='M14.9,13.737,11.34,10.18a.348.348,0,0,0-.249-.1H10.7a6.092,6.092,0,1,0-.627.627v.387a.36.36,0,0,0,.1.249L13.737,14.9a.352.352,0,0,0,.5,0l.662-.662A.352.352,0,0,0,14.9,13.737Zm-8.8-2.956a4.687,4.687,0,1,1,4.687-4.687A4.686,4.686,0,0,1,6.093,10.781Z' fill='%23989abd'/%3E%3C/svg%3E");}
.shf-options-search-input {background:transparent;padding-left:8px;width:calc(100% - 35px);font-size:15px;font-weight:500;color:#989ABD;}
.shf-options-search-input::placeholder {font-size:15px;font-weight:500;color:#989ABD;}

/* mpl-content-list-grid */
.mpl-content-list-grid {flex-direction: column;}
.mpl-list-grid-header {margin-bottom:20px;border-bottom:1px solid rgba(152, 154, 189, 0.3);padding:31px 0px 21px 0px;background-color: #016ca2;}
.mpl-list-grid-header li {font-size:12px;font-weight:500;color:#FFFFFF;padding:0 15px;text-align:center;}
.mpl-list-grid-header li.mpllgh-car-brand {width:102px;}
.mpl-list-grid-header li.mpllgh-producer {width:67px;}
.mpl-list-grid-header li.mpllgh-producer-code {width:98px;}
.mpl-list-grid-header li.mpllgh-original-no {width:123px;}
.mpl-list-grid-header li.mpllgh-name {width:370px;}
.mpl-list-grid-header li.mpllgh-desc {width:102px;}
.mpl-list-grid-header li.mpllgh-car-type {width:81px;}
.mpl-list-grid-header li.mpllgh-engine-type {width:85px;}
.mpl-list-grid-header li.mpllgh-year {width:209px;}
.mpl-list-grid-header li.mpllgh-price {width:148px;padding-right:13px;}
.mpl-list-grid-header li.mpllgh-order {width:166px;}
.mpl-list-grid-wrapper {flex-direction: column;}
.mpl-list-grid-item {background:#FAFAFC;min-height:60px;align-items:center;}
.mpl-list-grid-item:nth-child(even) {background:#E9ECF0}
.mpl-list-grid-item:hover {background: #fff7ce;}
.mpl-list-grid-item>li {display:flex;height:60px;min-height:60px;font-size:14px;color:#2E446E;font-weight:600;width:10%!important;min-width:10%!important;padding:15px;
    border-bottom: 1px solid rgba(152, 154, 189, 0.3);
    border-right: 1px solid rgba(152, 154, 189, 0.3);
    justify-content: left;
    align-items:center;
    text-align:left;
}
.mpl-list-grid-item li.mpllgi-car-brand {width:102px;}
.mpl-list-grid-item li.mpllgi-producer {width:67px;}
.mpl-list-grid-item li.mpllgi-producer-code {width:5% !important;min-width:5% !important;}
.mpl-list-grid-item li.mpllgi-detay {width:7% !important;min-width:5% !important;}
.mpl-list-grid-item li.mpllgi-original-no {width:121px;}
.mpl-list-grid-item li.mpllgi-name {width:370px;font-size:14px;line-height:1.2;
min-height:auto;height:60px;padding:0 15px;width:30%!important;min-width:30%!important;
}


.mpd-number-of-products-search {height:40px;width:100px;border:1px solid #989ABA;flex-wrap:nowrap;padding:9px 9px;justify-content: space-between;}
.mpd-number-of-products-search>a {width:20px;height:25px;cursor: pointer;}
.mpd-number-subtract-search {border:1px solid #989ABA;background-color:transparent;background-repeat:no-repeat;background-position:center center;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='2' viewBox='0 0 16 2'%3E%3Cpath id='_9ddbe789fa67096e92690817c1b9d36e' data-name='9ddbe789fa67096e92690817c1b9d36e' d='M19,11H5a1,1,0,0,0,0,2H19a1,1,0,0,0,0-2Z' transform='translate(-4 -11)' fill='%23989abd'/%3E%3C/svg%3E%0A");}
.mpd-number-increase-search {border:none;background-color:#016ca2;background-repeat:no-repeat;background-position:center center;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath id='_076e9d8c292c0cea0ccbc9e2a7868b1e' data-name='076e9d8c292c0cea0ccbc9e2a7868b1e' d='M19,11H13V5a1,1,0,0,0-2,0v6H5a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z' transform='translate(-4 -4)' fill='%23fff'/%3E%3C/svg%3E%0A");}
.mpd-number-of-products-input-search {width:calc(100% - 60px);height:100%;background:transparent;text-align: center;font-size:18px;color:#2E446E;font-weight:500;}
.mpd-number-of-products-input-search::placeholder {font-size:18px;color:#2E446E;font-weight:500;}


.mpl-list-grid-item li.mpllgi-desc {width:102px;}
.mpl-list-grid-item li.mpllgi-car-type {width:81px;}
.mpl-list-grid-item li.mpllgi-engine-type {width:85px;}
.mpl-list-grid-item li.mpllgi-year {width:217px;}
.mpl-list-grid-item li.mpllgi-price {width:148px;padding-right:20px;font-size:18px;color:#2E446E;font-weight:700;cursor: context-menu;}
.mpl-list-grid-item li.mpllgi-price.pr-price {position:relative;padding-left:42px;}
.mpl-list-grid-item li.mpllgi-price.pr-price:before {position:absolute;left:9px;top:18px;content:"";width:20px;height:22px;}    
.mpl-list-grid-item li.mpllgi-price.pr-price.red:before {background:url("/assets/img/yok.png")no-repeat;}
.mpl-list-grid-item li.mpllgi-price.pr-price.green:before {background:url("/assets/img/var.png")no-repeat;}
.mpl-list-grid-item li.mpllgi-price.pr-price.blue:before {background:url("/assets/img/geliyor.png")no-repeat;}
.mpl-list-grid-item li.mpllgi-price:hover .price-other-infos{display:flex;}
.mpl-list-grid-item li.mpllgi-price>.price-other-infos {flex-direction: column;display:none;position:absolute;top:0;right:135px;width: 225px;background: #E9ECF0;z-index: 26;border: 1px solid rgba(152, 154, 189, 0.5);}
.mpl-list-grid-item li.mpllgi-price>.price-other-infos:before {position:absolute;content:"";right:-9px;top:11px;width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent#E9ECF0;}
.mpl-list-grid-item li.mpllgi-price>.price-other-infos>li {    font-size: 14px;
    color: #2E446E;
    font-weight: 600;display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid rgba(152, 154, 189, 0.3)}



.mpl-list-grid-item li.mpllgi-order {width:166px;display:flex;}
.mpl-list-grid-item li.mpllgi-order a {border:none;padding:0 15px;height:40px;}
.mpl-list-grid-item li.mpllgi-order a span {font-size:14px;font-weight:600;color:#016ca2;}
.mpl-list-grid-item li.mpllgi-order a:hover span {color:#FFFFFF;}

/* mpl-wide-list-grid */
.mpl-wide-list-grid {}
.mpl-wide-list-wrapper {flex-direction: column;width:100%;}
.mpl-wide-list-item {flex-wrap:nowrap;border-bottom:1px solid #F3F3F5;justify-content: space-between;height:169px;padding:30px 0;}
.mpl-wide-list-item-left {flex-wrap:nowrap;width:calc(100% - 200px);}
.mpl-wide-list-item-thumbnail {border:1px solid #F3F3F5;width:108px;height:108px;position:relative;display:flex;}
.mpl-wide-list-item-thumbnail img {}
.mpl-wide-list-item .mpl-item-fav {display: flex;position: absolute;top: 9px;right: 9px;width: 30px;height: 30px;background: #989ABD;align-items: center;justify-content: center;}
.mpl-wide-list-item .mpl-item-fav.favorited {background: #ff5367;}
.mpl-wide-list-item-text {flex-direction: column;padding-left:30px;width:calc(100% - 138px);}
.mpl-wide-list-item-title {font-size:18px;color:#2E446E;font-weight:700;line-height:23px;margin-bottom:16px;}
.mpl-wide-list-item .mpl-item-details {position:relative;width:auto;margin-bottom:0px;border-bottom:none;padding-top:22px;}
.mpl-wide-list-item .mpl-item-details:before {position:absolute;content:"";top:0;left:0;width:200px;height:1px;background:#F3F3F5;}
.mpl-wide-list-item-right {margin-left:auto;flex-direction: column;justify-content: center;}
.mpl-wide-list-item-price {font-size:24px;color:#2E446E;font-weight:700;margin-bottom:12px;}

/* payment-result-screen */
.payment-result-screen {padding:120px 0 266px 0;}
.payment-result-screen-wrapper {width:100%;flex-direction: column;align-items: center;text-align:center;}
.payment-result-screen-wrapper strong {font-size:46px;font-weight:700;color:#2E446E;margin-bottom:27px;}
.payment-result-screen-wrapper span {font-size:18px;margin-bottom:50px;font-weight:500;color:#989ABD;line-height:28px;max-width:670px;}
.payment-result-screen-wrapper ul {flex-wrap:nowrap;}
.payment-result-screen-wrapper ul li {}
.payment-result-screen-wrapper ul li a {display:flex;font-size:18px;color:#016ca2;font-weight:700;margin:0 15px;border:1px solid #006095;min-width:210px;max-width:210px;height:60px;align-items:center;justify-content: center;}
.payment-result-screen-wrapper ul li.active a {background:#016ca2;color:#FFFFFF;}
.payment-result-screen-wrapper ul li a:hover {background:#016ca2;color:#FFFFFF;}
.payment-result-icon {margin-bottom:49px;}

/* stw-contact-wrapper */
.stw-contact-wrapper {background:#FFFFFF;padding:45px 50px 50px 50px;flex-direction: column;width:100%;}
.stw-contact-page-title {font-size:24px;color:#2E446E;font-weight:700;margin-bottom:22px;}
.stw-contact-map {margin-bottom:28px;}
.stw-contact-map #contact-map {width:100%;height:200px;z-index:1;}
.stw-contact-content {justify-content: space-between;flex-wrap: nowrap;}
.stw-contact-content-infos {width:calc(100% - 430px);flex-direction: column;}
.stw-contact-content-info-title {font-size:24px;color:#2E446E;font-weight:700;margin-bottom:30px;}
.stw-contact-content-infos-list {flex-direction: column;margin-bottom:20px;}
.stw-contact-content-infos-list li {display:flex;flex-wrap:nowrap;justify-content: space-between;margin-bottom:11px;}
.stw-contact-content-infos-list li span {width:calc(100% - 52px);font-size:15px;color:#989ABD;line-height:20px;}
.stw-contact-content-infos-list-icon {width:52px;padding-left:4px;margin-top:2px;}
.stw-contact-content-infos-thumbnail {}
.stw-contact-content-form {width:400px;flex-direction: column;}
.stw-contact-content-form-title {font-size:24px;color:#2E446E;font-weight:700;margin-bottom:31px;}
.stw-form-element {flex-direction: column;margin-bottom:20px;}
.stw-form-element-title {font-size:15px;color:#989ABD;margin-bottom:10px;}
.stw-form-element-box {height:50px;background:#F5F6FA;padding:0 20px;align-items:center;}
.stw-form-element-box-icon {width:34px;height:50px;align-items:center;display:flex;}
.stw-form-element-input {width:calc(100% - 34px);background:transparent;font-size:15px;color:#2E446E;font-weight:500;}
.stw-form-element.no-icon .stw-form-element-box {padding:0 0px;}
.no-icon .stw-form-element-input {width:100%;padding:0 20px;}
.stw-form-element-input::placeholder {font-size:15px;color:#2E446E;font-weight:500;}
.stw-form-element-textarea {background:#F5F6FA;width:100%;min-height:175px;max-height:175px;resize:none;padding:20px 20px;font-size:14px;color:#2E446E;font-weight:500;}
.stw-form-element-textarea::placeholder {font-size:14px;color:#2E446E;font-weight:500;}
.stw-form-element-submit {background:#016ca2;height:50px;width:154px;align-items:center;justify-content: center;display:flex;cursor:pointer;font-size:18px;font-weight:700;color:#FFFFFF;}

/* product-details */
.product-details {margin-bottom:50px;}
.product-details-box {background:#FFFFFF;width:100%;flex-direction: column;padding:50px 50px 50px 50px;}
.main-product-details {flex-wrap:nowrap;justify-content: space-between;margin-bottom:30px;}
.mpd-gallery {width:calc(50% - 15px);flex-direction: column;height:646px;overflow: hidden;}
.mpd-gallery-wrapper {width:100%;flex-direction: column;position: relative;}
.mpd-gallery-wrapper .mpd-favorite-button {position:absolute;top:29px;left:29px;z-index: 3;width:50px;height:50px;background:#989ABD;display:flex;justify-content: center;align-items: center;}
.mpd-gallery-wrapper .mpd-favorite-button.favorited {background:#FF5367;}
.mySwiper2 {height:523px !important;width:100%;margin-bottom: 32px;overflow: hidden;position:relative;}
.mySwiper2 .swiper-wrapper {flex-wrap:nowrap;}
.mySwiper2 .swiper-slide {width:100% !important;cursor:pointer;}
.mySwiper2 .swiper-slide img {object-fit: scale-down;width:100%;height:100%;}
.mySwiper2 .swiper-nav {position:absolute;top:0;width:100%;left:0;right:0;z-index:9;}
.mySwiper2 .swiper-button-next {pointer-events: auto;position:absolute;right:29px;top:50%;width:50px;height:50px;background:rgba(255, 255, 255, 0.3);margin-top:-25px;}
.mySwiper2 .swiper-button-prev {pointer-events: auto;position:absolute;left:29px;top:50%;width:50px;height:50px;background-color:rgba(255, 255, 255, 0.3);margin-top:-25px;}
.mySwiper2 .swiper-button-next svg, .mySwiper2 .swiper-button-prev svg {fill:#FFFFFF;}
.mySwiper2 .swiper-button-next:hover, .mySwiper2 .swiper-button-prev:hover {background-color:rgba(255, 255, 255, 1);}
.mySwiper2 .swiper-button-next:hover svg, .mySwiper2 .swiper-button-prev:hover svg {fill:#016ca2;}
.mySwiper2 .swiper-button-next:after, .mySwiper2 .swiper-button-prev:after {display:none;}
.mySwiper {height:93px;}
.mySwiper .swiper-wrapper {flex-wrap:nowrap;}
.mySwiper .swiper-slide {width:calc(20% - 14.4px) !important;margin-right:18px;cursor:pointer;overflow: hidden;border:1px solid #F3F3F5;height:93px;}
.mySwiper .swiper-slide img {object-fit: cover;width:100%;height:100%;}
.mpd-other-details {width:calc(50% - 15px);flex-direction: column;}
.mpd-product-category {color:#989ABD;margin:4px 0 16px 0;}
.mdp-product-title {font-size:24px;color:#2E446E;font-weight:700;line-height:30px;text-transform: uppercase;margin-bottom:28px;}
.mdp-product-desc {color:#989ABD;line-height:24px;margin-bottom:18px;}
.mdp-sale-cargo {flex-wrap: nowrap;align-items:center;margin-bottom:46px;display: none;}
.mdp-product-sale {background:#3BB5DA;height:50px;min-width:134px;padding:0 20px;color:#FFFFFF;align-items:center;justify-content: center;margin-right:20px;}
.mdp-product-cargo {color:#3BB5DA;}
.mdp-product-price {flex-direction: column;margin-bottom:68px;}
.mdp-product-price-top {flex-wrap:nowrap;margin-bottom: 17px;}
.mdp-product-price-top span {color:#989ABD;}
.mdp-product-no-discount-price {padding-right:95px;text-decoration: line-through;}
.mdp-product-price-text {font-size:48px;color:#2E446E;font-weight:700;}
.mpd-product-transactions {display:flex;flex-wrap:nowrap;}
.mpd-product-transactions label {display:flex;}
.mpd-number-of-products {height:60px;width:126px;border:1px solid #989ABA;flex-wrap:nowrap;padding:9px 9px;justify-content: space-between;}
.mpd-number-of-products>a {width:30px;height:40px;cursor: pointer;}
.mpd-number-subtract {border:1px solid #989ABA;background-color:transparent;background-repeat:no-repeat;background-position:center center;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='2' viewBox='0 0 16 2'%3E%3Cpath id='_9ddbe789fa67096e92690817c1b9d36e' data-name='9ddbe789fa67096e92690817c1b9d36e' d='M19,11H5a1,1,0,0,0,0,2H19a1,1,0,0,0,0-2Z' transform='translate(-4 -11)' fill='%23989abd'/%3E%3C/svg%3E%0A");}
.mpd-number-increase {border:none;background-color:#016ca2;background-repeat:no-repeat;background-position:center center;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath id='_076e9d8c292c0cea0ccbc9e2a7868b1e' data-name='076e9d8c292c0cea0ccbc9e2a7868b1e' d='M19,11H13V5a1,1,0,0,0-2,0v6H5a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z' transform='translate(-4 -4)' fill='%23fff'/%3E%3C/svg%3E%0A");}
.mpd-number-of-products-input {width:calc(100% - 60px);height:100%;background:transparent;text-align: center;font-size:18px;color:#2E446E;font-weight:500;}
.mpd-number-of-products-input::placeholder {font-size:18px;color:#2E446E;font-weight:500;}
.mpd-number-of-products-input-search {width:calc(100% - 60px);height:100%;background:transparent;text-align: center;font-size:18px;color:#2E446E;font-weight:500;}
.mpd-number-of-products-input-search::placeholder {font-size:18px;color:#2E446E;font-weight:500;}
.mpd-add-to-basket {margin-left:24px;width:210px;height:60px;background:#989ABD;font-size:18px;color:#FFFFFF;font-weight:700;display:flex;justify-content: center;cursor: pointer;}
.mpd-buy-now {margin-left:30px;width:210px;height:60px;background:#016ca2;font-size:18px;color:#FFFFFF;font-weight:700;display:flex;justify-content: center;cursor: pointer;}
.other-product-details {flex-direction: column;border-top:1px solid rgba(152, 154, 189, 0.3);}
.other-product-details li {height:81px;display:flex;align-items:center;flex-wrap:nowrap;position:relative;}
.other-product-details li:after {position:absolute;content:"";bottom:0;left:0;width:50%;height:1px;background:rgba(152, 154, 189, 0.3);}
.other-product-details li span {color:#989ABD;line-height:24px;}
.other-product-details li .opd-left {width:140px;}
.other-product-details li .opd-right {width:calc(100% - 140px);}

/* cat-page-box */
.cat-page-box {width:calc(100% - 360px)}
.cat-page-box .mpl-item {width: calc(100% / 4 - 22.5px);}
.cat-page-box .mpl-item:nth-child(6n) {margin-right:30px;}
.cat-page-box .mpl-item:nth-child(4n) {margin-right:0px;}
.cat-page-box .mpl-filter-search {width:500px;max-width: 100%;}

/* sidebar-support-requests */
.sidebar-support-requests {background:#FFFFFF;flex-direction: column;}
.ssr-header {height:65px;border-bottom:1px solid #F3F3F5;align-items:center;padding:0 30px;}
.ssr-header strong {font-size:24px;color:#2E446E;font-weight:700;}
.ssr-wrapper {flex-direction: column;padding:20px 30px 30px 30px;}
.ssr-search-box {background:#F5F6FA;height:50px;width:100%;display:flex;flex-wrap:nowrap;margin-bottom:10px;}
.ssr-search-box-submit {padding-left:5px;width:45px;cursor: pointer;background-color:transparent;background-repeat:no-repeat;background-position:center center;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='search' d='M19.862,18.316,15.12,13.574a.464.464,0,0,0-.332-.137h-.516a8.123,8.123,0,1,0-.836.836v.516a.48.48,0,0,0,.137.332l4.742,4.742a.469.469,0,0,0,.664,0l.883-.883A.469.469,0,0,0,19.862,18.316ZM8.125,14.374a6.25,6.25,0,1,1,6.25-6.25A6.248,6.248,0,0,1,8.125,14.374Z' fill='%23989abd'/%3E%3C/svg%3E%0A");}
.ssr-search-box-input {width:calc(100% - 45px);background:transparent;padding-right:20px;font-size:18px;color:#989ABD;font-weight:500;}
.ssr-search-box-input::placeholder {font-size:18px;color:#989ABD;font-weight:500;}
.ssr-wrapper .mpl-filter-select {margin-bottom:10px;margin-right:0px;}
.ssr-wrapper .mpl-filter-select .select-selected {height:50px;font-size:18px;}
.ssr-wrapper .mpl-filter-select .select-items>div {padding:10px 15px;font-size:18px;}
.ssr-wrapper .mpl-filter-select .select-selected:after {top:23px;right:16px;width:9.508px;height:5.664px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.508' height='5.664' viewBox='0 0 9.508 5.664'%3E%3Cpath id='angle-down' d='M4.476,166.234l-4.4-4.361a.357.357,0,0,1,0-.505l.588-.588a.357.357,0,0,1,.505,0l3.556,3.52,3.556-3.52a.357.357,0,0,1,.505,0l.588.588a.357.357,0,0,1,0,.505l-4.4,4.361A.357.357,0,0,1,4.476,166.234Z' transform='translate(0.025 -160.675)' fill='%23989abd'/%3E%3C/svg%3E%0A");}
.ssr-wrapper .mpl-filter-select.filter-icon .select-selected:before {padding-left:10px;padding-top:1px;}
.ssr-wrapper .mpl-filter-select.filter-icon .select-selected {padding-left:45px;}
.ssr-list {width:calc(100% + 18px);flex-direction: column;max-height:397px;overflow-y:auto;margin-bottom:20px;}
.ssr-list::-webkit-scrollbar {width: 5px;}
.ssr-list::-webkit-scrollbar-track {background: #f1f1f1;}
.ssr-list::-webkit-scrollbar-thumb {background: #016ca2;width:5px;border-radius: 3px;}
.ssr-list::-webkit-scrollbar-thumb:hover {background: #555;}
.ssr-list-item {display:flex;width:calc(100% - 18px);border:1px solid #F5F6FA;height:63px;flex-wrap: nowrap;padding:0 16px 0 0px;align-items:center;margin-bottom:10px;}
.ssr-list-item.active {background-color:#F8B42F;border-color:#F8B42F;}
.ssr-list-item:hover {background-color:#F5F6FA;}
.ssr-list-item.active:hover {background-color:#F8B42F;}
.ssr-list-item-icon {width:46px;height:63px;padding:0 0px 0 0px;display:flex;align-items:center;justify-content: center;}
.active .ssr-list-item-icon svg, .active .ssr-list-item-icon path {fill:#FFFFFF !important;}
.ssr-list-item-text {flex-direction: column;width:calc(100% - 46px);}
.ssr-list-item-title {color:#2E446E;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;margin-bottom:5px;}
.ssr-list-item-text-other {justify-content: space-between;}
.ssr-list-item-status {font-size:12px;}
.resolved .ssr-list-item-status {color:#03A900;}
.closed .ssr-list-item-status {color:#FF5367;}
.answered .ssr-list-item-status {color:#F8B42F;}
.wait .ssr-list-item-status {color:#016ca2;}
.active .ssr-list-item-text span {color:#FFFFFF;}
.ssr-list-item-date {color:#989ABD;font-size:12px;}
.ssr-submit-button {background:#016ca2;height:60px;justify-content: center;color:#FFFFFF;font-size:18px;font-weight:700;cursor: pointer;}

/* support-request-listing-wrapper */
.support-request-listing-wrapper {background:#FFFFFF;width:100%;flex-direction: column;padding:0 50px 50px 50px;}
.srl-header {height:122px;border-bottom:1px solid #F3F3F5;width:100%;align-items: center;justify-content: space-between;margin-bottom:30px;}
.srl-header.simple {height:105px;padding-top:12px}
.srl-header.simple .srl-header-left {margin-top:0px}
.srl-header-left {flex-wrap:nowrap;margin-top:13px;}
.srl-header-left-status-icon {width:34px;height:25px;background-repeat: no-repeat;background-position: center left;margin-top:3px;}
.answered .srl-header-left-status-icon {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.546' height='20.001' viewBox='0 0 22.546 20.001'%3E%3Cg id='af118b6bfe167d0ba76a235e000bfeb2' transform='translate(-1.708 -2.997)'%3E%3Cpath id='Path_40' data-name='Path 40' d='M14.541,3A10.009,10.009,0,0,0,4.254,13H2.266a.55.55,0,0,0-.389.944l3.1,3.111a.55.55,0,0,0,.789,0l3.1-3.111a.555.555,0,0,0-.4-.944H6.476a7.774,7.774,0,0,1,7.888-7.777,7.875,7.875,0,0,1,7.665,7.665,7.781,7.781,0,0,1-7.777,7.888A7.66,7.66,0,0,1,9.5,19.131,1.111,1.111,0,0,0,8.12,20.875,9.84,9.84,0,0,0,14.253,23a10.009,10.009,0,0,0,10-10.287A10.116,10.116,0,0,0,14.541,3Zm-.567,5.555a.839.839,0,0,0-.833.833v4.088a1.124,1.124,0,0,0,.544.955l3.466,2.055a.834.834,0,0,0,.855-1.433l-3.2-1.9V9.377a.837.837,0,0,0-.833-.822Z' transform='translate(0)' fill='%23f8b42f'/%3E%3C/g%3E%3C/svg%3E%0A");}
.closed .srl-header-left-status-icon {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.001' height='20.001' viewBox='0 0 20.001 20.001'%3E%3Cg id='_12fe3c079d5e238753ceade972757684' data-name='12fe3c079d5e238753ceade972757684' transform='translate(-2 -2)'%3E%3Cpath id='Path_34' data-name='Path 34' d='M17.436,10.293,14.37,13.36,11.3,10.293l-1.01,1.01L13.36,14.37l-3.067,3.067,1.01,1.01L14.37,15.38l3.067,3.067,1.01-1.01L15.38,14.37,18.446,11.3Z' transform='translate(-2.369 -2.369)' fill='%23ff5367'/%3E%3Cpath id='Path_35' data-name='Path 35' d='M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18.572A8.572,8.572,0,1,1,20.572,12,8.581,8.581,0,0,1,12,20.572Z' fill='%23ff5367'/%3E%3C/g%3E%3C/svg%3E%0A");}
.resolved .srl-header-left-status-icon {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.996' height='20' viewBox='0 0 19.996 20'%3E%3Cg id='_61ab8a6b190867172358264bdd5da466' data-name='61ab8a6b190867172358264bdd5da466' transform='translate(-2.005 -2.07)'%3E%3Cpath id='Path_32' data-name='Path 32' d='M12,22.07a10,10,0,1,1,7.073-2.925A9.974,9.974,0,0,1,12,22.07Zm0-18.4a8.4,8.4,0,1,0,5.941,2.461A8.346,8.346,0,0,0,12,3.67ZM18.51,18.58h0Z' fill='%2303a900'/%3E%3Cpath id='Path_33' data-name='Path 33' d='M11.952,17.522a.8.8,0,0,1-.566-.234l-3.4-3.4a.8.8,0,0,1,1.131-1.131l2.829,2.829,5.232-5.232a.8.8,0,1,1,1.131,1.131l-5.8,5.8A.8.8,0,0,1,11.952,17.522Z' transform='translate(-1.149 -1.609)' fill='%2303a900'/%3E%3C/g%3E%3C/svg%3E%0A");}
.srl-header-left-text {flex-direction: column;}
.srl-header-left-title {font-size:24px;color:#2E446E;font-weight:700;}
.srl-header-left-status {font-size:12px;margin-top:6px;}
.answered .srl-header-left-status {color:#F8B42F;}
.closed .srl-header-left-status {color:#FF5367;}
.resolved .srl-header-left-status {color:#03A900;}
.srl-header-right {flex-wrap:nowrap}
.srl-header-right li {font-size:12px;color:#989ABD;font-weight:500;margin:0 10px;}
.srl-header-right li:last-child {margin:0 0 0 10px;}
.srl-messages {max-height: 420px;overflow-y: auto;display: flex;flex-direction: column-reverse;font-size: 10pt;}
.srl-message-item {flex-direction: column;border:1px solid #989ABA;padding:30px 30px;margin-bottom:20px;}
.srl-message-item.support-message {background:#016ca2;border-color:#016ca2;}
.srl-message-content {padding-bottom:18px;color:#989ABD;line-height:24px;border-bottom:1px solid rgba(152, 154, 189, 0.3);}
.support-message .srl-message-content {color:rgba(255, 255, 255, 0.5);border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.srl-message-details {justify-content: space-between;padding-top:19px;}
.srl-message-details-left {flex-direction: column;}
.srl-message-author {color:#2E446E;font-size:18px;font-weight:700;}
.support-message .srl-message-author {color:#FFFFFF;}
.srl-message-author-rank {font-size:12px;color:#989ABD;margin-top:10px;}
.support-message .srl-message-author-rank {color:rgba(255, 255, 255, 0.5);}
.srl-message-date {color:#989ABD;font-size:12px;}
.support-message .srl-message-date {color:rgba(255, 255, 255, 0.5);}
.srl-send-message {flex-direction: column;}
.srl-send-message-ta {width:100%;resize:none;min-height:150px;background:#F5F6FA;margin-bottom:20px;padding:26px 30px 30px 30px;font-size:18px;color:#2E446E;font-weight:500;line-height:24px;}
.srl-send-message-ta::placeholder {font-size:18px;color:#2E446E;font-weight:500;line-height:24px;}
.srl-send-message-ta::-webkit-scrollbar {width: 5px;}
.srl-send-message-ta::-webkit-scrollbar-track {background: #f1f1f1;}
.srl-send-message-ta::-webkit-scrollbar-thumb {background: #016ca2;width:5px;border-radius: 3px;}
.srl-send-message-ta::-webkit-scrollbar-thumb:hover {background: #555;}
.srl-send-message-submit {max-width:164px;width:100%;height:60px;background:#016ca2;justify-content: center;font-size:18px;font-weight:700;color:#FFFFFF;cursor: pointer;}

/* live */
.live-subpage-template-wrapper {height: 1000px;width:100%;justify-content: space-between;flex-wrap:nowrap;align-items: flex-start;align-content: flex-start;}
.live-support-request-listing-wrapper {background:#FFFFFF;width:100%;flex-direction: column;padding:0 20px 10px 20px;}
.live-header {height:58px;border-bottom:1px solid #F3F3F5;width:100%;align-items: center;justify-content: space-between;margin-bottom:30px;}
.live-header.simple {height:70px;padding-top:12px}
.live-header.simple .live-header-left {margin-top:0px}
.live-header-left {flex-wrap:nowrap;margin-top:13px;}
.live-header-left-status-icon {width:34px;height:25px;background-repeat: no-repeat;background-position: center left;margin-top:3px;}
.answered .live-header-left-status-icon {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.546' height='20.001' viewBox='0 0 22.546 20.001'%3E%3Cg id='af118b6bfe167d0ba76a235e000bfeb2' transform='translate(-1.708 -2.997)'%3E%3Cpath id='Path_40' data-name='Path 40' d='M14.541,3A10.009,10.009,0,0,0,4.254,13H2.266a.55.55,0,0,0-.389.944l3.1,3.111a.55.55,0,0,0,.789,0l3.1-3.111a.555.555,0,0,0-.4-.944H6.476a7.774,7.774,0,0,1,7.888-7.777,7.875,7.875,0,0,1,7.665,7.665,7.781,7.781,0,0,1-7.777,7.888A7.66,7.66,0,0,1,9.5,19.131,1.111,1.111,0,0,0,8.12,20.875,9.84,9.84,0,0,0,14.253,23a10.009,10.009,0,0,0,10-10.287A10.116,10.116,0,0,0,14.541,3Zm-.567,5.555a.839.839,0,0,0-.833.833v4.088a1.124,1.124,0,0,0,.544.955l3.466,2.055a.834.834,0,0,0,.855-1.433l-3.2-1.9V9.377a.837.837,0,0,0-.833-.822Z' transform='translate(0)' fill='%23f8b42f'/%3E%3C/g%3E%3C/svg%3E%0A");}
.closed .live-header-left-status-icon {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.001' height='20.001' viewBox='0 0 20.001 20.001'%3E%3Cg id='_12fe3c079d5e238753ceade972757684' data-name='12fe3c079d5e238753ceade972757684' transform='translate(-2 -2)'%3E%3Cpath id='Path_34' data-name='Path 34' d='M17.436,10.293,14.37,13.36,11.3,10.293l-1.01,1.01L13.36,14.37l-3.067,3.067,1.01,1.01L14.37,15.38l3.067,3.067,1.01-1.01L15.38,14.37,18.446,11.3Z' transform='translate(-2.369 -2.369)' fill='%23ff5367'/%3E%3Cpath id='Path_35' data-name='Path 35' d='M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18.572A8.572,8.572,0,1,1,20.572,12,8.581,8.581,0,0,1,12,20.572Z' fill='%23ff5367'/%3E%3C/g%3E%3C/svg%3E%0A");}
.resolved .live-header-left-status-icon {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.996' height='20' viewBox='0 0 19.996 20'%3E%3Cg id='_61ab8a6b190867172358264bdd5da466' data-name='61ab8a6b190867172358264bdd5da466' transform='translate(-2.005 -2.07)'%3E%3Cpath id='Path_32' data-name='Path 32' d='M12,22.07a10,10,0,1,1,7.073-2.925A9.974,9.974,0,0,1,12,22.07Zm0-18.4a8.4,8.4,0,1,0,5.941,2.461A8.346,8.346,0,0,0,12,3.67ZM18.51,18.58h0Z' fill='%2303a900'/%3E%3Cpath id='Path_33' data-name='Path 33' d='M11.952,17.522a.8.8,0,0,1-.566-.234l-3.4-3.4a.8.8,0,0,1,1.131-1.131l2.829,2.829,5.232-5.232a.8.8,0,1,1,1.131,1.131l-5.8,5.8A.8.8,0,0,1,11.952,17.522Z' transform='translate(-1.149 -1.609)' fill='%2303a900'/%3E%3C/g%3E%3C/svg%3E%0A");}
.live-header-left-text {flex-direction: column;}
.live-header-left-title {font-size:24px;color:#2E446E;font-weight:700;}
.live-header-left-status {font-size:12px;margin-top:6px;}
.answered .live-header-left-status {color:#F8B42F;}
.closed .live-header-left-status {color:#FF5367;}
.resolved .live-header-left-status {color:#03A900;}
.live-header-right {flex-wrap:nowrap}
.live-header-right li {font-size:12px;color:#989ABD;font-weight:500;margin:0 10px;}
.live-header-right li:last-child {margin:0 0 0 10px;}
.live-messages {max-height: 397px;overflow-y: auto;display: flex;flex-direction: column-reverse;font-size: 10pt;}
.live-message-item {flex-direction: column;border: 1px solid #989ABA;padding: 8px 12px;margin-bottom: 10px}
.live-message-item.support-message {background:#016ca2;border-color:#016ca2;}
.live-message-content {padding-bottom:18px;color:#989ABD;line-height:24px;border-bottom:1px solid rgba(152, 154, 189, 0.3);}
.live-support-message .live-message-content {color:rgba(255, 255, 255, 0.5);border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.live-message-details {justify-content: space-between;padding-top:19px;}
.live-message-details-left {flex-direction: column;}
.live-message-author {color:#2E446E;font-size:10pt;font-weight:700;}
.live-support-message .live-message-author {color:#FFFFFF;}
.live-message-author-rank {font-size:8pt;color:#989ABD;margin-top:10px;}
.live-support-message .live-message-author-rank {color:rgba(255, 255, 255, 0.5);}
.live-message-date {color:#989ABD;font-size:12px;}
.live-support-message .live-message-date {color:rgba(255, 255, 255, 0.5);}
.live-send-message {flex-direction: column;}
.live-send-message-ta {width:100%;resize:none;min-height:50px;background:#F5F6FA;margin-bottom:10px;padding:26px 30px 30px 30px;font-size:10pt;color:#2E446E;font-weight:500;line-height:24px;}
.live-send-message-ta::placeholder {font-size:10pt;color:#2E446E;font-weight:500;line-height:24px;}
.live-send-message-ta::-webkit-scrollbar {width: 5px;}
.live-send-message-ta::-webkit-scrollbar-track {background: #f1f1f1;}
.live-send-message-ta::-webkit-scrollbar-thumb {background: #016ca2;width:5px;border-radius: 3px;}
.live-send-message-ta::-webkit-scrollbar-thumb:hover {background: #555;}
.live-send-message-submit {max-width:164px;width:100%;height:60px;background:#016ca2;justify-content: center;font-size:18px;font-weight:700;color:#FFFFFF;cursor: pointer;}
.live-sidebar {width:1040px;flex-direction: column;}
.live-sidebar-nav {flex-direction: column;background:#FFFFFF;border-radius:5px 5px 5px 5px;}
.live-sidebar-nav-header {height:65px;padding:0 30px;align-items:center;border-bottom:1px solid #F3F3F5;}
.live-sidebar-nav-header strong {font-size:24px;color:#2E446E;font-weight:700;}
.live-sidebar-nav-wrapper {flex-direction: column;padding:16px 0;background:#FFFFFF;}
.live-sidebar-nav-wrapper li {padding:0 30px;}
.live-sidebar-nav-wrapper li a {padding:14.5px 0px;display:inline-block;font-size:18px;color:#989ABD;font-weight:500;line-height:24px;position:relative;}
.live-sidebar-nav-wrapper li.active a {color:#2E446E;}
.live-sidebar-nav-wrapper li.active a:after {position:absolute;left:0;bottom:5px;content:"";width:100%;height:1px;background:#016ca2;}
.live-sidebar-nav-wrapper li a:hover {color:#2E446E;}
.live-sidebar-nav-sub {flex-direction: column;}
.live-sidebar-nav-sub>li {padding:0 0;}
.live-sidebar-nav-sub>li>a {padding:14.5px 0 14.5px 30px;}
.live-sidebar-nav-sub>li>a:after {left:30px !important;}
.live-wide-wrapper {width: calc(100% - 1050px);}
.live-wide-text-content {background:#FFFFFF;padding:45px 50px 11px 50px;flex-direction: column;width:100%;}
.live-wide-text-content strong {font-size:24px;color:#2E446E;font-weight:700;line-height:30px;margin-bottom:24px;}
.live-wide-text-content p {font-size:18px;color:#2E446E;font-weight:500;line-height:24px;margin-bottom:28px;}
.live-messages::-webkit-scrollbar {width: 9px;}
.live-messages::-webkit-scrollbar-track {background: #FFF;}
.live-messages::-webkit-scrollbar-thumb {background: #016ca2;border-radius:5px;}
.live-messages::-webkit-scrollbar-thumb:hover{background-color:#3ab4d9;border-radius:5px;}
.canli{position: relative;overflow: hidden;width: 100%;padding-top: 56.25%;}
.responsive-iframe {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;}

/* payment-history-table */
.payment-history .support-request-listing-wrapper {padding:0 50px 30px 50px;}
.payment-history-table {flex-direction: column;}
.pht-header {flex-wrap:nowrap;border-bottom:1px solid rgba(152, 154, 189, 0.3);padding:5px 30px 0 30px;height:36px;margin-bottom:20px;}
.pht-header li {font-size:15px;color:#989ABD;text-align:right;}
.pht-header li.pht-header-desc {width:481px;text-align:left;font-size:12px;}
.pht-header li.pht-header-type {width:171px;}
.pht-header li.pht-header-date {width:115px;}
.pht-header li.pht-header-price {width:125px;}
.pht-list-wrapper {width:calc(100% + 30px);flex-direction: column;max-height:640px;overflow-y:auto;display:block;}
.pht-list-wrapper::-webkit-scrollbar {width: 10px;}
.pht-list-wrapper::-webkit-scrollbar-track {background: #f1f1f1;}
.pht-list-wrapper::-webkit-scrollbar-thumb {background: #016ca2;}
.pht-list-wrapper::-webkit-scrollbar-thumb:hover {background: #555;}
.pht-list-item {width:calc(100% - 20px);height:40px;background:#FAFAFC;padding:0 30px;display:flex;align-items:center;}
.pht-list-item:nth-child(even) {background:#E9ECF0;}
.pht-list-item li {color:#989ABD;text-align:right;color:#2E446E;font-size:15px;}
.pht-list-item .pht-list-desc {width:481px;text-align:left;font-weight:600;font-size:14px;}
.pht-list-item .pht-list-type {width:171px;}
.pht-list-item .pht-list-date {width:115px;}
.pht-list-item .pht-list-price {width:125px;}
.pht-list-pagination {justify-content: center;margin-top:30px;margin-bottom: 30px !important;}
.pht-list-pagination li {margin:0 5px}
.pht-list-pagination li a {border:1px solid #989ABA;height:40px;width:40px;align-items:center;justify-content: center;display:flex;font-size:15px;color:#989ABD;}
.pht-list-pagination li.page-point a {margin:0 10px;border:none;pointer-events: none;}
.pht-list-pagination li.page-point a:hover {color:#989ABD;background:transparent;border:none}
.pht-list-pagination li.active a {background:#016ca2;border-color:#016ca2;color:#FFFFFF;}
.pht-list-pagination li a:hover {background:#016ca2;border-color:#016ca2;color:#FFFFFF;}
.pht-list-pagination li a:hover path {fill:#FFFFFF;}
.pht-list-pagination li.first-page a:hover, .pht-list-pagination li.previous-page a:hover, .pht-list-pagination li.next-page a:hover, .pht-list-pagination li.last-page a:hover {background:#989ABD;border-color:#989ABD;}

/* panel-page-wrapper */
.panel-page-wrapper {background:#FFFFFF;padding:48px 50px 30px 50px;width:100%;flex-direction: column;}
.panel-page-header {flex-wrap:nowrap;justify-content: space-between;align-items:center;}
.panel-page-header-left {}
.panel-page-header-left strong {font-size:24px;color:#2E446E;font-weight:700;}
.panel-page-header-left span {font-size:12px;color:#989ABD;font-weight:500;margin-left: 10px; margin-top: 10px;}
.panel-page-header-right {}
.panel-page-header-right span {font-size:12px;color:#989ABD;font-weight:500;}
.main-panel-filter-search {flex-wrap:nowrap;justify-content: space-between;margin-top:32px;}
.main-panel-filter-search .mpl-filter-select {margin-right:0px}
.mpfs-search-box {height:40px;background:#F5F6FA;max-width:695px;width:100%;padding:0 10px 0 0;}
.mpfs-search-box-submit {width:36px;height:40px;cursor:pointer;background-color:transparent;background-position: center center;background-repeat:no-repeat;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath id='search' d='M14.9,13.737,11.34,10.18a.348.348,0,0,0-.249-.1H10.7a6.092,6.092,0,1,0-.627.627v.387a.36.36,0,0,0,.1.249L13.737,14.9a.352.352,0,0,0,.5,0l.662-.662A.352.352,0,0,0,14.9,13.737Zm-8.8-2.956a4.687,4.687,0,1,1,4.687-4.687A4.686,4.686,0,0,1,6.093,10.781Z' fill='%23989abd'/%3E%3C/svg%3E%0A");}
.mpfs-search-box-input {width:calc(100% - 36px);height:40px;background:transparent;font-size:15px;color:#989ABD;font-weight: 500;;}
.mpfs-search-box-input::placeholder {font-size:15px;color:#989ABD;font-weight: 500;;}
.my-orders-table-wrapper {flex-direction: column;}
.motw-header {border-bottom:1px solid rgba(152, 154, 189, 0.3);flex-wrap:nowrap;padding:29px 0px 21px 31px;margin-bottom:20px;}
.motw-header li {font-size:12px;color:#989ABD;}
.motw-header li.motw-header-store-name {width:110px;}
.motw-header li.motw-header-username {width:110px;}
.motw-header li.motw-header-order-no {width:184px;}
.motw-header li.motw-header-invoice-no {width:112px;}
.motw-header li.motw-header-price {width:87px;}
.motw-header li.motw-header-number {width:78px;}
.motw-header li.motw-header-situation {width:329px;}
.motw-header li.motw-header-detail {width:105px;text-align:center;}
.motw-list {flex-direction: column;}
.motw-list-item {height:40px;background:#FAFAFC;align-items:center;padding:0 0 0 31px;margin-bottom: 10px;}
.motw-list-item:nth-child(even) {background:#E9ECF0;}
.motw-list-item li {color:#2E446E;font-size:14px;font-weight:600;}
.motw-list-item li.motw-list-store-name {width:110px;}
.motw-list-item li.motw-list-username {width:110px;}
.motw-list-item li.motw-list-order-no {width:184px;}
.motw-list-item li.motw-list-invoice-no {width:112px;}
.motw-list-item li.motw-list-price {width:87px;}
.motw-list-item li.motw-list-number {width:78px;}
.motw-list-item li.motw-list-situation {width:329px;}
.motw-list-item.shipped li.motw-list-situation {color:#016ca2;}
.motw-list-item.new-order li.motw-list-situation {color:#03A900;}
.motw-list-item.cancel-refund li.motw-list-situation {color:#FF5367;}
.motw-list-item.shipping-is-awaited li.motw-list-situation {color:#F8B42F;}
.motw-list-item li.motw-list-detail {width:105px;}
.motw-list-item li.motw-list-detail a {color:#989ABD;font-size:12px;font-weight:500;}
.motw-list-item li.motw-list-detail a:hover {color:#016ca2;}

/* incoming-orders */
.incoming-orders .motw-header li.motw-header-situation {width:219px;}
.incoming-orders .motw-list-item li.motw-list-situation {width:219px;}

/* order-detail */
.order-detail-previous-button {flex-wrap: nowrap;display:flex;align-items:center}
.order-detail-previous-button span {color:#2E446E;font-size:24px;font-weight:700;padding-left:20px;}
.order-detail-previous-button .order-detail-previous-button-icon {margin-top:3px}
.order-detail-wrapper {flex-direction: column;background:#E9ECF0;margin-top:10px;}
.order-detail-wrapper-header {height:65px;align-items:center;border-bottom:1px solid rgba(152, 154, 189, 0.3);padding:0 0 0 31px;}
.order-detail-wrapper-header li {font-size:14px;color:#2E446E;font-weight:600;}
.order-detail-wrapper-header li.odw-header-store-name {width:110px;}
.order-detail-wrapper-header li.odw-header-order-no {width:98px;}
.order-detail-wrapper-header li.odw-header-invoice-no {width:112px;}
.order-detail-wrapper-header li.odw-header-price {width:87px;}
.order-detail-wrapper-header li.odw-header-number {width:78px;}
.order-detail-wrapper-header li.odw-header-situation {width:329px;}
.order-detail-wrapper-header li.odw-header-situation.shipped {color:#016ca2;}
.order-detail-wrapper-header li.odw-header-situation.new-order {color:#03A900;}
.order-detail-wrapper-header li.odw-header-situation.cancel-refund {color:#FF5367;}
.order-detail-wrapper-header li.odw-header-situation.shipping-is-awaited {color:#F8B42F;}
.order-detail-wrapper-header li.odw-header-detail {width:105px;}
.order-detail-wrapper-header li.odw-header-detail a {color:#016ca2;font-size:12px;font-weight:500;}
.odw-content {flex-wrap:nowrap;justify-content: space-between;padding:0 0 10px 0;}
.odw-content-left {width:calc(30% - 0px);padding:19px 30px 30px 30px;flex-direction: column;}
.odw-content-left ul {flex-direction: column;margin-bottom:11px;}
.odw-content-left ul li {display:flex;flex-direction: column;font-size:14px;font-weight:600;margin-bottom:20px;}
.odw-content-left ul li span {color:#989ABD;margin-bottom:10px;}
.odw-content-left ul li p {color:#2E446E;}
.odw-content-left .odw-content-cargo-follow {display:flex;font-size:18px;color:#FFFFFF;font-weight:700;background:#016ca2;height:60px;max-width:167px;width:100%;align-items:center;justify-content: center;}
.odw-content-right {flex-direction: column;width:calc(70% - 0px);padding:15px 30px 15px 30px;position:relative;padding-right: 5px;padding-left: 5px;}
.odw-content-right:before {position:absolute;content:"";top:20px;left:0;width:1px;height:calc(100% - 40px);background:rgba(152, 154, 189, 0.3);}
.odwcr-item {display:flex;flex-wrap:nowrap;height:50px;justify-content: space-between;align-items: center;margin:5px 0}
.odwcr-item-left {flex-wrap:nowrap;width:calc(100% - 105px);align-items: center;}
.odwcr-item-left span {font-size:14px;color:#2E446E;font-weight:600;line-height:19px;width:calc(100% - 50px);padding-left:11px;}
.odwcr-item-thumbnail {width:50px;height:50px;display:flex;overflow:hidden;}
.odwcr-item-right {flex-direction: column;}
.odwcr-item-right li {font-size:14px;color:#016ca2;font-weight:600;text-align:right;padding:3px 0;}

/* incoming-orders-details */
.incoming-orders-details .order-detail-wrapper-header li.odw-header-username {width:110px}
.incoming-orders-details .motw-header li.motw-header-situation {width:219px}
.incoming-orders-details .order-detail-wrapper-header li.odw-header-situation {width:219px}

/* pos settings */
.panel-page-header.simple {border-bottom: 1px solid rgba(152, 154, 189, 0.3);padding-bottom:32px;}
.pos-settings-form {flex-direction: column;}
.pos-settings-form-wrapper {flex-wrap:wrap;justify-content: space-between;padding:31px 0 30px 0;}
.pos-settings-form-wrapper>label {flex-direction: column;display:flex;width:calc(50% - 15px)}
.pos-settings-form-wrapper>label>span {color:#989ABD;font-size:15px;margin-bottom:10px;}
.pos-settings-form-input {height:50px;background:#F5F6FA;padding:0 20px;font-size:15px;color:#2E446E;font-weight:500;}
.pos-settings-form-input::placeholder {font-size:15px;color:#2E446E;font-weight:500;}
.pos-settings-form-submit {max-width:203px;width:100%;justify-content:center;height:60px;background:#016ca2;cursor:pointer;color:#FFFFFF;font-size:18px;font-weight:700;}

/* mail-sending */
.mail-sending-form {flex-direction: column;}
.mail-sending-form-wrapper {flex-wrap:wrap;justify-content: space-between;padding:31px 0 0 0;}
.mail-sending-form-wrapper>label {width:calc(100% / 3 - 20px);flex-direction: column;padding:0px 0 21px 0;position:relative;}
.mail-sending-form-wrapper>.msfw-element {width:calc(100% / 3 - 20px);flex-direction: column;padding:0px 0 21px 0;position:relative;}
.mail-sending-form-wrapper>.msfw-wide-element {width:calc(66.66% - 10px);flex-direction: column;padding:0px 0 21px 0;position:relative;}
.mail-sending-form-textarea {background:#F5F6FA;min-height:296px;padding:19px 20px 20px 20px;width:100%;resize:none;font-size:15px;color:#2E446E;font-weight:500;}
.mail-sending-form-textarea::placeholder {font-size:15px;color:#2E446E;font-weight:500;}
.msfw-element-title {font-size:15px;color:#989ABD;margin-bottom:10px;}
.mail-sending-form-input {width:100%;background:#F5F6FA;height:50px;padding:0 20px;font-size:15px;color:#2E446E;font-weight:500;}
.mail-sending-form-input::placeholder {font-size:15px;color:#2E446E;font-weight:500;}
.mail-sending-form .mpl-filter-select .select-selected {color:#2E446E;height:50px;width:100%;background:#F5F6FA;border:none;padding:1.5px 20px 0 20px}
.mail-sending-form .mpl-filter-select .select-items>div {padding:12px 20px;}
.mail-sending-form .mpl-filter-select .select-selected:after {top:23px;right:20px;}
.mail-sending-form-submit {margin-top:6px;height:60px;background: #016ca2;cursor: pointer;justify-content: center;max-width:203px;width:100%;font-size:18px;color:#FFFFFF;font-weight:700;}
.panel-page-wrapper.mail-sending {padding:48px 50px 50px 50px}

/* member-current-account-list */
.member-current-account-list-wrapper {flex-direction: column;}
.mcalw-header {flex-wrap:nowrap;padding:29px 30px 21px 30px;border-bottom:1px solid rgba(152, 154, 189, 0.3);margin-bottom:20px;}
.mcalw-header li {color:#989ABD;font-size:12px;}
.mcalw-header li.mcalw-header-name {width:164px}
.mcalw-list {flex-direction: column;}
.mcalw-list-item {height:40px;background:#FAFAFC;align-items:center;padding:0 0 0 30px;}
.mcalw-list-item:nth-child(even) {background:#E9ECF0;}
.mcalw-list-item li {font-size:14px;color:#2E446E;font-weight:600;}
.mcalw-list-item li.mcalw-list-name {width:164px}
.mcalw-list-item li.mcalw-list-balance {width:164px}
.mcalw-list-item li.mcalw-list-detail-button {margin-left:auto;}
.mcalw-list-item li.mcalw-list-detail-button a {height:40px;color:#989ABD;font-size:12px;align-items:center;display:flex;justify-content: center;min-width:143px;width:100%;}
.mcalw-list-item li.mcalw-list-detail-button a:hover {background:#016ca2;color:#FFFFFF;}

/* member-current-account-listing-details */
.member-current-account-listing-details span {font-size:14px}
.member-current-account-listing-details .panel-page-header-left {flex-direction: column;}
.member-current-account-listing-details .panel-page-header-left span {color:#989ABD;font-size:14px;margin-bottom:9px;}
.member-current-account-listing-details .panel-page-header-right {flex-direction: column;align-items: flex-end;}
.member-current-account-listing-details .panel-page-header-right b {color:#2E446E;font-size:24px;font-weight:700;margin-top:9px;}
.member-current-account-listing-details .mpfs-search-box {max-width:500px;}
.mpfs-add-balance-manually {max-width:185px;width:100%;height:40px;border:1px solid #4CA52F;display:flex;align-items:center;padding:0 9px 0 11px;}
.mpfs-add-balance-manually-icon {margin-top:2px}
.mpfs-add-balance-manually span {font-size:15px;color:#03A900;font-weight:500;padding-left:10px;}
.mpfs-add-balance-manually:hover {background:#4CA52F;}
.mpfs-add-balance-manually:hover span {color:#FFFFFF;}
.mpfs-add-balance-manually:hover path {fill:#FFFFFF;}
.member-current-account-listing-details-wrapper {flex-direction: column;}
.mcaldw-header {flex-wrap:nowrap;border-bottom:1px solid rgba(152, 154, 189, 0.3);padding:29px 30px 21px 30px;margin-bottom:20px;}
.mcaldw-header li {color:#989ABD;font-size:12px;}
.mcaldw-header li.mcaldw-header-date {width:94px;}
.mcaldw-header li.mcaldw-header-receipt-no {width:150px;}
.mcaldw-header li.mcaldw-header-product-name {width:380px;}
.mcaldw-header li.mcaldw-header-debt {width:89px;text-align:right;}
.mcaldw-header li.mcaldw-header-to-be-taken {width:88px;text-align:right;}
.mcaldw-header li.mcaldw-header-balance {width:89px;text-align:right;}
.mcaldw-list {flex-direction: column;}
.mcaldw-list-item {flex-wrap:nowrap;height:80px;align-items:center;background:#FAFAFC;padding:0 30px;}
.mcaldw-list-item li {font-size:14px;font-weight:600;color:#2E446E;}
.mcaldw-list-item li.mcaldw-list-date {width:94px;}
.mcaldw-list-item li.mcaldw-list-receipt-no {width:150px;}
.mcaldw-list-item li.mcaldw-list-product-name {width:380px;}
.mcaldw-list-item li.mcaldw-list-product-name span {max-width:250px;}
.mcaldw-list-item li.mcaldw-list-debt {width:89px;text-align:right;}
.mcaldw-list-item li.mcaldw-list-to-be-taken {width:88px;text-align:right;}
.mcaldw-list-item li.mcaldw-list-balance {width:89px;text-align:right;}
.mcaldw-list-item:nth-child(even) {background:#E9ECF0;}

/* add-member-current-balance */
.add-member-current-balance .panel-page-header {border-bottom:1px solid rgba(152, 154, 189, 0.3);padding-bottom:32px;}
.add-member-current-balance-wrapper {flex-wrap:wrap;justify-content: space-between;margin-top:30px;}
.add-member-current-balance-wrapper>label {flex-direction: column;width:calc(50% - 15px);}
.add-member-current-balance-wrapper>label>span {font-size:15px;color:#989ABD;margin-bottom:10px;}
.amcbw-input-box {justify-content: space-between;flex-wrap:nowrap;height:50px;background:#F5F6FA;align-items:center;padding:0 20px;}
.amcbw-input-box-input {background:transparent;width:100%;height:50px;font-size:15px;color:#2E446E;font-weight:500;}
.amcbw-input-box-input::placeholder {font-size:15px;color:#2E446E;font-weight:500;}
.amcbw-currency {font-size:15px;color:#989ABD;font-weight:500;}
.amcbw-submit {margin-top:30px;height:60px;background:#016ca2;max-width:203px;width:100%;cursor: pointer;justify-content: center;color:#FFFFFF;font-size:18px;font-weight:700;}
.panel-page-wrapper.add-member-current-balance {padding:48px 50px 50px 50px}

/* member-list */
.member-list-filter-search .mpfs-search-box {max-width:651px;} 
.online-users-button {display:flex;height:40px;width:144px;border:1px solid #4CA52F;font-size:15px;color:#03A900;align-items:center;justify-content: center;}
.online-users-button:hover {background:#4CA52F;color:#FFFFFF;}
.member-list-wrapper {flex-direction: column;}
.ml-header {flex-wrap:nowrap;padding:29px 30px 21px 30px;border-bottom:1px solid rgba(152, 154, 189, 0.3);margin-bottom:20px;}
.ml-header li {color:#989ABD;font-size:12px;}
.ml-header li.ml-header-name {width:164px;}
.ml-header li.ml-header-email {width:232px;}
.ml-header li.ml-header-phone {width:164px;}
.ml-header li.ml-header-total-orders {width:119px;}
.ml-header li.ml-header-balance {width:110px;}
.ml-header li.ml-header-status {width:100px;text-align:right;}
.ml-list {flex-direction: column;}
.ml-list-item {flex-wrap:nowrap;padding:0 30px;background:#FAFAFC;align-items:center;height:40px;}
.ml-list-item:nth-child(even) {background:#E9ECF0;}
.ml-list-item li {font-size:14px;color:#2E446E;font-weight:600;}
.ml-list-item li.ml-list-name {width:164px;}
.ml-list-item li.ml-list-email {width:232px;}
.ml-list-item li.ml-list-phone {width:164px;}
.ml-list-item li.ml-list-total-orders {width:119px;}
.ml-list-item li.ml-list-balance {width:110px;}
.ml-list-item li.ml-list-status {width:100px;text-align:right;}
.ml-list-item.online-user li.ml-list-status {color:#03A900;}
.ml-list-item.offline-user li.ml-list-status {color:#989ABD;}
.ml-list-item.different-status-user li.ml-list-status {color:#FF5367;}
.ml-list-item li.ml-list-process {width:100px;text-align:right;font-size: 14px;color: #2E446E;font-weight: 600;}
.ml-list-item li.ml-list-process>a {display: flex;width: 30px;height: 30px;border: 1px solid #016ca2;align-items: center;justify-content: center;margin-left: 65px;}
.ml-list-item li.ml-list-process>a:hover {background:#016ca2;}
.ml-list-item li.ml-list-process>a:hover path {fill:#FFFFFF;}

/* member-list */
.product-list-filter-search .mpfs-search-box {max-width:198px;}
.new-product-button {border:1px solid #4CA52F;height:40px;align-items:center;max-width:127px;width:100%;flex-wrap:nowrap;display:flex;padding:0 11px 0 11px;}
.new-product-button span {font-size:15px;color:#03A900;padding-left:10px;}
.new-product-button-icon {margin-top:2px;}
.new-product-button:hover {background:#03A900;}
.new-product-button:hover span {color:#FFFFFF;}
.new-product-button:hover path {fill:#FFFFFF;}
.product-list-wrapper {flex-direction: column;}
.pl-header {flex-wrap:nowrap;border-bottom:1px solid rgba(152, 154, 189, 0.3);padding:19px 30px 21px 76px;margin-bottom:20px;}
.pl-header li {font-size:12px;color:#989ABD;}
.pl-header li.pl-header-name {width:284px;}
.pl-header li.pl-header-stock-quantity {width:86px;}
.pl-header li.pl-header-price {width:89px;}
.pl-header li.pl-header-sales-quantity {width:89px;}
.pl-header li.pl-header-views {width:109px;}
.pl-header li.pl-header-status {width:77px;}
.pl-header li.pl-header-process {width:110px;text-align:right;}
.pl-list {flex-direction: column;}
.pl-list-item {background:#FAFAFC;height:80px;align-items: center;padding:0 30px 0 15px;}
.pl-list-item:nth-child(even) {background:#E9ECF0;}
.pl-list-item>li {font-size:14px;color:#2E446E;font-weight:600;}
.pl-list-item li.pl-list-thumbnail {width:344px;padding-right:20px}
.pl-list-item li.pl-list-thumbnail>a {display:flex;flex-wrap:nowrap;align-items:center;width:100%;}
.pl-list-item li.pl-list-thumbnail>a>i {width:50px;height:50px;border:1px solid #F3F3F5;}
.pl-list-item li.pl-list-thumbnail>a>i>img {width:50px;height:50px;object-fit: cover;}
.pl-list-item li.pl-list-thumbnail>a>span {color:#2E446E;font-size:14px;font-weight:600;line-height:19px;padding-left:11px;width:calc(100% - 61px)}
.pl-list-item li.pl-list-stock-quantity {width:86px;}
.pl-list-item li.pl-list-price {width:90px;}
.pl-list-item li.pl-list-sales-quantity {width:89px;}
.pl-list-item li.pl-list-views {width:109px;}
.pl-list-item li.pl-list-status {width:77px;}
.pl-list-item.active li.pl-list-status {color:#03A900}
.pl-list-item.passive li.pl-list-status {color:#FF5367}
.pl-list-item li.pl-list-process {width:110px;}
.pl-list-item li.pl-list-process>ul {flex-wrap:nowrap;justify-content: flex-end;}
.pl-list-item li.pl-list-process>ul>li {margin-left:10px;}
.pl-list-item li.pl-list-process>ul>li:first-child {margin-left:0px;}
.pl-list-item li.pl-list-process>ul>li>a {display:flex;width:30px;height:30px;border:1px solid #016ca2;align-items:center;justify-content: center;}
.pl-list-edit a:hover {background:#016ca2;}
.pl-list-edit a:hover path {fill:#FFFFFF;}
.pl-list-remove a:hover {background:#016ca2;}
.pl-list-remove a:hover path {fill:#FFFFFF;}
.pl-list-passive>a {border-color:#FF5368 !important;}
.pl-list-passive>a:hover {background:#FF5368 !important;}
.pl-list-passive>a:hover path {fill:#FFFFFF;}
.pl-list-active>a {border-color:#4CA52F !important;}
.pl-list-active, .pl-list-passive {display:none;}
.pl-list-active>a:hover {background:#4CA52F !important;}
.pl-list-active>a:hover path {fill:#FFFFFF;}
.pl-list-item.active .pl-list-passive {display:flex}
.pl-list-item.passive .pl-list-active {display:flex}

/* basket-page */
.basket-page-products {background:#FFFFFF;flex-direction: column;width:100%;padding:10px;}
.bpp-product {flex-wrap:nowrap;padding:30px 0;border-bottom:1px solid rgba(152, 154, 189, 0.3);justify-content: space-between;align-items:center;}
.bpp-product:last-child {border-bottom:none;}
.bpp-product-thumbnail {width:190px;height:157px;border:1px solid #F3F3F5;}
.bpp-product-thumbnail img {width:190px;height:157px;object-fit: cover;}
.bpp-product-right {flex-direction: column;width:calc(100% - 260px);}
.bpp-product-right-top {flex-wrap:nowrap;justify-content: space-between;}
.bpp-product-title {color:#2E446E;font-size:24px;font-weight:700;line-height:35px;width:calc(100% - 275px);position:relative;top:-7px;margin-bottom:0px;}
.bpp-product-remove {display:flex;width:50px;height:50px;border:1px solid #8E8FB3;align-items:center;justify-content: center;cursor: pointer;}
.bpp-product-remove:hover {background:#016ca2;border-color:#016ca2;}
.bpp-product-remove:hover path {fill:#FFFFFF;}
.bpp-product-no {color:#989ABD;margin-bottom:9px;position:relative;top:-2px;}
.bpp-product .mpd-number-of-products {display:flex;}
.bpp-product .mpd-number-of-products-search {display:flex;}
.bpp-product-right-bottom {justify-content: space-between;}
.bpp-product-price {font-size:24px;color:#2E446E;font-weight:700;padding-top:28px;}
.stw-basket-sidebar {background:#FFFFFF;flex-direction: column;}
.stwbs-header {height:65px;border-bottom:1px solid #F3F3F5;align-items:center;padding:0 30px;}
.stwbs-header strong {font-size:24px;color:#FFF;font-weight:700;}
.stwbs-basket-infos {flex-direction: column;padding:31px 30px 9px 30px;}
.stwbs-basket-infos li {display:flex;flex-wrap: nowrap;justify-content: space-between;align-items:center;margin-bottom:19px;}
.stwbs-basket-infos li span {color:#989ABD;}
.stwbs-basket-infos li b {font-size:19px;color:#2E446E;font-weight:600;}
.stwbs-grand-total {background:#919191;height:136px;flex-direction: column;padding:28px 30px 0 30px;}
.stwbs-grand-total span {color:#fff;margin-bottom:12px;}
.stwbs-grand-total strong {font-size:36px;font-weight:700;color:#FFFFFF;}
.stwbs-basket-buy-wrapper {padding:0px;margin-top: 10px;background: black !important;margin-bottom: 10px;}
.stwbs-basket-buy-button {display:flex;background:#016ca2;height:60px;width:100%;align-items:center;justify-content: center;color:#FFFFFF;font-size:18px;font-weight:700;}

/* where-is-my-order */
.where-is-my-order {flex-direction:column;background:#FFFFFF;width:100%;margin-bottom:120px}
.wimo-header {border-bottom:1px solid #F3F3F5;height:65px;align-items:center;padding:0 31px;}
.wimo-header strong {font-size:24px;color:#2E446E;font-weight:700;}
.wimo-content {flex-wrap:nowrap;justify-content: space-between;padding:30px 30px 50px 30px;}
.wimo-content-left {width:347px;flex-direction: column;padding-right:30px;border-right:1px solid #F3F3F5;}
.wimo-shipping-company-logo {margin-bottom:19px;}
.cargo-tracking-number {flex-direction: column;margin-bottom:19px;}
.cargo-tracking-number-title {font-size:15px;color:#989ABD;margin-bottom:10px;}
.cargo-tracking-number-box {position:relative;cursor:pointer;display:flex;height:50px;width:100%;border:1px solid #989ABD;align-items: center;padding:0 20px;}
.cargo-tracking-number-box-left-icon {margin-top:4px;}
.cargo-tracking-number-number {font-size:15px;font-weight:500;color:#989ABD;padding-left:13px;background:transparent;cursor: pointer;}
.cargo-tracking-number-copy {margin-left:auto;margin-top:2px;}
#copiedText {display:none;align-items:center;position:absolute;right:0px;top:10px;font-size:12px;background:#016ca2;color:#FFFFFF;height:28px;padding:0 10px}
#copiedText.active {right:48px;display:flex;}
.cargo-other-infos {flex-direction: column;border-bottom:1px solid #F3F3F5;padding-bottom:15px;}
.cargo-other-infos strong {font-size:15px;color:#989ABD;font-weight:700;margin-bottom:11px;}
.cargo-other-infos ul {flex-direction: column;}
.cargo-other-infos ul li {font-size:15px;color:#989ABD;font-weight:500;margin-bottom:6px;}
.cargo-other-infos ul li a {font-size:15px;color:#3BB5DA;font-weight:500;text-decoration: underline;}
.product-packages-infos {flex-direction: column;}
.ppi-products {flex-direction: column;}
.ppi-product-item {margin-top:20px;}
.ppi-product-item>a {display:flex;flex-wrap:nowrap;}
.ppi-product-item>a>span {width:calc(100% - 40px);font-size:15px;color:#2E446E;line-height:20px;padding-left:21px;position:relative;top:-3px;}
.ppi-product-item-thumbnail {width:40px;height:33px;border:1px solid #F3F3F5;overflow:hidden;}
.ppi-product-item-thumbnail>img {width:100%;height:100%;object-fit: cover;}
.ppi-product-count {font-size:12px;color:#989ABD;padding-left:63px;margin-top:6px;}
.ppi-product-count b {color:#2E446E;font-weight:500;padding:0 2px}
.wimo-content-right {width:calc(100% - 347px);padding-left:30px;flex-direction: column;}
.wimo-content-right-title {font-size:18px;color:#2E446E;font-weight:700;margin-bottom:30px;}
.wimo-steps {flex-direction: column;position:relative;}
.wimo-steps:before {position:absolute;content:"";left:0;top:0;width:10px;height:100%;background:rgba(152, 154, 189, 0.2);border-radius:5px 5px 5px 5px;}
.wimo-steps li {max-width:480px;color:rgba(152, 154, 189, 0.3);padding:0 0 0 40px;line-height:20px;padding-bottom:28px;position:relative;}
.wimo-steps li:last-child {padding-bottom:0px;}
.wimo-steps li.step-bar:before {position:absolute;content:"";left:0;bottom:0;width:10px;height:100%;background:#016ca2}
.wimo-steps li.step-bar:first-child:before {border-radius:5px 5px 0 0;}
.wimo-steps li.step-bar:last-child:before {border-radius:0 0 5px 5px;}
.wimo-steps li.step-bar {color:#989ABD;}
.wimo-steps li.now-step {color:#2E446E;}
.wimo-steps li:after {   -webkit-animation: nowstep 650ms infinite;animation: nowstep 650ms infinite;visibility: hidden;position:absolute;content:"";width:12px;height:12px;top:5px;left:20px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath id='Polygon_2' data-name='Polygon 2' d='M4.211,3.578a2,2,0,0,1,3.578,0l2.764,5.528A2,2,0,0,1,8.764,12H3.236A2,2,0,0,1,1.447,9.106Z' transform='translate(12) rotate(90)' fill='%23016ca2'/%3E%3C/svg%3E%0A");}
.wimo-steps li.now-step:after {visibility: visible;}

@-webkit-keyframes nowstep {
    25% {left: 23px;}
    50% {left: 25px;}
    75% {left: 23px;}
    88% {left: 21px;}
    100% {left: 20px;}
}
/* Standard syntax */
@keyframes nowstep {
    25% {left: 23px;}
    50% {left: 25px;}
    75% {left: 23px;}
    88% {left: 21px;}
    100% {left: 20px;}
}

.new-support-request .support-request-listing-wrapper {padding:48px 50px 50px 50px}
.srl-form {flex-wrap:wrap;justify-content: space-between;margin-top:33px;}
.srl-form-element {flex-direction: column;width:calc(100% / 3 - 6.66px);margin-bottom:20px;}
.srl-form-element:last-child {margin-bottom:0px;flex-wrap:nowrap;flex-direction: row;}
.srl-form-element>span {font-size:15px;color:#989ABD;margin-bottom:10px;}
.srl-text-input {background:#F5F6FA;width:100%;height:40px;padding:0 20px;font-size:15px;color:#2E446E;font-weight:500;}
.srl-text-input::placeholder {font-size:15px;color:#2E446E;font-weight:500;}
.srl-form-element .mpl-filter-select .select-selected {color:#2E446E;}
.srl-form-element .mpl-filter-select .select-items>div {color:#2E446E;}
.srl-fw-label {width:100%;}
.srl-textarea {background:#F5F6FA;min-height:150px;resize:none;font-size:18px;color:#2E446E;font-weight:500;padding:26px 30px;}
.srl-textarea::placeholder {font-size:18px;color:#2E446E;font-weight:500;}
.srl-submit {background:#016ca2;height:60px;max-width:164px;width:100%;justify-content: center;font-size:18px;color:#FFFFFF;font-weight:700;cursor:pointer;}
.srl-upload {align-items:center;margin-left:20px;}
#srl-upload-btn {display:none;}
#srl-upload-button {width:60px;height:60px;background:#989ABD;align-items:center;justify-content: center;cursor:pointer;}
#srl-upload-file-chosen-text {font-size:15px;color:#989ABD;padding-left:15px;}

/* add-credit */
.add-credit-template {}
.add-credit-wrapper {flex-direction: column;width:100%;}
.payment-item {background:#FFFFFF;margin-bottom:30px;flex-direction: column;}
.acw-header {height:65px;border-bottom:1px solid #F3F3F5;cursor:pointer;flex-wrap:nowrap;align-items: center;padding:0 31px;justify-content: space-between;}
.acw-header strong {font-size:24px;color:#2E446E;font-weight:700;}
.acw-header .acw-header-icon {transform: rotate(0deg);transition:300ms;}
.payment-item.active .acw-header-icon {transform: rotate(180deg);transition:300ms;}
.acw-content {padding:30px 30px 30px 30px;flex-direction: column;display:none;}
.payment-item.active .acw-content {display:flex;}
.acw-bank-select {flex-wrap: nowrap;}
.bank-select-box {width:100%;margin-right:27px;position:relative;}
.bank-select-selected-box {position:relative;padding:0 0 0 13px;width:100%;height:50px;align-items:center;border:1px solid #8E8FB3;cursor:pointer;font-size:18px;color:#989ABD;font-weight: 600;}
.bank-select-selected-box:after {position:absolute;content:"";transition: 300ms;top:21px;right:8px;width: 8.062px;height: 4.802px;background-repeat: no-repeat;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.062' height='4.802' viewBox='0 0 8.062 4.802'%3E%3Cpath d='M3.792,165.389l-3.728-3.7a.3.3,0,0,1,0-.428l.5-.5a.3.3,0,0,1,.428,0l3.015,2.985,3.015-2.985a.3.3,0,0,1,.428,0l.5.5a.3.3,0,0,1,0,.428l-3.728,3.7A.3.3,0,0,1,3.792,165.389Z' transform='translate(0.025 -160.675)' fill='%23989abd'/%3E%3C/svg%3E");}
.bank-select-box.active .bank-select-selected-box:after {transform: rotate(180deg);transition: 300ms;}
.bank-select-select-list {display:none;position:absolute;top:50px;left:0;flex-direction: column;width:100%;background: #ffffff;border: 1px solid #989ABA;border-radius: 5px;}
.bank-select-box.active .bank-select-select-list {display:flex;}
.bank-select-select-list li {padding: 7px 10px;font-size: 15px;font-weight: 500;color: #989ABD;cursor: pointer;}
.bank-select-select-list li:hover {background:rgba(0, 0, 0, 0.05)}
.acw-bank-logos {height:50px;align-items:center;}
.acw-bank-logos li {}
.acw-bank-texts {flex-wrap: nowrap;justify-content: space-between;margin-top:29px;}
.acw-bank-infos {width:408px;}
.acw-bank-info-item {flex-direction: column;width:100%;}
.acw-bank-info-item li {flex-wrap:nowrap;display:flex;line-height:20px;margin-bottom:4px;}
.acw-bank-info-item li:last-child {margin-bottom:0px;}
.acw-bank-info-item li b {font-size:15px;color:#989ABD;font-weight:600;width:111px;}
.acw-bank-info-item li span {font-size:15px;color:#989ABD;font-weight:500;}
.acw-bank-general-desc {width:calc(100% - 408px);padding-left:31px;border-left:1px solid #F3F3F5;font-size:15px;color:#989ABD;line-height:20px;}
.acw-credit-payment {flex-wrap:nowrap;}
.acw-credit-payment-left {width:339px;border-right:1px solid #F3F3F5;flex-direction: column;padding-right:22px;padding-bottom:16px;}
.acw-payment-element {flex-direction: column;margin-bottom:16px;}
.acw-payment-element.fw-element {width:100%;}
.acw-payment-element.three-column-element {width:calc(100% / 3 - 14.66px);}
.acw-payment-element>span {font-size:15px;color:#989ABD;margin-bottom:10px;}
.acw-payment-element-box {background:#F5F6FA;height:50px;align-items:center;flex-wrap:nowrap;}
.acw-payment-element-icon {display:flex;width:42px;justify-content: flex-end;}
.acw-payment-element-input {height:100%;background:transparent;width:calc(100% - 42px);padding:0 18px;font-size:15px;color:#2E446E;font-weight:500;}
.acw-payment-element-input.fw-element-input {width:100%;}
.acw-payment-element-input::placeholder {font-size:15px;color:#2E446E;font-weight:500;}
.acw-payment-element-input.password-input {font-size: 22px;font-weight: 700;letter-spacing: 2px;}
.acw-payment-element-input.password-input::placeholder {font-size: 22px;font-weight: 700;letter-spacing: 2px;}
.acw-credit-payment-right {width:calc(100% - 339px);padding-left:22px;flex-wrap:wrap;justify-content: space-between;}
.acw-payment-credit-toggle {flex-wrap:nowrap;align-items:center;margin-bottom:10px;}
.acw-payment-credit-toggle span {font-size:15px;color:#989ABD;margin-bottom:0px;padding-right:10px;}
.acw-payment-credit-toggle-icon {cursor: pointer;}
.acw-payment-checkbox {flex-wrap: nowrap;align-items:center;cursor:pointer;}
.acw-payment-checkbox-icon {position:relative;top:1px;}
.acw-payment-checkbox.checked .acw-payment-checkbox-icon path {fill:#1E9E66}
.acw-payment-checkbox>span {font-size:15px;color:#989ABD;padding-left:11px;}
.acw-payment-element.checkbox-element {margin-bottom:0px;}
.acw-payment-checkbox-input {width:100%;display:none}

.payment-other {margin-bottom:50px;flex-direction: column;}
.payment-other-select-box {justify-content:space-between;width:100%;height:64px;border:1px solid #8E8FB3;align-items:center;padding:0 32px;cursor:pointer;}
.payment-other-select-box>span {font-size:24px;color:#989ABD;font-weight:700;}
.payment-other-select-box-icon {transition: 300ms;}
.active .payment-other-select-box-icon {transform: rotate(180deg);transition: 300ms;}
.active .payment-other ul {display:flex}
.payment-other ul {display:none;flex-direction: column;border:1px solid #8E8FB3;}
.payment-other ul li {}
.payment-other ul li a {display:flex;width:100%;height:50px;padding:0 32px;align-items:center;font-size:20px;color:#989ABD;font-weight:500;}
.payment-other ul li a:hover {background:rgba(0, 0, 0, 0.05);}
.payment-page .acw-credit-payment-right {width:100%;padding-left:0px;}

/* edit-profile-form */
.edit-profile-form {flex-direction: column;padding-top:32px;}
.edf-upload-avatar {width:100%;flex-wrap: nowrap;border-bottom:1px solid #F3F3F5;padding-bottom:30px;}
.edf-upload-avatar-img {width:75px;height:75px;background:rgba(152, 154, 189, 0.2);border-radius:100%;overflow:hidden;}
.edf-upload-avatar-img img {width:100%;height:100%;object-fit:cover;}
.edf-upload-avatar-right {flex-direction: column;padding-left:21px;width:375px;justify-content:center;}
.edf-upload-avatar-text {justify-content: space-between;flex-wrap:nowrap;}
.edf-upload-avatar-text span {font-size:15px;color:#989ABD;}
.edf-upload-avatar-text p {font-size:15px;color:#FF5367;}
.edf-upload-avatar-upload-button {margin-top:10px;border:1px solid #016ca2;height:50px;align-items:center;justify-content: center;cursor:pointer;font-size:18px;color:#016ca2;font-weight:700;}
.edf-upload-avatar-upload-button:hover {background:#016ca2;color:#FFFFFF}
#edfUpload {display:none}
.edit-profile-form-other {flex-wrap: wrap;justify-content: space-between;margin-top:29px;}
.epf-element {flex-direction: column;width:calc(50% - 15px);margin-bottom:19px;}
.epf-element.submit-element {margin-bottom:0px;margin-top:11px;}
.epf-element>span {color:#989ABD;font-size:15px;margin-bottom:10px;}
.epf-element-box {height:50px;background:#F5F6FA;padding:0 0px;position:relative;width:100%;flex-wrap: nowrap;align-items:center;justify-content: space-between;}
.epf-element-box-icon {width:40px;justify-content: flex-end;display:flex;}
.epf-element-box-input {padding:0 20px 0 14px;width:calc(100% - 40px);height:100%;background:transparent;font-size:15px;color:#2E446E;font-weight:500;}
.epf-element-box-input::placeholder {font-size:15px;color:#2E446E;font-weight:500;}
.epf-element-box-input.password {font-size:22px;font-weight:700;letter-spacing:2px;}
.epf-element-box-input.password::placeholder {font-size:22px;font-weight:700;letter-spacing:2px;}
.epf-element-box-submit {height:50px;background:#016ca2;justify-content: center;font-size:17px;color:#FFFFFF;font-weight:700;cursor:pointer;}
.panel-page-wrapper.edit-profile {padding:48px 50px 50px 50px}

/* site-options */
.site-options .panel-page-header {border-bottom:1px solid rgba(152, 154, 189, 0.3);padding-bottom:32px;}
.site-options-form {flex-direction: column;}
.sof-blocks {flex-wrap:wrap;justify-content: space-between;width:100%;padding-top:30px;}
.sof-block {flex-direction: column;width:calc(100% / 3 - 20px);}
.sof-element {flex-direction: column;margin-bottom:19px;}
.sof-element>span {font-size:15px;color:#989ABD;margin-bottom:10px;}
.sof-element-input {height:50px;background:#F5F6FA;width:100%;padding:0 20px;font-size:15px;color:#2E446E;font-weight:500;}
.sof-element-input::placeholder {font-size:15px;color:#2E446E;font-weight:500;}
.sof-element-textarea {background:#F5F6FA;resize: none;min-height:144px;font-size:15px;color:#2E446E;font-weight:500;padding:15px 21px;}
.tagger {border:none;position:relative;background:#F5F6FA;min-height:50px;height:auto;border-radius:5px 5px;width:100%;position:relative;padding:20px 20px;}
.tagger.wrap > ul {padding:0 0 }
.tagger.wrap>ul>li {padding:0;margin:0 10px 10px 0;}
.tagger.wrap>ul>li>a {border-radius:5px;padding:0 10px;display:flex;align-items:center;height:30px;background:#2e446e;border:none;flex-wrap:nowrap;}
.tagger.wrap>ul>li a>a {height:auto;background:transparent;color:#FFFFFF;}
.tagger.wrap>ul>li a>span {color:#FFFFFF;font-size:15px;font-weight:500;}
.tagger .tagger-new {margin:0 0 !important;padding:0 0;}
.tagger .tagger-new input {height:50px;font-size:15px;color:#2E446E;font-weight:500;}
.tagger .tagger-new input::placeholder {font-size:15px;color:#2E446E;font-weight:500;}
.tagger-completion {display:none}
.sof-switch {cursor:pointer;position: relative;width: 88px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select: none;}
.sof-switch-checkbox {width: 88px;height: 50px;opacity: 0;z-index: 2;position: absolute;cursor:pointer;}
.sof-switch-label {cursor:pointer;width:88px;height:50px;padding:10px 10px;border-radius:5px;background:#F5F6FA;}
.sof-switch-inner:before, .sof-switch-inner:after {}
.sof-switch-inner:before {}
.sof-switch-inner:after {}
.sof-switch-thumb {width: 30px;height:30px;margin: 10px;background:#e74c3c;border: none;border-radius: 5px;position: absolute;top: -1px;bottom: 0;right: 39px;-moz-transition: all 0.2s ease-in 0s;-webkit-transition: all 0.2s ease-in 0s;-o-transition: all 0.2s ease-in 0s;transition: all 0.2s ease-in 0s;  }
.sof-switch-checkbox:checked + .sof-switch-label .sof-switch-thumb {right: 0px;background-color: #2ecc71;}
.sof-form-submit {margin-top:11px;background:#016ca2;height:60px;width:100%;max-width:203px;cursor: pointer;justify-content: center;font-size:18px;color:#FFFFFF;font-weight:700;}

/* edit-add-product-form */
.edit-add-product .panel-page-header {border-bottom:1px solid rgba(152, 154, 189, 0.3);padding-bottom:32px;}
.edit-add-product-form {flex-wrap:wrap;width:100%;padding-top:30px;justify-content: space-between;align-items:flex-start;align-content:flex-start;}
.eap-element {flex-direction: column;width:calc(100% / 3 - 20px);margin-bottom:20px;}
.eap-element-title {margin-bottom:10px;font-size:15px;color:#989ABD;}
.eap-element-box {align-items:center;flex-wrap:nowrap;background:#F5F6FA;width:100%;height:50px;}
.eap-element-box-input {background: transparent;padding:0 20px;height:100%;font-size:15px;color:#2E446E;font-weight:500;}
.eap-element-box-input::placeholder {font-size:15px;color:#2E446E;font-weight:500;}
.flat-input .eap-element-box-input {width:100%;}
.missing-input .eap-element-box-input {width:calc(100% - 30px);}
.eap-element .mpl-filter-select .select-selected {font-size:15px;color:#2E446E;padding:1.5px 20px 0 20px;height:50px;border:none;background:#F5F6FA;}
.eap-element .select-selected:after {right:19px;top:23px;}
.eap-element-box-right {font-size:15px;color:#989ABD;}
.eap-element-box-textarea {padding:19px 21px 19px 21px;background:#F5F6FA;height:100%;min-height:296px;resize:none;font-size:15px;color:#2E446E;font-weight:500;}
.eap-element-box-textarea::placeholder {font-size:15px;color:#2E446E;font-weight:500;}
.eap-element.wide-element {width:calc(66.66% - 10px);}
.eap-upload-mask-button {flex-direction: column;min-height:296px;align-items: center;justify-content: center;border-radius:5px;position:relative;cursor:pointer;padding:25px 25px;text-align:center;}
.eap-upload-mask-button-icon {margin-bottom:15px;}
.eap-upload-mask-button-text {font-size:15px;color:#989ABD;line-height:20px;display:inline-block;}
.eap-upload-mask-button-text a {display:inline-flex;color:#016ca2;}

:root {
    --border-color: #989ABA;
    --border-weight: 2px;
    --dash-size: 8px;
    --gap-size: 8px;
}
.eap-upload-mask-button:after {
    transition: all .6s ease;
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius:5px;
    background: 
        linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top left no-repeat,
        linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x,
        linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top right no-repeat,      
        linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top left no-repeat,
        linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y,
        linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat,       
        linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat,
        linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x,
        linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat,       
        linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top right no-repeat,
        linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y,
        linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat;
    background-size: var(--dash-size) var(--border-weight), calc(var(--dash-size) + var(--gap-size)) var(--border-weight), var(--dash-size) var(--border-weight), var(--border-weight) var(--dash-size), var(--border-weight) calc(var(--dash-size) + var(--gap-size)), var(--border-weight) var(--dash-size);
}

.eap-input-images input {display:none}
.eap-input-images .upload-text {display:none}
.eap-input-images .uploaded {margin-top:31px;flex-wrap:wrap;width:100%;}
.eap-input-images .uploaded .uploaded-image {width:60px;height:60px;border-radius:5px;overflow:hidden;position:relative;margin-bottom:19px;margin-right:18.5px;}
.eap-input-images .uploaded .uploaded-image:nth-child(4n) {margin-right:0px;}
.eap-input-images .uploaded .uploaded-image img {width:100%;height:100%;object-fit:cover;}
.eap-input-images .uploaded .uploaded-image .delete-image {position:absolute;left:50%;top:50%;border:none;z-index:2;cursor:pointer;
    width:30px;height:30px;border-radius:5px;background-repeat:no-repeat;background-position:center center;background-color:#FF5367;margin:-15px 0 0 -15px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20'%3E%3Cpath id='_047ea87d9362175b2cd88541fb4f732d' data-name='047ea87d9362175b2cd88541fb4f732d' d='M10,18a1,1,0,0,0,1-1V11a1,1,0,0,0-2,0v6A1,1,0,0,0,10,18ZM20,6H16V5a3,3,0,0,0-3-3H11A3,3,0,0,0,8,5V6H4A1,1,0,0,0,4,8H5V19a3,3,0,0,0,3,3h8a3,3,0,0,0,3-3V8h1a1,1,0,0,0,0-2ZM10,5a1,1,0,0,1,1-1h2a1,1,0,0,1,1,1V6H10Zm7,14a1,1,0,0,1-1,1H8a1,1,0,0,1-1-1V8H17Zm-3-1a1,1,0,0,0,1-1V11a1,1,0,0,0-2,0v6A1,1,0,0,0,14,18Z' transform='translate(-3 -2)' fill='%23fff'/%3E%3C/svg%3E%0A");
    }
.eap-input-images .uploaded .uploaded-image .delete-image .material-icons {text-indent:-9999px;display:none;}
.eap-element-submit {height:60px;background:#016ca2;max-width:203px;width:100%;justify-content: center;cursor: pointer;color:#FFFFFF;font-size:18px;font-weight:700;}
.eap-element.submit-element {margin-top:30px;}


/* panel-home */
.panel-home-wrapper {flex-direction: column;width:100%;}
.panel-home-top-boxes {justify-content: space-between;width:100%;flex-wrap:wrap;}
.pht-box {width:calc(25% - 20px);background:#ffffff;min-height:50px;margin-bottom:30px;padding:30px 30px;flex-direction: column;align-items:center;}
.pht-box-title {font-size:15px;color:#989ABD;line-height: 20px;}
.pht-box-count {font-size:30px;color:#3d3d3d;line-height: 20px;margin-top:11px;}
.pht-box-status {font-size:13px;color:#989ABD;line-height: 20px;margin-top:11px;}
.pht-box-status b {padding-left:4px;}
.pht-box-status.red b {color:rgb(255, 83, 103);}
.pht-box-status.green b {color:rgb(3, 169, 0);}
#chart_0 {width:100%;background:#fff;padding:30px 30px;font-family:'Gilroy', sans-serif;}


#toast-container {
display : block;
}

/* confirm */
.confirm {
    z-index:2;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    padding: 10px;
    box-sizing: border-box;

    opacity: 0;
    animation-name: confirm---open;
    animation-duration: 0.2s;
    animation-fill-mode: forwards;

    align-items: center;
    justify-content: center;
}

.confirm--close {
    animation-name: confirm---close;
}

.confirm__window {
    width: 100%;
    max-width: 600px;
    background: white;
    font-size: 14px;
    font-family: 'Noto Sans', sans-serif;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    display: block!important;
    opacity: 0;
    transform: scale(0.75);
    animation-name: confirm__window---open;
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
    animation-delay: 0.2s;
}

.confirm__titlebar,
.confirm__content,
.confirm__buttons {
    padding: 1.25em;
}

.confirm__titlebar {
    background: #016ca2;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.confirm__title {
    font-weight: bold;
    font-size: 1.1em;
}

.confirm__close {
    background: none;
    outline: none;
    border: none;
    transform: scale(2.5);
    color: #ffffff;
    transition: color 0.15s;
}

.confirm__close:hover {
    color: #3BB5DA;
    cursor: pointer;
}

.confirm__content {
    line-height: 1.8em;
}

.confirm__buttons {
    background: #eeeeee;
    display: flex;
    justify-content: flex-end;
}

.confirm__button {
    padding: 0.4em 0.8em;
    border: 2px solid #016ca2;
    border-radius: 5px;
    background: #ffffff;
    color: #016ca2;
    font-weight: bold;
    font-size: 1.1em;
    font-family: 'Noto Sans', sans-serif;
    margin-left: 0.6em;
    cursor: pointer;
    outline: none;
}

.confirm__button--fill {
    background: #016ca2;
    color: #ffffff;
}

.confirm__button:focus {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

@keyframes confirm---open {
    from { opacity: 0 }
    to { opacity: 1 }
}

@keyframes confirm---close {
    from { opacity: 1 }
    to { opacity: 0 }
}

@keyframes confirm__window---open {
    to {
        opacity: 1;
        transform: scale(1);
    }
}
/* confirm */

/* Mobil hamburger menü stilleri */
.mb-hamburger-btn {
    display: none;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1000;
    background: none;
    border: none;
    font-size: 28px;
    color: #016ca2;
    cursor: pointer;
}

.mb-side-menu {
    position: fixed;
    flex-direction: column;
    top: 0;
    left: 0;
    width: 280px;
    height: 100%;
    background: #fff;
    z-index: 1999;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    visibility: hidden;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
}

.mb-side-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
}

.mb-side-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #eee;
    background: #f8f9fa;
    border-radius: 5px 5px 0 0;
}

.mb-close-btn {
    border: none;
    background: none;
    font-size: 20px;
    color: #666;
    cursor: pointer;
    padding: 5px;
}

.mb-nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow-y: auto;
    height: calc(100% - 60px);
    flex-direction: column;
}

.mb-nav-item {
    border-bottom: 1px solid #eee;
}

.mb-nav-item a {
    display: flex;
    align-items: center;
    padding: 15px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
}

.mb-nav-item i {
    margin-right: 10px;
    width: 20px;
    text-align: center;
}

/* Açık durumlar */
.mb-side-menu--open {
    transform: translateX(0);
    visibility: visible;
}

.mb-side-overlay--visible {
    opacity: 1;
    visibility: visible;
}



/* Alt Navigasyon */
.mnav__bottom-navigation {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-around;
    padding: 10px 0;
    z-index: 1000;
}

.mnav__menu-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #666;
    font-size: 12px;
    cursor: pointer;
}

.mnav__menu-icon {
    font-size: 20px;
    margin-bottom: 4px;
}

.mnav__menu-text {
    display: block;
    text-align: center;
}

.mnav__menu-item--active {
    color: #007bff;
}

/* Yan Menü */
.mnav__side-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 280px;
    height: 100%;
    background: #fff;
    z-index: 1999;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    visibility: hidden;
    display: flex !important;
    flex-direction: column !important;
}

.mnav__side-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
}

.mnav__side-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #eee;
    width: 100%;
}

.mnav__close-btn {
    border: none;
    background: none;
    font-size: 20px;
    color: #666;
    cursor: pointer;
    padding: 5px;
}

.mnav__category-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow-y: auto;
    height: calc(100% - 60px);
    display: block !important;
    width: 100% !important;
}

.mnav__category-item {
    border-bottom: 1px solid #eee;
    width: 100% !important;
    display: block !important;
}

.mnav__category-item a {
    display: block !important;
    padding: 15px !important;
    color: #333;
    text-decoration: none;
    width: 100% !important;
    text-align: left !important;
}

.mnav__category-item--active {
    background: #f8f9fa;
}

.mnav__category-item--active a {
    color: #007bff;
}

/* Yan menü açık durumu */
.mnav__side-menu--open {
    transform: translateX(0);
    visibility: visible;
}

.mnav__side-overlay--visible {
    opacity: 1;
    visibility: visible;
}

/* Sağ Yan Sepet Menü Stilleri */
.cart-side-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 320px;
    height: 100%;
    background: #fff;
    z-index: 1999;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    visibility: hidden;
    display: flex !important;
    flex-direction: column !important;
}

.cart-side-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
}

.cart-side-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #eee;
    width: 100%;
}

.cart-close-btn {
    border: none;
    background: none;
    font-size: 20px;
    color: #666;
    cursor: pointer;
    padding: 5px;
}

.cart-items-wrapper {
    overflow-y: auto;
    flex: 1;
    padding: 15px;
    flex-direction: column;
}

.cart-total-price {
    padding: 15px;
    border-top: 1px solid #eee;
    background: #f8f9fa;
}

/* Yan menü açık durumu */
.cart-side-menu--open {
    transform: translateX(0);
    visibility: visible;
}

.cart-side-overlay--visible {
    opacity: 1;
    visibility: visible;
}

.hi-icon-number {
    position: absolute;
    top: 0;
    right: 0;
    background: #ff0000;
    color: white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  
}

/* Sepet ikonu için pozisyon ayarı */
.mnav__menu-item {
    position: relative;
}



@media (min-width: 768px) {
    .mnav__bottom-navigation {
        display: none;
    }
}

@media (max-width: 768px) {
    .mb-hamburger-btn {
        display: block;
    }

    .stw-sidebar-profile {
        display: none;
    }
}
.mobile-cart-footer{
display:none;
}
.mobile-cart-top-buttons{
    display:none;
}
@media only screen and (max-width: 769px) {
    .mobile-cart-top-buttons{
    display:block;
}
  .shipping-progress {
        border: 1px solid #e0e0e0;
        transition: all 0.3s ease;
    }
    
    .progress-bar {
        transition: width 0.6s ease;
    }
    
    .shipping-progress:hover {
        border-color: #3bb5da;
    }
    
  .mobile-cart-top-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding-bottom: 15px;
    background: #fff;
    }

   
    .continue-shopping-btn {
        padding: 8px;
        background: #f5f5f5;
        color: #333;
        border: none;
        border-radius: 5px;
        text-align: center;
        text-decoration: none;
        font-size: 14px;
        font-family: 'Gilroy', sans-serif;
        font-weight: 500;
    }

  
    .top-checkout-btn {
        padding: 12px;
        background: #016ca2;
        color: #fff;
        border: none;
        border-radius: 5px;
        text-align: center;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
    }
    
    .mobile-cart-footer{
        display:block;
    }
    #sepetOzet{
        display:none;
    }
  
    .basket-page-products {
        padding: 0;
        /*! padding-bottom: 120px; */
        flex-direction: inherit;
        display: block !important;
        position: absolute;
        width: 90%;
        margin: auto;
        clear: both;
    }

    .basket-page {
        padding: 15px;
        background: #fff;
        flex-direction: column;
        margin-top: 30%;
    }

    .bpp-product {
        position: relative;
        display: flex;
        padding: 15px;
        margin-bottom: 10px;
        border-bottom: 1px solid #eee;
        flex-direction: row;
        background-color: #f5f6fa;
        border-radius: 20px;
    }

    .bpp-product-thumbnail {
        width: 100px;
        min-width: 100px;
        height: 120px;
        margin-right: 15px;
        border-radius: 4px;
        overflow: hidden;
    }

    .bpp-product-thumbnail img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .bpp-product-right {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 10px;
    }

    .bpp-product-right-top {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        padding-right: 25px;
    }

    .bpp-product-title {
        width: 100%;
        font-size: 14px;
        color: #333;
        text-decoration: none;
        margin-right: 10px;
        line-height: 1.3;
    }

    .bpp-product-no {
        font-size: 12px;
        color: #666;
        margin-right: 10px;
    }

    .bpp-product-remove {
        position: absolute;
        right: -10px;
        top: -5px;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
        background: transparent;
        border: none;
    }

    .bpp-product-remove svg {
        width: 16px;
        height: 16px;
    }

    .bpp-product-remove svg path {
        fill: #666;
    }

    .bpp-product-right-bottom {
        display: flex;
        align-items: start;
        justify-content: space-between;
        margin-top: auto;
    }

    .mpd-number-of-products {
        display: flex;
        align-items: center;
        background: #f5f5f5;
        border-radius: 4px;
        width: 40%;
        height: 40px;
    }

    .mpd-number-of-products-input {
        width: 20px;
        text-align: center;
        border: none;
        background: transparent;
        font-size: 14px;
    }

    .mpd-number-subtract,
    .mpd-number-increase {
        width: 28px !important;
        height: 21px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: #333;
        background: #fff;
        border-radius: 4px;
    }

    .mpd-number-subtract:after {
        content: "-";
        font-size: 16px;
    }

    .mpd-number-increase:after {
        content: "+";
        font-size: 16px;
    }

    .bpp-product-price {
        font-size: 16px;
        font-weight: 800;
        color: #016ca2;
        margin-left: auto;
        font-family: 'Gilroy', sans-serif;
    }

    .remember-me-checkboxes {
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
    }

    .free-shipping-notice {
        background: #fff3e6;
        color: #333;
        padding: 12px 15px;
        margin: 10px 0;
        border-radius: 4px;
        font-size: 13px;
        display: flex;
        align-items: center;
    }

    .bdd-item p {
        text-align: center;
        padding: 20px;
        color: #666;
    }
    
    
   

    .mobile-cart-footer {
        position: fixed;
        bottom: 55px;
        left: 0;
        right: 0;
        background: #fff;
        padding: 15px;
        box-shadow: 0 -2px 8px rgba(0,0,0,0.1);
        z-index: 1000;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .cart-total-price {
        display: flex;
        flex-direction: column;
    }

    .cart-total-price .total-label {
        font-size: 12px;
        color: #666;
        margin-bottom: 2px;
    }

    .cart-total-price .total-amount {
        font-size: 18px;
        font-weight: 600;
        color: #333;
    }

    .secure-checkout-btn {
        background: #016ca2;
        color: #fff;
        padding: 12px 24px;
        border-radius: 8px;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
        white-space: nowrap;
    }
    
    
}

.menu {
        height: auto;
    background-color: #ffffff;
    width: 100%;
    margin-bottom: 20px;
     color: #dddddd
}
    
@media screen and (max-device-width: 480px) and (orientation: portrait){
	
    .menu {
    display:none !important;
    }
	
	.cat-page-box {
  width: 100% !important;
  margin-top: 25%;
}
	
}		


/* Başarılı mesaj kutusu için CSS */
.success-notification {
    background-color: #4CAF50;
    color: white;
    padding: 15px 20px;
    border-radius: 5px;
    margin: 20px 0; /* Üst ve alt boşluk */
    position: relative;
    display: flex;
    align-items: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.success-notification::before {
    content: '✓';
    margin-right: 10px;
    font-weight: bold;
    font-size: 16px;
}

/* Ürün başlığından boşluk */
.product-title {
    margin-top: 25px; /* Bildirimden sonra boşluk */
    margin-bottom: 15px;
}

/* Eğer toast notification kullanıyorsanız */
.toast-success {
    position: fixed;
    top: 20px;
    right: 20px;
    background-color: #4CAF50;
    color: white;
    padding: 15px 25px;
    border-radius: 5px;
    z-index: 1000;
    margin-bottom: 20px; /* Alt boşluk */
}
.toast-title {
    padding-right:10px;
}
/* Alternatif: Alert box stilinde */
.alert-success {
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
    padding: 12px 20px;
    border-radius: 4px;
    margin: 15px 0; /* Üst ve alt boşluk */
}

.alert-success .alert-text {
    line-height: 1.5;
    margin: 0;
}
.siralama {
background: #f5f6fa;
  font-size: 13px;
  color: #989ABD;
  font-weight: 500;
  height: 42px;
  border-radius: 6px;
  border: none;
  width: 160px;
padding-left: 20px !important;
max-width: 200px;
}
.sepetsayi {
 font-size: 13px;
    width: 20px;
    height: 20px;
    background: #ff0808;
    color: #fff;
    position: absolute;
    display: flex;
    align-items: center;   /* dikey ortala */
    justify-content: center; /* yatay ortala */
    border-radius: 50%;
    top: -5px;
    right: -7px;
    font-weight: 600;
}

/* Modern Navigation Styles */
.main-navigation {
    position: relative;
    width: 100%;
    z-index: 1;
}

.mobile-menu-toggle {
    display: none;
    flex-direction: column;
    background: none;
    border: none;
    padding: 8px;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 1001;
}

.mobile-menu-toggle span {
    width: 25px;
    height: 3px;
    background-color: #333;
    margin: 3px 0;
    transition: all 0.3s ease;
}

.desktop-nav-menu {
    display: flex;
    list-style: none;
    margin: 0;
    /*! padding: 0; */
    background: #016ca2;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    border-radius: 2px;
    padding: 10px 20px;
}

.nav-item {
    position: relative;
    /*! border-left: 1px solid #61606000; */
}

.nav-link {
    display: block;
    padding: 15px 10px;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    transition: all 0.3s ease;
    border-radius: 8px;
    position: relative;
    font-size: 15px;
}

.nav-link:hover {
    background: #0e52d424;
    color: white;
    transform: translateY(-2px);
    border-radius: 4px !important;
}

.dropdown-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dropdown-arrow {
    font-size: 10px;
    transition: transform 0.3s ease;
}

.has-dropdown:hover .dropdown-arrow {
    transform: rotate(180deg);
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    background: white;
    border-radius: 2px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    list-style: none;
    margin: 0;
    padding: 10px 0;
    z-index: 1000;
    display: block;
}

.has-dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-item a {
    display: block;
    padding: 12px 12px;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
    border-radius: 6px;
    margin: 0 10px;
}

.dropdown-item a:hover {
    /*! background: #828282; */
    color: #016ca2;
    transform: translateX(5px);
}

.contact-link {
    /*! background: #f5f6fa; */
    /*! color: #1f7dad !important; */
    /*! border-radius: 2px; */
    /*! font-weight: 600; */
    /*! margin-left: 15px; */
}

.contact-link:hover {
    background: #016ca2;
    color: white !important;
}

/* Mobile Styles */
@media (max-width: 768px) {
    .mobile-menu-toggle {
        display: flex;
    }
    
    .desktop-nav-menu {
        position: fixed;
        top: 0;
        right: -100%;
        width: 280px;
        height: 100vh;
        flex-direction: column;
        background: white;
        padding: 70px 20px 20px;
        transition: right 0.3s ease;
        box-shadow: -5px 0 15px rgba(0,0,0,0.1);
        overflow-y: auto;
    }
    
    .desktop-nav-menu.mobile-active {
        right: 0;
    }
    
    .nav-item {
        width: 100%;
        margin-bottom: 5px;
    }
    
    .nav-link {
        width: 100%;
        text-align: left;
        border-radius: 10px;
        font-size: 16px;
    }
    
    .dropdown-menu {
        position: static;
        box-shadow: none;
        background: #f8f9fa;
        margin: 5px 0;
        border-radius: 10px;
        opacity: 1;
        visibility: visible;
        transform: none;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }
    
    .has-dropdown.mobile-open .dropdown-menu {
        max-height: 500px;
    }
    
    .dropdown-item a {
        margin: 0;
        padding: 10px 15px;
        font-size: 14px;
    }
    
    /* Mobile menu overlay */
    .mobile-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
    }
    
    .mobile-overlay.active {
        opacity: 1;
        visibility: visible;
    }
	
	

.hizli {
  margin-top: 20% !important;
}

#ProductSelect_wrapper {
    overflow-x: auto;
}
#ProductSelect {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}
}

/* Animation for mobile toggle */
.mobile-menu-toggle.active span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
}

.mobile-menu-toggle.active span:nth-child(2) {
    opacity: 0;
}

.mobile-menu-toggle.active span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}
.hizli {
 display: block;
  background: white;
  margin-top: 20px;
  padding: 20px;
  border-radius: 6px;
}

.divblock {
 display: block !important;
}

.stwbs-header {
  background: #016ca2 !important;
  color: white !important;
}

.btn.btn-primary {
  border-radius: 4px !important;
}
.form-control {
  top: 19px !important;
  height: 50px !important;
  width: 100% !important;
  border: none !important;
  border-radius: 4px !important; 
  padding-left: 10px !important;
  background: #f5f6fa !important;
  color: #989abd !important;
  font-weight: 500 !important;
  font-size: 14px !important;
}