@import url("/assets/css/columns.css");
@import url("/assets/css/icomoon.css");
body .system_page, body .cms_ecommerce, body .inner-content-area .system_page, body .inner-content-area .system_page .cms_ecommerce { font-family: 'Muli', sans-serif; font-weight: 400; font-size: 20px; line-height: 32px; color: #000; }
/*---- Listing Style ----*/
.shop-product-small .image { position: relative; }
.shop-product-small .image a { display: block; }
.sale_list { position: absolute; left: 0; top: 15px; line-height: 1; background: #100d7f; color: #fff; text-transform: capitalize; padding: 8px 15px; font-size: 16px; }
.shop-product-small .product_price { display: block; width: 100%; text-align: center; margin-top: 20px; padding: 0 15px; }
.text-black-50 { color: rgba(0,0,0,.5) !important; }
.price del { display: inline-block; margin-right: 5px; }
.price .h3 { color: #100d7f; font-weight: 600; font-family: 'Muli', sans-serif; }
/*---- Detail Page Style ----*/
.description.pro-code { margin-bottom: 10px; line-height: 1; margin-top: 0; }
.attributs-form.grid-row { display: grid; grid-template-columns: 125px 1fr; grid-gap: 10px; -webkit-box-align: center; align-items: center; margin-bottom: 15px; }
.attributs-form.grid-row strong { line-height: 1; vertical-align: middle; display: inline-block; font-size: 18px; }
.custom-select { display: inline-block; width: 100%;  height: calc(1.6em + .876rem + 2px);
 padding: .438rem 2.25rem .438rem .75rem;
 font-size: .9375rem;
font-weight: 400; line-height: 1.6; color: #1c1c1c; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1.25rem center/8px 10px; border: 1px solid #ccc; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; margin-bottom: 0; }
.custom-select:focus { border-color: #000058; outline: 0;  box-shadow: 0 0 0 .2rem rgba(0, 0, 88,.35);
}
.shop-product-large .image { position: relative; }
.shop-product-large .image .sale { position: absolute; right: 15px; top: 0; line-height: 1; background: #100d7f; color: #fff; text-transform: capitalize; padding: 8px 15px; font-size: 16px; font-weight: 600; }
.flex-wrap { flex-wrap: wrap !important; }
.d-flex { display: -webkit-box !important; display: flex !important; }
.product-detail .custom-attribute { padding: 0 1px; }
.product-detail .custom-attribute label { margin: 0 5px 5px 0; display: block; overflow: hidden; height: 30px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; }
.product-detail .custom-attribute input[type="radio"] { position: fixed; left: 0; top: 0; opacity: 0; z-index: -1; }
.product-detail .custom-attribute [type="radio"]:checked ~ .cms_fake_label { border-color: #000; color: #000; font-weight: 700; background: #eee; }
.product-detail .custom-attribute .cms_fake_label { display: inline-block; border: 1px solid #ccc; border-top-color: rgb(220, 220, 220); border-right-color: rgb(220, 220, 220); border-bottom-color: rgb(220, 220, 220); border-left-color: rgb(220, 220, 220); padding: 5px; line-height: 18px; min-width: 45px; text-align: center; height: 100%; }
.custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5375rem; }
.custom-control-input { position: absolute; left: 0; z-index: -1;  width: .9375rem;
height: 1.21875rem; opacity: 0; box-sizing: border-box; padding: 0; }
.custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; display: inline-block; font-size: 16px; line-height: 1.5; }
.custom-checkbox .custom-control-label::before { border-radius: 0; }
.custom-control-label::before, .custom-file-label, .custom-select { -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.custom-control-label::before { position: absolute;  top: .28125rem;
left: -1.5375rem; display: block;  width: .9375rem;
 height: .9375rem;
pointer-events: none; content: ""; background-color: #fff; border: #ccc solid 1px; }
.custom-control-label::after { position: absolute;  top: .28125rem;
left: -1.5375rem; display: block;  width: .9375rem;
 height: .9375rem;
content: ""; background: no-repeat 50%/50% 50%; }
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #000058; }
.custom-control-input:focus ~ .custom-control-label::before {  box-shadow: 0 0 0 .2rem rgba(0, 0, 88,.35);
}
.custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #000058; background-color: #000058; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }
.product-detail .shop-product-info.grid-row { display: grid; grid-template-columns: 95px 1fr; grid-gap: 10px; -webkit-box-align: center; align-items: center; margin-bottom: 15px; }
.shop-product-large .attributes { margin-bottom: 0px; padding: 0 }
.quantity-field { width: 100px; height: 40px; }
.quantity-field { display: -webkit-box; display: flex; border: 1px solid #ddd; }
.quantity-field button { -webkit-appearance: none; background-color: transparent; border: none; margin: 0; padding: 0 12px; position: relative; outline: 0; width: 25px; height: 100%; background: #f3f3f3; }
.quantity-field button::after, .quantity-field button::before { display: inline-block; position: absolute; content: ''; height: 2px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  width: .625rem;
background-color: #100d7f; }
.quantity-field button::after, .quantity-field button::before { display: inline-block; position: absolute; content: ''; height: 2px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  width: .625rem;
background-color: #212121; }
.quantity-field input[type="number"] { line-height: 38px;  font-size: .9375rem;
}
.quantity-field input[type="number"] { line-height: 23px; border-radius: 0; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; text-align: center; height: 100%; border: 1px solid #ced4da; border-width: 0 1px; min-width: 10px; font-size: 13px; }
.quantity-field button.plus::after { -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); }
.btn-row { margin-top: 25px; display: block; }
.btn.btn-secondary, .btn.btn-secondary:focus { font-size: 16px; text-shadow: none; font-family: 'Roboto', sans-serif; padding: 10px 20px; line-height: 1; outline: 0; border-radius: 3px; }
.btn.btn-primary, .btn.btn-primary:focus { font-size: 16px; text-shadow: none; font-family: 'Roboto', sans-serif; padding: 10px 20px; line-height: 1; outline: 0; border-radius: 3px; }
.btn-row .btn, .btn-row .btn:focus { margin-bottom: 0; padding: 12px 20px; line-height: 1; font-size: 18px; border-radius: 3px; font-weight: 400; font-family: 'Roboto', sans-serif; }
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background-color: #2f3990; }
.btn-secondary { color: #fff; background-color: #333; border-color: #333; background: #333; }
.btn.btn-secondary:hover { background: #100d7f; background-color: #100d7f; color: #fff; border-color: #100d7f }
[type="button"], [type="reset"], [type="submit"], button {
 -webkit-appearance: button;
}
/*--- Col CSS ---*/
.content-inner-contain { padding-top: 50px; padding-bottom: 50px; }
.content-inner-contain h1 { margin-bottom: 50px; }
.ds-flex { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.content-inner-contain .table tbody tr:hover td, .content-inner-contain .table tbody tr:hover th { background-color: transparent; }
.attr-list { margin: 0; display: grid; grid-template-columns: minmax(160px, -webkit-max-content) 1fr; grid-template-columns: minmax(160px, max-content) 1fr; grid-gap: 2px 10px; }
/*----- Cart Page CSS -----*/
.products-table table { width: 100%; border: 1px solid #dee2e6;  font-size:.875rem;
margin-bottom: 1.875rem }
.products-table thead { display: none }
@media (min-width:768px) {
.products-table thead { display: table-header-group }
}
.products-table thead th { font-weight: 700; font-size: 1.125rem; border-bottom-width: 1px }
.products-table thead th:first-child { padding-left: 28px }
.products-table thead th:last-child { padding-right: 28px }
@media (max-width:575.98px) {
.products-table tbody { display: block; width: 100% }
}
@media (max-width:575.98px) {
.products-table tbody tr { padding: 15px 5px; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; width: 100% }
.products-table tbody tr:not(:last-child) { border-bottom: 1px solid #dee2e6 }
}
.products-table tbody tr:first-child td { border-top: 0 }
.products-table tbody tr:last-child td:after { display: none }
@media (max-width:575.98px) {
.products-table tbody tr { position: relative }
}
.products-table tbody td { vertical-align: middle }
@media (max-width:991.98px) {
.products-table tbody td { width: auto }
}
@media (min-width:400px) {
.products-table tbody td:first-child,  .products-table tbody td:last-child { position: relative; width: 70px }
.products-table tbody td:first-child:after,  .products-table tbody td:last-child:after { content: ""; position: absolute; height: 3px; width: 28px; background: #fff; bottom: -2px }
}
@media (min-width:768px) {
.products-table tbody td:first-child { padding-left: 28px }
}
.products-table tbody td:first-child:after { left: 0 }
.products-table tbody td:last-child { padding-right: 10px }
@media (min-width:768px) {
.products-table tbody td:last-child { padding-right: 28px }
}
.products-table tbody td:last-child:after { right: 0 }
@media (max-width:575.98px) {
.products-table tbody td { position: relative; display: block; border-top: none; padding: 5px }
.products-table tbody td[data-th=Image] { width: 100px }
.modal .products-table tbody td[data-th=Image] { width: 70px }
.products-table tbody td[data-th=Product] { width: calc(100% - 100px); -webkit-box-flex: 1; flex-grow: 1; padding-right: 25px }
.modal .products-table tbody td[data-th=Product] { width: calc(100% - 70px) }
.products-table tbody td[data-th=Delete] { position: absolute; top: 0; right: 0; width: auto; padding: 5px!important }
.modal .products-table tbody td[data-th=Price] { width: auto }
.products-table tbody td[data-th=Price],  .products-table tbody td[data-th=Quantity] { width: 100px }
.products-table tbody td[data-th=Price],  .products-table tbody td[data-th=Quantity],  .products-table tbody td[data-th=Total] { min-width: 70px }
.products-table tbody td[data-th=Price]:before,  .products-table tbody td[data-th=Tax]:before,  .products-table tbody td[data-th=Qty]:before,  .products-table tbody td[data-th=Total]:before { content: attr(data-th) ": "; display: block; font-weight: 700; margin-top: 3px }
.products-table tbody td [data-th=Total] { text-align: right }
}
.products-table dl { overflow: hidden; color: #7b7777; margin: 0; white-space: normal;  font-size:.875rem
}
.products-table dl dt { float: left; font-weight: 400 }
.products-table dl dd { overflow: hidden; clear: right; margin: 0; padding-left: 5px; text-overflow: ellipsis }
.products-table+hr { margin-top: 1.25rem; margin-bottom: 1.25rem }
.summary-table { width: 100% }
.summary-table tr td:first-child { font-weight: 700; padding-left: 0 }
.summary-table tr td:last-child { text-align: right; padding-right: 0 }
.summary-table tbody tr:first-child td { padding-top: 0 }
.summary-table tbody tr:last-child td { padding-bottom: 1.5rem }
@media (min-width:768px) {
.summary-table tfoot { font-size: 1.125rem }
}
.summary-table tfoot tr:first-child td { border-top: 1px solid #dee2e6; padding-top: 1.5rem }
.summary-table .discount .btn, .summary-table .discount .form-control { margin: -7px 0 }
.summary-table .btn { margin: 0 }
.checkout-summary { width: 100%;  margin-bottom:.875rem;
font-size: 1.125rem }
.checkout-summary td { padding: 10px; text-align: right }
.checkout-summary td:first-child { text-align: left; padding-left: 0; font-weight: 700 }
.container .cms_summary_table tbody td { white-space: normal }
/*---- Checkout CSS ---*/
.cms_ecommerce_summary td span { font-weight: normal; }
.system_form .cms_fake_select select, .cms_ecommerce .cms_fake_select select { height: 48px !important; padding-top: 0; padding-bottom: 0; }
.system_page hr, .cms_ecommerce hr { margin: 20px 0 !important; }
.cms_ecommerce .cms_ecommerce_summary { margin-bottom: 15px !important; line-height: 1 }
.system_form, .cms_ecommerce { margin-top: 0 !important; }
body .system_page a, body .cms_ecommerce a { color: #403D99; }
.btn.btn-primary { color: #fff; }
/*--- Header Links ----*/
.login-bar { display: block; width: 100%; margin-bottom: 15px; float: left; line-height: 1; }
.login-widget { display: inline-block;vertical-align:middle}
.login-nav { margin: 0; list-style: none; color: #fff; position: relative; float: left; width: 100%; }
.login-nav a { color: #fff; font-size: 16px; }
.login-nav li { display: block; float: left; line-height: 0; }
.login-nav li:not(:first-child)::before { content: "/"; color: #fff; display: inline-block; vertical-align: top; margin: 0 4px; }
.top-cart { display: inline-block; }
.shopping-cart { position: relative; color: inherit; text-decoration: none; font-size: 18px; display: block; margin-top: 2px; width: 25px; }
.shopping-cart.active .bullet { position: absolute; top: 0px; right: 2px; width: 8px; height: 8px; background-color: #fdee21; border: 1px solid #fdee21; border-radius: 50%; }
.shopping-cart:hover { color: #fff }
/*----- account pages ----*/
#account-sidebar ul.category-menu > li:first-child { text-align: left; text-transform: capitalize; }
.account-pages { padding-top: 70px; }
.account-white-bg { width: 100%; background: #fff; padding: 25px; }
.account-white-bg .cms_row { margin-bottom: 30px; }
.account-white-bg .cms_row h2 { margin-bottom: 15px; border-bottom: 1px solid #f2f2f1; padding-bottom: 5px; }
.account-white-bg .cms_row .account-col { line-height: 2; }
.account-white-bg .cms_row .account-col strong { position: relative; }
.account-white-bg .cms_row .account-col strong:after { content: ":"; display: inline-block; margin: 0 2px; }
.account-white-bg .cms_row:last-child { margin-bottom: 0; }
.account-pages .inner-head { margin-top: 0; }
.account-history-inner { width: 100%; background: #fff; padding: 25px; }
.account-cases-list li { margin-bottom: 15px; }
.account-cases-list li:last-child { margin-bottom: 0; }
.account-orders h2, .account-cases h2 { border-bottom: 1px solid #f2f2f1; padding-bottom: 5px; }
.shop-product-small .image .price { line-height: 1; }
.product-detail .custom-attribute [type="radio"]:checked ~ .cms_fake_label, .product-detail .custom-attribute [type="radio"]:checked .cms_fake_label { border-color: #000; color: #000; font-weight: 700; background: #eee; }