/* SYSTEM */
.sys-message {margin: 60px 0; text-align: center;}
.sys-message-icon {width: 128px; height: 128px;}
.sys-message-text {margin-top: 20px; font-weight: bold;}
.hint {font-size: 14px; color: gray;}

/* PAGES SIDEBAR */
.pages-sidebar {padding: 10px;}
.sb-caption {padding-bottom: 15px; margin-bottom: 15px; font-size: 18px; font-weight: bold; color: #4f5d64; border-bottom: 1px solid lightgray;}
.sb-tree-list {margin: 0; padding: 0; list-style: none; font-size: 15px;}
.sb-tree-list li a {display: block; color: #333; text-decoration: none; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid lightgray; line-height: 20px; transition: 0.2s color;}
.sb-tree-list li.selected a {color: #0096ff;}
.sb-tree-list li.selected ul li a {color: #333;}
.sb-tree-list li a:hover {color: #0096ff;}
.sb-tree-list li a div {margin-left: 20px;}
.sb-tree-list li ul {list-style: none;}
.sb-tree-list li:last-child a {padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.sb-tree-list-icon {width: 10px; height: 10px; transform: rotate(-90deg); float: left; margin-top: 4px;}

/* CART */
.c-items {width: calc(100% - 300px);}
.c-item {border: 1px solid lightgray; border-radius: 3px; overflow: hidden; margin-bottom: 15px; transition: 0.2s box-shadow; font-size: 0;}
.c-item:hover {box-shadow: 0 0 15px 0 rgba(37, 117, 188, .29);}
.c-item a {color: #333; text-decoration: none; font-weight: bold;}
.c-sku-name {color: gray; font-size: 15px;}
.c-sku-price {font-size: 15px; margin-top: 3px;}
.c-item-image {display: inline-block; vertical-align: middle; width: 30%;}
.c-item-image img {max-width: 100%; max-height: 100%; display: block; margin: 0 auto;}
.c-item-data {display: inline-block; vertical-align: middle; width: calc(70% - 60px); font-size: initial; padding: 15px;}
.c-product-name {font-size: 20px;}
.c-item-qty-total {margin-top: 25px;}
.c-item-qty {display: inline-block; height: 46px; border: 1px solid lightgray; border-radius: 26px; overflow: hidden; user-select: none;}
.c-item-qty input {height: 43px; border: none; text-align: center; width: 80px; outline: none;}
.c-item-qty-control {display: inline-block; vertical-align: top; width: 46px; height: 46px; line-height: 41px; text-align: center; font-size: 25px; cursor: pointer;}
.c-item-total {display: inline-block; vertical-align: top; line-height: 44px; margin-left: 30px; font-size: 28px;}
.c-item-total svg {display: inline-block; vertical-align: top; display: none;}
.c-item-remove {display: inline-block; vertical-align: middle; width: 60px;}
.c-item-remove-icon {display: inline-block; vertical-align: top; width: 32px; height: 32px;}
.ct-controls {width: 285px; border: 1px solid lightgray; margin-left: 15px; border-radius: 3px; padding: 15px;}
.c-coupon-wrap, .c-total {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed lightgray;}
.c-coupon-wrap input[type="submit"] {border: none; background: none; text-align: center; width: 100%; font-size: 15px; margin-top: 9px; outline: none; text-decoration: underline; color: #0096ff; cursor: pointer;}
.c-coupon-wrap input[type="text"] {width: 100%; font-size: 14px; height: 42px; outline: none; border-radius: 3px; border: 1px solid lightgray; padding: 0 10px;}
.c-coupon-wrap input[type="text"]:focus {box-shadow: 0 0 15px 0 rgba(37, 117, 188, .29);}
.c-coupon-message {font-size: 14px; margin-top: 5px; text-align: center;}
.c-coupon-error	{color: #9a1f1f;}
.c-coupon-success {color: #249a5e;}
.c-total-wrap {text-align: center;}
.c-total-name {color: gray; font-size: 15px;}
.c-total-value {font-size: 28px; line-height: 32px;}
.checkout-proceed-wrap a {display: block;}

/* COMPARE */
.cmp-wrap {max-width: 100%; overflow: hidden;}
.cmp {width: 100%; border-collapse: collapse; font-size: 15px;}
.cmp-img {display: table; vertical-align: middle; width: 100%; height: 200px; margin: 0 auto; transition: 0.2s width,height;}
.cmp-img-inner {display: table-cell; vertical-align: middle; width: 100%;}
.cmp-img img {display: block; margin: 0 auto; max-width: 100%; max-height: 200px; height: auto; width: auto;}
.cmp tr:nth-child(odd) td {background: #f3f3f3;}
.cmp tr:nth-child(even) td {background: #fff;}
.cmp th {width: 170px; min-width: 170px; background: white; position: relative;}
.cmp td, .cmp th {padding: 10px 5px; padding-left: 15px;}
.cmp td.shadowed {box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);}
.cmp th:first-child {position: -webkit-sticky; position: sticky; left: 0; z-index: 1;}
.cmp td:first-child {position: -webkit-sticky; position: sticky; left: 0; text-align: left;}
.cmp td.cmp-fv {color: #4f5d64; font-weight: bold; z-index: 1;}
.cmp td[data-num], .cmp th[data-num] {text-align: center;}
.cmp tr.not-same td {font-weight: bold;}
.cmp tr.same td {color: #4f5d64;}
.cmp-name {line-height: 25px; min-height: 75px;}
.cmp-clear {display: inline-block; vertical-align: top; padding: 0 15px; margin-top: 0; float: right;}
.cmp-upper-scroll {overflow: auto; position: fixed; bottom: 0; left: 15px; right: 15px; z-index: 2;}
.cmp th.floating {box-shadow: 0 3px 6px rgba(0,0,0,.07);}
.cmp th.floating .cmp-img {width: 50%; height: 100px;}
.cmp th.floating .cmp-remove {display: none;}
.cmp th.floating .cmp-name {min-height: 25px;}
.cmp th.floating .cmp-img img {max-height: 100px;}
.cmp-scroll-hint {display: none; font-size: 13px; color: gray; text-align: center; font-weight: normal;}
.cmp-wrap.scrollable .cmp-scroll-hint {display: block;}

/* TOGGLER */
.tgl {margin: 0; padding: 0; list-style: none; border: 1px solid #1e88e5; border-radius: 3px; overflow: hidden; display: inline-block; font-size: 15px;}
.tgl li {display: inline-block; vertical-align: top;}
.tgl li a {line-height: 42px; display: block; padding: 0 15px; text-decoration: none; color: #333; transition: 0.2s background;}
.tgl li a:hover {background: #edf7ff;}
.tgl li a.selected {background: #1e88e5; color: white;}

/* MY ORDERS */
.my-orders {margin-top: 25px;}
.my-order {border: 1px solid lightgray; border-radius: 3px; position: relative; overflow: hidden; margin-bottom: 15px; transition: 0.2s box-shadow;}
.my-order:hover {box-shadow: 0 0 15px 0 rgba(37, 117, 188, .29);}
.my-order-status {display: inline-block; padding: 5px 10px; right: 0; color: white; font-size: 14px; border-radius: 3px; margin-top: 10px;}
.my-order-data {display: inline-block; vertical-align: middle; width: 25%; padding: 15px;}
.my-order-data a {text-decoration: none; color: #333;}
.my-order-number {font-size: 18px; font-weight: bold;}
.my-order-date {font-size: 14px; color: gray;}
.my-order-items {display: inline-block; vertical-align: middle; width: 38%; padding: 15px; font-size: 15px; font-weight: bold;}
.my-order-item {margin-bottom: 10px;}
.my-order-item:last-child {margin-bottom: 0;}
.my-order-item-qty {color: gray; font-weight: normal;}
.my-order-sp {display: inline-block; vertical-align: middle; width: 37%; padding: 15px; font-size: 15px;}
.my-order-payment {margin-top: 10px;}
.my-order-total {font-size: 14px; font-weight: bold; color: #4f5d64;}

/* MY ORDER */
.my-order-p-status {background-color: #009900; display: inline-block; padding: 5px 20px; border-radius: 3px; color: white; margin-bottom: 10px;}
.my-order-p-datetime {color: gray; font-size: 15px; margin-bottom: 10px;}
.checkout-confirmation-table {width: 100%; background: white; font-size: 16px;}
.checkout-confirmation-table th {padding: 7px 15px; border-bottom: 1px dashed #e5e5e5;}
.checkout-confirmation-table td {padding: 7px 15px; border-bottom: 1px dashed #e5e5e5;}
.checkout-confirmation-table td:first-child, .checkout-confirmation-table th:first-child {padding-left: 0;}
.checkout-confirmation-table td:last-child, .checkout-confirmation-table th:last-child {padding-right: 0;}
.checkout-confirmation-table th.align-right, .checkout-confirmation-table td.align-right {text-align: right;}
.checkout-confirmation-table tr:last-child td {border-bottom: none;}
.checkout-confirmation-inline-qty {font-size: 14px; color: gray; display: block;}
.checkout-confirmation-comment-caption {font-size: 18px; font-weight: bold; margin-top: 30px;}
.checkout-confirmation-comment {width: 100%; border: none; color: #1c1c1d; font-size: 16px; outline: none; padding: 10px; box-sizing: border-box;}

/* FORMS */
.wa-field {margin-bottom: 10px; font-size: 15px;}
.wa-field:last-child {margin-bottom: 0;}
.wa-name {display: inline-block; vertical-align: top; min-width: 200px; color: gray;}
.wa-value {display: inline-block; vertical-align: top;}
.wa-value p:last-child {margin-bottom: 0;}
.wa-value input[type="text"], .wa-value input[type="password"], .wa-value select {width: 100%;}
.wa-value input.invalid {border: 1px solid #e5574c;}
.wa-value-w100 .wa-value {width: 100%;}

/* REGISTRATION AND LOGIN */
.wa-login-forgotpassword-url {display: block; margin-top: 10px;}
.wa-signup-url, .wa-login-url {margin-top: 25px;}
.wa-error-msg, .st-error-password-message {margin-top: 5px; display: block; color: #e5574c;}

/* OLD STURMAN STUFF FOR COMPABILITY */
.padded-block {padding-top: 25px;}
.checkout-contact-form {padding: 15px; border: 1px solid gray; border-radius: 3px; margin-bottom: 15px;}
.my-opt-block a.button {height: 42px; padding: 0 15px; display: inline-block; border: 0; cursor: pointer; outline: 0; background: #1e88e5; border-radius: 3px; margin-top: 12px; transition: 0.2s background; line-height: 44px; color: white; font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase;}
.my-opt-block a.button:hover {background: #0273c3; text-decoration: none;}
.my-opt-block .click_checkbox {margin-top: 12px;}
.my-opt-block .yes_or_no {margin-top: 12px;}
.my-opt-block .click_checkbox input {margin-left: 0 !important; margin-right: 7px;}
.my-groups {margin-bottom: 15px;}

/* SYS */
.sys-payment input[type="submit"] {padding: 5px 15px; display: inline-block; border: 0; cursor: pointer; outline: 0; background: #1e88e5; border-radius: 3px; margin-top: 12px; transition: 0.2s background; line-height: 44px; color: white; font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase;}
.sys-payment input[type="submit"]:hover {background: #0273c3;}

/* PULSE */
.pr-pulse {box-shadow: 0 0 8px 0 rgba(30, 136, 229, 1); animation: pulse 2s infinite;}
.pr-pulse-red {box-shadow: 0 0 8px 0 rgba(255, 0, 0, 1); animation: pulse-red 1s infinite;}
@keyframes pulse {
	0% {box-shadow: 0 0 8px 0 rgba(30, 136, 229, 0.7);}
	70% {box-shadow: 0 0 8px 10px rgba(30, 136, 229, 0);}
	100% {box-shadow: 0 0 8px 0 rgba(30, 136, 229, 0);}
}

@keyframes pulse-red {
	0% {box-shadow: 0 0 8px 0 rgba(255, 0, 0, 0.7);}
	70% {box-shadow: 0 0 8px 10px rgba(255, 0, 0, 0);}
	100% {box-shadow: 0 0 8px 0 rgba(255, 0, 0, 0);}
}

/* MEDIA */
@media (max-width: 992px) {
	.c-items {width: 100%;}
	.ct-controls {display: block; margin: 0 auto;}
	.cmp th {transition: 0.4s transform;}
}
@media (max-width: 768px) {
	.c-item-total {display: block; margin-left: 0; margin-top: 15px;}
	.my-order-data, .my-order-items, .my-order-sp {display: block; width: 100%;}
}
@media (max-width: 576px) {
	.ct-controls {width: 100%;}
	.c-item-image {display: block; margin: 15px auto;}
	.c-item {text-align: center;}
	.c-item-data {width: 100%;}
	.c-item-remove {width: auto; margin: 0 auto; text-align: center; margin-bottom: 15px;}
	.cmp-clear {float: none; display: block; margin-bottom: 15px;}
	.cmp-mode {display: block;}
	.cmp-mode li {display: block;}
	.wa-value {display: block;}
	.hide-phone {display: none;}
}

/* ICONS */
.icon.remove {background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZD0ibTEwOS41IDE2LjkxN2gtMjMuODV2LTEwLjQxN2ExLjc1IDEuNzUgMCAwIDAgLTEuNzUtMS43NWgtMzkuOGExLjc1MSAxLjc1MSAwIDAgMCAtMS43NSAxLjc1djEwLjQxN2gtMjMuODVhMS43NSAxLjc1IDAgMCAwIC0xLjc1IDEuNzV2MTIuNjQxYTEuNzUxIDEuNzUxIDAgMCAwIDEuNzUgMS43NWg0LjIyMmw0Ljc4IDg4LjUzNmExLjc1MSAxLjc1MSAwIDAgMCAxLjc0OCAxLjY1Nmg2OS41YTEuNzQ5IDEuNzQ5IDAgMCAwIDEuNzQ3LTEuNjU2bDQuNzgxLTg4LjUzNmg0LjIyMmExLjc1IDEuNzUgMCAwIDAgMS43NS0xLjc1di0xMi42NDFhMS43NDkgMS43NDkgMCAwIDAgLTEuNzUtMS43NXptLTYzLjY1LTguNjY3aDM2LjN2OC42NjdoLTM2LjN6bTUxLjI0MiAxMTEuNWgtNjYuMTg0bC00LjY4MS04Ni42OTJoNzUuNTQ3em0xMC42NTgtOTAuMTkyaC04Ny41di05LjE0MWgyMy44MTYuMDM0cy4wMjIgMCAuMDM0IDBoMzkuNzMzLjAzM3MuMDIzIDAgLjAzNCAwaDIzLjgxNnoiIGZpbGw9IiNhYmFiYWIiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGQ9Im00Ni42NjcgOTYuNTU5YTEuNzUxIDEuNzUxIDAgMCAwIDEuNzUtMS43NXYtNDIuMTQyYTEuNzUgMS43NSAwIDAgMCAtMy41IDB2NDIuMTQyYTEuNzUgMS43NSAwIDAgMCAxLjc1IDEuNzV6IiBmaWxsPSIjYWJhYmFiIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3BhdGg+PHBhdGggeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkPSJtNjQgOTYuNTU5YTEuNzUxIDEuNzUxIDAgMCAwIDEuNzUtMS43NXYtNDIuMTQyYTEuNzUgMS43NSAwIDAgMCAtMy41IDB2NDIuMTQyYTEuNzUxIDEuNzUxIDAgMCAwIDEuNzUgMS43NXoiIGZpbGw9IiNhYmFiYWIiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGQ9Im04MS4zMzMgOTYuNTU5YTEuNzUgMS43NSAwIDAgMCAxLjc1LTEuNzV2LTQyLjE0MmExLjc1IDEuNzUgMCAwIDAgLTMuNSAwdjQyLjE0MmExLjc1IDEuNzUgMCAwIDAgMS43NSAxLjc1eiIgZmlsbD0iI2FiYWJhYiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);}