/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * COLORS
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
:root {
	--main-color:#393E41;
	--main-color-invert:#FFF;
	--primary-theme-color-1:#D41E5B;
	--primary-theme-color-2:#703E09;
	--primary-theme-color-3:#A41F12;
	--primary-theme-color-4:#E44570;
	--primary-theme-color-5:#F0708A;
	--secondary-theme-color-1:#FF1E5E;
	--secondary-theme-color-2:#B50019;
	--secondary-theme-color-3:#DA083A;
	--secondary-theme-color-4:#FF577D;
	--secondary-theme-color-5:#FF94A5;

	--header-bg:#000;

	--gray-dark:#393E40;
	--gray-medium:#E6E6E6;
	--gray-regular:#666;
	--gray:#999;
	--gray-light:#EBEBEB;
	--gray-lightest:#F7F7F7;

	--error-text:#721C24;
	--error-border:#F5C6CB;
	--error-bg:#F8D7DA;
	--error-remove:#FF4000;

	--maintenance-bg:#FFE484;

	--chip-bg-1:#DDCCF0;
	--chip-bg-2:#D1E9F5;
	--chip-bg-3:#F8ECE7;
	--chip-before:rgba(128,128,128,.1);
	--chip-strip-1:#404040;
	--chip-strip-2:#1A1A1A;

	--black-bg-alpha-1:rgba(0,0,0,.1);
	--black-bg-alpha-3:rgba(0,0,0,.3);
	--black-bg-alpha-5:rgba(0,0,0,.5);
	--primary-bg-alpha-3:rgba(209,130,146,.3);
}

/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * GENERAL
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
html {height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
html,
body {font-family:'Roboto', sans-serif; font-size:14px; color:var(--main-color);}
body {display:flex; flex-direction:column; min-height:100%;}
.wrapper {flex:1;}

_:-ms-fullscreen, :root body {display:block; height:100%;}

/* Manutenção */
.maintenance {width:100%; padding:0.625rem; font-size:0.75rem; text-align:center; text-transform:uppercase; color:var(--main-color); background:var(--maintenance-bg);}

/* Scroll */
.scroll {position:fixed; right:0.925rem; bottom:0.925rem; z-index:9999; width:2.5rem; height:2.5rem; font-size:1.25rem; line-height:2.4rem; text-align:center; color:var(--main-color-invert); -webkit-border-radius:0.25rem; border-radius:0.25rem; background:var(--black-bg-alpha-3);}
.scroll:hover,
.scroll:focus {color:var(--main-color-invert); background:var(--black-bg-alpha-5);}
.scroll {background:#000\9; filter:alpha(opacity=50);} /* IE 8 */
_:-ms-fullscreen, :root .scroll {right:1.563rem;} /* IE 11 */

/* Typography */
h1 {font-size:38px; line-height:46px; font-weight:900;}
h2 {font-size:34px; line-height:42px; font-weight:900;}
h3 {font-size:30px; line-height:36px; font-weight:900;}
h4 {font-size:26px; line-height:32px; font-weight:900;}
h5 {font-size:22px; line-height:26px; font-weight:900;}
h6 {font-size:18px; line-height:20px; font-weight:900;}

h3:before {position:absolute; bottom:-9px; left:0; right:0; content:""; width:170px; height:2px; margin:auto; background:var(--primary-theme-color-5);}

/* Link */
a {font-weight:900; color:var(--primary-theme-color-1);}
a:hover,
a:focus {color:var(--primary-theme-color-4);}
a.link-simple {font-weight:400; color:var(--secondary-theme-color-1);}
a.link-simple:hover,
a.link-simple:focus {color:var(--secondary-theme-color-1);}
a,
a:hover,
a:focus {-webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out;}

/* Border radius */
.rounded-left {border-top-right-radius:0 !important; border-bottom-right-radius:0 !important; border-top-left-radius:.25rem !important; border-bottom-left-radius:.25rem !important;}
.rounded-right {border-top-left-radius:0 !important; border-bottom-left-radius:0 !important; border-top-right-radius:.25rem !important; border-bottom-right-radius:.25rem !important;}

/* Form */
.custom-select,
.form-control {border-color:var(--gray-light); color:var(--main-color); background-color:var(--gray-lightest);}
.btn:focus,
.custom-select:focus,
.form-control:focus {border-color:var(--primary-theme-color-4);}
.custom-select:focus,
.form-control:focus {-webkit-box-shadow:0 0 15px 0 var(--primary-bg-alpha-3); box-shadow:0 0 15px 0 var(--primary-bg-alpha-3);}
.form-group .input-group .form-control {width:100%;}

/* Buttons */
.btn:focus {box-shadow:none;}
.btn-store {height:50px !important; padding:10px 25px; border-color:var(--primary-theme-color-1) !important; font-size:16px; line-height:1.8; color:var(--main-color-invert) !important; background:var(--primary-theme-color-1) !important;}
.btn-store:hover,
.btn-store:focus {border-color:var(--primary-theme-color-4) !important; background:var(--primary-theme-color-4) !important;}
.btn-store-secondary {border-color:var(--secondary-theme-color-1) !important; font-size:16px; color:var(--main-color-invert) !important; background:var(--secondary-theme-color-1) !important;}
.btn-store-secondary:hover,
.btn-store-secondary:focus {border-color:var(--secondary-theme-color-1) !important; color:var(--secondary-theme-color-1) !important; background:var(--main-color-invert) !important;}
.btn-store-outline {border-color:var(--primary-theme-color-1) !important; color:var(--primary-theme-color-1) !important; background:var(--main-color-invert) !important;}
.btn-store-outline:hover,
.bnt-store-outline:focus {border-color:var(--primary-theme-color-1) !important; color:var(--main-color-invert) !important; background:var(--primary-theme-color-1) !important;}
.btn-lg {height:60px !important; line-height:2.5 !important;}
.btn-sm {height:auto !important; padding:.25rem .5rem; font-size:.875rem; line-height:1.5;}

.error {color:var(--error-text);}
label.error {margin-top:3px; padding:2px 7px; border:1px solid var(--error-border); border-radius:4px; font-size:12px; background-color:var(--error-bg);}

/* Margins */
.mt-50 {margin-top:25px;}
.mb-50 {margin-bottom:25px;}
.mt-100 {margin-top:50px;}
.mb-100 {margin-bottom:50px;}

/* Table */
.table thead th,
.table thead td,
.table tbody th,
.table tbody td {vertical-align:middle;}
.table .thead-dark th {border-color:var(--primary-theme-color-1); color:var(--main-color-invert); background-color:var(--primary-theme-color-1);}

.table-cart {color:var(--main-color);}
.table-cart .thead-dark th {border-color:var(--main-color); color:var(--main-color-invert); background-color:var(--main-color);}
.table-cart th,
.table-cart td {display:block; border-top-color:var(--gray-light);}
.table-cart td::before {float:left; content:attr(data-title) ": "; padding-right:5px; font-weight:700;}
.table-cart td.cart-thumb::before,
.table-cart td.cart-remove::before {display:none;}
.table-cart .cart-name a {color:var(--main-color);}
.table-cart .cart-name a:hover,
.table-cart .cart-name a:focus {color:var(--primary-theme-color-4);}
.table-cart .cart-name a small {color:var(--secondary-theme-color-1);}
.table-cart .cart-name a:hover small,
.table-cart .cart-name a:focus small {color:var(--secondary-theme-color-1) !important;}
.table-cart .cart-price del {font-size:14px; line-height:22px; font-weight:400; color:var(--gray);}
.table-cart .cart-price ins {font-size:14px; line-height:22px; font-weight:400; text-decoration:none; color:var(--main-color);}
.table-cart .cart-subtotal {font-size:16px;font-weight:900;}
.table-cart .cart-remove a {color:var(--gray-medium);}
.table-cart .cart-remove a:hover,
.table-cart .cart-remove a:focus {text-decoration:none; color:var(--error-remove);}
.table-cart .cart-footer td {border-color:var(--primary-theme-color-5); color:var(--primary-theme-color-1); background-color:var(--primary-theme-color-5);}
.table-cart .cart-footer td::before {display:none;}
.table-cart .cart-footer .cart-total {font-size:22px;}

.table-cart-totals th {background:var(--gray-lightest);}
.table-cart-totals .cart-totals-total td {font-size:26px; color:var(--primary-theme-color-4);}

/* Loader do ajax */
.ajax-load {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:var(--black-bg-alpha-5); z-index:99999;}
.ajax-load-box {margin:auto; text-align:center; color:var(--main-color-invert); font-weight:700; text-shadow:1px 1px 1px var(--black-bg-alpha-5);}
.ajax-load-box-circle {border:16px solid var(--gray-medium); border-top:16px solid var(--primary-theme-color-1); border-radius:50%; margin:auto; width:80px; height:80px; -webkit-animation:spin 1.2s linear infinite; -o-animation:spin 1.2s linear infinite; animation:spin 1.2s linear infinite}
.ajax-load-box-title {margin-top:15px; font-weight:600}
@-webkit-keyframes spin { 0%{ -webkit-transform:rotate(0deg)} 100%{-webkit-transform:rotate(360deg)} }
@keyframes spin{ 0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)}; }

/* Badge */
.badge-primary {color:var(--main-color-invert); background:var(--primary-theme-color-1);}

/* Order success */
.order-success {color:var(--primary-theme-color-1);}


/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * HEADER
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
header {min-height:180px; padding:25px 0; background:var(--header-bg);}
header .brand {width:220px; height:101px; background:url(../images/png/logo.png) no-repeat top center;}
/* Form */
header .form-search .custom-select,
header .form-search .form-control,
header .form-search .btn {height:40px; border-color:var(--main-color-invert); font-size:12px; color:var(--main-text); background-color:var(--main-color-invert);}
header .form-search .form-control {width:79%;}
header .form-search .btn {width:20%; height:40px !important; border-top-right-radius:.25rem !important; border-bottom-right-radius:.25rem !important; line-height:1.5;}
header .form-search .form-control {border-top-left-radius:.25rem !important; border-bottom-left-radius:.25rem !important;}
/* Widget cart */
header .widget-cart .btn-store {width:40px !important; height:40px !important; padding:10px; font-size:16px; line-height:1.2;}
header .widget-cart .cart-counter {top:-10px; right:-10px; padding:3px 5px; font-size:12px; color:var(--main-color-invert); background-color:var(--primary-theme-color-4);}
header .widget-price {color:var(--gray);}


/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * NAVBAR
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
.navbar {min-height:50px; font-size:16px; background-color:var(--main-color-invert); -webkit-box-shadow:0 1px 1px 0 var(--black-bg-alpha-1); box-shadow:0 1px 1px 0 var(--black-bg-alpha-1);}
.navbar .navbar-nav .nav-link {color:var(--gray-dark);}
.navbar .navbar-nav #all-departments {color:var(--primary-theme-color-1);}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link:focus,
.navbar .navbar-nav #all-departments:hover,
.navbar .navbar-nav #all-departments:focus {color:var(--primary-theme-color-4);}
/* Dropdown */
.navbar .dropdown-menu {-webkit-box-shadow:0 10px 10px 0 var(--black-bg-alpha-1); box-shadow:0 10px 10px 0 var(--black-bg-alpha-1);}
.navbar .dropdown-menu .dropdown-item {padding:.5rem 1.5rem; border-left:3px solid var(--main-color-invert);}
.navbar .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu .dropdown-item:focus {border-left-color:var(--primary-theme-color-1); background-color:var(--gray-lightest);}
/* Navbar toggler */
.navbar-toggler {border:0;}
.navbar-toggler-icon {background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(57, 62, 64, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}


/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * FOOTER
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
footer {min-height:270px; font-size:14px; color:var(--gray-dark);}
footer .footer-inner {min-height:220px; background:var(--gray-lightest);}
footer .footer-inner .footer-icon {font-size:32px;}
footer .footer-inner h6 {font-size:16px;}
footer .footer-inner li a {font-weight:normal; color:var(--gray-dark);}
footer .footer-inner li a:hover,
footer .footer-inner li a:focus {color:var(--primary-theme-color-4);}

footer .footer-copyright {min-height:50px; font-size:13px; line-height:18px; color:var(--primary-theme-color-1); background:var(--primary-theme-color-5);}
footer .footer-copyright p:last-child {line-height:10px;}
footer .footer-copyright a {display:contents; color:var(--primary-theme-color-1);}
footer .footer-copyright a:hover,
footer .footer-copyright a:focus {color:var(--primary-theme-color-4);}


/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * MULTI BOX
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
.multi-box {overflow:hidden; border:1px solid var(--gray-light); background:var(--main-color-invert);}
.multi-box .box-item {padding:0 15px;}
.multi-box .box-wrap {padding:23px 0;}
.multi-box .box-wrap span {float:left; margin-right:20px; color:var(--primary-theme-color-1);}
.multi-box .box-wrap .box-info {overflow:hidden;}
.multi-box .box-wrap .box-info h6 {margin-bottom:0; font-size:16px; color:var(--gray-dark);}
.multi-box .box-wrap .box-info small {font-size:13px; color:var(--gray);}
.multi-box .box-content {padding:20px; font-size:14px;}
.multi-box .box-content h3:before {display:none;}
.multi-box .box-content .select2-container,
#modal-address .select2-container,
.box-shipping .select2-container {width:100% !important;}
.multi-box .box-shipping {padding:20px; background:var(--gray-lightest);}
.multi-box .box-shipping h6 {font-size:18px;}
.multi-box .box-shipping .form-control,
.multi-box .box-shipping .custom-select,
.multi-box .box-shipping .input-group .input-group-text {border-color:var(--gray-light); background-color:var(--main-color-invert);}
.multi-box .box-shipping button {border-color:var(--primary-theme-color-1); color:var(--main-color-invert); background:var(--primary-theme-color-1);}
.box-options:not(.box-chosen):hover,
.box-options:not(.box-chosen):focus {border-color:var(--primary-theme-color-4); cursor:pointer;}
.box-chosen {border-color:var(--primary-theme-color-1); -webkit-box-shadow:0 5px 30px 0 var(--black-bg-alpha-1); box-shadow:0 5px 30px 0 var(--black-bg-alpha-1);}


/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * SORTBAR
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
.sortbar {padding:10px;}
.sortbar select {width:48%;}


/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * PRODUCTS
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
.products-list h3 {font-size:30px; color:var(--primary-theme-color-1);}
.products-list .item-wrap {overflow:hidden; min-height:440px; background-color:var(--gray-lightest);}
.products-list .item-wrap .item-img {padding:5px;}
.products-list .item-wrap .item-img .item-buttons {top:20px; left:20px; z-index:3; opacity:0; filter:alpha(opacity=0);}
.products-list .item-wrap .item-img .item-buttons .btn {position:relative; display:block; float:none; vertical-align:top; overflow:hidden; max-width:32px; width:32px; height:32px; margin:5px 0; padding:0 7px; line-height:32px; font-weight:400; text-align:center; font-size:0; color:var(--main-color-invert); background-color:var(--main-color); -webkit-transform:translateX(-60px); -moz-transform:translateX(-60px); -o-transform:translateX(-60px); -ms-transform:translateX(-60px); transform:translateX(-60px); -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
.products-list .item-wrap .item-img .item-buttons .btn i {font-size:14px; line-height:32px;}
.products-list .item-wrap .item-img .item-buttons .btn span {line-height:26px; margin-left:5px;}
.products-list .item-wrap .item-img .item-buttons .btn:hover,
.products-list .item-wrap .item-img .item-buttons .btn:focus {max-width:215px; width:auto; font-size:12px; background-color:var(--primary-theme-color-4);}
.products-list .item-wrap .item-detail {padding:15px;}
.products-list .item-wrap .item-detail h4 {min-height:90px; font-size:16px; line-height:22px; color:var(--gray-dark);}
.products-list .item-wrap .item-detail .item-price {min-height:45px;}
.products-list .item-wrap .item-detail .item-price del {font-size:14px; line-height:22px; font-weight:400; color:var(--main-color);}
.products-list .item-wrap .item-detail .item-price ins {font-size:20px; line-height:22px; font-weight:900; text-decoration:none; color:var(--primary-theme-color-1);}
.products-list .item-wrap a {top:0; left:0; width:100%; height:100%;}
.products-list .item-wrap:hover,
.products-list .item-wrap:focus {background-color:var(--main-color-invert); -webkit-box-shadow:0 5px 30px 0 var(--black-bg-alpha-1); box-shadow:0 5px 30px 0 var(--black-bg-alpha-1); -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out;}
.products-list .item-wrap:hover .item-img .item-buttons,
.products-list .item-wrap:focus .item-img .item-buttons {opacity:1; filter:alpha(opacity=100);}
.products-list .item-wrap:hover .item-img .item-buttons .btn,
.products-list .item-wrap:focus .item-img .item-buttons .btn {-webkit-transform:translateX(0); -moz-transform:translateX(0); -o-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
.products-list .item-wrap:hover .item-detail h4,
.products-list .item-wrap:focus .item-detail h4 {color:var(--primary-theme-color-1);}
.products-list .item-wrap:hover .item-detail .item-price ins,
.products-list .item-wrap:focus .item-detail .item-price ins {color:var(--primary-theme-color-4);}

/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * BRANDS
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
.brands-list h3 {font-size:30px; color:var(--primary-theme-color-1);}
.brands-list .item-wrap {overflow:hidden; min-height:230px; background-color:var(--gray-lightest);}
.brands-list .item-wrap .item-img {padding:5px;}
.brands-list .item-wrap .item-detail {padding:15px;}
.brands-list .item-wrap .item-detail h4 {min-height:35px; font-size:16px; line-height:22px; color:var(--gray-dark);}
.brands-list .item-wrap a {top:0; left:0; width:100%; height:100%;}
.brands-list .item-wrap:hover,
.brands-list .item-wrap:focus {background-color:var(--main-color-invert); -webkit-box-shadow:0 5px 30px 0 var(--black-bg-alpha-1); box-shadow:0 5px 30px 0 var(--black-bg-alpha-1); -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out;}
.brands-list .item-wrap:hover .item-detail h4,
.brands-list .item-wrap:focus .item-detail h4 {color:var(--primary-theme-color-1);}
.brands-list .item-wrap:hover .item-detail .item-price ins,
.brands-list .item-wrap:focus .item-detail .item-price ins {color:var(--primary-theme-color-4);}


/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * PRODUCT DETAIL
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
.product-detail h1 {color:var(--primary-theme-color-1);}
.product-detail .product-brand {color:var(--primary-theme-color-4);}
.product-detail .product-price del {font-size:14px; line-height:22px; font-weight:400; color:var(--gray);}
.product-detail .product-price ins {font-size:26px; line-height:32px; font-weight:900; text-decoration:none; color:var(--primary-theme-color-4);}
.product-detail .photoswipe img {-webkit-box-shadow:0 0 2px 0 var(--black-bg-alpha-3); box-shadow:0 0 2px 0 var(--black-bg-alpha-3);}


/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * PAGE HEADER
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
.page-header {min-height:120px; padding:40px 20px;}
.page-header h1 {color:var(--primary-theme-color-1);}


/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * BREADCRUMB
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
.breadcrumb {margin-bottom:50px; border:1px solid var(--gray-light); font-size:12px; color:var(--gray-regular); background:var(--gray-lightest);}
.breadcrumb-item.active {font-weight:900;}
.breadcrumb-item + .breadcrumb-item::before {display:inline-block; content:"\f101";	font-family:"Font Awesome 5 Free"; font-weight:900; line-height:1; font-style:normal; font-variant:normal; text-rendering:auto; color:var(--gray-regular);}


/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * PAGINATION
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
.pagination .active .page-link {border-color:var(--primary-theme-color-1); background-color:var(--primary-theme-color-1);}
.pagination .page-link {padding:10px 15px; border-color:var(--gray-light); font-weight:400; color:var(--gray-regular);}
.pagination .page-link:hover,
.pagination .page-link:focus {border-color:var(--primary-theme-color-4); color:var(--main-color-invert); background:var(--primary-theme-color-4); box-shadow:none;}


/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * NAV CLIENT
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
#nav-client .list-group-item.disabled {font-size:18px; color:var(--primary-theme-color-1);}
#nav-client .list-group-item:hover,
#nav-client .list-group-item:focus {color:var(--secondary-theme-color-1);}
#nav-client .list-group-item.active {border:1px solid var(--black-bg-alpha-1); border-left:3px solid var(--primary-theme-color-1); color:var(--primary-theme-color-1); background-color:var(--gray-lightest);}


/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * ADDRESS
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
.address-edit,
.address-remove {color:var(--gray);}
.address-remove:hover,
.address-remove:focus {color:var(--error-remove);}


/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * CREDIT CARD
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
.credit-card-box {width:400px; height:280px; -webkit-perspective:1000; perspective:1000;}
.credit-card-box:hover .flip,
.credit-card-box.hover .flip {-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.credit-card-box .front,
.credit-card-box .back {position:absolute; top:0; left:0; width:400px; height:250px; border-radius:15px; text-shadow:0 1px 1px var(--black-bg-alpha-3); color:var(--main-color-invert); background:linear-gradient(135deg, var(--primary-theme-color-1), var(--primary-theme-color-2)); -webkit-backface-visibility:hidden; backface-visibility:hidden; box-shadow:0 1px 6px var(--black-bg-alpha-3);}
.credit-card-box .front::before,
.credit-card-box .back::before {position:absolute; top:0; left:0; content:''; width:100%; height:100%; background:url('../images/svg/world.svg') no-repeat center; background-size:cover; opacity:.05;}
.credit-card-box .flip {position:relative; -webkit-transition:0.6s; transition:0.6s; -webkit-transform-style:preserve-3d; transform-style:preserve-3d;}
.credit-card-box .logo {position:absolute; top:9px; right:20px; width:60px;}
.credit-card-box .logo svg {width:100%; height:auto; fill:var(--main-color-invert);}
.credit-card-box .front {z-index:2; -webkit-transform:rotateY(0deg); transform:rotateY(0deg);}
.credit-card-box .back {-webkit-transform:rotateY(180deg); transform:rotateY(180deg);}
.credit-card-box .back .logo {top:185px;}
.credit-card-box .chip {position:absolute; top:20px; left:20px; width:60px; height:45px; border-radius:8px; background:linear-gradient(135deg, var(--chip-bg-1) 0%, var(--chip-bg-2) 44%, var(--chip-bg-3) 100%);}
.credit-card-box .chip::before {position:absolute; top:0; bottom:0; left:0; right:0; content:''; margin:auto; width:80%; height:70%; border:4px solid var(--chip-before); border-radius:5px;}
.credit-card-box .strip {position:absolute; top:30px; left:0; width:100%; height:50px; background:linear-gradient(135deg, var(--chip-strip-1), var(--chip-strip-2));}
.credit-card-box .number {position:absolute; top:103px; left:19px; margin:0 auto; font-size:38px;}
.credit-card-box label {display:block; opacity:0.5; margin-bottom:3px; font-size:10px; font-weight:normal; letter-spacing:1px; text-shadow:none; text-transform:uppercase;}
.credit-card-box .card-holder {width:65%;}
.credit-card-box .card-holder,
.credit-card-box .card-expiration-date {position:absolute; top:180px; left:19px; margin:0 auto; font-size:22px; text-transform:capitalize;}
.credit-card-box .card-expiration-date {left:auto; right:20px; text-align:right;}
.credit-card-box .ccv {position:absolute; top:110px; left:0; right:0; width:91%; height:36px; margin:0 auto; padding:10px; border-radius:5px; color:var(--main-color); text-align:right; background:var(--main-color-invert);}
.credit-card-box .ccv label {margin:-25px 0 8px; color:var(--main-color-invert);}


/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * ACCORDION
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
.accordion .card {margin-bottom:20px; border:0;}
.accordion .card-header {border:0; background-color:var(--gray-lightest);}
.accordion .card-header h2 .btn {font-size:20px; color:var(--primary-theme-color-1);}
.accordion .card-show {background-color:var(--main-color-invert); -webkit-box-shadow:0 5px 30px 0 var(--black-bg-alpha-1); box-shadow:0 5px 30px 0 var(--black-bg-alpha-1); -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out;}
.accordion .card-body p:last-child {margin-bottom:0;}


/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * RESPONSIVE
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * Small devices [sm]
 * (landscape phones, 576px and up)
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
@media (min-width: 576px) {
	.mt-sm-50 {margin-top:50px;}
	.mb-sm-50 {margin-bottom:50px;}
	.mt-sm-100 {margin-top:100px;}
	.mb-sm-100 {margin-bottom:100px;}
	header {padding:40px 0;}
	header .form-search .form-control {width:280px; border-left-color:var(--gray-light); border-radius:0 !important;}
	header .form-search .custom-select {border-top-left-radius:.25rem !important; border-bottom-left-radius:.25rem !important; border-top-right-radius:0 !important;}
	header .form-search .btn {width:auto; border-top-right-radius:.25rem !important; border-bottom-right-radius:.25rem !important;}
	.multi-box .box-item:before {position:absolute; top:20px; right:-15px; content:""; width:1px; height:50px; background:var(--gray-light);}
	.multi-box .col-12:last-child .box-item:before {display:none;}
}

@media (max-width: 767px) {
	.table-cart thead {display:none;}
	.table-cart .cart-thumb,
	.table-cart .cart-name,
	.table-cart .cart-price,
	.table-cart .cart-quantity,
	.table-cart .cart-subtotal,
	.table-cart .cart-remove {border:1px solid var(--gray-light);}
	.table-cart .cart-thumb,
	.table-cart .order-number {border-bottom:0;}
	.table-cart .cart-remove,
	.table-cart .order-actions {border-top:0;}
	.table-cart .cart-name,
	.table-cart .cart-price,
	.table-cart .cart-quantity,
	.table-cart .cart-subtotal,
	.table-cart .order-date,
	.table-cart .order-total,
	.table-cart .order-status,
	.table-cart .order-actions {border-top:0; border-bottom:0;}
	.table-order .cart-name {border-top:1px solid var(--gray-light);}
	.table-order .cart-subtotal {border-bottom:1px solid var(--gray-light);}
	.table-cart .cart-footer td:last-child {display:none;}
	.tracking dd {border-top:0 !important;}
}

/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * Medium devices [md]
 * (tablets, 768px and up)
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
@media (min-width: 768px) {
	h1 {font-size:42px; line-height:50px;}
	h2 {font-size:38px; line-height:46px;}
	h3 {font-size:34px; line-height:42px;}
	h4 {font-size:30px; line-height:36px;}
	h5 {font-size:26px; line-height:32px;}
	h6 {font-size:22px; line-height:20px;}
	header .brand {width:200px; height:92px; background:url(../images/png/logo-md.png) no-repeat top center;}
	header .form-search .form-control {width:auto; border:0; border-top-left-radius:.25rem !important; border-bottom-left-radius:.25rem !important;}
	.multi-box .box-item:before {height:145px;}
	.multi-box-contacts .box-item:before {height:105px;}
	.multi-box .box-wrap span {float:none; margin-right:0;}
	.table-cart th,
	.table-cart td {display:table-cell;}
	.table-cart td::before {display:none;}
}

/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * Large devices [lg]
 * (desktops, 992px and up)
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
@media (min-width: 992px) {
	header .form-search .form-control {width:220px; border-left:1px solid var(--gray-light); border-radius:0 !important;}
	header .form-search .custom-select {border-top-left-radius:.25rem !important; border-bottom-left-radius:.25rem !important; border-top-right-radius:0 !important;}
	header .form-search .btn {width:auto; border-top-right-radius:.25rem !important; border-bottom-right-radius:.25rem !important;}
	.multi-box .box-item {padding:0 10px;}
	.multi-box .box-item:before {height:50px;}
	.multi-box .box-wrap span {float:left; margin-right:10px;}
	.btn-block {display:inline-block !important; width:auto !important;}
	.btn-block + .btn-block {margin-top:0;}
}


/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * Extra large devices [xl]
 * (large desktops, 1200px and up)
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
@media (min-width: 1200px) {
	header .brand {width:220px; height:101px; background:url(../images/png/logo.png) no-repeat top center;}
	header .form-search .form-control {width:280px;}
	.multi-box .box-item {padding:0 15px;}
	.multi-box .box-item:before {right:0;}
	.multi-box .box-wrap span {margin-right:20px;}
	.form-group .input-group .form-control {width:20%;}
}