body.fancybox-active { overflow: hidden } body.fancybox-iosfix { position: fixed; left: 0; right: 0 } .fancybox-is-hidden { position: absolute; top: -9999px; left: -9999px; visibility: hidden } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99992; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0) } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71) } .fancybox-is-open .fancybox-bg { opacity: .87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1) } .fancybox-caption-wrap, .fancybox-infobar, .fancybox-toolbar { position: absolute; direction: ltr; z-index: 99997; opacity: 0; visibility: hidden; transition: opacity .25s, visibility 0s linear .25s; box-sizing: border-box } .fancybox-show-caption .fancybox-caption-wrap, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; visibility: visible; transition: opacity .25s, visibility 0s } .fancybox-infobar { top: 0; left: 0; font-size: 13px; padding: 0 10px; height: 44px; min-width: 44px; line-height: 44px; color: #ccc; text-align: center; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; mix-blend-mode: exclusion } .fancybox-toolbar { top: 0; right: 0; margin: 0; padding: 0 } .fancybox-stage { overflow: hidden; direction: ltr; z-index: 99994; -webkit-transform: translateZ(0) } .fancybox-is-closing .fancybox-stage { overflow: visible } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform } .fancybox-slide:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0 } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block } .fancybox-slide--image { overflow: visible } .fancybox-slide--image:before { display: none } .fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { background: #000 } .fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe { background: #e5e3df } .fancybox-slide--next { z-index: 99995 } .fancybox-slide > * { display: inline-block; position: relative; padding: 24px; margin: 44px 0; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box } .fancybox-slide > base, .fancybox-slide > link, .fancybox-slide > meta, .fancybox-slide > script, .fancybox-slide > style, .fancybox-slide > title { display: none } .fancybox-slide .fancybox-image-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform } .fancybox-can-zoomOut .fancybox-image-wrap { cursor: zoom-out } .fancybox-can-zoomIn .fancybox-image-wrap { cursor: zoom-in } .fancybox-can-drag .fancybox-image-wrap { cursor: -webkit-grab; cursor: grab } .fancybox-is-dragging .fancybox-image-wrap { cursor: -webkit-grabbing; cursor: grabbing } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fancybox-spaceball { z-index: 1 } .fancybox-slide--iframe .fancybox-content { padding: 0; width: 80%; height: 80%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; background: #fff } .fancybox-iframe { display: block; padding: 0; border: 0; height: 100% } .fancybox-error, .fancybox-iframe { margin: 0; width: 100%; background: #fff } .fancybox-error { padding: 40px; max-width: 380px; cursor: default } .fancybox-error p { margin: 0; padding: 0; color: #444; font-size: 16px; line-height: 20px } .fancybox-button { box-sizing: border-box; display: inline-block; vertical-align: top; width: 44px; height: 44px; margin: 0; padding: 10px; border: 0; border-radius: 0; background: rgba(30, 30, 30, .6); transition: color .3s ease; cursor: pointer; outline: none } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc } .fancybox-button:focus, .fancybox-button:hover { color: #fff } .fancybox-button[disabled] { color: #ccc; cursor: default; opacity: .6 } .fancybox-button svg { display: block; position: relative; overflow: visible; shape-rendering: geometricPrecision } .fancybox-button svg path { fill: currentColor; stroke: currentColor; stroke-linejoin: round; stroke-width: 3 } .fancybox-button--share svg path { stroke-width: 1 } .fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2) { display: none } .fancybox-button--zoom svg path { fill: transparent } .fancybox-navigation { display: none } .fancybox-show-nav .fancybox-navigation { display: block } .fancybox-navigation button { position: absolute; top: 50%; margin: -50px 0 0; z-index: 99997; background: transparent; width: 60px; height: 100px; padding: 17px } .fancybox-navigation button:before { content: ""; position: absolute; top: 30px; right: 10px; width: 40px; height: 40px; background: rgba(30, 30, 30, .6) } .fancybox-navigation .fancybox-button--arrow_left { left: 0 } .fancybox-navigation .fancybox-button--arrow_right { right: 0 } .fancybox-close-small { position: absolute; top: 0; right: 0; width: 40px; height: 40px; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; z-index: 10; cursor: pointer } .fancybox-close-small:after { content: "×"; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 22px/30px Arial, Helvetica Neue, Helvetica, sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background-color: transparent; transition: background-color .25s; box-sizing: border-box; z-index: 2 } .fancybox-close-small:focus { outline: none } .fancybox-close-small:focus:after { outline: 1px dotted #888 } .fancybox-close-small:hover:after { color: #555; background: #eee } .fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small { top: 0; right: -40px } .fancybox-slide--iframe .fancybox-close-small:after, .fancybox-slide--image .fancybox-close-small:after { font-size: 35px; color: #aaa } .fancybox-slide--iframe .fancybox-close-small:hover:after, .fancybox-slide--image .fancybox-close-small:hover:after { color: #fff; background: transparent } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display: none } .fancybox-caption-wrap { bottom: 0; left: 0; right: 0; padding: 60px 2vw 0; background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8)); pointer-events: none } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, .4); font-size: 14px; color: #fff; line-height: 20px; -webkit-text-size-adjust: none } .fancybox-caption a, .fancybox-caption button, .fancybox-caption select { pointer-events: all; position: relative } .fancybox-caption a { color: #fff; text-decoration: underline } .fancybox-slide > .fancybox-loading { border: 6px solid rgba(99, 99, 99, .4); border-top: 6px solid rgba(255, 255, 255, .6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: a .8s infinite linear; animation: a .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; z-index: 99999 } @-webkit-keyframes a { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes a { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1) } .fancybox-fx-slide.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0 } .fancybox-fx-slide.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0 } .fancybox-fx-slide.fancybox-slide--current { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) } .fancybox-fx-fade.fancybox-slide--current { opacity: 1 } .fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0 } .fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0 } .fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scaleX(1); transform: scaleX(1); opacity: 1 } .fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-1turn); transform: rotate(-1turn); opacity: 0 } .fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(1turn); transform: rotate(1turn); opacity: 0 } .fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1 } .fancybox-fx-circular.fancybox-slide--previous { -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0 } .fancybox-fx-circular.fancybox-slide--next { -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0 } .fancybox-fx-circular.fancybox-slide--current { -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); opacity: 1 } .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg) } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg) } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1) } .fancybox-share { padding: 30px; border-radius: 3px; background: #f4f4f4; max-width: 90%; text-align: center } .fancybox-share h1 { color: #222; margin: 0 0 20px; font-size: 35px; font-weight: 700 } .fancybox-share p { margin: 0; padding: 0 } p.fancybox-share__links { margin-right: -10px } .fancybox-share__button { display: inline-block; text-decoration: none; margin: 0 10px 10px 0; padding: 0 15px; min-width: 130px; border: 0; border-radius: 3px; background: #fff; white-space: nowrap; font-size: 14px; font-weight: 700; line-height: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; transition: all .2s } .fancybox-share__button:hover { text-decoration: none } .fancybox-share__button--fb { background: #3b5998 } .fancybox-share__button--fb:hover { background: #344e86 } .fancybox-share__button--pt { background: #bd081d } .fancybox-share__button--pt:hover { background: #aa0719 } .fancybox-share__button--tw { background: #1da1f2 } .fancybox-share__button--tw:hover { background: #0d95e8 } .fancybox-share__button svg { position: relative; top: -1px; width: 25px; height: 25px; margin-right: 7px; vertical-align: middle } .fancybox-share__button svg path { fill: #fff } .fancybox-share__input { box-sizing: border-box; width: 100%; margin: 10px 0 0; padding: 10px 15px; background: transparent; color: #5d5b5b; font-size: 14px; outline: none; border: 0; border-bottom: 2px solid #d7d7d7 } .fancybox-thumbs { display: none; position: absolute; top: 0; bottom: 0; right: 0; width: 212px; margin: 0; padding: 2px 2px 4px; background: #fff; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; box-sizing: border-box; z-index: 99995 } .fancybox-thumbs-x { overflow-y: hidden; overflow-x: auto } .fancybox-show-thumbs .fancybox-thumbs { display: block } .fancybox-show-thumbs .fancybox-inner { right: 212px } .fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; white-space: nowrap } .fancybox-thumbs-x > ul { overflow: hidden } .fancybox-thumbs-y > ul::-webkit-scrollbar { width: 7px } .fancybox-thumbs-y > ul::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) } .fancybox-thumbs-y > ul::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px } .fancybox-thumbs > ul > li { float: left; overflow: hidden; padding: 0; margin: 2px; width: 100px; height: 75px; max-width: calc(50% - 4px); max-height: calc(100% - 8px); position: relative; cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, .1) } .fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fancybox-thumbs > ul > li:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) } .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1 } @media (max-width: 800px) { .fancybox-thumbs { width: 110px } .fancybox-show-thumbs .fancybox-inner { right: 110px } .fancybox-thumbs > ul > li { max-width: calc(100% - 10px) } } .datepicker { border-radius: 4px; direction: ltr } .datepicker-inline { width: 220px } .datepicker-rtl { direction: rtl } .datepicker-rtl.dropdown-menu { left: auto } .datepicker-rtl table tr td span { float: right } .datepicker-dropdown { top: 0; left: 0; padding: 4px } .datepicker-dropdown:before { content: ""; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(0, 0, 0, .15); border-top: 0; border-bottom-color: rgba(0, 0, 0, .2); position: absolute } .datepicker-dropdown:after { content: ""; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-top: 0; position: absolute } .datepicker-dropdown.datepicker-orient-left:before { left: 6px } .datepicker-dropdown.datepicker-orient-left:after { left: 7px } .datepicker-dropdown.datepicker-orient-right:before { right: 6px } .datepicker-dropdown.datepicker-orient-right:after { right: 7px } .datepicker-dropdown.datepicker-orient-bottom:before { top: -7px } .datepicker-dropdown.datepicker-orient-bottom:after { top: -6px } .datepicker-dropdown.datepicker-orient-top:before { bottom: -7px; border-bottom: 0; border-top: 7px solid rgba(0, 0, 0, .15) } .datepicker-dropdown.datepicker-orient-top:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .datepicker table tr td, .datepicker table tr th { text-align: center; width: 30px; height: 30px; border-radius: 4px; border: none } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent } .datepicker table tr td.new, .datepicker table tr td.old { color: #777 } .datepicker table tr td.day:hover, .datepicker table tr td.focused { background: #eee; cursor: pointer } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: 0 0; color: #777; cursor: default } .datepicker table tr td.highlighted { color: #000; background-color: #d9edf7; border-color: #85c5e5; border-radius: 0 } .datepicker table tr td.highlighted.focus, .datepicker table tr td.highlighted:focus { color: #000; background-color: #afd9ee; border-color: #298fc2 } .datepicker table tr td.highlighted:hover { color: #000; background-color: #afd9ee; border-color: #52addb } .datepicker table tr td.highlighted.active, .datepicker table tr td.highlighted:active { color: #000; background-color: #afd9ee; border-color: #52addb } .datepicker table tr td.highlighted.active.focus, .datepicker table tr td.highlighted.active:focus, .datepicker table tr td.highlighted.active:hover, .datepicker table tr td.highlighted:active.focus, .datepicker table tr td.highlighted:active:focus, .datepicker table tr td.highlighted:active:hover { color: #000; background-color: #91cbe8; border-color: #298fc2 } .datepicker table tr td.highlighted.disabled.focus, .datepicker table tr td.highlighted.disabled:focus, .datepicker table tr td.highlighted.disabled:hover, .datepicker table tr td.highlighted[disabled].focus, .datepicker table tr td.highlighted[disabled]:focus, .datepicker table tr td.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.highlighted.focus, fieldset[disabled] .datepicker table tr td.highlighted:focus, fieldset[disabled] .datepicker table tr td.highlighted:hover { background-color: #d9edf7; border-color: #85c5e5 } .datepicker table tr td.highlighted.focused { background: #afd9ee } .datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active { background: #d9edf7; color: #777 } .datepicker table tr td.today { color: #000; background-color: #ffdb99; border-color: #ffb733 } .datepicker table tr td.today.focus, .datepicker table tr td.today:focus { color: #000; background-color: #ffc966; border-color: #b37400 } .datepicker table tr td.today:hover { color: #000; background-color: #ffc966; border-color: #f59e00 } .datepicker table tr td.today.active, .datepicker table tr td.today:active { color: #000; background-color: #ffc966; border-color: #f59e00 } .datepicker table tr td.today.active.focus, .datepicker table tr td.today.active:focus, .datepicker table tr td.today.active:hover, .datepicker table tr td.today:active.focus, .datepicker table tr td.today:active:focus, .datepicker table tr td.today:active:hover { color: #000; background-color: #ffbc42; border-color: #b37400 } .datepicker table tr td.today.disabled.focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today[disabled].focus, .datepicker table tr td.today[disabled]:focus, .datepicker table tr td.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.today.focus, fieldset[disabled] .datepicker table tr td.today:focus, fieldset[disabled] .datepicker table tr td.today:hover { background-color: #ffdb99; border-color: #ffb733 } .datepicker table tr td.today.focused { background: #ffc966 } .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active { background: #ffdb99; color: #777 } .datepicker table tr td.range { color: #000; background-color: #eee; border-color: #bbb; border-radius: 0 } .datepicker table tr td.range.focus, .datepicker table tr td.range:focus { color: #000; background-color: #d5d5d5; border-color: #7c7c7c } .datepicker table tr td.range:hover { color: #000; background-color: #d5d5d5; border-color: #9d9d9d } .datepicker table tr td.range.active, .datepicker table tr td.range:active { color: #000; background-color: #d5d5d5; border-color: #9d9d9d } .datepicker table tr td.range.active.focus, .datepicker table tr td.range.active:focus, .datepicker table tr td.range.active:hover, .datepicker table tr td.range:active.focus, .datepicker table tr td.range:active:focus, .datepicker table tr td.range:active:hover { color: #000; background-color: #c3c3c3; border-color: #7c7c7c } .datepicker table tr td.range.disabled.focus, .datepicker table tr td.range.disabled:focus, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range[disabled].focus, .datepicker table tr td.range[disabled]:focus, .datepicker table tr td.range[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.focus, fieldset[disabled] .datepicker table tr td.range:focus, fieldset[disabled] .datepicker table tr td.range:hover { background-color: #eee; border-color: #bbb } .datepicker table tr td.range.focused { background: #d5d5d5 } .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active { background: #eee; color: #777 } .datepicker table tr td.range.highlighted { color: #000; background-color: #e4eef3; border-color: #9dc1d3 } .datepicker table tr td.range.highlighted.focus, .datepicker table tr td.range.highlighted:focus { color: #000; background-color: #c1d7e3; border-color: #4b88a6 } .datepicker table tr td.range.highlighted:hover { color: #000; background-color: #c1d7e3; border-color: #73a6c0 } .datepicker table tr td.range.highlighted.active, .datepicker table tr td.range.highlighted:active { color: #000; background-color: #c1d7e3; border-color: #73a6c0 } .datepicker table tr td.range.highlighted.active.focus, .datepicker table tr td.range.highlighted.active:focus, .datepicker table tr td.range.highlighted.active:hover, .datepicker table tr td.range.highlighted:active.focus, .datepicker table tr td.range.highlighted:active:focus, .datepicker table tr td.range.highlighted:active:hover { color: #000; background-color: #a8c8d8; border-color: #4b88a6 } .datepicker table tr td.range.highlighted.disabled.focus, .datepicker table tr td.range.highlighted.disabled:focus, .datepicker table tr td.range.highlighted.disabled:hover, .datepicker table tr td.range.highlighted[disabled].focus, .datepicker table tr td.range.highlighted[disabled]:focus, .datepicker table tr td.range.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.highlighted.focus, fieldset[disabled] .datepicker table tr td.range.highlighted:focus, fieldset[disabled] .datepicker table tr td.range.highlighted:hover { background-color: #e4eef3; border-color: #9dc1d3 } .datepicker table tr td.range.highlighted.focused { background: #c1d7e3 } .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active { background: #e4eef3; color: #777 } .datepicker table tr td.range.today { color: #000; background-color: #f7ca77; border-color: #f1a417 } .datepicker table tr td.range.today.focus, .datepicker table tr td.range.today:focus { color: #000; background-color: #f4b747; border-color: #815608 } .datepicker table tr td.range.today:hover { color: #000; background-color: #f4b747; border-color: #bf800c } .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:active { color: #000; background-color: #f4b747; border-color: #bf800c } .datepicker table tr td.range.today.active.focus, .datepicker table tr td.range.today.active:focus, .datepicker table tr td.range.today.active:hover, .datepicker table tr td.range.today:active.focus, .datepicker table tr td.range.today:active:focus, .datepicker table tr td.range.today:active:hover { color: #000; background-color: #f2aa25; border-color: #815608 } .datepicker table tr td.range.today.disabled.focus, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today[disabled].focus, .datepicker table tr td.range.today[disabled]:focus, .datepicker table tr td.range.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today.focus, fieldset[disabled] .datepicker table tr td.range.today:focus, fieldset[disabled] .datepicker table tr td.range.today:hover { background-color: #f7ca77; border-color: #f1a417 } .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active { background: #f7ca77; color: #777 } .datepicker table tr td.selected, .datepicker table tr td.selected.highlighted { color: #fff; background-color: #777; border-color: #555; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) } .datepicker table tr td.selected.focus, .datepicker table tr td.selected.highlighted.focus, .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected:focus { color: #fff; background-color: #5e5e5e; border-color: #161616 } .datepicker table tr td.selected.highlighted:hover, .datepicker table tr td.selected:hover { color: #fff; background-color: #5e5e5e; border-color: #373737 } .datepicker table tr td.selected.active, .datepicker table tr td.selected.highlighted.active, .datepicker table tr td.selected.highlighted:active, .datepicker table tr td.selected:active { color: #fff; background-color: #5e5e5e; border-color: #373737 } .datepicker table tr td.selected.active.focus, .datepicker table tr td.selected.active:focus, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.highlighted.active.focus, .datepicker table tr td.selected.highlighted.active:focus, .datepicker table tr td.selected.highlighted.active:hover, .datepicker table tr td.selected.highlighted:active.focus, .datepicker table tr td.selected.highlighted:active:focus, .datepicker table tr td.selected.highlighted:active:hover, .datepicker table tr td.selected:active.focus, .datepicker table tr td.selected:active:focus, .datepicker table tr td.selected:active:hover { color: #fff; background-color: #4c4c4c; border-color: #161616 } .datepicker table tr td.selected.disabled.focus, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.highlighted.disabled.focus, .datepicker table tr td.selected.highlighted.disabled:focus, .datepicker table tr td.selected.highlighted.disabled:hover, .datepicker table tr td.selected.highlighted[disabled].focus, .datepicker table tr td.selected.highlighted[disabled]:focus, .datepicker table tr td.selected.highlighted[disabled]:hover, .datepicker table tr td.selected[disabled].focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted:focus, fieldset[disabled] .datepicker table tr td.selected.highlighted:hover, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected:hover { background-color: #777; border-color: #555 } .datepicker table tr td.active, .datepicker table tr td.active.highlighted { color: #fff; background-color: #337ab7; border-color: #2e6da4; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) } .datepicker table tr td.active.focus, .datepicker table tr td.active.highlighted.focus, .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active:focus { color: #fff; background-color: #7b7b7c; border-color: #122b40 } .datepicker table tr td.active.highlighted:hover, .datepicker table tr td.active:hover { color: #fff; background-color: #7b7b7c; border-color: #7b7b7c } .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active { color: #fff; background-color: #7b7b7c; border-color: #7b7b7c } .datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover { color: #fff; background-color: #7b7b7c; border-color: #122b40 } .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.highlighted.disabled.focus, .datepicker table tr td.active.highlighted.disabled:focus, .datepicker table tr td.active.highlighted.disabled:hover, .datepicker table tr td.active.highlighted[disabled].focus, .datepicker table tr td.active.highlighted[disabled]:focus, .datepicker table tr td.active.highlighted[disabled]:hover, .datepicker table tr td.active[disabled].focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active[disabled]:hover, fieldset[disabled] .datepicker table tr td.active.focus, fieldset[disabled] .datepicker table tr td.active.highlighted.focus, fieldset[disabled] .datepicker table tr td.active.highlighted:focus, fieldset[disabled] .datepicker table tr td.active.highlighted:hover, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active:hover { background-color: #337ab7; border-color: #2e6da4 } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 4px } .datepicker table tr td span.focused, .datepicker table tr td span:hover { background: #eee } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: 0 0; color: #777; cursor: default } .datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover { color: #fff; background-color: #337ab7; border-color: #2e6da4; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) } .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover.focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active:hover:focus { color: #fff; background-color: #7b7b7c; border-color: #122b40 } .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover { color: #fff; background-color: #7b7b7c; border-color: #7b7b7c } .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active { color: #fff; background-color: #7b7b7c; border-color: #7b7b7c } .datepicker table tr td span.active.active.focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover.active.focus, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active:hover:active:hover { color: #fff; background-color: #7b7b7c; border-color: #122b40 } .datepicker table tr td span.active.disabled.disabled.focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled.focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active.disabled:hover[disabled].focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled].focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active:hover.disabled.focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active:hover[disabled].focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active[disabled].focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active.disabled.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, fieldset[disabled] .datepicker table tr td span.active.focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover.focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active:hover:hover { background-color: #337ab7; border-color: #2e6da4 } .datepicker table tr td span.new, .datepicker table tr td span.old { color: #777 } .datepicker .datepicker-switch { width: 145px } .datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th { cursor: pointer } .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover { background: #eee } .datepicker .next.disabled, .datepicker .prev.disabled { visibility: hidden } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle } .input-group.date .input-group-addon { cursor: pointer } .input-daterange { width: 100% } .input-daterange input { text-align: center } .input-daterange input:first-child { border-radius: 3px 0 0 3px } .input-daterange input:last-child { border-radius: 0 3px 3px 0 } .input-daterange .input-group-addon { width: auto; min-width: 16px; padding: 4px 5px; line-height: 1.42857143; text-shadow: 0 1px 0 #fff; border-width: 1px 0; margin-left: -5px; margin-right: -5px } .datepicker.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; list-style: none; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; color: #333; font-size: 13px; line-height: 1.42857143 } .datepicker.datepicker-inline td, .datepicker.datepicker-inline th, .datepicker.dropdown-menu td, .datepicker.dropdown-menu th { padding: 0 5px } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; left: 0; top: 0; display: block } .slick-track:before, .slick-track:after { content: ""; display: table } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { float: left; height: 100%; min-height: 1px; display: none } [dir=rtl] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto } .slick-arrow.slick-hidden { display: none } .slick-prev, .slick-next { border: none; padding: 0; cursor: pointer } .slick-dots button { cursor: pointer } #featured-product-block .slick-prev, #featured-product-block .slick-next, #insta-shop-popup-content .slick-prev, #insta-shop-popup-content .slick-next, [class^=slider-] .slick-prev, [class^=slider-] .slick-next { position: absolute; top: 50%; transform: translateY(-50%); background-color: transparent; z-index: 2; transition: .2s } #featured-product-block .slick-prev i, #featured-product-block .slick-next i, #insta-shop-popup-content .slick-prev i, #insta-shop-popup-content .slick-next i, [class^=slider-] .slick-prev i, [class^=slider-] .slick-next i { display: flex; align-items: center; justify-content: center; font-size: 2rem } #featured-product-block .slick-prev, #insta-shop-popup-content .slick-prev, [class^=slider-] .slick-prev { left: 0 } #featured-product-block .slick-next, #insta-shop-popup-content .slick-next, [class^=slider-] .slick-next { right: 0 } #featured-product-block .slick-dots, #insta-shop-popup-content .slick-dots, [class^=slider-] .slick-dots { display: flex; width: 100%; align-items: center; justify-content: center; position: absolute; bottom: 1.6rem; padding: 0 } #featured-product-block .slick-dots li, #insta-shop-popup-content .slick-dots li, [class^=slider-] .slick-dots li { margin: 0 .4rem } #featured-product-block .slick-dots li button, #insta-shop-popup-content .slick-dots li button, [class^=slider-] .slick-dots li button { width: 2rem; line-height: 2rem; text-align: center; border: none; border-radius: 50%; font-size: 1.1rem; padding: 0 } #featured-product-block .slider-image, #insta-shop-popup-content .slider-image, [class^=slider-] .slider-image { display: flex; align-items: center; justify-content: center } #featured-product-block .slider-description, #insta-shop-popup-content .slider-description, [class^=slider-] .slider-description { position: absolute; z-index: 2; padding: .5rem 1rem } .form-horizontal .form-question { position: absolute; top: 8px; right: 22px; cursor: pointer; color: #6bc0ec; font-size: 1.5rem; background-color: #fff } @media (max-width: 575.98px) { .form-horizontal .form-question { transform: none; top: 7px } } .form-horizontal .radio-custom-groups .required, .form-horizontal .checkbox-custom-groups .required { position: static; display: inline-block; vertical-align: top } .form-horizontal .radio-custom-groups .form-question, .form-horizontal .checkbox-custom-groups .form-question { position: static; display: inline-block; transform: none } .form-horizontal label.custom-file .form-question { right: -22px } .custom-file-input:focus ~ .custom-file-control { border-color: #f0f0f0; box-shadow: none } .custom-file-input { position: absolute; height: 100% } .custom-file { border-radius: .4rem; border: 1px solid #f0f0f0; display: block; height: calc(3.6rem + 2px) } .custom-file input { cursor: pointer } .custom-file .custom-file-control { position: absolute; top: 0; left: 0; width: calc(100% - 8rem); height: 100%; display: flex; align-items: center; padding: 0 .8rem; min-width: 0 } .custom-file .custom-file-control > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .custom-file .custom-file-button { background: #eee; padding: 0 .8rem; display: flex; align-items: center; justify-content: center; height: 100%; width: 8rem; position: absolute; top: 0; right: 0 } .form-group label { display: flex; align-items: center } .form-group { margin-bottom: 1.3rem; position: relative } .form-group .form-group-header { padding: 1.5rem 1rem; border: 1px solid #f0f0f0; border-bottom: none; background: #fafafa; margin: 0 !important; display: block } .form-group .form-group-header span { font-style: italic; font-size: 1.1rem } .form-group .form-group-content { padding: 1.5rem 1rem; border: 1px solid #f0f0f0; border-radius: .4rem } .form-group .form-group-footer { padding: 1rem; border: 1px solid #f0f0f0; border-top: none; background: #fafafa } .form-group .form-group-footer:only-child { border-top: 1px solid #f0f0f0 } .form-group .required { position: absolute; top: 0; right: 5px; color: #dc3545; font-size: 1rem } .form-group-binary .required { position: absolute; top: 22px; right: 5px; color: #dc3545; font-size: 1rem } .control-label { color: #4b4b4b; font-size: 1.2rem; margin-bottom: .5rem } .control-label.control-label-block { display: block } .form-control { color: #4b4b4b; font-size: 1.2rem; padding: .9rem 1rem; border: 1px solid #f0f0f0; height: calc(3.6rem + 2px); background-color: #fff; -webkit-appearance: none; border-radius: .4rem; transition: all .15s ease-in-out } @media screen and (prefers-reduced-motion: reduce) { .form-control { transition: none } } .form-control:focus { color: #4b4b4b; -webkit-box-shadow: 0 0 3px 1px #f0f0f0; box-shadow: 0 0 3px 1px #f0f0f0; border-color: transparent } .form-control::placeholder { color: #999; opacity: 1 } .form-control:disabled { background-color: #fafafa; cursor: no-drop; opacity: .5 } .form-control.validate + div.validate-error { display: none !important } .form-control.form-control[readonly] { background: #fafafa } textarea.form-control { height: 12rem; resize: none } .input-group .input-group-addon { border: 1px solid #f0f0f0; background: #fafafa; width: 4rem; color: #4b4b4b; position: relative; border-radius: .4rem } .input-group .input-group-addon label { line-height: 3.5rem; justify-content: center; font-size: 1.6rem; margin-bottom: 0 } .input-group.input-group-right .input-group-addon { border-left: none; border-radius: 0 .4rem .4rem 0 } .input-group.input-group-left .input-group-addon { border-right: none; border-radius: .4rem 0 0 .4rem } select.form-control:not([size]):not([multiple]), select:not([size]) { border-radius: .4rem; display: inline-block; width: 100%; height: calc(3.6rem + 2px); padding: .6rem 2.8rem .6rem 1.2rem; line-height: 1.5; color: #4b4b4b; vertical-align: middle; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0IDUnPjxwYXRoIGZpbGw9JyMzNDNhNDAnIGQ9J00yIDBMMCAyaDR6bTAgNUwwIDNoNHonLz48L3N2Zz4="); background-repeat: no-repeat; background-position: right 1.2rem center; background-color: #fff; background-size: .8rem 1rem; border: 1px solid #f0f0f0; -webkit-appearance: none; -moz-appearance: none; appearance: none } select.form-control:not([size]):not([multiple]):disabled, select:not([size]):disabled { background-color: #fafafa } .selectbox { position: relative; line-height: initial } .selectbox.selectbox-loading:before { position: absolute; content: ""; top: 50%; right: 7px; margin: -1rem 0 0 -1rem; width: 2rem; height: 2rem; border: 2px solid rgba(0, 0, 0, .15); border-radius: 500rem } .selectbox.selectbox-loading:after { position: absolute; content: ""; top: 50%; right: 7px; margin: -1rem 0 0 -1rem; width: 2rem; height: 2rem; border: 2px solid rgba(0, 0, 0, .15); font-size: inherit; -webkit-animation: selectbox-spin .5s linear; animation: selectbox-spin .5s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-color: #999 transparent transparent; box-shadow: 0 0 0 1px transparent; border-radius: 50% } @-webkit-keyframes selectbox-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes selectbox-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .radio-custom-groups .radio-custom, .radio-custom-groups .checkbox-custom, .checkbox-custom-groups .radio-custom, .checkbox-custom-groups .checkbox-custom { display: inline-block; vertical-align: middle; margin-right: 1rem } .radio-custom-groups .radio-custom label, .radio-custom-groups .checkbox-custom label, .checkbox-custom-groups .radio-custom label, .checkbox-custom-groups .checkbox-custom label { margin-top: 0 } .radio-custom-groups .radio-custom a, .radio-custom-groups .checkbox-custom a, .checkbox-custom-groups .radio-custom a, .checkbox-custom-groups .checkbox-custom a { color: #4b4b4b } @media (max-width: 767.98px) { .radio-custom-groups .radio-custom, .radio-custom-groups .checkbox-custom, .checkbox-custom-groups .radio-custom, .checkbox-custom-groups .checkbox-custom { margin-bottom: 1rem } } .radio-custom, .checkbox-custom { display: block; position: relative } .radio-custom a, .checkbox-custom a { color: #4b4b4b } .radio-custom input[type=radio], .radio-custom input[type=checkbox], .checkbox-custom input[type=radio], .checkbox-custom input[type=checkbox] { position: absolute; left: -9999em } .radio-custom input[type=radio].validate-error + label:before, .radio-custom input[type=checkbox].validate-error + label:before, .checkbox-custom input[type=radio].validate-error + label:before, .checkbox-custom input[type=checkbox].validate-error + label:before { border-color: #dc3545 } .radio-custom input[type=radio]:disabled + label, .radio-custom input[type=checkbox]:disabled + label, .checkbox-custom input[type=radio]:disabled + label, .checkbox-custom input[type=checkbox]:disabled + label { cursor: no-drop; opacity: .6 } input[type=radio]:checked + label:before, input[type=checkbox]:checked + label:before { background-color: #bbb; border-color: #bbb } input[type=radio] + label, input[type=checkbox] + label { margin-bottom: 0; color: #4b4b4b; font-size: 1.2rem; position: relative; padding-left: 2.5rem; cursor: pointer } input[type=radio] + label:before, input[type=checkbox] + label:before { position: absolute; left: 0; top: 0; width: 1.6rem; height: 1.6rem; content: ""; background-color: #fff; background-repeat: no-repeat; background-position: center center; border: 1px solid #e3e3e3 } input[type=radio] + label:before { background-size: .8rem; border-radius: 50% } input[type=radio]:checked + label:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmZmJy8+PC9zdmc+") } input[type=checkbox] + label:before { background-size: .8rem; border-radius: .4rem } input[type=checkbox]:checked + label:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyNmZmYnIGQ9J002LjU2NC43NWwtMy41OSAzLjYxMi0xLjUzOC0xLjU1TDAgNC4yNiAyLjk3NCA3LjI1IDggMi4xOTN6Jy8+PC9zdmc+") } .security-code { height: 3.8rem; position: relative } .security-code img { position: absolute; top: 5px; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100% } input.validate-error, textarea.validate-error, select.validate-error { border-color: #dc3545; font-size: 1.2rem } div.validate-error { color: #dc3545; font-size: 1rem; padding: .3rem; margin: 0 } div.validate-error.valid { display: none !important } @media (max-width: 575.98px) { .btn-group-single { text-align: center } .btn-group-single .btn { width: 100%; float: none !important } } .btn-group-binary:before, .btn-group-binary:after { display: table; content: " " } .btn-group-binary:after { clear: both } @media (max-width: 575.98px) { .btn-group-binary .btn { width: 48% } .btn-group-binary .btn:first-child { float: left } .btn-group-binary .btn:last-child { float: right } } .btn { border: none; padding: 1rem 1.5rem } .btn:focus, .btn.focus, .btn:active, .btn.active, .btn:hover, .btn.hover { box-shadow: none } .btn i { vertical-align: middle; font-size: 1.4rem; width: 1.3rem; height: 1.3rem; text-align: center; line-height: 1.3rem } .btn.btn-xs { padding: .5rem 1rem; font-size: 1.1rem } .btn.btn-sm, .btn-group-sm > .btn { padding: .7rem 1.2rem } .btn.btn-md { padding: 1rem 1.5rem } .btn.btn-lg, .btn-group-lg > .btn { padding: 1rem 2rem } .btn[disabled=disabled] { opacity: .5 } .btn.btn-facebook { background: #485a96 !important; color: #fff !important } .btn.btn-facebook .fab { margin-right: .5rem } .btn.btn-twitter { background: #5ea9dd !important; color: #fff !important } .btn.btn-twitter .fab { margin-right: .5rem } .btn.btn-google { background: #4285f4 !important; color: #fff !important } .btn.btn-google .fab { margin-right: .5rem } @keyframes spinner { to { transform: rotate(360deg) } } .btn-loading { position: relative; color: rgba(255, 255, 255, .4) !important } .btn-loading:before { content: ""; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 2rem; height: 2rem; margin-top: -1rem; margin-left: -1rem; border-radius: 50%; border: 2px solid #eee; border-top-color: #ec906b; animation: spinner .6s linear infinite } .custom-responsive-table-header { padding: 1rem; margin-bottom: 1.5rem; background: #fafafa; border: 1px solid #f0f0f0; border-radius: .4rem } .custom-responsive-table-header:before, .custom-responsive-table-header:after { content: " "; display: table } .custom-responsive-table-header:after { clear: both } .custom-responsive-table-header .dataTables_filter { float: left; width: 50% } .custom-responsive-table-header .dataTables_filter label { width: 100%; margin-bottom: 0; display: block } .custom-responsive-table-header .dataTables_filter label span { float: left; width: 9rem; line-height: 3.8rem } .custom-responsive-table-header .dataTables_filter label input { float: left; max-width: 20rem } @media (max-width: 991.98px) { .custom-responsive-table-header .dataTables_filter { width: 60% } .custom-responsive-table-header .dataTables_filter label span { width: 100% } } .custom-responsive-table-header .dataTables_length { float: right; width: 50% } .custom-responsive-table-header .dataTables_length label { width: 100%; display: block; text-align: right; margin-bottom: 0 } .custom-responsive-table-header .dataTables_length label span { display: inline-block; margin-right: 1rem } .custom-responsive-table-header .dataTables_length label .selectbox { width: 6rem; height: 3.8rem !important; display: inline-block } .custom-responsive-table-header .dataTables_length label .selectbox select { height: auto !important } @media (max-width: 991.98px) { .custom-responsive-table-header .dataTables_length { width: 32% } .custom-responsive-table-header .dataTables_length label span { width: 100%; display: block; line-height: 3.8rem; text-align: left } .custom-responsive-table-header .dataTables_length label .selectbox { width: 100% } } .custom-responsive-table-body { width: 100%; margin-bottom: 1.5rem } @media (max-width: 1199.98px) { .custom-responsive-table-body { overflow-x: auto; -webkit-overflow-scrolling: touch } } .custom-responsive-table-body-inner { display: table; border: 1px solid #f0f0f0; margin-bottom: 0; border-radius: .4rem } @media (max-width: 1199.98px) { .custom-responsive-table-body-inner { min-width: 660px } } .custom-responsive-table-body-inner > thead { background: #ededed } .custom-responsive-table-body-inner > thead > tr > th { font-weight: 600; font-size: 1.2rem; padding: .6rem; border: 1px solid #f0f0f0; vertical-align: middle; border-top: none; position: relative } .custom-responsive-table-body-inner > thead > tr > th.sorting, .custom-responsive-table-body-inner > thead > tr > th.sorting_asc, .custom-responsive-table-body-inner > thead > tr > th.sorting_desc { padding-right: 2rem } .custom-responsive-table-body-inner > thead > tr > th.sorting_asc:before { content: ""; margin-top: -1rem; color: #555; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 50%; right: 5px; font-size: 1.2rem } .custom-responsive-table-body-inner > thead > tr > th.sorting_desc:after { content: ""; margin-top: -1rem; color: #555; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 50%; right: 5px; font-size: 1.2rem } .custom-responsive-table-body-inner > thead > tr > th.sorting:before { content: ""; margin-top: -0.5rem; color: #ccc; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 50%; right: 5px; font-size: 1.2rem } .custom-responsive-table-body-inner > thead > tr > th.sorting:after { content: ""; margin-top: -1.4rem; color: #ccc; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 50%; right: 5px; font-size: 1.2rem } .custom-responsive-table-body-inner > thead > tr > th span { font-size: 1.1rem; font-weight: normal; display: block } .custom-responsive-table-body-inner > tbody > tr:nth-child(2n) { background: #fbfbfb } .custom-responsive-table-body-inner > tbody > tr > td { border: 1px solid #f0f0f0; vertical-align: middle; padding: .7rem .6rem; font-size: 1.2rem } .custom-responsive-table-body-inner > tbody > tr .dataTables_empty { text-align: center; padding: 3rem 0 } .custom-responsive-table-footer { width: 100% } .custom-responsive-table-footer:before, .custom-responsive-table-footer:after { content: " "; display: table } .custom-responsive-table-footer:after { clear: both } .custom-responsive-table-footer .custom-responsive-table-info { float: left; line-height: 3.4rem } @media (max-width: 767.98px) { .custom-responsive-table-footer .custom-responsive-table-info { width: 100%; text-align: center } } .custom-responsive-table-footer .custom-responsive-table-pagination { float: right } .custom-responsive-table-footer .custom-responsive-table-pagination a { float: left; display: block; padding: .7rem 1.3rem; color: #4b4b4b; border: 1px solid #f0f0f0; border-right: none } .custom-responsive-table-footer .custom-responsive-table-pagination a:first-child { border-top-left-radius: .4rem; border-bottom-left-radius: .4rem; border-left: 1px solid #f0f0f0 } .custom-responsive-table-footer .custom-responsive-table-pagination a:last-child { border-top-right-radius: .4rem; border-bottom-right-radius: .4rem; border-right: 1px solid #f0f0f0 } .custom-responsive-table-footer .custom-responsive-table-pagination a.disabled { color: #ccc; border-color: #f0f0f0 } .custom-responsive-table-footer .custom-responsive-table-pagination a.active { background: #fafafa; border-color: #f0f0f0; color: #4b4b4b } @media (max-width: 767.98px) { .custom-responsive-table-footer .custom-responsive-table-pagination { width: 100%; text-align: center } .custom-responsive-table-footer .custom-responsive-table-pagination a { float: none; display: inline-block; margin-left: -0.3rem } } .table-list-action-button { position: relative } .table-list-action-button > a { display: inline-block; width: 3rem; height: 3rem } .table-list-action-button > a i { font-size: 2.4rem; width: 3rem; height: 3rem; line-height: 3rem } .table-list-action-button .table-list-action-button-content { padding: .5rem 1rem; border: 1px solid #f0f0f0; min-width: 200px; box-shadow: -2px 2px 8px #eee; text-align: left; position: absolute; top: 100%; right: 10px; background: #fff; display: none; z-index: 100; border-radius: .4rem } .table-list-action-button .table-list-action-button-content.show { display: block } .table-list-action-button .table-list-action-button-content a { font-size: 1.2rem; display: block; padding: .6rem 0 } .table-list-action-button .table-list-action-button-content a i { width: 2.5rem; height: 2.5rem; display: inline-block; vertical-align: middle; margin-right: .5rem; line-height: 2.5rem; text-align: center; font-size: 1.5rem; border-radius: .4rem } .special-detail-table { min-width: 100% !important } .special-detail-table tr td { padding: .4rem .6rem !important } .special-detail-table tr td:first-child { width: 22%; font-weight: 700 } .special-detail-table tr td:last-child { width: 78% } .special-detail-table tr td a { color: #4b4b4b } .special-detail-table tr td a:hover { color: #4b4b4b } .special-detail-table tr td a i { vertical-align: middle } @media (max-width: 767.98px) { .special-detail-table .special-detail-table-header { display: none } .special-detail-table tbody tr:nth-child(2n) { background: none } .special-detail-table tbody tr td { border: none; border-bottom: 1px solid #f0f0f0 } .special-detail-table tbody tr td:first-child { width: 100%; display: block; background: #fafafa; font-weight: 700 } .special-detail-table tbody tr td:last-child { width: 100%; display: block } } .custom-product-list { max-height: 150px; overflow-y: auto; -webkit-overflow-scrolling: touch } .special-product-list-table td { padding: .4rem .6rem !important } .special-product-list-table .special-product-list-image { width: 4rem; text-align: center } .special-product-list-table .special-product-list-image a { display: inline-block } .special-product-list-table .special-product-list-stock-code { width: 15rem } .special-product-list-table .special-product-list-price { width: 20rem } .special-product-list-table .special-product-list-price > span { display: block } .special-product-list-table .special-product-list-price > span span { float: left; width: 50% } .special-product-list-table .special-product-list-price > span span:last-child { text-align: right; font-weight: 700 } .special-detail-price-table { min-width: 100% !important } .special-detail-price-table tbody tr td { padding: .4rem .6rem !important; border: none !important } .special-detail-price-table .title { text-align: right; font-weight: 700 } @media (max-width: 767.98px) { .special-detail-price-table .title { text-align: left } } .special-detail-price-table .price { text-align: right; width: 13rem; font-weight: 700 } .table th, .table td { border-color: #f0f0f0 } .block-item .block-item-content .block-item-content-header { padding: 1rem; text-align: center; font-weight: 600; font-size: 1.3rem } .block-item .block-item-content .block-item-content-body  { margin-bottom: 1rem } .block-item .block-item-content .block-item-content-footer { padding: 1rem; background: #fafafa; text-align: right; margin-top: 1rem } .block-item .block-item-content .block-item-content-footer a { display: inline-block } .block-item .block-item-content .block-item-content-footer a:hover { color: #4b4b4b } .block-item .information-content { padding: 2rem 0; border: none } .block-item .information-content i { font-size: 3.5rem; margin-bottom: 1rem } .block-item .information-content span { border-width: 1px; padding: .5rem 1rem } @media (max-width: 767.98px) { .block-item { display: none } .block-item[data-type=member-menu] { display: block } .block-item[data-type=member-menu] .block-item-title { cursor: pointer } .block-item[data-type=member-menu] .block-item-content { display: none } .block-item[data-type=member-menu].active .block-item-content { display: block } } .member-block { margin-top: 1rem } .member-block li.member-block-title { font-size: 1.2rem; padding: 1rem; background: #fafafa; border: 1px solid #f0f0f0; border-radius: .4rem } .member-block li.member-block-title span { display: block } .member-block li.member-block-sub-title { font-size: 1.4rem; font-weight: 700; padding: 1rem 0; border-bottom: 1px solid #f0f0f0; margin-bottom: .5rem } .member-block li.member-block-sub-title span { display: block } .member-block li { line-height: 2rem } .member-block li:hover > a:not(.active) { color: #4b4b4b } .member-block li:hover > a:not(.active) i.left-icons { color: #4b4b4b; background: #e1e1e1 } .member-block li a { font-size: 1.2rem; line-height: 2.6rem; padding: .6rem 0 .6rem 3.2rem; display: block; position: relative; z-index: 1; transition: all .15s ease-in-out; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } @media screen and (prefers-reduced-motion: reduce) { .member-block li a { transition: none } } .member-block li a.active { color: #ec906b } .member-block li a i.left-icons { font-size: 1.2rem; text-align: center; position: absolute; top: 6px; left: 0; width: 2.6rem; height: 2.6rem; line-height: 2.6rem; margin-right: .5rem; vertical-align: middle; background: #eee; transition: all .15s ease-in-out; border-radius: .4rem } @media screen and (prefers-reduced-motion: reduce) { .member-block li a i.left-icons { transition: none } } .member-block li a i.right-icons { font-size: 1.5rem; position: absolute; top: 6px; right: 0; width: 2.2rem; height: 2.2rem; display: block; text-align: center; line-height: 2.6rem } .member-block li a b { font-weight: 700 } .member-block li ul { margin-left: 1.2rem; display: none; border-left: 1px solid #eee } .member-block li ul.active { display: block } .member-block li ul li a { position: relative; padding-left: 1.9rem } .member-block li ul li a:after { position: absolute; top: 50%; left: 0; content: " "; width: 1.5rem; height: 1px; margin-top: -1px; background: #eee } .member-block li ul li a .loader { width: 5rem; top: 50%; margin-top: -6px; right: 0 } .block-list li a { padding: .8rem 0; display: flex; border-bottom: 1px solid #f0f0f0; font-size: 1.2rem } .block-list li a:hover { color: #4b4b4b } .block-list li a:hover i { color: #b0b0b0 } .block-list li a i { width: 1.8rem; height: 1.8rem; flex: 0 0 1.8rem; margin-right: .5rem; color: #ccc; font-size: 1.5rem } .block-list li a span { flex: 1 1 auto } .block-list li .radio-custom { margin-bottom: .7rem } .block-list li .radio-custom label { margin-bottom: 0 } .block-showcase .block-showcase-image { position: relative; margin-bottom: 1rem } .block-showcase .block-showcase-image img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100% } .block-showcase .block-showcase-detail { text-align: center } .block-showcase .block-showcase-detail span { display: block } #featured-product-block { border: 1px solid #f0f0f0; border-radius: .4rem } #featured-product-block .featured-product-block-pagination { position: absolute; bottom: 0; left: 0; width: 100%; padding: .7rem 0; border-top: 1px solid #f0f0f0 } #featured-product-block .featured-showcase .featured-showcase-image { width: 100%; padding-top: 100%; position: relative; margin-bottom: 1rem } #featured-product-block .featured-showcase .featured-showcase-image a img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100% } #featured-product-block .featured-showcase .featured-showcase-title { text-align: center; line-height: 2rem; font-size: 1.3rem; font-weight: 600; margin-bottom: 1rem } #featured-product-block .featured-showcase .featured-showcase-price { text-align: center; margin-bottom: 1rem } #featured-product-block .featured-showcase .featured-showcase-price span { display: block; margin-bottom: .5rem; font-size: 1.3rem } #featured-product-block .featured-showcase .featured-showcase-price span.featured-discounted-price { font-weight: 600; color: #fe0000 } .block-currency-list li { line-height: 3rem } .block-currency-list li i { display: inline-block; vertical-align: -4px } .block-currency-list li span { display: block; text-align: center; line-height: 1.8rem } .block-currency-list li span:last-child { font-weight: 600 } .right-expanding-menu { border: 1px solid #f0f0f0 } .right-expanding-menu li { position: relative } @media (min-width: 576px) { .right-expanding-menu li.sub-categories:hover > ul { display: block } } .right-expanding-menu li .down-menu-button { border-bottom: 1px solid #f0f0f0 } .right-expanding-menu li .down-menu-button a { display: block; padding: 1.2rem 1.8rem 1.2rem .8rem; font-size: 1.3rem; position: relative } .right-expanding-menu li:last-child > .down-menu-button { border-bottom: none } .right-expanding-menu li ul { position: absolute; top: 0; left: 100%; min-width: 24rem; background: #fff; display: none; z-index: 50; border: 1px solid #f0f0f0; border-radius: .4rem } .right-expanding-menu li.sub-categories > .down-menu-button { position: relative; cursor: pointer } .right-expanding-menu li.sub-categories > .down-menu-button:after { content: ""; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; text-decoration: inherit; position: absolute; top: 50%; right: 10px; font-size: 1.5rem; transform: translateY(-50%) } @media (max-width: 767.98px) { .right-expanding-menu li ul { position: static } .right-expanding-menu li.sub-categories > .down-menu-button { padding: 1.2rem .8rem } .right-expanding-menu li.sub-categories > .down-menu-button > a { display: inline-block; padding: 0 } } .right-expanding-menu li:hover > .down-menu-button { background: #fafafa } .right-expanding-menu li:hover > .down-menu-button a { color: #4b4b4b } @media (max-width: 767.98px) { .right-expanding-menu > ul > .sub-categories.active { box-shadow: 0 0 5px 1px rgba(0, 0, 0, .15) } .right-expanding-menu .sub-categories.active > .down-menu-button:after { content: "" } .right-expanding-menu .sub-categories.active > ul { display: block; cursor: pointer } } .right-expanding-image-menu { border: 1px solid #f0f0f0 } .right-expanding-image-menu > ul > li { position: relative; border-bottom: 1px solid #f0f0f0 } .right-expanding-image-menu > ul > li:last-child { border-bottom: none } .right-expanding-image-menu > ul > li div > a { padding: 1.2rem .8rem; font-size: 1.3rem; display: block; color: #4b4b4b } .right-expanding-image-menu > ul > li div > a:hover { color: #4b4b4b } @media (min-width: 576px) { .right-expanding-image-menu > ul > li.sub-categories:hover .sub-categories-menu { display: flex; border: 1px solid #f0f0f0 } } .right-expanding-image-menu > ul > li.sub-categories > .image-down-menu { padding-right: 4.8rem; cursor: pointer; position: relative } .right-expanding-image-menu > ul > li.sub-categories > .image-down-menu:after { content: ""; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; text-decoration: inherit; position: absolute; top: 50%; right: 10px; font-size: 1.5rem; transform: translateY(-50%); cursor: pointer } .right-expanding-image-menu > ul > li:hover { background: #fafafa } .right-expanding-image-menu > ul > li .sub-categories-menu { position: absolute; top: 0; width: 57.5rem; left: 100%; background: #fff; padding: 1rem; display: none; z-index: 50; flex-wrap: wrap } .right-expanding-image-menu > ul > li .sub-categories-menu a { display: block; flex: 0 0 25%; margin: .8rem; border: 1px solid #f0f0f0; max-width: 12.2rem } .right-expanding-image-menu > ul > li .sub-categories-menu a:hover { border-color: #e1e1e1 } .right-expanding-image-menu > ul > li .sub-categories-menu a div { padding-top: 100%; display: block; position: relative } .right-expanding-image-menu > ul > li .sub-categories-menu a div img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: block; max-width: 100%; max-height: 100% } .right-expanding-image-menu > ul > li .sub-categories-menu a span { display: block; line-height: 1.6rem; height: 3.2rem; padding: 0 .3rem; text-align: center; position: relative; overflow: hidden; font-size: 1.1rem } @media (max-width: 767.98px) { .right-expanding-image-menu .sub-categories { border-top: none; border-left: 1px solid transparent; border-right: 1px solid transparent } .right-expanding-image-menu .sub-categories > div { padding: 1.2rem 4.8rem 1.2rem 0 } .right-expanding-image-menu .sub-categories > div a { display: inline-block; padding: 0 0 0 .8rem } .right-expanding-image-menu .sub-categories.active { border-color: #f0f0f0; box-shadow: 0 0 5px 1px rgba(0, 0, 0, .15) } .right-expanding-image-menu .sub-categories.active > .image-down-menu:after { content: "" } .right-expanding-image-menu .sub-categories.active > .sub-categories-menu { display: flex; left: 0; width: auto; top: auto; position: relative; padding: 0 } .right-expanding-image-menu .sub-categories.active > .sub-categories-menu a { flex: 0 0 100%; max-width: 100%; margin: 0; padding: .3rem .7rem; border: 0; border-bottom: 1px solid #f0f0f0 } .right-expanding-image-menu .sub-categories.active > .sub-categories-menu a:first-child { border-top: 1px solid #f0f0f0 } .right-expanding-image-menu .sub-categories.active > .sub-categories-menu a:last-child { border-bottom: 0 } .right-expanding-image-menu .sub-categories.active > .sub-categories-menu a > div { padding-top: 0; display: block; position: relative; float: left; width: 3.2rem; height: 3.2rem } .right-expanding-image-menu .sub-categories.active > .sub-categories-menu a > span { text-align: left; line-height: 3.2rem; float: left; font-size: 1.3rem } } .standard-menu a { border: 1px solid #f0f0f0; padding: 1rem; display: flex; align-items: center; justify-content: space-between } .standard-menu .parent-item { margin-top: -1px } .standard-menu .parent-item:first-child { margin-top: 0 } .standard-menu .parent-item.selected-item > a { background-color: #fafafa } .standard-menu .parent-item .sub-items .sub-item { margin-top: -1px } .standard-menu .parent-item .sub-items .sub-item > a { padding: 1rem 1rem 1rem 2rem } .standard-menu .parent-item .sub-items .sub-item > a i { margin-left: 1rem } .standard-menu .top-category, .standard-menu .all-categories { margin-top: -1px } .standard-menu .top-category a, .standard-menu .all-categories a { justify-content: flex-start } .standard-menu .top-category i, .standard-menu .all-categories i { margin-right: .3rem } .two-stage-menu a { border: 1px solid #f0f0f0; padding: 1rem; display: flex; align-items: center; justify-content: space-between } .two-stage-menu .parent-item { margin-top: -1px } .two-stage-menu .parent-item:first-child { margin-top: 0 } .two-stage-menu .parent-item.selected-item > a { background-color: #fafafa } .two-stage-menu .parent-item .sub-items .sub-item { margin-top: -1px } .two-stage-menu .parent-item .sub-items .sub-item > a { padding: 1rem 1rem 1rem 2rem } .two-stage-menu .parent-item .sub-items .sub-item > a i { margin-left: 1rem } .two-stage-menu .selected-item { background-color: #fafafa } .cascade-menu { border: 1px solid #f0f0f0 } .cascade-menu .parent-item a { display: flex; padding: .5rem 1rem; font-size: 1.3rem; justify-content: space-between; align-items: center; color: #4b4b4b; transition: all .15s ease-in-out } @media screen and (prefers-reduced-motion: reduce) { .cascade-menu .parent-item a { transition: none } } .cascade-menu .parent-item .sub-items { margin-left: 1.5rem } .cascade-menu .parent-item .sub-items .sub-item a > span { display: flex; align-items: center } .cascade-menu .parent-item .sub-items .sub-item a > span i { font-size: .4rem; margin-right: .3rem } .cascade-menu .parent-item .sub-items .sub-item a > i { font-size: 1.3rem; margin-left: 1rem } .accordion-menu .parent-item { margin-top: -1px } .accordion-menu .parent-item:first-child { margin-top: 0 } .accordion-menu .parent-item .accordion-list-parent { display: flex; align-items: stretch; justify-content: space-between; border: 1px solid #f0f0f0 } .accordion-menu .parent-item .accordion-list-parent > a { flex: 1 1 auto; display: flex; align-items: center; padding: 1rem } .accordion-menu .parent-item .accordion-list-parent > div { flex: 0 0 3rem; display: flex; align-items: center; justify-content: center; cursor: pointer } .accordion-menu .parent-item .sub-items { display: none; border: 1px solid #f0f0f0; margin-top: -1px } .accordion-menu .parent-item .sub-items .sub-item > a { padding: 1rem 1rem 1rem 2rem; display: block } .accordion-menu .parent-item.active .sub-items { display: block } .accordion-menu .selected-item { background-color: #fafafa } .accordion-menu .top-category, .accordion-menu .all-categories { margin-top: -1px } .accordion-menu .top-category a, .accordion-menu .all-categories a { justify-content: flex-start; border: 1px solid #f0f0f0; padding: 1rem; display: flex; align-items: center } .accordion-menu .top-category i, .accordion-menu .all-categories i { margin-right: .3rem } .filter-menu .filter-menu-box { border: 1px solid #f0f0f0; margin-bottom: 1rem } .filter-menu .filter-menu-box:last-child { margin-bottom: 0 } .filter-menu .filter-menu-selected-items .filter-menu-selected-items-title { font-size: 1.4rem; padding: 1rem; font-weight: 700; background-color: #fafafa } .filter-menu .filter-menu-selected-items .filter-menu-selected-items-content { padding: 1rem } .filter-menu .filter-menu-selected-items .filter-menu-selected-items-content .filter-menu-selected-group { margin-bottom: 1rem } .filter-menu .filter-menu-selected-items .filter-menu-selected-items-content .filter-menu-selected-group:last-child { margin-bottom: 0 } .filter-menu .filter-menu-selected-items .filter-menu-selected-items-content .filter-menu-selected-group .filter-menu-selected-group-title { font-size: 1.3rem; margin-bottom: 1rem; font-weight: 700 } .filter-menu .filter-menu-selected-items .filter-menu-selected-items-content .filter-menu-selected-group .filter-menu-selected-group-content .filter-menu-selected-item { margin-bottom: .5rem } .filter-menu .filter-menu-selected-items .filter-menu-selected-items-content .filter-menu-selected-group .filter-menu-selected-group-content .filter-menu-selected-item a { padding: .5rem; display: flex; justify-content: space-between; align-items: center; background: #fafafa; border-radius: .4rem } .filter-menu .filter-menu-selected-items .filter-menu-selected-items-content .filter-menu-selected-group .filter-menu-selected-group-content .filter-menu-selected-item:last-child { margin-bottom: 0 } .filter-menu .filter-menu-main-category { padding: 1rem } .filter-menu .filter-menu-main-category a { display: flex; padding: .5rem 0; font-size: 1.4rem; align-items: center } .filter-menu .filter-menu-main-category a i { font-size: 1.1rem; margin-right: .5rem } .filter-menu .filter-menu-category .filter-menu-category-title { padding: 1rem; font-size: 1.4rem; border-bottom: 1px solid #f0f0f0; background: #fafafa } .filter-menu .filter-menu-category .filter-menu-category-title i { display: none } .filter-menu .filter-menu-category .filter-menu-category-content { border-bottom: 1px solid #f0f0f0 } .filter-menu .filter-menu-category .filter-menu-category-content a { display: flex; padding: .5rem 0 .5rem 2rem; font-size: 1.2rem; align-items: center } .filter-menu .filter-menu-category .filter-menu-category-content a i { font-size: .5rem; margin-right: .5rem } .filter-menu .filter-menu-category .filter-menu-category-top a { display: flex; padding: 1rem; font-size: 1.3rem; align-items: center } .filter-menu .filter-menu-category .filter-menu-category-top a i { font-size: .9rem; margin-right: .5rem } .filter-menu .filter-menu-groups .filter-menu-group-title { padding: 1rem; border-bottom: 1px solid #f0f0f0; font-size: 1.4rem; background: #fafafa } .filter-menu .filter-menu-groups .filter-menu-group-content { padding: 1rem } .filter-menu .filter-menu-groups .filter-menu-group-content .checkbox-custom { overflow: hidden; margin-bottom: 1rem } .filter-menu .filter-menu-groups .filter-menu-group-content .checkbox-custom:last-child { margin-bottom: 0 } .filter-menu .filter-menu-groups .filter-menu-group-content .checkbox-custom label { padding-right: 1rem } .filter-menu .filter-menu-groups .filter-menu-group-content .scrollbar-inner { max-height: 115px; overflow-y: auto } .filter-menu .filter-menu-groups .filter-menu-group-content .filter-menu-box-image { display: flex; flex-wrap: wrap } .filter-menu .filter-menu-groups .filter-menu-group-content .filter-menu-box-image .filter-menu-image-checkbox { margin: 0 1rem 1rem 0; overflow: hidden; position: relative } .filter-menu .filter-menu-groups .filter-menu-group-content .filter-menu-box-image .filter-menu-image-checkbox input[type=checkbox] { position: absolute; left: -9999em } .filter-menu .filter-menu-groups .filter-menu-group-content .filter-menu-box-image .filter-menu-image-checkbox input[type=checkbox] + label { padding: 0; border: 1px solid #f0f0f0; display: flex; width: 3.2rem; height: 3.2rem; align-items: center; justify-content: center } .filter-menu .filter-menu-groups .filter-menu-group-content .filter-menu-box-image .filter-menu-image-checkbox input[type=checkbox] + label:before { content: none } .filter-menu .filter-menu-groups .filter-menu-group-content .filter-menu-box-image .filter-menu-image-checkbox input[type=checkbox]:checked + label { border-color: #d7d7d7 } .filter-menu .filter-menu-groups .filter-menu-group-content .filter-menu-box-image .filter-menu-image-checkbox:last-child { margin-right: 0 } .filter-menu .filter-menu-groups .filter-menu-group-content .filter-menu-box-image .filter-menu-image-checkbox img { max-width: 2.4rem; max-height: 2.4rem } .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative } .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0 } .scroll-element { display: none } .scroll-element, .scroll-element div { box-sizing: content-box } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default } .scroll-textarea { border: 1px solid #ccc; border-top-color: #999 } .scroll-textarea > .scroll-content { overflow: hidden !important } .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important } .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0 } .scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10 } .scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100% } .scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100% } .scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px } .scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden } .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px } .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: .4 } .scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0 } .scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2 } .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191 } .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191 } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px } .autocomplete-suggestions { text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0, 0, 0, .1); position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box } .autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: #333 } .autocomplete-suggestion b { font-weight: normal; color: #1f8dd6 } .autocomplete-suggestion.selected { background: #f0f0f0 } #pick-demo-container { position: fixed; z-index: 10999; right: 35px; bottom: 35px; display: inline-block } #pick-demo-container .btn-pick-demo { width: 80px; height: 80px; line-height: 24px; padding: 16px 0; display: block; background: #0075c9; color: #fff; font-size: 18px; font-weight: 500; border-radius: 40px; text-align: center; transition: all .3s ease; box-sizing: border-box; box-shadow: 5px 10px 30px rgba(0, 117, 201, .5) } #pick-demo-container .btn-pick-demo:before { width: 80px; height: 80px; display: block; content: ""; position: absolute; top: 0; left: 0; border-radius: 60px; border: 0px solid rgba(255, 255, 255, .3); transition: all .3s ease; box-sizing: border-box } #pick-demo-container .btn-pick-demo:hover:before { width: 120px; height: 120px; top: -20px; left: -20px; border: 20px solid rgba(255, 255, 255, .3) } #pick-demo-container .demo-form { width: 300px; padding: 35px; position: absolute; right: 0; bottom: -150vh; border-radius: 40px; text-align: center; background: #fff; transition: all .5s ease; box-shadow: 5px 10px 30px rgba(0, 0, 0, .2) } #pick-demo-container .demo-form a.close-demo-form { width: 30px; height: 30px; display: block; position: absolute; top: 0; right: 0; background: #0075c9; border-radius: 15px; transition: all .3s ease } #pick-demo-container .demo-form a.close-demo-form span { width: 16px; height: 3px; display: block; background: #fff; border-radius: 3px; position: absolute; top: 13px; left: 7px; transform: rotateZ(45deg); transition: all .3s ease } #pick-demo-container .demo-form a.close-demo-form span:last-child { transform: rotateZ(-45deg) } #pick-demo-container .demo-form a.close-demo-form:hover { background: #115c92 } #pick-demo-container .demo-form h3 { margin-bottom: 18px; font-size: 18px; color: #0075c9 } #pick-demo-container .demo-form .select-wrapper { width: 100%; height: 40px; margin-bottom: 10px; border-radius: 20px; border: 1px solid #ddd; overflow: hidden; position: relative } #pick-demo-container .demo-form .select-wrapper select { width: 100%; height: 40px; padding: 0 16px; background: transparent; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } #pick-demo-container .demo-form .select-wrapper span { width: 8px; height: 2px; display: block; background: #000; border-radius: 3px; position: absolute; top: 17px; right: 20px; transform: rotateZ(45deg); transition: all .3s ease } #pick-demo-container .demo-form .select-wrapper span:last-child { right: 15px; transform: rotateZ(-45deg) } #pick-demo-container .demo-form .submit-demo-form { width: 100%; line-height: 40px; display: block; color: #fff; background: #a2d45e; border-radius: 20px; font-size: 16px; font-weight: 500 } #pick-demo-container .demo-form .submit-demo-form:hover { background: #7bb729 } #pick-demo-container.active .btn-pick-demo { opacity: 0 } #pick-demo-container.active .demo-form { bottom: 0 } @media (max-width: 768px) { #pick-demo-container.active .demo-form { width: 100vw; right: -35px; bottom: -35px; border-radius: 0 } #pick-demo-container .demo-form a.close-demo-form { top: 10px; right: 10px } } .contact-us { margin-bottom: 2rem } .contact-us.banks .bank-logo { position: relative; height: 4rem; border: 1px solid #eee; background: #fff; text-align: center; line-height: 4rem; font-size: 1.2rem } .contact-us.banks .bank-logo img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-height: 100%; max-width: 100% } .contact-us.banks .contact-us-bank-item { border-bottom: 1px solid #f5f5f5; padding-bottom: .8rem; margin-bottom: .8rem } .contact-us.banks .bank-detail > strong { display: block; font-size: 1.3rem } @media (max-width: 767px) { .contact-us.banks .bank-detail { padding-top: .8rem } } .contact-us .list-group-item { border-color: #efefef; padding: 1.2rem 0; max-width: 100%; margin-left: 0 } .contact-us .list-group-item a { text-decoration: underline } .contact-us .list-group-item > div > div:first-child { font-weight: 700 } #contact-custom-field { margin-bottom: 2rem } #theme-preview-bar { position: fixed; width: 280px; height: 100%; top: 0; left: -280px; transition: all .15s ease-in-out; z-index: 9999 } @media screen and (prefers-reduced-motion: reduce) { #theme-preview-bar { transition: none } } #theme-preview-bar .theme-preview-icon { position: absolute; left: 100%; top: 100px; cursor: pointer; width: 5.2rem; height: 5.6rem; border-radius: 0 6px 6px 0; display: flex; align-items: center; justify-content: center; background-image: url("../../../images/theme-preview-icon.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-color: #4a9dd8; font-size: 1.6rem; color: #fff; transition: all .15s ease-in-out } @media screen and (prefers-reduced-motion: reduce) { #theme-preview-bar .theme-preview-icon { transition: none } } #theme-preview-bar .theme-preview-icon:hover { background-color: #004b82 } #theme-preview-bar .theme-preview-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; overflow-y: auto } #theme-preview-bar .theme-preview-wrapper .theme-preview-header { line-height: 56px; padding: 0 2rem; font-size: 1.8rem; color: #004b82; background-color: #f1f6f9 } #theme-preview-bar .theme-preview-wrapper .theme-preview-content { padding: 2rem; height: calc(100% - 56px); display: flex; flex-direction: column; justify-content: space-between } #theme-preview-bar .theme-preview-wrapper .theme-preview-content .theme-preview-block { margin-bottom: 2rem } #theme-preview-bar .theme-preview-wrapper .theme-preview-content .theme-preview-block:last-child { margin-bottom: 0 } #theme-preview-bar .theme-preview-wrapper .theme-preview-content .theme-preview-block .theme-preview-block-title { margin-bottom: 1rem; font-size: 1.3rem; color: #004b82 } #theme-preview-bar .theme-preview-wrapper .theme-preview-content .theme-preview-block .theme-preview-button { margin-bottom: 1rem } #theme-preview-bar .theme-preview-wrapper .theme-preview-content .theme-preview-block .theme-preview-button:last-child { margin-bottom: 0 } #theme-preview-bar .theme-preview-wrapper .theme-preview-content .theme-preview-block .theme-preview-button .preview-button { padding: 0; line-height: 3.8rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; color: #fff; font-size: 1.4rem; display: block; border-width: 1px; border-style: solid; text-align: center; transition: all .15s ease-in-out } @media screen and (prefers-reduced-motion: reduce) { #theme-preview-bar .theme-preview-wrapper .theme-preview-content .theme-preview-block .theme-preview-button .preview-button { transition: none } } #theme-preview-bar .theme-preview-wrapper .theme-preview-content .theme-preview-block .theme-preview-button .preview-button.btn-preview { background-color: #a2d45e; border-color: #a2d45e } #theme-preview-bar .theme-preview-wrapper .theme-preview-content .theme-preview-block .theme-preview-button .preview-button.btn-preview:hover { background-color: #8fba52; border-color: #8fba52 } #theme-preview-bar .theme-preview-wrapper .theme-preview-content .theme-preview-block .theme-preview-button .preview-button.btn-save { color: #004b82; background-color: #fff; border-color: #e4f0f9 } #theme-preview-bar .theme-preview-wrapper .theme-preview-content .theme-preview-block .theme-preview-button .preview-button.btn-save:hover { background-color: #e4f0f9 } #theme-preview-bar .theme-preview-wrapper .theme-preview-content .theme-preview-block .theme-preview-button .preview-button.btn-close { color: #fff; background-color: #c95400 } #theme-preview-bar .theme-preview-wrapper .theme-preview-content .theme-preview-block .theme-preview-button .preview-button.btn-close:hover { background-color: #b04900 } #theme-preview-bar .theme-preview-wrapper .theme-preview-content .theme-preview-block .theme-preview-info { margin-bottom: 1rem; font-size: 1.1rem; color: #7f8a92 } #theme-preview-bar .theme-preview-wrapper .theme-preview-content .theme-preview-block .theme-preview-info:last-child { margin-bottom: 0 } .theme-preview-bar-active #theme-preview-bar.theme-preview-bar { left: 0; box-shadow: 5px 0 10px 0 rgba(0, 0, 0, .15) } .idea-promotion-bar { width: 100%; padding: 1rem; box-sizing: border-box; position: relative; z-index: 10000 } .idea-promotion-bar.bar-fixed { position: fixed } .idea-promotion-bar .close-button-active { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; font-size: 1.6rem; cursor: pointer } .idea-promotion-bar.bar-position-bottom { border-top: solid; bottom: 0; position: fixed; left: 0 } .idea-promotion-bar.bar-position-top { border-bottom: solid; top: 0 } .brand-list, .category-list { margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 1px solid #f0f0f0 } .brand-list:only-child, .category-list:only-child { border-bottom: none } .brand-list a, .category-list a { display: block; width: 100%; font-size: 1.2rem; margin: 0 auto 1rem; color: #4b4b4b } .brand-list a:hover, .category-list a:hover { color: #4b4b4b } .brand-list a div, .category-list a div { width: 100%; padding-top: 100%; position: relative } .brand-list a div img, .category-list a div img { position: absolute; max-width: 100%; max-height: 100%; margin: auto; top: 0; right: 0; bottom: 0; left: 0; display: block } .brand-list a div + span, .category-list a div + span { text-align: center } .brand-list a > span, .category-list a > span { display: flex; line-height: 1.6rem; height: 3.2rem; justify-content: center; position: relative; overflow: hidden } .brand-list a > span:only-child, .category-list a > span:only-child { justify-content: flex-start } .brand-list a > span:only-child i, .category-list a > span:only-child i { font-size: .8rem; margin: 4px 3px 0 0; vertical-align: middle } .brand-list { padding-bottom: 0 } #head-content { margin-bottom: 1rem } #sorting-options { margin-bottom: 1rem; color: #4b4b4b } #sorting-options .sorting-options-title { display: none } @media (max-width: 767.98px) { #sorting-options .sorting-options-title { display: block } #sorting-options .sorting-options-content { display: none } } @media (max-width: 767.98px) { body.sorting-options-content-active #sorting-options .sorting-options-content { display: block } } .user-login-box { width: 100%; max-width: 40rem; margin: 0 auto; border: 1px solid #f0f0f0; border-radius: .4rem } .user-login-box .user-login-box-header { padding: 3rem 0 1rem 0; text-align: center } .user-login-box .user-login-box-header i { font-size: 4.6rem; width: 10rem; height: 10rem; display: inline-block; background: #fff; text-align: center; line-height: 8rem; color: #d7d7d7; border-width: 7px; border-style: solid; border-color: #f0f0f0 #f0f0f0 #d7d7d7; margin-bottom: 2rem; border-radius: 100% } .user-login-box .user-login-box-header span { display: block; text-align: center; font-size: 2rem } .user-login-box .user-login-box-header p { font-size: 1.2rem; margin-top: 1rem; color: #999; font-style: italic; margin-bottom: 0 } .user-login-box .user-login-box-content { padding: 1.5rem } .user-login-box .user-login-box-content .user-login-button-group { display: flex; justify-content: space-between } .user-login-box .user-login-box-content .user-login-button-group button { flex: 0 0 50% } @media (max-width: 575px) { .user-login-box .user-login-box-content .user-login-button-group a.btn { width: 100%; margin-bottom: 1rem } .user-login-box .user-login-box-content .user-login-button-group a.btn:last-child { margin-bottom: 0 } } .user-login-box .user-login-box-footer { padding: 1.5rem; border-top: 1px solid #f0f0f0; text-align: right } .my-account-quick-menu .quick-menu-box { text-align: center; margin: 0 0 3rem 0 } .my-account-quick-menu .quick-menu-box .menu-icon { text-align: center; margin-bottom: 1.5rem } .my-account-quick-menu .quick-menu-box .menu-icon i { font-size: 3.2rem; width: 10rem; height: 10rem; line-height: 10rem; display: inline-block; background: #eee; border-radius: 100%; transition: all .15s ease-in-out } @media screen and (prefers-reduced-motion: reduce) { .my-account-quick-menu .quick-menu-box .menu-icon i { transition: none } } .my-account-quick-menu .quick-menu-box h4 { font-size: 1.6rem; transition: all .15s ease-in-out } @media screen and (prefers-reduced-motion: reduce) { .my-account-quick-menu .quick-menu-box h4 { transition: none } } .my-account-quick-menu .quick-menu-box a { font-size: 1.2rem; display: block; transition: all .15s ease-in-out; color: #4b4b4b } @media screen and (prefers-reduced-motion: reduce) { .my-account-quick-menu .quick-menu-box a { transition: none } } .my-account-quick-menu .quick-menu-box a:hover { color: #4b4b4b } .my-account-quick-menu .quick-menu-box:hover i { color: #4b4b4b; background: #e1e1e1 } .my-account-quick-menu .quick-menu-box:hover h4 { color: #4b4b4b } .order-list-table .order-list-payment-type { width: 14% } .order-list-table .order-list-shipping-information { width: 17%; display: table-cell } .order-list-table .order-list-shipping-information span { display: block } .order-list-table .order-list-shipping-information span form { display: inline-block; vertical-align: middle } .order-list-table .order-list-status { width: 12% } .order-list-table .order-list-order-date { width: 17% } .order-list-table .order-list-total-price { width: 15% } .order-list-table .order-list-shipping-information button { border: none; background: none; -webkit-appearance: unset; -ms-appearance: unset; -moz-appearance: unset } .order-list-table .order-list-action-button { position: relative; width: 12% } .order-list-table .order-list-action-button a { margin: .2rem; display: inline-block } .order-list-table .order-list-action-button a i { width: 2.2rem; height: 2.2rem; display: inline-block; vertical-align: middle; line-height: 2.2rem; text-align: center; font-size: 1.2rem; border-radius: .4rem } .order-list-table .order-list-action-button a.order-detail i { background: #007bff; color: #fff } .order-list-table .order-list-action-button a.billing-detail i { background: #6610f2; color: #fff } .order-list-table .order-list-action-button a.print-shipping i { background: #6f42c1; color: #fff } .order-list-table .order-list-action-button a.print-order i { background: #e83e8c; color: #fff } .order-list-table .order-list-action-button a.refund-and-cancel i { background: #fd7e14; color: #fff } .order-list-table .order-list-action-button a.remake-order i { background: #28a745; color: #fff } .special-product-list-table a { color: #4b4b4b } .special-product-list-table a:hover, .special-product-list-table a:focus { color: #4b4b4b } .special-product-list-table .special-product-list-image i { font-size: 1.5rem } .special-product-list-table .special-product-list-cart .product-list-info { padding: .3rem 0; font-size: 1.1rem } .favourite-product-table { width: 100% } .favourite-product-table .favourite-product-image { width: 6rem } .favourite-product-table .favourite-product-image a { display: block; width: 5rem; height: 5rem; position: relative; border: 1px solid #f0f0f0; margin: 0 auto } .favourite-product-table .favourite-product-image a img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100% } .favourite-product-table .favourite-product-price { width: 14rem } .favourite-product-table .favourite-product-name a { color: #4b4b4b } .favourite-product-table .favourite-product-action { width: 6rem } .favourite-product-table .favourite-product-action .btn i { font-size: 1.2rem } .refund-list-table thead tr th { padding: .7rem .6rem !important } .refund-list-table .refund-list-checkbox { width: 4rem; text-align: center } .refund-list-table .refund-list-checkbox .checkbox-custom { display: inline-block; width: 1.6rem } .refund-list-table .refund-list-checkbox .checkbox-custom label:before { margin-top: -1rem } .refund-list-table .refund-list-checkbox .checkbox-custom label:after { margin-top: -1.2rem } .refund-list-table .refund-list-product-name span { display: block; margin-bottom: .5rem } .refund-list-table .refund-list-product-name span:last-child { margin-bottom: 0 } .refund-list-table .refund-list-product-name span b { font-weight: 700 } .refund-list-table .refund-list-buy-quantity { padding-top: .5rem; padding-bottom: .5rem; text-align: center; width: 9rem } .refund-list-table .refund-list-quantity-before { width: 9rem; text-align: center } .refund-list-table .refund-list-quantity { width: 12rem; text-align: center } .refund-list-table .refund-list-quantity span { font-size: 1.1rem; font-weight: normal; display: block } .refund-list-table .refund-list-quantity .quantity { position: relative; width: 9rem; display: inline-block; height: 2.5rem } .refund-list-table .refund-list-quantity .quantity input { position: absolute; top: 0; left: 30px; width: 3rem; height: 3rem; line-height: 3rem; font-size: 1.2rem; padding: 0; text-align: center } .refund-list-table .refund-list-quantity .quantity a { position: absolute; top: 0; width: 2.5rem; height: 3rem; background: #eee; text-align: center; line-height: 3.4rem; color: #4b4b4b } .refund-list-table .refund-list-quantity .quantity a[data-selector=quantity-up] { right: 0 } .refund-list-table .refund-list-quantity .quantity a[data-selector=quantity-down] { left: 0 } .refund-list-table .refund-list-quantity .quantity a i { font-size: 1.4rem } .refund-list-table .refund-list-sku-code { width: 10rem } .refund-list-table .refund-list-price { width: 12rem } .refund-list-table .refund-list-price span { display: block } .refund-list-table .refund-list-price span b { font-weight: 700 } .refund-list-table .refund-list-action { width: 18rem } .refund-product-list-table .refund-product-list-amount { width: 15% } .refund-product-list-table .refund-product-list-reason { width: 25% } .refund-product-list-table .refund-product-list-details { width: 30% } .refund-request-list-table .refund-request-list-code { width: 14% } .refund-request-list-table .refund-request-list-payment-type { width: 16% } .refund-request-list-table .refund-request-list-status { width: 16% } .refund-request-list-table .refund-request-list-fee { width: 13% } .refund-request-list-table .refund-request-list-date { width: 17% } .refund-request-list-table .refund-request-list-action-button { width: 5rem } .refund-request-list-table tr td.refund-request-list-action-button { width: 5rem; text-align: center } .refund-request-list-table tr td.refund-request-list-action-button a { display: inline-block } .refund-request-list-table tr td.refund-request-list-action-button a i { width: 2.2rem; height: 2.2rem; display: inline-block; vertical-align: middle; line-height: 2.2rem; text-align: center; font-size: 1.2rem; background: #007bff; color: #fff; border-radius: .4rem } .refund-request-list-table tr td.refund-request-list-action-button a:active, .refund-request-list-table tr td.refund-request-list-action-button a:focus, .refund-request-list-table tr td.refund-request-list-action-button a:hover { color: #4b4b4b } .contract-list-table .contract-list-price { width: 11% } .contract-list-table .contract-list-amount { width: 12% } .contract-list-table .contract-list-total { width: 12% } .contract-list-table .contract-list-payment-gateway-name { width: 12% } .contract-list-table .contract-list-period { width: 15% } .contract-list-table .contract-list-action-button { position: relative; text-align: center; width: 12% } .contract-list-table .contract-list-action-button a { font-size: 1.2rem; display: inline-block; margin: .2rem } .contract-list-table .contract-list-action-button a i { width: 2.5rem; height: 2.5rem; display: inline-block; vertical-align: middle; line-height: 2.5rem; text-align: center; font-size: 1.5rem; border-radius: .4rem } .contract-list-table .contract-list-action-button a.payment-plan i { background: #007bff; color: #fff } .contract-list-table .contract-list-action-button a.cancel-subscription i { background: #dc3545; color: #fff } .contract-list-table .contract-list-action-button a.canceled-subscription i { background: #23b8b0; color: #fff } .contract-plan-list-table .contract-plan-list-operation-info { width: 16rem } .contract-plan-list-table .contract-plan-list-operation-info i { display: inline-block; vertical-align: middle; height: 2.1rem; font-size: 1.8rem } .contract-plan-list-table .contract-plan-list-operation-info i.successful { color: #1a9b1d } .contract-plan-list-table .contract-plan-list-operation-info i.canceled { color: #e84a25 } .contract-plan-list-table .contract-plan-list-operation-info i.waiting { color: #eab431 } .ideapay-list-table .ideapay-list-status { width: 20% } .ideapay-list-table .ideapay-list-date { width: 20% } .ideapay-list-table .ideapay-list-total-amount { width: 18% } .ideapay-list-table .ideapay-list-action-button { position: relative; text-align: center; width: 12% } .ideapay-list-table .ideapay-list-action-button a { margin: .2rem; display: inline-block } .ideapay-list-table .ideapay-list-action-button a i { width: 2.2rem; height: 2.2rem; display: inline-block; vertical-align: middle; line-height: 2.2rem; text-align: center; font-size: 1.2rem; border-radius: .4rem } .ideapay-list-table .ideapay-list-action-button a.view-payment i { background: #007bff; color: #fff } .ideapay-list-table .ideapay-list-action-button a.print-payment-receipt i { background: #e83e8c; color: #fff } .point-list-box { margin-bottom: 1.6rem } .point-list-table .point-list-date { width: 30% } .point-list-table .point-list-point { width: 30% } .point-list-table .point-list-point i.fa-plus { color: #fd7e14 } .point-list-table .point-list-point i.fa-minus { color: #dc3545 } .gift-page-information { padding: 1rem; background: #fafafa; border: 1px solid #f0f0f0; border-radius: .4rem; margin-bottom: 1rem } .gift-page-information:last-child { margin-bottom: 0 } .token-list-table thead tr th { padding: .7rem .6rem !important } .token-list-table .token-list-value { width: 12rem } .token-list-table .token-list-min-token { width: 14rem } .token-list-table .token-list-start-date { width: 14rem } .token-list-table .token-list-expire-date { width: 14rem } .token-list-table .token-list-status { width: 5rem; text-align: center } .token-list-table .token-list-status i { margin-top: .3rem; cursor: pointer } .token-list-table .token-list-status i.active { color: #007bff } .token-list-table .token-list-status i.passive { color: #dc3545 } .address-list .address-list-box address { border: 1px solid #f0f0f0; padding: 1.5rem 1.5rem .7rem 1.5rem; margin-bottom: 1.5rem; border-radius: .4rem } .address-list .address-list-box address .address-list-box-header { margin-bottom: .5rem; line-height: 2rem; font-size: 1.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .address-list .address-list-box address .address-list-box-header b { font-weight: 700 } .address-list .address-list-box address .address-list-box-content { margin-bottom: 1rem; height: 10rem; overflow: hidden } .address-list .address-list-box address .address-list-box-content span { display: block; line-height: 2rem } .address-list .address-list-box address .address-list-box-content span b { font-weight: 700 } .address-list .address-list-box address .address-list-box-content span.address { height: 4rem; overflow: hidden } .address-list .address-list-box address .address-list-box-footer { border-top: 1px solid #f0f0f0; padding-top: .7rem; text-align: right } .address-list .address-list-box address .address-list-box-footer a { margin-left: .5rem; position: relative; font-size: 1.1rem } .address-list .address-list-box address .address-list-box-footer a i { font-size: 1.2rem } .address-list .address-list-box .add-new-address-box { border: 1px solid #f0f0f0; padding: 1rem; min-height: 15.5rem; position: relative; z-index: 2; border-radius: .4rem } .address-list .address-list-box .add-new-address-box a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .address-list .address-list-box .add-new-address-box a i { margin-right: 1rem } @media (min-width: 768px)and (max-width: 991.98px) { .address-list .address-list-box address .address-list-box-header b { display: block } .address-list .address-list-box address .address-list-box-content { height: 8rem } } .ticket-list-table .ticket-list-code { width: 14rem } .ticket-list-table .ticket-list-last-update { width: 20rem } .ticket-list-table .ticket-list-status { width: 13rem } .ticket-list-table .ticket-list-status span { position: relative; padding-left: 1.5rem } .ticket-list-table .ticket-list-status span:before { content: ""; position: absolute; top: 50%; left: 0; width: 1rem; height: 1rem; transform: translateY(-50%); border-radius: 50% } .ticket-list-table .ticket-list-status span.pending { color: #28a745 } .ticket-list-table .ticket-list-status span.pending:before { background: #28a745 } .ticket-list-table .ticket-list-status span.replied { color: #007bff } .ticket-list-table .ticket-list-status span.replied:before { background: #007bff } .ticket-list-table .ticket-list-status span.closed { color: #dc3545 } .ticket-list-table .ticket-list-status span.closed:before { background: #dc3545 } .ticket-list-table .ticket-list-action-button { text-align: center; width: 8rem } .ticket-list-table .ticket-list-action-button i { width: 2.2rem; height: 2.2rem; display: inline-block; vertical-align: middle; line-height: 2.2rem; text-align: center; font-size: 1.2rem; border-radius: .4rem } .ticket-list-table .ticket-list-action-button .show-detail i { background: #007bff; color: #fff } .ticket-list-table .ticket-list-action-button .close-ticket i { background: #dc3545; color: #fff } .ticket-comment-list .comment-list-header { margin-bottom: 1.5rem; font-weight: 700; margin-right: 1rem; font-size: 1.3rem } .ticket-comment-list .comment-list-body { padding: 1.5rem; background: #fafafa; margin-bottom: 1rem; position: relative; display: inline-block; border-radius: .4rem } .ticket-comment-list .comment-list-body:after { content: ""; position: absolute; top: 0; border: solid 2rem #fafafa; border-bottom-color: transparent; border-top-color: transparent; width: 2rem; height: 2rem } .ticket-comment-list .comment-list-body b { display: block } .ticket-comment-list .comment-list-body span { font-weight: 700; display: block; font-size: 1.3rem } .ticket-comment-list .comment-list-body strong { font-weight: 700 } .ticket-comment-list.user { text-align: right } .ticket-comment-list.user .comment-list-body { margin-right: 1rem } .ticket-comment-list.user .comment-list-body:after { right: -40px; border-right-color: transparent } .ticket-comment-list.admin { text-align: left } .ticket-comment-list.admin .comment-list-body { margin-left: 1rem } .ticket-comment-list.admin .comment-list-body:after { left: -40px; border-left-color: transparent } #user-agreement-wrapper, #personal-data-agreement-wrapper { max-width: 72rem; display: none } .ideapay-list-table .ideapay-list-status { width: 20% } .ideapay-list-table .ideapay-list-date { width: 20% } .ideapay-list-table .ideapay-list-total-amount { width: 18% } .ideapay-list-table .ideapay-list-action-button { position: relative; text-align: center; width: 12% } .ideapay-list-table .ideapay-list-action-button a { margin: .2rem; display: inline-block } .ideapay-list-table .ideapay-list-action-button a i { width: 2.2rem; height: 2.2rem; display: inline-block; vertical-align: middle; line-height: 2.2rem; text-align: center; font-size: 1.2rem; border-radius: .4rem } .ideapay-list-table .ideapay-list-action-button a.view-payment i { background: #007bff; color: #fff } .ideapay-list-table .ideapay-list-action-button a.print-payment-receipt i { background: #e83e8c; color: #fff } #idea-pay-form .payment-credit-card, #CreditCard [data-selector=payment-form] .payment-credit-card, #MailOrder [data-selector=payment-form] .payment-credit-card { padding-top: 50%; position: relative; background: url(../images/gateway_logo/credit_card.png) no-repeat; background-size: contain; margin-bottom: 1rem } #idea-pay-form .payment-credit-card > div, #CreditCard [data-selector=payment-form] .payment-credit-card > div, #MailOrder [data-selector=payment-form] .payment-credit-card > div { position: absolute; color: #4b4b4b; font-weight: 700 } #idea-pay-form .payment-credit-card .card-logo, #CreditCard [data-selector=payment-form] .payment-credit-card .card-logo, #MailOrder [data-selector=payment-form] .payment-credit-card .card-logo { top: 4%; left: 6% } #idea-pay-form .payment-credit-card .card-logo i, #CreditCard [data-selector=payment-form] .payment-credit-card .card-logo i, #MailOrder [data-selector=payment-form] .payment-credit-card .card-logo i { font-size: 3.2rem; margin-top: 20% } #idea-pay-form .payment-credit-card .card-number, #CreditCard [data-selector=payment-form] .payment-credit-card .card-number, #MailOrder [data-selector=payment-form] .payment-credit-card .card-number { background: #fafafa; top: 33%; left: 6%; width: 60%; padding: .4rem .7rem; min-height: 2.6rem } #idea-pay-form .payment-credit-card .card-name, #CreditCard [data-selector=payment-form] .payment-credit-card .card-name, #MailOrder [data-selector=payment-form] .payment-credit-card .card-name { top: 54%; left: 6% } #idea-pay-form .payment-credit-card .card-month, #CreditCard [data-selector=payment-form] .payment-credit-card .card-month, #MailOrder [data-selector=payment-form] .payment-credit-card .card-month { left: 17%; top: 72% } #idea-pay-form .payment-credit-card .card-year, #CreditCard [data-selector=payment-form] .payment-credit-card .card-year, #MailOrder [data-selector=payment-form] .payment-credit-card .card-year { top: 72%; left: 29% } #idea-pay-form .payment-credit-card .card-cvc, #CreditCard [data-selector=payment-form] .payment-credit-card .card-cvc, #MailOrder [data-selector=payment-form] .payment-credit-card .card-cvc { left: 85%; top: 57% } #idea-pay-form .payment-credit-card .card-type-logo, #CreditCard [data-selector=payment-form] .payment-credit-card .card-type-logo, #MailOrder [data-selector=payment-form] .payment-credit-card .card-type-logo { left: 42%; bottom: 20%; max-width: 10rem; max-height: 4rem; display: block; text-align: center } #idea-pay-form .payment-credit-card .card-type-logo img, #CreditCard [data-selector=payment-form] .payment-credit-card .card-type-logo img, #MailOrder [data-selector=payment-form] .payment-credit-card .card-type-logo img { max-width: 100%; max-height: 100%; transform: translateY(0%) } #idea-pay-form .payment-credit-card .card-type-logo img#visa-card-logo, #CreditCard [data-selector=payment-form] .payment-credit-card .card-type-logo img#visa-card-logo, #MailOrder [data-selector=payment-form] .payment-credit-card .card-type-logo img#visa-card-logo { transform: translateY(30%) } @media (min-width: 992px)and (max-width: 1199px) { #idea-pay-form .payment-credit-card .card-logo img, #idea-pay-form .payment-credit-card .card-type-logo img, #CreditCard [data-selector=payment-form] .payment-credit-card .card-logo img, #CreditCard [data-selector=payment-form] .payment-credit-card .card-type-logo img, #MailOrder [data-selector=payment-form] .payment-credit-card .card-logo img, #MailOrder [data-selector=payment-form] .payment-credit-card .card-type-logo img { max-width: 80%; max-height: 80% } #idea-pay-form .payment-credit-card div, #CreditCard [data-selector=payment-form] .payment-credit-card div, #MailOrder [data-selector=payment-form] .payment-credit-card div { font-size: 1.1rem } } @media (max-width: 767.98px) { #idea-pay-form .payment-credit-card, #CreditCard [data-selector=payment-form] .payment-credit-card, #MailOrder [data-selector=payment-form] .payment-credit-card { padding: 1rem; background: #fafafa; border: solid 1px #f0f0f0; display: none } #idea-pay-form .payment-credit-card > div, #CreditCard [data-selector=payment-form] .payment-credit-card > div, #MailOrder [data-selector=payment-form] .payment-credit-card > div { font-size: .9rem; display: none } #idea-pay-form .payment-credit-card > div img, #CreditCard [data-selector=payment-form] .payment-credit-card > div img, #MailOrder [data-selector=payment-form] .payment-credit-card > div img { margin: auto; transform: translateY(0) !important } #idea-pay-form .payment-credit-card .card-logo, #idea-pay-form .payment-credit-card .card-type-logo, #CreditCard [data-selector=payment-form] .payment-credit-card .card-logo, #CreditCard [data-selector=payment-form] .payment-credit-card .card-type-logo, #MailOrder [data-selector=payment-form] .payment-credit-card .card-logo, #MailOrder [data-selector=payment-form] .payment-credit-card .card-type-logo { width: 49%; display: flex; align-items: center; justify-content: center; position: static; max-width: none } #idea-pay-form .payment-credit-card .card-logo i, #CreditCard [data-selector=payment-form] .payment-credit-card .card-logo i, #MailOrder [data-selector=payment-form] .payment-credit-card .card-logo i { display: none !important } } #idea-pay-form #payment-note-content, #CreditCard [data-selector=payment-form] #payment-note-content, #MailOrder [data-selector=payment-form] #payment-note-content { display: none } #idea-pay-form .payment-options-header, #CreditCard [data-selector=payment-form] .payment-options-header, #MailOrder [data-selector=payment-form] .payment-options-header { font-size: 1.8rem; color: #666; font-weight: 700 } #idea-pay-form #agreement-content .agreement-container .agreement, #CreditCard [data-selector=payment-form] #agreement-content .agreement-container .agreement, #MailOrder [data-selector=payment-form] #agreement-content .agreement-container .agreement { border: 1px solid #f0f0f0; border-radius: .4rem } #idea-pay-form #agreement-content .agreement-container .agreement .agreement-header, #CreditCard [data-selector=payment-form] #agreement-content .agreement-container .agreement .agreement-header, #MailOrder [data-selector=payment-form] #agreement-content .agreement-container .agreement .agreement-header { display: flex; height: auto; padding: 1.5rem 0; align-items: stretch; justify-content: space-between; border-bottom: 1px solid transparent; background-color: transparent; cursor: pointer; transition: all .1s linear } #idea-pay-form #agreement-content .agreement-container .agreement .agreement-header:hover, #CreditCard [data-selector=payment-form] #agreement-content .agreement-container .agreement .agreement-header:hover, #MailOrder [data-selector=payment-form] #agreement-content .agreement-container .agreement .agreement-header:hover { background-color: #fdfdfd } #idea-pay-form #agreement-content .agreement-container .agreement .agreement-header > *, #CreditCard [data-selector=payment-form] #agreement-content .agreement-container .agreement .agreement-header > *, #MailOrder [data-selector=payment-form] #agreement-content .agreement-container .agreement .agreement-header > * { pointer-events: none } #idea-pay-form #agreement-content .agreement-container .agreement .agreement-header > span, #CreditCard [data-selector=payment-form] #agreement-content .agreement-container .agreement .agreement-header > span, #MailOrder [data-selector=payment-form] #agreement-content .agreement-container .agreement .agreement-header > span { flex: 0 0 auto; display: flex; align-items: center; font-size: 1.3rem; padding-left: 1.6rem; font-weight: 600 } #idea-pay-form #agreement-content .agreement-container .agreement .agreement-header > a, #CreditCard [data-selector=payment-form] #agreement-content .agreement-container .agreement .agreement-header > a, #MailOrder [data-selector=payment-form] #agreement-content .agreement-container .agreement .agreement-header > a { flex: 0 0 3.2rem; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; color: #989898 } #idea-pay-form #agreement-content .agreement-container .agreement .agreement-header > a i, #CreditCard [data-selector=payment-form] #agreement-content .agreement-container .agreement .agreement-header > a i, #MailOrder [data-selector=payment-form] #agreement-content .agreement-container .agreement .agreement-header > a i { transition: all .3s linear } #idea-pay-form #agreement-content .agreement-container .agreement .agreement-content, #CreditCard [data-selector=payment-form] #agreement-content .agreement-container .agreement .agreement-content, #MailOrder [data-selector=payment-form] #agreement-content .agreement-container .agreement .agreement-content { height: 0px; overflow: hidden; font-size: 1.3rem; line-height: 1.6rem; transition: all .3s linear } #idea-pay-form #agreement-content .agreement-container .agreement .agreement-content .agreement-content-scroll, #CreditCard [data-selector=payment-form] #agreement-content .agreement-container .agreement .agreement-content .agreement-content-scroll, #MailOrder [data-selector=payment-form] #agreement-content .agreement-container .agreement .agreement-content .agreement-content-scroll { height: 16rem; overflow-y: auto; padding: 1.6rem } #idea-pay-form #agreement-content .agreement-container.active .agreement .agreement-header, #CreditCard [data-selector=payment-form] #agreement-content .agreement-container.active .agreement .agreement-header, #MailOrder [data-selector=payment-form] #agreement-content .agreement-container.active .agreement .agreement-header { border-bottom-color: #f0f0f0 } #idea-pay-form #agreement-content .agreement-container.active .agreement .agreement-header a > i, #CreditCard [data-selector=payment-form] #agreement-content .agreement-container.active .agreement .agreement-header a > i, #MailOrder [data-selector=payment-form] #agreement-content .agreement-container.active .agreement .agreement-header a > i { transform: rotateX(180deg) } #idea-pay-form #agreement-content .agreement-container.active .agreement .agreement-content, #CreditCard [data-selector=payment-form] #agreement-content .agreement-container.active .agreement .agreement-content, #MailOrder [data-selector=payment-form] #agreement-content .agreement-container.active .agreement .agreement-content { height: 26rem; box-shadow: 0 5px 10px 0px rgba(0, 0, 0, .1) } #idea-pay-form #agreement-content .agreement-container.active .agreement .agreement-content .agreement-content-scroll, #CreditCard [data-selector=payment-form] #agreement-content .agreement-container.active .agreement .agreement-content .agreement-content-scroll, #MailOrder [data-selector=payment-form] #agreement-content .agreement-container.active .agreement .agreement-content .agreement-content-scroll { height: 25rem } #idea-pay-form ul[data-selector=installment-hall] li, #CreditCard [data-selector=payment-form] ul[data-selector=installment-hall] li, #MailOrder [data-selector=payment-form] ul[data-selector=installment-hall] li { border-bottom: 1px solid #f0f0f0; padding: 1.2rem 0 } @media (min-width: 576px) { #idea-pay-form ul[data-selector=installment-hall] li, #CreditCard [data-selector=payment-form] ul[data-selector=installment-hall] li, #MailOrder [data-selector=payment-form] ul[data-selector=installment-hall] li { font-size: 1.4rem } } #idea-pay-form ul[data-selector=installment-hall] li:last-child, #CreditCard [data-selector=payment-form] ul[data-selector=installment-hall] li:last-child, #MailOrder [data-selector=payment-form] ul[data-selector=installment-hall] li:last-child { border-bottom: none } #idea-pay-form ul[data-selector=installment-hall] li .form-group, #CreditCard [data-selector=payment-form] ul[data-selector=installment-hall] li .form-group, #MailOrder [data-selector=payment-form] ul[data-selector=installment-hall] li .form-group { align-items: center; display: flex; margin-bottom: 0 } #idea-pay-form ul[data-selector=installment-hall] li .radio-custom, #idea-pay-form ul[data-selector=installment-hall] li .radio-custom-groups, #idea-pay-form ul[data-selector=installment-hall] li label, #CreditCard [data-selector=payment-form] ul[data-selector=installment-hall] li .radio-custom, #CreditCard [data-selector=payment-form] ul[data-selector=installment-hall] li .radio-custom-groups, #CreditCard [data-selector=payment-form] ul[data-selector=installment-hall] li label, #MailOrder [data-selector=payment-form] ul[data-selector=installment-hall] li .radio-custom, #MailOrder [data-selector=payment-form] ul[data-selector=installment-hall] li .radio-custom-groups, #MailOrder [data-selector=payment-form] ul[data-selector=installment-hall] li label { margin-bottom: 0 } @media (min-width: 576px) { #idea-pay-form ul[data-selector=installment-hall] li .radio-custom, #idea-pay-form ul[data-selector=installment-hall] li .radio-custom-groups, #idea-pay-form ul[data-selector=installment-hall] li label, #CreditCard [data-selector=payment-form] ul[data-selector=installment-hall] li .radio-custom, #CreditCard [data-selector=payment-form] ul[data-selector=installment-hall] li .radio-custom-groups, #CreditCard [data-selector=payment-form] ul[data-selector=installment-hall] li label, #MailOrder [data-selector=payment-form] ul[data-selector=installment-hall] li .radio-custom, #MailOrder [data-selector=payment-form] ul[data-selector=installment-hall] li .radio-custom-groups, #MailOrder [data-selector=payment-form] ul[data-selector=installment-hall] li label { font-size: 1.4rem; line-height: 1.6rem } } #idea-pay-form [data-selector=optional-three-d] .form-question, #CreditCard [data-selector=payment-form] [data-selector=optional-three-d] .form-question, #MailOrder [data-selector=payment-form] [data-selector=optional-three-d] .form-question { right: 10px } #idea-pay-form .custom-info-alert, #CreditCard [data-selector=payment-form] .custom-info-alert, #MailOrder [data-selector=payment-form] .custom-info-alert { border-color: #eee; background-color: #fafafa } #idea-pay-form .custom-info-alert > div, #CreditCard [data-selector=payment-form] .custom-info-alert > div, #MailOrder [data-selector=payment-form] .custom-info-alert > div { padding: .3rem 0 } #idea-pay-form .custom-info-alert i, #CreditCard [data-selector=payment-form] .custom-info-alert i, #MailOrder [data-selector=payment-form] .custom-info-alert i { font-size: 1.4rem; margin-right: .5rem; color: #656565 } #idea-pay-form .reset-card-number-link, #CreditCard [data-selector=payment-form] .reset-card-number-link, #MailOrder [data-selector=payment-form] .reset-card-number-link { font-size: 1.1rem; color: #7e7e7e; display: block; text-align: right; margin-top: .3rem } .payment-success .fa-check-circle:before, .payment-error .fa-check-circle:before { font-size: 6.4rem; color: #4dc368 } .payment-success .fa-times-circle:before, .payment-error .fa-times-circle:before { font-size: 6.4rem; color: #dc3545 } .payment-success .payment-complete, .payment-error .payment-complete { font-size: 1.4rem } .payment-success .reference-number, .payment-error .reference-number { border: 1px solid #eee; border-right: 0; border-left: 0; padding: .5rem 0 } .payment-success .reference-number span:nth-child(2), .payment-error .reference-number span:nth-child(2) { font-size: 2.4rem } .payment-success .payment-info i, .payment-error .payment-info i { display: inline-block; vertical-align: middle; margin-right: .8rem } .payment-success .payment-info i:before, .payment-error .payment-info i:before { font-size: 2.4rem } .payment-success .payment-print i, .payment-error .payment-print i { display: inline-block; vertical-align: middle; margin: 0 1rem } .payment-success .payment-print i:before, .payment-error .payment-print i:before { font-size: 2.4rem } .blog-list-content .blog-title { font-size: 1.6rem } .blog-list-content .blog-title a { color: #4b4b4b } .blog-list-content .blog-date { line-height: 2 } .blog-list-content .blog-content { margin-bottom: 1.6rem } .page-list-content .page-title { font-size: 1.6rem } .page-list-content .page-title a { color: #4b4b4b } .page-list-content .page-date { line-height: 2 } .page-list-content .page-content { margin-bottom: 1.6rem } .blog-list-item, .page-list-item { padding-bottom: 1.6rem; margin-bottom: 1.6rem; border-bottom: 1px solid #f0f0f0 } .blog-list-search, .page-list-search { justify-content: flex-end; margin-bottom: 1.6rem } .blog-tags .badge.badge-primary { font-size: 1.1rem; font-weight: 400; padding: .3rem; background-color: #eee; color: #4b4b4b } #product-recommend-form { display: none; padding-bottom: 0 } #product-comment-form { display: none; padding-bottom: 0 } #product-comment-form .anonymous-comment label { display: inline-block } #product-comment-form .anonymous-comment .form-question { position: relative; display: inline-block; top: auto; right: auto; transform: none; vertical-align: middle; margin-left: .8rem } .promotion-popup-area .promotion-popup-content .promotion-popup-material-title { font-size: 1.4rem; font-weight: 700; margin-bottom: .8rem } .promotion-popup-list-label { padding: .8rem } .promotion-popup-list-label label { margin-bottom: 0 } .promotion-popup-list-amount, .promotion-popup-list-unitprice, .promotion-popup-list-tax, .promotion-popup-list-includetax { width: 15%; padding: .8rem !important; vertical-align: middle !important } #post-promotion-choices, .promotional-product-variants { display: none } .promotion-popup-list-input .form-control { display: inline-block; text-align: center; width: 50%; padding: .3rem 0 } .promotion-popup-list-input span { display: inline-block; text-align: center } .promotional-product-variants-overflow { max-height: 20rem; overflow-y: auto } .promotional-product-variants-overflow tr:first-child td { border-top: none } .promotional-product-variants-overflow td { vertical-align: middle } .payment-options-container .payment-options-logo { padding: 1.6rem 0; text-align: center } .payment-options-container .payment-options-logo img { max-width: 100%; max-height: 5rem } .payment-options-container .payment-options-logo span { display: block; font-size: 1.4rem } .payment-options-container .payment-options-logo strong { display: inline-block; margin: 0 .2rem } .payment-options-container .payment-options-content table th { vertical-align: middle; text-align: center; background: #fafafa } .payment-options-container .payment-options-content table th, .payment-options-container .payment-options-content table td { padding: .5rem } .payment-options-container .payment-options-content table th:nth-child(1), .payment-options-container .payment-options-content table td:nth-child(1) { text-align: center; width: 20% } .payment-options-container .payment-options-content table th:nth-child(2), .payment-options-container .payment-options-content table td:nth-child(2) { text-align: right } .payment-options-container .payment-options-content table th:nth-child(3), .payment-options-container .payment-options-content table td:nth-child(3) { text-align: right } .payment-options-container .payment-options-content table a { color: #4b4b4b } #product-detail-comments .product-detail-comments-content .product-detail-comments-list { border-bottom: 1px solid #f0f0f0; padding-bottom: 1.6rem; margin-bottom: 1.6rem } #product-detail-comments .product-detail-comments-content .product-detail-comments-list .comment-title { font-size: 1.6rem; font-weight: 700; margin-bottom: 1.6rem } #product-detail-comments .product-detail-comments-content .product-detail-comments-list .comment-rank { text-align: right } #product-detail-comments .product-detail-comments-content .product-detail-comments-list .comment-rank i { color: #ffc107 } #product-detail-comments .product-detail-comments-content .product-detail-comments-list .comment-content { margin-bottom: 1.6rem } #product-detail-comments .product-detail-comments-content .product-detail-comments-list .product-show-more-comments { text-align: right } #product-detail-comments .product-detail-comments-info { text-align: center; padding: 3.2rem 0; font-size: 1.3rem } #product-detail-feed .product-detail-feed-title { margin-bottom: 3.2rem; font-size: 1.3rem } .subscription-container .subscription-title { margin-bottom: 1.6rem } .grecaptcha-badge { display: none } .product-print-list { border-bottom: 1px solid #eee; padding-bottom: 1.6rem } .product-print-list-row { display: flex; align-items: center; padding-bottom: 1rem } .product-print-list-title { flex: 0 0 auto; width: 20%; font-weight: 700 } .product-print-list-content { flex: 0 0 auto; display: flex; align-items: center } .product-print-list-content:before { content: ":"; margin-right: 1.6rem; font-weight: 700 } .product-print-image { padding-top: 100%; position: relative; margin: 0 auto 1.6rem; border: 1px solid #f0f0f0 } .product-print-image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: block; max-width: 60%; max-height: 60% } .product-specs-table td { width: 3% } .product-specs-table td:first-child { width: 20% } .product-specs-table td:last-child { width: auto } .product-customization .product-customization-group { margin-bottom: 2rem } .product-customization .product-customization-group .product-customization-group-title { font-size: 1.3rem; font-weight: 700; margin-bottom: 2rem } #insta-shop-container .item-inner > a { position: relative; display: block; padding-top: 100% } #insta-shop-container .item-inner > a > img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: block; max-width: 100%; max-height: 100% } #insta-shop-container .item-inner:before { content: ""; width: 100%; height: 100%; display: none; background: rgba(0, 0, 0, .75); position: absolute; z-index: 2; pointer-events: none; transition: .2s } @media (min-width: 992px) { #insta-shop-container .item-inner:hover .insta-shop-picture-user { display: block } #insta-shop-container .item-inner:hover:before { display: block } } #insta-shop-container .item-inner .insta-shop-picture-user { position: absolute; left: 10px; top: 10px; display: none; z-index: 3 } #insta-shop-container .item-inner .insta-shop-picture-user .insta-shop-picture-profile { overflow: hidden; vertical-align: middle; margin-right: .5rem; display: inline-block; width: 15% } #insta-shop-container .item-inner .insta-shop-picture-user .insta-shop-picture-profile > img { border-radius: 50% } #insta-shop-container .item-inner .insta-shop-picture-user .insta-shop-picture-name { color: #fff; display: inline-block; font-size: 1.1rem } #insta-shop-container .item-inner .insta-shop-carousel-icon { position: absolute; top: 10px; right: 10px; z-index: 1 } #insta-shop-container .item-inner .insta-shop-carousel-icon i { background: #000; color: #fff; width: 2.4rem; height: 2.4rem; line-height: 2.4rem; text-align: center; border-radius: 50% } #insta-shop-container .item-inner .insta-shop-have-product { position: absolute; bottom: 10px; right: 10px } #insta-shop-container .item-inner .insta-shop-have-product i { background: #000; color: #fff; width: 2.4rem; height: 2.4rem; line-height: 2.4rem; text-align: center; border-radius: 50% } #insta-shop-container .item-inner .insta-shop-video:after { content: "▶"; font-size: 3.5rem; color: #fff; position: absolute; left: 50%; z-index: 10; top: 50%; transform: translate(-50%, -50%) } #insta-shop-popup { display: none; padding: 0; overflow: hidden; max-height: 90% } @media (max-width: 767.98px) { #insta-shop-popup { max-height: none } } #insta-shop-popup .insta-shop-popup-header { font-weight: 700; text-shadow: 1px 1px 1px #f8f8f8; background: #eee; border-bottom: 1px solid #f0f0f0; font-size: 1.8rem; display: flex; width: 100%; height: 6rem; position: absolute; top: 0; left: 0; z-index: 2; align-items: center } #insta-shop-popup .insta-shop-popup-header .insta-shop-popup-profile { width: 4.8rem; height: 4.8rem; border-radius: 50%; border: 1px solid #f0f0f0; overflow: hidden; margin: 0 1rem; position: relative } #insta-shop-popup .insta-shop-popup-header .insta-shop-popup-profile img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; max-width: 100%; max-height: 100%; margin: auto; display: block } #insta-shop-popup .insta-shop-popup-header .insta-shop-popup-username { display: flex; align-items: center } #insta-shop-popup .insta-shop-popup-header .insta-shop-popup-username a { color: #4b4b4b } #insta-shop-popup #insta-shop-popup-content { position: relative; padding-top: 6rem; height: 100%; background: #fafafa } #insta-shop-popup #insta-shop-popup-content #insta-shop-media-image .insta-shop-media-image-content { border-right: 1px solid #f0f0f0 } @media (max-width: 767.98px) { #insta-shop-popup #insta-shop-popup-content #insta-shop-media-image .insta-shop-media-image-content { border-right: none } } #insta-shop-popup #insta-shop-popup-content #insta-shop-media-image .loading { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto } #insta-shop-popup #insta-shop-popup-content #insta-shop-media-image .video-container, #insta-shop-popup #insta-shop-popup-content #insta-shop-media-image .insta-shop-media-image-holder { position: relative; padding-top: 100% } #insta-shop-popup #insta-shop-popup-content #insta-shop-media-image video, #insta-shop-popup #insta-shop-popup-content #insta-shop-media-image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: block; max-width: 100%; max-height: 100%; z-index: 2 } #insta-shop-popup #insta-shop-popup-content #insta-shop-popup-right-content { position: absolute; bottom: 0; right: 0; top: 0; left: 66.6666666667%; overflow-y: auto; padding-top: 7rem } @media (max-width: 767.98px) { #insta-shop-popup #insta-shop-popup-content #insta-shop-popup-right-content { position: static; padding-top: 1rem } } #insta-shop-popup #insta-shop-popup-content #insta-shop-popup-right-content .insta-shop-product-list-header { text-align: center; font-size: 1.6rem; font-weight: 700 } #insta-shop-popup #insta-shop-popup-content #insta-shop-popup-right-content .insta-shop-product { border: 1px solid #f0f0f0; background: #fff; display: block; font-size: 1.1rem; color: #4b4b4b } #insta-shop-popup #insta-shop-popup-content #insta-shop-popup-right-content .insta-shop-product .insta-shop-product-picture { position: relative; padding-top: 100%; margin-bottom: .5rem } #insta-shop-popup #insta-shop-popup-content #insta-shop-popup-right-content .insta-shop-product .insta-shop-product-picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: block; max-width: 100%; max-height: 100% } #insta-shop-popup #insta-shop-popup-content #insta-shop-popup-right-content .insta-shop-product .insta-shop-product-content { padding: .5rem; text-align: center } #insta-shop-popup #insta-shop-popup-content #insta-shop-popup-right-content .insta-shop-product .insta-shop-product-content .insta-shop-brand-name { line-height: 1.6rem; height: 1.6rem; position: relative; overflow: hidden; margin-bottom: .5rem } #insta-shop-popup #insta-shop-popup-content #insta-shop-popup-right-content .insta-shop-product .insta-shop-product-content .insta-shop-product-name { line-height: 1.6rem; height: 3.2rem; position: relative; overflow: hidden; margin-bottom: .5rem } #insta-shop-popup #insta-shop-popup-content #insta-shop-popup-right-content .insta-shop-product .insta-shop-product-content .insta-shop-product-price { margin-bottom: .5rem } #insta-shop-popup #insta-shop-popup-content #insta-shop-popup-right-content .insta-shop-product .insta-shop-product-content .insta-shop-product-price > span { display: block; line-height: 1.6rem; height: 1.6rem } #insta-shop-popup #insta-shop-popup-content #insta-shop-popup-right-content .insta-shop-product .insta-shop-product-content .insta-shop-product-price .price-one { text-decoration: line-through } #insta-shop-popup #insta-shop-popup-content #insta-shop-popup-right-content .insta-shop-product .insta-shop-product-content .insta-shop-product-price .price-two { font-weight: 700 } #insta-shop-popup #insta-shop-popup-content #insta-shop-popup-right-content .insta-shop-product .insta-shop-product-content .insta-shop-product-buy { margin-bottom: .5rem } #insta-shop-popup #insta-shop-popup-content #insta-shop-popup-right-content .insta-shop-product .insta-shop-product-content .insta-shop-product-buy span { background: #4b4b4b; font-size: 1rem; color: #fff; text-align: center; padding: .3rem .8rem } .cart-block { border: 1px solid #f0f0f0; padding: 1.6rem; margin-bottom: 1.6rem; background: #fff; border-radius: .4rem } .cart-block .cart-panel-secure-logo { text-align: right } .cart-block .cart-panel-secure-logo img { max-width: 9rem; opacity: .8 } .cart-block .contentbox-header p { color: #7e7e7e; padding-top: .3rem } .cart-block.cart-block-error { border-color: #dc3545; position: relative } .cart-block.cart-block-error > .validate-error { position: absolute; bottom: -10px; right: 10px; background-color: #fff } #cart-popup-container #free-shipping .free-shipping-content, #cart-container #free-shipping .free-shipping-content { display: flex; align-items: center; justify-content: flex-end } #cart-popup-container #free-shipping .free-shipping-content .free-shipping-text, #cart-container #free-shipping .free-shipping-content .free-shipping-text { font-size: 1.6rem; text-align: right; padding: 0 1.6rem } #cart-popup-container #free-shipping .free-shipping-content .free-shipping-text > div, #cart-container #free-shipping .free-shipping-content .free-shipping-text > div { font-weight: 700 } @media (max-width: 991.98px) { #cart-popup-container #free-shipping .free-shipping-content .free-shipping-text, #cart-container #free-shipping .free-shipping-content .free-shipping-text { font-size: 1.2rem } } @media (max-width: 575.98px) { #cart-popup-container #free-shipping .free-shipping-content .free-shipping-text, #cart-container #free-shipping .free-shipping-content .free-shipping-text { font-size: 1.1rem } } #cart-popup-container #free-shipping .free-shipping-content .free-shipping-icon, #cart-container #free-shipping .free-shipping-content .free-shipping-icon { padding: 0 1.6rem } #cart-popup-container #free-shipping .free-shipping-content .free-shipping-icon i, #cart-container #free-shipping .free-shipping-content .free-shipping-icon i { font-size: 4rem } @media (max-width: 767.98px) { #cart-popup-container #cart-content .contentbox-header, #cart-container #cart-content .contentbox-header { margin-bottom: 0 } } #cart-popup-container #cart-items .cart-item, #cart-container #cart-items .cart-item { border-bottom: 1px solid #f0f0f0; padding: 1.6rem; position: relative } #cart-popup-container #cart-items .cart-item:last-child, #cart-container #cart-items .cart-item:last-child { margin-bottom: 1.6rem } #cart-popup-container #cart-items .cart-item:hover, #cart-container #cart-items .cart-item:hover { background-color: #fafafa } @media (max-width: 991.98px) { #cart-popup-container #cart-items .cart-item, #cart-container #cart-items .cart-item { padding: 2.2rem 1.6rem 1.6rem 0 } #cart-popup-container #cart-items .cart-item:hover, #cart-container #cart-items .cart-item:hover { background-color: transparent } } #cart-popup-container #cart-items .cart-item .cart-item-image, #cart-container #cart-items .cart-item .cart-item-image { position: relative; padding-top: 100% } #cart-popup-container #cart-items .cart-item .cart-item-image img, #cart-container #cart-items .cart-item .cart-item-image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; display: block } @media (max-width: 767.98px) { #cart-popup-container #cart-items .cart-item .cart-item-detail, #cart-container #cart-items .cart-item .cart-item-detail { height: 100%; display: flex } } #cart-popup-container #cart-items .cart-item .cart-item-name > div, #cart-container #cart-items .cart-item .cart-item-name > div { min-height: 6rem; margin-bottom: 1.6rem } @media (max-width: 767.98px) { #cart-popup-container #cart-items .cart-item .cart-item-name > div, #cart-container #cart-items .cart-item .cart-item-name > div { min-height: auto } } #cart-popup-container #cart-items .cart-item .cart-item-name > div a, #cart-container #cart-items .cart-item .cart-item-name > div a { color: #4b4b4b } #cart-popup-container #cart-items .cart-item .cart-item-name .cart-item-delete, #cart-container #cart-items .cart-item .cart-item-name .cart-item-delete { color: #bbb; background: #fff; padding: .3rem .6rem; border: 1px solid #f0f0f0 } #cart-popup-container #cart-items .cart-item .cart-item-name .cart-item-delete i, #cart-container #cart-items .cart-item .cart-item-name .cart-item-delete i { font-size: 1.1rem; margin-top: -2px } #cart-popup-container #cart-items .cart-item .cart-item-name .cart-item-delete i + span, #cart-container #cart-items .cart-item .cart-item-name .cart-item-delete i + span { margin-left: .3rem; vertical-align: middle } #cart-popup-container #cart-items .cart-item .cart-item-name .cart-item-delete:hover, #cart-container #cart-items .cart-item .cart-item-name .cart-item-delete:hover { border-color: #f0f0f0; color: #4b4b4b } @media (max-width: 991.98px) { #cart-popup-container #cart-items .cart-item .cart-item-name .cart-item-delete, #cart-container #cart-items .cart-item .cart-item-name .cart-item-delete { display: none } } @media (max-width: 991.98px) { #cart-popup-container #cart-items .cart-item .cart-item-quantity, #cart-container #cart-items .cart-item .cart-item-quantity { display: flex; height: 100%; align-items: flex-end; justify-content: flex-start } } @media (max-width: 991.98px) { #cart-popup-container #cart-items .cart-item .cart-item-price-container, #cart-container #cart-items .cart-item .cart-item-price-container { display: flex; height: 100%; align-items: flex-end; justify-content: flex-end } } #cart-popup-container #cart-items .cart-item .product-quantity, #cart-container #cart-items .cart-item .product-quantity { display: flex; align-items: stretch; justify-content: stretch; border: 1px solid #f0f0f0; background: #fff; border-radius: .4rem } #cart-popup-container #cart-items .cart-item .product-quantity > div, #cart-container #cart-items .cart-item .product-quantity > div { flex: 0 1 auto; position: relative } #cart-popup-container #cart-items .cart-item .product-quantity a, #cart-container #cart-items .cart-item .product-quantity a { flex: 0 0 3rem; display: flex; align-items: center; justify-content: center; color: #4b4b4b } #cart-popup-container #cart-items .cart-item .product-quantity a:first-child, #cart-container #cart-items .cart-item .product-quantity a:first-child { border-right: 1px solid #f0f0f0 } #cart-popup-container #cart-items .cart-item .product-quantity a:last-child, #cart-container #cart-items .cart-item .product-quantity a:last-child { border-left: 1px solid #f0f0f0 } @media (max-width: 575.98px) { #cart-popup-container #cart-items .cart-item .product-quantity a, #cart-container #cart-items .cart-item .product-quantity a { flex: 0 0 2rem } #cart-popup-container #cart-items .cart-item .product-quantity a i, #cart-container #cart-items .cart-item .product-quantity a i { font-size: .8rem } } #cart-popup-container #cart-items .cart-item .product-quantity input, #cart-container #cart-items .cart-item .product-quantity input { text-align: center; border: none; padding: .2rem .3rem 1.6rem .3rem } #cart-popup-container #cart-items .cart-item .product-quantity .product-quantity-name, #cart-container #cart-items .cart-item .product-quantity .product-quantity-name { position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%); white-space: nowrap; font-size: 1rem } #cart-popup-container #cart-items .cart-item .cart-item-price, #cart-container #cart-items .cart-item .cart-item-price { text-align: right } #cart-popup-container #cart-items .cart-item .cart-item-price .item-price, #cart-container #cart-items .cart-item .cart-item-price .item-price { text-decoration: line-through; font-size: 1.1rem } #cart-popup-container #cart-items .cart-item .cart-item-price .item-rebate-price, #cart-container #cart-items .cart-item .cart-item-price .item-rebate-price { font-weight: 700; font-size: 1.4rem } @media (max-width: 575.98px) { #cart-popup-container #cart-items .cart-item .cart-item-price .item-rebate-price, #cart-container #cart-items .cart-item .cart-item-price .item-rebate-price { font-size: 1.3rem } } #cart-popup-container #cart-items .cart-item .cart-item-price .item-tax, #cart-container #cart-items .cart-item .cart-item-price .item-tax { font-size: 1.1rem } #cart-popup-container #cart-items .cart-item .cart-item-delete-mobile, #cart-container #cart-items .cart-item .cart-item-delete-mobile { display: none; color: #d5d5d5; background: #fff; padding: .6rem; position: absolute; top: 0; right: -6px } #cart-popup-container #cart-items .cart-item .cart-item-delete-mobile i, #cart-container #cart-items .cart-item .cart-item-delete-mobile i { font-size: 1.6rem } #cart-popup-container #cart-items .cart-item .cart-item-delete-mobile:hover, #cart-container #cart-items .cart-item .cart-item-delete-mobile:hover { border-color: #f0f0f0; color: #4b4b4b } @media (max-width: 991.98px) { #cart-popup-container #cart-items .cart-item .cart-item-delete-mobile, #cart-container #cart-items .cart-item .cart-item-delete-mobile { display: block } } #cart-popup-container .cart-buttons button i, #cart-container .cart-buttons button i { font-size: 1.1rem; margin-top: -2px } #cart-popup-container .cart-buttons button i + span, #cart-container .cart-buttons button i + span { margin-left: .3rem; vertical-align: middle } #cart-popup-container #cart-promoted-products .promotion-list, #cart-container #cart-promoted-products .promotion-list { position: relative } #cart-popup-container #cart-promoted-products .promotion-list .list-header, #cart-container #cart-promoted-products .promotion-list .list-header { border: solid 1px #f0f0f0; cursor: pointer; position: relative; border-radius: .4rem } #cart-popup-container #cart-promoted-products .promotion-list .list-box, #cart-container #cart-promoted-products .promotion-list .list-box { width: 100%; display: flex; min-height: 4.8rem; justify-content: space-between } #cart-popup-container #cart-promoted-products .promotion-list .list-box > span, #cart-container #cart-promoted-products .promotion-list .list-box > span { position: relative; flex: 1 0 0; max-width: 100%; padding: 1.6rem; display: flex; align-items: center } #cart-popup-container #cart-promoted-products .promotion-list .list-box > span i, #cart-container #cart-promoted-products .promotion-list .list-box > span i { font-size: 1.6rem } #cart-popup-container #cart-promoted-products .promotion-list .list-box > span > span, #cart-container #cart-promoted-products .promotion-list .list-box > span > span { display: inline-block; vertical-align: middle; margin-left: 1rem; white-space: normal } #cart-popup-container #cart-promoted-products .promotion-list .list-box > span > span > div, #cart-container #cart-promoted-products .promotion-list .list-box > span > span > div { font-size: 1.1rem; font-style: italic } #cart-popup-container #cart-promoted-products .promotion-list .list-box > i, #cart-container #cart-promoted-products .promotion-list .list-box > i { flex: 0 0 3.2rem; display: flex; align-items: center; justify-content: center; background: #fafafa; border-left: 1px solid #f0f0f0; font-size: 1.6rem } #cart-popup-container #cart-promoted-products .promotion-list .list-content, #cart-container #cart-promoted-products .promotion-list .list-content { border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; position: absolute; top: 100%; left: 0; right: 0; background: #fff; display: none; z-index: 3 } #cart-popup-container #cart-promoted-products .promotion-list .list-content ul li, #cart-container #cart-promoted-products .promotion-list .list-content ul li { border-bottom: 1px solid #f0f0f0; cursor: pointer } #cart-popup-container #cart-promoted-products .promotion-list .list-content ul li:hover, #cart-container #cart-promoted-products .promotion-list .list-content ul li:hover { background-color: #fafafa } #cart-popup-container #cart-promoted-products .promotion-list.active .list-content, #cart-container #cart-promoted-products .promotion-list.active .list-content { display: block } #cart-popup-container .cart-panel-promotion, #cart-container .cart-panel-promotion { padding: 1.6rem; background: #fafafa; margin-bottom: 1.6rem } #cart-popup-container .cart-panel-promotion .cart-panel-promotion-title, #cart-container .cart-panel-promotion .cart-panel-promotion-title { display: flex; align-items: center; justify-content: space-between; width: 100%; font-weight: 700; margin-bottom: 1.6rem } #cart-popup-container .cart-panel-promotion .cart-panel-promotion-title > span, #cart-container .cart-panel-promotion .cart-panel-promotion-title > span { flex: 1 0 auto } #cart-popup-container .cart-panel-promotion .cart-panel-promotion-title > a, #cart-container .cart-panel-promotion .cart-panel-promotion-title > a { flex: 0 0 auto; color: #4b4b4b; font-size: 1.1rem } #cart-popup-container .cart-panel-promotion > span, #cart-container .cart-panel-promotion > span { display: flex; font-size: 1.1rem } #cart-popup-container .cart-panel-promotion > span > i, #cart-container .cart-panel-promotion > span > i { font-size: 1.6rem; margin-right: .8rem } #cart-popup-container .information-content i.fa-exclamation-circle, #cart-container .information-content i.fa-exclamation-circle { font-size: 7.2rem } #cart-popup-container .cart-alert, #cart-container .cart-alert { border-color: #eee; background-color: #fafafa; margin-bottom: 1.6rem } #cart-popup-container .cart-alert > div, #cart-container .cart-alert > div { padding: .3rem 0 } #cart-popup-container .cart-alert i, #cart-container .cart-alert i { font-size: 1.4rem; margin-right: .5rem; color: #656565 } #cart-summary .cart-panel-amount-details { margin-bottom: 1.6rem } #cart-summary .cart-panel-row { display: flex; margin-bottom: .6rem; align-items: baseline } #cart-summary .cart-panel-row > span:first-child { flex: 0 0 auto } #cart-summary .cart-panel-row > span:last-child { flex: 1 0 auto; text-align: right; font-size: 1.3rem; font-weight: 700 } #cart-summary .cart-panel-row.cart-summary-total-price { border-top: 1px solid #f0f0f0; margin-top: .8rem; padding-top: .8rem } #cart-summary .cart-panel-row.cart-summary-total-price > span:last-child { font-size: 1.6rem } #cart-summary #cart-panel-gift-card { margin-bottom: 1.6rem } .coupon-code-wrapper { display: none } .coupon-code-wrapper.active { display: block } #promotion-product .promotion-product-image { width: 10%; text-align: center } #promotion-product .promotion-product-image img { max-width: 6rem } #promotion-product .promotion-product-name { width: 30% } #promotion-product .promotion-product-name a { color: #4b4b4b } #promotion-product .promotion-product-price { width: 17% } #promotion-product .promotion-product-tax-amount { width: 8% } #promotion-product .promotion-product-price-with-tax { width: 15%; text-align: right } #promotion-product .promotion-product-price-with-tax .rebated-price { text-decoration: line-through; display: block } #promotion-product .promotion-product-price-with-tax .rebate-price { display: block } #promotion-product .promotion-product-button { text-align: right } #promotion-product .promotional-product-variants-overflow table { border-color: transparent } #promotion-product .promotional-product-variants-overflow td { padding: .7rem .6rem; border-color: transparent; border-bottom-color: #f0f0f0 } #promotion-product .promotional-product-variants-overflow .promotion-product-price-with-tax { width: 17% } #promotion-product .promotional-product-table tbody tr.odd { background: #fafafa } #cart-popup-container { position: relative } #cart-popup-container #cart-items { max-height: 32rem; overflow-y: auto; overflow-x: hidden; margin-bottom: 1.6rem } #cart-popup-container #cart-items .cart-item .cart-item-delete-mobile { right: 0 } #cart-popup-container #cart-items .cart-item:last-child { margin-bottom: 0 } #cart-popup-container #cart-summary { margin-bottom: 1.6rem } #cart-popup-container #cart-summary .cart-panel-row { padding: .8rem; margin-bottom: 0 } #cart-popup-container #cart-summary .cart-panel-row:nth-child(odd) { background-color: #fafafa } #cart-popup-container #cart-summary .cart-panel-row > span:first-child { flex: 1 0 auto; text-align: right } @media (max-width: 767.98px) { #cart-popup-container #cart-summary .cart-panel-row > span:first-child { text-align: left } } #cart-popup-container #cart-summary .cart-panel-row > span:last-child { flex: 0 0 50% } #cart-popup-container #cart-summary .cart-summary-total-price { font-weight: 700 } #cart-popup-container .loading-bar { position: absolute } #package-container .multi-selectbox .multiselect-native-select select { display: none } #package-container .multi-selectbox .multiselect-native-select .btn-group { width: 100%; position: relative } #package-container .multi-selectbox .multiselect-native-select .btn-group button.multiselect { width: 100%; text-align: left; position: relative; color: #4b4b4b; font-size: 1.2rem; -moz-appearance: none; -webkit-appearance: none; border-radius: .4rem; padding: .9rem 2rem .9rem 1rem; border: 1px solid #e8e9eb; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0IDUnPjxwYXRoIGZpbGw9JyMzNDNhNDAnIGQ9J00yIDBMMCAyaDR6bTAgNUwwIDNoNHonLz48L3N2Zz4="); background-repeat: no-repeat; background-position: right 1.2rem center; background-size: 8px 10px; background-color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } #package-container .multi-selectbox .multiselect-native-select .btn-group button.multiselect:after { display: none } #package-container .multi-selectbox .multiselect-native-select .btn-group button.multiselect b { display: none } #package-container .multi-selectbox .multiselect-container { width: 100% } #package-container .multi-selectbox .multiselect-container li { position: relative; cursor: pointer } #package-container .multi-selectbox .multiselect-container li a { padding: 0 1rem; font-size: 1.2rem; display: block } #package-container .multi-selectbox .multiselect-container li a:active, #package-container .multi-selectbox .multiselect-container li a:hover, #package-container .multi-selectbox .multiselect-container li a:focus { color: #4b4b4b } #package-container .multi-selectbox .multiselect-container li a label { padding: .6rem 0 .6rem 2.4rem; position: relative; margin-bottom: 0; cursor: pointer; color: #4b4b4b; display: block } #package-container .multi-selectbox .multiselect-container li a label input { display: none } #package-container .multi-selectbox .multiselect-container li a label:before { position: absolute; left: 0; top: 6px; width: 1.6rem; height: 1.6rem; content: ""; background-color: #fff; background-repeat: no-repeat; background-position: center center; border: 1px solid #e3e3e3 } #package-container .multi-selectbox .multiselect-container li a label.radio:before { background-size: 8px; border-radius: 50% } #package-container .multi-selectbox .multiselect-container li a label.checkbox:before { background-size: 8px; border-radius: .4rem } #package-container .multi-selectbox .multiselect-container li:hover a { background: #fafafa; color: #999 } #package-container .multi-selectbox .multiselect-container li.active a { background: #fafafa; color: #4b4b4b } #package-container .multi-selectbox .multiselect-container li.active a label.checkbox:before, #package-container .multi-selectbox .multiselect-container li.active a label.radio:before { background-color: #bbb; border-color: #bbb } #package-container .multi-selectbox .multiselect-container li.active a label.checkbox:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyNmZmYnIGQ9J002LjU2NC43NWwtMy41OSAzLjYxMi0xLjUzOC0xLjU1TDAgNC4yNiAyLjk3NCA3LjI1IDggMi4xOTN6Jy8+PC9zdmc+") } #package-container .multi-selectbox .multiselect-container li.active a label.radio:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmZmJy8+PC9zdmc+") } #package-container .multi-selectbox .multiselect-container .multiselect-filter { margin-bottom: 1rem } #package-container .multi-selectbox .multiselect-container .multiselect-filter .input-group { padding: .3rem 1rem } #package-container .multi-selectbox .multiselect-container .multiselect-filter .input-group-btn { display: none } @font-face { font-family: "checkoutFont"; src: url("../fonts/opensans/opensans_light.woff2") format("woff2"), url("../font/opensans/opensans_light.woff") format("woff"), url("../font/opensans/opensans_light.svg#open_sansbold") format("svg"); font-weight: 300; font-style: normal } @font-face { font-family: "checkoutFont"; src: url("../font/opensans/opensans_light_italic.woff2") format("woff2"), url("../font/opensans/opensans_light_italic.woff") format("woff"), url("../font/opensans/opensans_light_italic.svg#open_sansbold") format("svg"); font-weight: 300; font-style: italic } @font-face { font-family: "checkoutFont"; src: url("../font/opensans/opensans_regular.woff2") format("woff2"), url("../font/opensans/opensans_regular.woff") format("woff"), url("../font/opensans/opensans_regular.svg#open_sansbold") format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "checkoutFont"; src: url("../font/opensans/opensans_regular_italic.woff2") format("woff2"), url("../font/opensans/opensans_regular_italic.woff") format("woff"), url("../font/opensans/opensans_regular_italic.svg#open_sansbold") format("svg"); font-weight: normal; font-style: italic } @font-face { font-family: "checkoutFont"; src: url("../font/opensans/opensans_semibold.woff2") format("woff2"), url("../font/opensans/opensans_semibold.woff") format("woff"), url("../font/opensans/opensans_semibold.svg#open_sansbold") format("svg"); font-weight: 600; font-style: normal } @font-face { font-family: "checkoutFont"; src: url("../font/opensans/opensans_semibold_italic.woff2") format("woff2"), url("../font/opensans/opensans_semibold_italic.woff") format("woff"), url("../font/opensans/opensans_semibold_italic.svg#open_sansbold") format("svg"); font-weight: 600; font-style: italic } @font-face { font-family: "checkoutFont"; src: url("../font/opensans/opensans_bold.woff2") format("woff2"), url("../font/opensans/opensans_bold.woff") format("woff"), url("../font/opensans/opensans_bold.svg#open_sansbold") format("svg"); font-weight: 700; font-style: normal } @font-face { font-family: "checkoutFont"; src: url("../font/opensans/opensans_bold_italic.woff2") format("woff2"), url("../font/opensans/opensans_bold_italic.woff") format("woff"), url("../font/opensans/opensans_bold_italic.svg#open_sansbold") format("svg"); font-weight: 700; font-style: italic } .checkout-page-body { background: #fafafa !important; font-size: 1.2rem !important; color: #666 !important; padding: 0 !important; margin: 0 !important; letter-spacing: 0 !important; font-family: "checkoutFont", Arial, Helvetica, sans-serif !important } .checkout-page-body .contentbox-header { border-bottom: none } .checkout-page-body .contentbox-header h4 { font-size: 1.8rem; font-weight: 600; color: inherit } .checkout-page-body .contentbox-header h4 p { font-weight: 400; color: #999 } .checkout-page-body #cart-summary .cart-panel-row > span:last-child { font-weight: 600 } .checkout-page-body .custom-placeholder { position: relative; margin-bottom: 2.4rem } .checkout-page-body .custom-placeholder.select-placeholder label { display: none } .checkout-page-body .custom-placeholder label { position: absolute; top: 0; left: 0; width: 100%; height: 3.8rem; display: flex; align-items: center; padding: 0 .8rem; color: #989898; transition: all .15s ease-in-out } @media screen and (prefers-reduced-motion: reduce) { .checkout-page-body .custom-placeholder label { transition: none } } .checkout-page-body .custom-placeholder.textarea-placeholder label { align-items: flex-start; padding-top: 1rem } .checkout-page-body .custom-placeholder.textarea-placeholder label:before { margin-top: -1px } .checkout-page-body .custom-placeholder.focused label { color: #989898 } .checkout-page-body .custom-placeholder.active label { color: #3d9bce } .checkout-page-body .custom-placeholder.active label, .checkout-page-body .custom-placeholder.focused label { position: absolute; top: -17px; justify-content: flex-end; height: auto; opacity: .5; font-size: 1.1rem; padding: 0; display: flex } .checkout-page-body label[required=required]:before { content: "*"; font-size: .9rem; vertical-align: super; margin-right: .5rem; margin-top: -0.7rem } .checkout-page-body .cart-alert, .checkout-page-body .subscription-alert, .checkout-page-body .custom-info-alert { border-color: #eee; background-color: #fafafa; margin-bottom: 1rem } .checkout-page-body .cart-alert > div, .checkout-page-body .subscription-alert > div, .checkout-page-body .custom-info-alert > div { padding: .3rem 0 } .checkout-page-body .cart-alert i, .checkout-page-body .subscription-alert i, .checkout-page-body .custom-info-alert i { font-size: 1.4rem; margin-right: .5rem; color: #656565 } .checkout-page-body .agreement-checkbox { margin-bottom: 1.6rem } .checkout-page-body .agreement-checkbox label { font-size: 1.1rem } .checkout-page-body .agreement-checkbox.no-valid-agreement { border: 1px solid #dc3545; padding: .5rem .5rem 1rem .5rem; margin: -0.5rem -0.5rem 2rem -0.5rem; position: relative } .checkout-page-body .agreement-checkbox.no-valid-agreement > .validate-error { position: absolute; bottom: -12px; right: 10px; background-color: #fff; color: #dc3545 } .checkout-page-body aside .cart-block .contentbox-header { padding-bottom: 0; border-bottom: none } .checkout-page-body button.btn-Paypal { background-color: #179bd7 } .checkout-page-body button.btn-Paypal:hover { background-color: #179bd7 !important; opacity: .9 } .checkout-page-body button.btn-Paypal i { display: inline-block; width: 25px; height: 25px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAeCAYAAADZ7LXbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyNkU4RUY2OEFDQjMxMUU2OThBREJEQkMwQjU1MTE4MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyNkU4RUY2OUFDQjMxMUU2OThBREJEQkMwQjU1MTE4MiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI2RThFRjY2QUNCMzExRTY5OEFEQkRCQzBCNTUxMTgyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI2RThFRjY3QUNCMzExRTY5OEFEQkRCQzBCNTUxMTgyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+fDjCVAAAA+RJREFUeNqsVk1LG1EUfTO+aDTEDwo2pkRjjYm2UlzEVRdSF/0Tli5ct9CFdFcXupFmUVHaZUupYIMEK7orIkq1i4JUKRgIXSTaoPUrJvErMZme+8grSZykxObBYyYzN/e+e865947S3d3NaGmaxjjnxqmpqQ82m+1BOp1W2D8WbBL4X+Ty8jIUj8e/HhwcfFpfX/8+MzPDZmdnmcFgEHaKz+cTNzBkFovF3dPT840ClrIURREbQS8PDw8/Dg4OPvV6vZGKigrxXjWZTIx2dXU1a2hosLNrLDoUAtAtb2xsfDQ8POxtbm421tbWkk+mJhIJRjuZTLKqqqpWOtH/LELEbrc/9Hg8T+rr61lTUxPjMqVUKsVqamqcrAyLsurr63s8MDDwilzzTJoCU2TiKpWPQkGMRmNTf3+/GfcRLjFFAFNlZaW9GLmlcEQX8JwSRBEfhCMeWCHhm3qZqKoqdinr/Pw8NT4+bl5YWIipxAk5qKuru41rZTk4oazhy9Lb27u4s7PjUk9PT9nJyQlh2FkIkusoDj41q9XqHBsbe8OpKgkiaLqDlWmRv+PjY1EabW1tPZwyyajBWQ7SyRY+tVgsphANKI0kp0oHLwYo65Ye6aVCRT52d3dznokgaCs3AJulHIQjgBaNRhVZ5EKdmXbSgtRqr5sJ2WQy0KCmnAB4p3IyMJvNTmlYqMMWq260eY0ggqJyAqDu2N7e3i9OhYie1akXhJ5RTzs7O9PyHRMCFxcXjAjGe4VsswPIIMvLyz7RuxCko9ApQ6GQhpMq+dnQgWSW+c5lABwgirnyloOLCnDi0MsCOtcgRwFBKSoj6dJ/JiYmnvn9/qCaUZatwGxQSpEx2VFx45qenJx8jv2OgnEUYQtu6vRIRxA81nQjEBzEV6ZPiWfgKbW1tbWIpvgSMH2WM56jndhhpMi5kr2I3CL1sIGm+hNwJiHb30dHR5v4iPiyvb29QWKikS7FxEF6a5F2fQUqSh8fC8HR0dH7mOXxYDDI5ufnqdZYJBJhsqvncIRMnIWUBeIVvSxw6h94F19bWxOw4aAiiITnCrR6I5ccER+A64p06ff+/r6f7ufm5lh7ezs1VzH4CqoNveuu3guQqkhidRrgpqwNSFTMo2KTkwcCgdcul+tONvHkAIVEMHbpwQiiA9mqwpcjo8+fQlLnq6urLxwOh0hX/hGtgIXDYY/b7e7KhiEDYwIdIJyph7/VjkOJLDEyWL5SCa6cRri0tMRGRkboZPf0Khk8wV9sl4JQALmzM5Uth+zpyrMhmp6eZkNDQ4JIyPcYBod5pGsrKyvvsWPFOKBA1Dzlwf4IMAAfXRicNtL40AAAAABJRU5ErkJggg==); margin: -0.7rem 1rem -0.4rem 0 } .checkout-page-body button.btn-GarantiPay { background-color: #006b2a } .checkout-page-body button.btn-GarantiPay:hover { background-color: #006b2a !important; opacity: .9 } .checkout-page-body button.btn-GarantiPay i { display: inline-block; width: 35px; height: 21px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAYCAYAAAB9ejRwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQzI4RjJGQUFDQjMxMUU2QjRCN0VFRThBQzNEQ0YwQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQzI4RjJGQkFDQjMxMUU2QjRCN0VFRThBQzNEQ0YwQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFDMjhGMkY4QUNCMzExRTZCNEI3RUVFOEFDM0RDRjBBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFDMjhGMkY5QUNCMzExRTZCNEI3RUVFOEFDM0RDRjBBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+uyPH4QAAAydJREFUeNrMl0lIVVEYx6/yXmVlJNFkWdqzwSyHiOZFFFERtDCbCEEMokVFtI8iVy2CFkHTqmiRQS2yDJpLQyKMcgAHtOerTJGgyQYtX/8D/wN/bvddn70W/eHHd8/nGb537ne+c02KRqPOP9Yo8B1kgxCYBh6BdlABMkAm2AZqvCZISiCoQyAXtIKPYAtIB6fBKfAVpLBvPugEH2S8CbbLc2YTFDEBFoDNIB2sBTWgBZwHAfYLgrpobO1kP5Vpr5B2RNb9A20slEE9HovtZ78jUX9lgjRp93Fcmfie+AUVkE0LyfMkj00tpN0lPpMjF8ENkwr0hcE66fOWdpP4WuV5LPPM5lqaBjVHnr+Ao2ArWCqLGc2WfjtAUAKy2iDPTyW466ADjAR3wDww3f3rY+3UTXAClImvGYyR9jfaleA2iIAG+s6BC6BN+h2QsbVgmbTD7GsOQ7UNKkl2xOg5bT1oAm84UT9YzEneg2TwkKhapDzYElHKExfi6z7MH9INPsUqCYv4R7PgIPHTeB7x1RxrFqsGl2lzwAT+2Bfgh4wdLTvoWxIsqWL3gHJwhiVjH+gCv8AV9uuQU3XQoxyYUrJA2t2ca8jTZ7L+LpgIxrHoFYCzEv9esAZMZbtBfrXVfb4uq59kvvhMKvhWbBtUjivR7TVhVUWbIb5ntJNdhyHflcAOT5nbF1PJtFnia6LNE1897Vzx1TFnrAbkIOgpc1yBtsYblO5SG22u+BppU20qgl6eJqsIrb6qEaAIbBRf51BBBTxeS7NHoC9du/LZVF6w25UrRlPEt52oXscb1Ezx3WKRnOXaqfXSTuHkWkxf+byeAVZ+h58wQwYVdF0d5TyNVvdo9ToIyiJWvbTHmY/m9T8Aj+UU9/Ga8RfqQpbPjd8PMlg/slmfrKpAKevVSZAXo+6UxPt1oJ8uq2SQLlrLoqcDTGDFYLnPpIXgGChi4VUVxxtUqQwKg1yPYIZDRYxdr4x3joCrSHZLnfobZfPb261LoCTeSUxQM6Td7iQmc8Vc40fiIK+iq0x4ZzhBLZH2uwSDauQ/EAkpwGNqrpEeUOn8B/otwADAenumOuF7ewAAAABJRU5ErkJggg==); margin: -0.6rem 1rem -0.4rem 0 } .checkout-page-body button.btn-BKMExpress { background-color: #01798b } .checkout-page-body button.btn-BKMExpress:hover { background-color: #01798b !important; opacity: .9 } .checkout-page-body button.btn-BKMExpress i { display: inline-block; width: 35px; height: 21px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAVCAYAAAAjODzXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQTk4OTk0NUFDQjMxMUU2ODQ1QUUwRjBDNzREMDZBMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQTk4OTk0NkFDQjMxMUU2ODQ1QUUwRjBDNzREMDZBMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBBOTg5OTQzQUNCMzExRTY4NDVBRTBGMEM3NEQwNkEwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBBOTg5OTQ0QUNCMzExRTY4NDVBRTBGMEM3NEQwNkEwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+CiFuIQAAA0xJREFUeNqs1llIVFEcx/FRx5KixMwWC80lTdugsnrppZIWewkkSkqCFsNeegh6iHyoiKCFiCiINoNIi3yIVqKiDFoFSW2zss0lSrMynZz09j34GziO4wJ64AN67rln+d///d8JchzHNYBtPJZhIRIRhiZU4Cau4megG4MGaCOR2I7NGISXeItmhGMSJuAb9uIIWjvNYDbST1H45HS0/UjuZpzpP6dxxRhlXx+IiIQiDxdQZvVPxWJMhxvFOI6lKMALLEBjfyMSjNGYhQxkw41InESr07Vd171z4UUROoLRx0VNGNOQhd24hFI0WIusQgRKnJ7bAs25Qf9n9mUjZvHHqO9l8ssaX2j1NWMLNvpFJ9ea/7mE9LSJmahzem+/MRtz/Pq3aZ5YeKz+5dYa69WX4u4mAWfjFoZbfX9Qg3coV2Ka+vAR33HCGvsLR5GE0xis/ve4Y427a9IUMwJtJBUH8AwlWrRCk/zQGFOoYjAF43BZb4dLE3u1sUWqIy69Hev8Clqd+hMCvb6RKkQtiNCCiSpKk3XKGI0LRj7WokpF65/6gzXfX210l9/r7VKkTITPBIpIvUr1eUzDMFOB/cY4YprHr68dbXik0BcF2ICvDcFQU3EDbcSc9ooKklcnDLFO6NJCJsQNemQu5Umsrpl5d6iI+dpKROOg1ZegPKzw30iSPkyJOlmr8qJaITTfkEqpsnLGtOdIs74hx3BKUZqvfDGP/IaqqmmZOlCpnSNR2IcReKLBZuEPyhdfi9ZGU5WsKcjR/ff1qP7p+YfpnnbfR1aRuYgxmt+kQK5dN8IQav0/FvOQg0O4hnJ8VbHyWoXqhO7JU5+51qL6Yf5uwj2kW/OfxQ/Emf/tR+PRM9uPeIxUoroV3jad1FGEvMod05eNp9ipJM1Qwpt68goP8cCKjBmXhdV6xJ2+vvH6KqboWfouuLVgkDbTpDerWpO8UcJ+xWtd767F6TVega047LIWcWnxAiXrH/U1a8EaLVSphDU5U6vT2i0XhTiL2xrnUVQnYok2YCK4RmM7/UIzu9yjxCrTKb/gszbxq4+/S8whNiFdCd+iRQcpcWtVU/IVzS4/FcMV9sYB+t1qIpCsmjJEr2eVIurp7qb/AgwAbY+FHmx/x/UAAAAASUVORK5CYII=); margin: -0.7rem 1rem -0.4rem 0 } .checkout-page-body #masterpass-card-list { margin-bottom: 3rem } .checkout-page-body #iyz-payment-button { display: none !important } .checkout-page-body .checkout-information { background: #d4edda; border-bottom: 1px solid #c3e6cb; text-align: center; color: #4b4b4b; padding: .8rem 0; font-size: 1.1rem } .checkout-page-body .checkout-information i { margin-right: .3rem } @media (max-width: 575.98px) { .checkout-page-body .checkout-information { font-size: 1rem } } .checkout-page-body .checkout-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 30; background: rgba(0, 0, 0, .08) } #checkout-header { background: #fff; padding: 1.6rem 0; border-bottom: 1px solid #eee; margin-bottom: 1.6rem } #checkout-header .checkout-header-content .checkout-header-position { display: flex; align-items: center; flex-wrap: wrap } #checkout-header .checkout-header-content .checkout-header-position .checkout-logo, #checkout-header .checkout-header-content .checkout-header-position .checkout-banner { flex: 0 0 33.333333%; display: flex } #checkout-header .checkout-header-content .checkout-header-position .checkout-logo img, #checkout-header .checkout-header-content .checkout-header-position .checkout-banner img { max-width: 100%; max-height: 100px } #checkout-header .checkout-header-content .checkout-header-position.logo-0.banner-0 { justify-content: flex-start } #checkout-header .checkout-header-content .checkout-header-position.logo-0.banner-0 .checkout-logo, #checkout-header .checkout-header-content .checkout-header-position.logo-0.banner-0 .checkout-banner { flex: 0 0 auto } #checkout-header .checkout-header-content .checkout-header-position.logo-0.banner-0 .checkout-logo + .checkout-banner { margin-left: 1.6rem } #checkout-header .checkout-header-content .checkout-header-position.logo-0.banner-1 { justify-content: flex-start } #checkout-header .checkout-header-content .checkout-header-position.logo-0.banner-1 .checkout-banner { justify-content: center } #checkout-header .checkout-header-content .checkout-header-position.logo-0.banner-2 { justify-content: space-between } #checkout-header .checkout-header-content .checkout-header-position.logo-0.banner-2 .checkout-banner { justify-content: flex-end } #checkout-header .checkout-header-content .checkout-header-position.logo-1.banner-0 { justify-content: flex-end; flex-direction: row-reverse } #checkout-header .checkout-header-content .checkout-header-position.logo-1.banner-0 .checkout-logo { justify-content: center } #checkout-header .checkout-header-content .checkout-header-position.logo-1.banner-1 { justify-content: center } #checkout-header .checkout-header-content .checkout-header-position.logo-1.banner-1 .checkout-logo, #checkout-header .checkout-header-content .checkout-header-position.logo-1.banner-1 .checkout-banner { flex: 0 0 auto } #checkout-header .checkout-header-content .checkout-header-position.logo-1.banner-1 .checkout-logo + .checkout-banner { margin-left: 1.6rem } #checkout-header .checkout-header-content .checkout-header-position.logo-1.banner-2 { justify-content: flex-end } #checkout-header .checkout-header-content .checkout-header-position.logo-1.banner-2 .checkout-logo { justify-content: center } #checkout-header .checkout-header-content .checkout-header-position.logo-1.banner-2 .checkout-banner { justify-content: flex-end } #checkout-header .checkout-header-content .checkout-header-position.logo-2.banner-0 { justify-content: space-between; flex-direction: row-reverse } #checkout-header .checkout-header-content .checkout-header-position.logo-2.banner-0 .checkout-logo { justify-content: flex-end } #checkout-header .checkout-header-content .checkout-header-position.logo-2.banner-1 { flex-direction: row-reverse } #checkout-header .checkout-header-content .checkout-header-position.logo-2.banner-1 .checkout-logo { justify-content: flex-end } #checkout-header .checkout-header-content .checkout-header-position.logo-2.banner-1 .checkout-banner { justify-content: center } #checkout-header .checkout-header-content .checkout-header-position.logo-2.banner-2 { justify-content: flex-end } #checkout-header .checkout-header-content .checkout-header-position.logo-2.banner-2 .checkout-logo, #checkout-header .checkout-header-content .checkout-header-position.logo-2.banner-2 .checkout-banner { flex: 0 0 auto } #checkout-header .checkout-header-content .checkout-header-position.logo-2.banner-2 .checkout-logo + .checkout-banner { margin-left: 1.6rem } @media (max-width: 575.98px) { #checkout-header .checkout-header-content .checkout-header-position .checkout-logo, #checkout-header .checkout-header-content .checkout-header-position .checkout-banner { flex: 0 0 100% !important; justify-content: center !important; margin-left: 0 !important; margin-right: 0 !important } #checkout-header .checkout-header-content .checkout-header-position .checkout-banner { display: none } } #iyzipay-checkout-form { overflow: hidden } #iyzipay-checkout-form > div > div { min-width: 0 !important } #iyzipay-checkout-form > div > div > div { max-width: 100% !important } #iyzipay-checkout-form > div > div > div span[class*=BkmExpressLabelWrapper] { display: none !important } #checkout-footer { background: #fff; padding: 1.6rem 0; border-top: 1px solid #eee; margin-top: 1.6rem } #checkout-footer .checkout-footer-image { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 3.2rem } #checkout-footer .checkout-footer-image img { max-height: 10rem } #checkout-footer .checkout-footer-image.position-1 { justify-content: center } #checkout-footer .checkout-footer-image.position-2 { justify-content: flex-end } #checkout-footer .checkout-page-footer-links ul { display: flex; align-items: center; justify-content: center; flex-wrap: wrap } #checkout-footer .checkout-page-footer-links ul li { border-right: 1px solid #eee } #checkout-footer .checkout-page-footer-links ul li:last-child { border-right: none } #checkout-footer .checkout-page-footer-links ul li a { padding: .3rem .8rem; display: block; color: #4b4b4b } #checkout-breadcrumbs { border: 1px solid #eee; border-right: none; margin-bottom: 1.6rem; background: #fff; border-radius: .4rem } #checkout-breadcrumbs .checkout-steps > a { display: flex; color: #d5d5d5; padding: 1.6rem 1.5rem; align-items: flex-end; position: relative; margin-right: -15px; margin-left: -15px; opacity: .9; border-left: 1px solid #f0f0f0 } @media (max-width: 575.98px) { #checkout-breadcrumbs .checkout-steps > a { justify-content: center } } #checkout-breadcrumbs .checkout-steps > a.active { color: #fff; background-color: #b6b9bd } #checkout-breadcrumbs .checkout-steps > a.active > span:last-child { font-weight: 600 } #checkout-breadcrumbs .checkout-steps > a > span:first-child { flex: 0 0 3rem; font-size: 3.2rem; line-height: 2.6rem; font-weight: 700; margin-right: .3rem } @media (max-width: 991.98px) { #checkout-breadcrumbs .checkout-steps > a > span:first-child { line-height: 3rem; font-size: 3rem } } @media (max-width: 575.98px) { #checkout-breadcrumbs .checkout-steps > a > span:first-child { font-size: 2.2rem; line-height: 2.2rem; flex: 0 0 2.5rem } } #checkout-breadcrumbs .checkout-steps > a > span:last-child { flex: 0 1 auto; font-size: 1.3rem; line-height: 1.3rem } @media (max-width: 991.98px) { #checkout-breadcrumbs .checkout-steps > a > span:last-child { font-size: 1.3rem; line-height: 1.4rem; width: 8rem } } @media (max-width: 575.98px) { #checkout-breadcrumbs .checkout-steps > a > span:last-child { font-size: 1rem; line-height: 1.1rem; width: 4.5rem } } #checkout-breadcrumbs .checkout-steps > a > span:last-child > div { margin-top: .3rem; font-size: 1.1rem; line-height: 1.1rem } @media (max-width: 991.98px) { #checkout-breadcrumbs .checkout-steps > a > span:last-child > div { display: none } } #checkout-breadcrumbs .checkout-steps.active > a { color: #a2a2a2; background: #eee } #checkout-breadcrumbs .checkout-steps.checkout-back-link { display: flex; align-items: center; justify-content: center } @media (max-width: 1199.98px) { #checkout-breadcrumbs .checkout-steps.checkout-back-link { display: none } } #checkout-breadcrumbs .checkout-steps.checkout-back-link > a { justify-content: center; font-size: 1.9rem; border-left: none; margin: 0 0 0 1.5rem } #checkout-breadcrumbs .checkout-steps:last-child a { margin-right: 0 } #checkout-breadcrumbs .checkout-steps:nth-child(2) a { margin-left: 0 } #checkout-breadcrumbs .checkout-steps.checkout-step-finished a { border-right: 1px solid #f0f0f0 } #checkout-breadcrumbs .checkout-steps.checkout-step-2 > a:not(.active):hover { color: #6bc0ec } #checkout-aside-fixed { position: sticky; position: -webkit-sticky; top: 1.6rem } #checkout-cart-panel #cart-details .cart-details-button { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #f0f0f0; padding-bottom: 1.6rem; margin-bottom: .8rem } #checkout-cart-panel #cart-details .cart-details-button a { color: #7e7e7e; font-size: 1.1rem } #checkout-cart-panel #cart-details .cart-details-button a:hover { color: #4b4b4b } #checkout-cart-panel #cart-details .cart-details-button a:first-child i { font-size: 1.1rem; margin-right: .2rem } #checkout-cart-panel #cart-details .cart-details-button a:last-child { padding: .3rem .5rem; border: 1px solid transparent; border-radius: .4rem } #checkout-cart-panel #cart-details .cart-details-button a:last-child i { opacity: 0 } #checkout-cart-panel #cart-details .cart-details-button a:last-child:hover { border-color: #f0f0f0; background: #fafafa } #checkout-cart-panel #cart-details .cart-details-button a:last-child:hover i { opacity: 1 } #checkout-cart-panel #cart-details .cart-details-button a i { font-size: 1rem } #checkout-cart-panel #cart-details #cart-items { display: none; max-height: 20rem; overflow-y: auto; margin-bottom: .8rem; padding-bottom: .8rem; border-bottom: 1px solid #f0f0f0 } #checkout-cart-panel #cart-details #cart-items .cart-item { display: flex; border-bottom: 1px solid #f0f0f0; padding-bottom: .8rem; margin-bottom: .8rem } #checkout-cart-panel #cart-details #cart-items .cart-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none } #checkout-cart-panel #cart-details #cart-items .cart-item .cart-picture { flex: 0 0 6rem } #checkout-cart-panel #cart-details #cart-items .cart-item .cart-picture a { position: relative; padding-top: 100% } #checkout-cart-panel #cart-details #cart-items .cart-item .cart-picture a img { top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; display: block } #checkout-cart-panel #cart-details #cart-items .cart-item .cart-details { flex: 1 1 auto; padding: .8rem; overflow: hidden } #checkout-cart-panel #cart-details #cart-items .cart-item .cart-details .cart-details-title { margin-bottom: .8rem } #checkout-cart-panel #cart-details #cart-items .cart-item .cart-details .cart-details-title a { color: #4b4b4b } #checkout-cargo-details-content ul li { margin-bottom: .8rem } #checkout-cargo-details-content ul li:hover label { background-color: #f5f5f5 } #checkout-cargo-details-content ul li input[type=radio]:checked + label { background-color: #eee } #checkout-cargo-details-content ul li label { display: flex; align-items: center; justify-content: space-between; padding: .8rem .8rem .8rem 3.2rem } @media (max-width: 575.98px) { #checkout-cargo-details-content ul li label { padding-left: .8rem } } #checkout-cargo-details-content ul li label:before { top: 50%; transform: translateY(-50%); margin-left: .8rem } @media (max-width: 575.98px) { #checkout-cargo-details-content ul li label:before { display: none } } #checkout-cargo-details-content ul li label .cargo-left { flex: 1 0 auto; display: flex; align-items: center } @media (max-width: 575.98px) { #checkout-cargo-details-content ul li label .cargo-left { flex: 0 0 65% } } #checkout-cargo-details-content ul li label .cargo-left .label-logo { flex: 0 0 7rem; margin-right: .8rem } @media (max-width: 575.98px) { #checkout-cargo-details-content ul li label .cargo-left .label-logo { flex: 0 0 4rem; margin-right: .8rem } } #checkout-cargo-details-content ul li label .cargo-left .label-logo > div { padding-top: 60%; position: relative; border: 1px solid #eee; background: #fff } #checkout-cargo-details-content ul li label .cargo-left .label-logo img { top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 80%; max-height: 80%; display: block; position: absolute } #checkout-cargo-details-content ul li label .cargo-left .label-name { font-size: 1.4rem } #checkout-cargo-details-content ul li label .cargo-left .label-name i { margin-left: .3rem; color: #7e7e7e } @media (max-width: 575.98px) { #checkout-cargo-details-content ul li label .cargo-left .label-name { font-size: 1.3rem } } #checkout-cargo-details-content ul li label .cargo-right { flex: 0 0 35%; text-align: right } #checkout-cargo-details-content ul li label .cargo-right .label-price div { font-size: 1.1rem } #checkout-cargo-details-content ul li label .cargo-right .label-price strong { font-size: 1.4rem } @media (max-width: 575.98px) { #checkout-cargo-details-content ul li label .cargo-right .label-price div { font-size: 1.1rem } #checkout-cargo-details-content ul li label .cargo-right .label-price strong { font-size: 1.3rem } } #checkout-cargo-details-content ul li:last-child { margin-bottom: 0 } #checkout-gift-note #gift-note-area { padding-top: 1.6rem; display: none } #checkout-gift-note #gift-note-area.active { display: block } .address-wrapper { position: relative; z-index: 31 } .address-wrapper #billing-address-wrapper { display: none } .address-wrapper #billing-address-wrapper.active { display: block } .address-wrapper #fullname.passive { display: none } .address-wrapper #corporate-wrapper { display: none } .address-wrapper #corporate-wrapper.active { display: block } .address-wrapper #billing-address-checkbox, .address-wrapper #invoice-type-radio { margin-bottom: 2.4rem } .address-wrapper .address-block { position: relative; z-index: 2; margin-bottom: 1.6rem } .address-wrapper .address-block.disabled { opacity: .7 } .address-wrapper .address-block.active .address-block-content { display: block } .address-wrapper .address-block[data-type=shipping-address-wrapper] { z-index: 3 } .address-wrapper .address-block address { font-style: normal; height: 9.5rem; overflow-y: auto; padding: 1.6rem 3.2rem 0 1.6rem; margin-bottom: 0 } .address-wrapper .address-block address h4 { color: #4b4b4b; display: block; margin-bottom: .8rem; font-weight: 700; font-size: 1.3rem } .address-wrapper .address-block address h4 span { font-weight: 400; color: #989898; font-size: 1.1rem } .address-wrapper .address-block address p { line-height: 2rem; overflow: hidden; text-align: justify } .address-wrapper .address-block .address-buttons { text-align: right; padding-right: 3.2rem } .address-wrapper .address-block .address-buttons a { margin-left: .2rem; display: inline-block; padding: .3rem .5rem; border-radius: .4rem; color: #989898; border: 1px solid transparent; font-size: 1.1rem } .address-wrapper .address-block .address-buttons a:hover { background: #fafafa; border: 1px solid #f0f0f0 } .address-wrapper .address-block .address-block-header { border: solid 1px #f0f0f0; height: 12.8rem; position: relative; cursor: pointer; border-radius: .4rem } .address-wrapper .address-block .address-block-header:hover { box-shadow: 0 .4rem .7rem #eee } .address-wrapper .address-block .address-block-header address:after { width: 2.8rem; height: 12.6rem; line-height: 12.6rem; text-align: center; border-left: solid 1px #f0f0f0; font-family: "Font Awesome 5 Free"; font-weight: 900; content: ""; position: absolute; top: 0; right: 0; cursor: pointer; background: #fafafa } .address-wrapper .address-block .address-block-content { display: none; position: absolute; top: 100%; left: 0; border: 1px solid #f0f0f0; background: #fff; width: 100%; margin-top: -1px; box-shadow: 0 .4rem .7rem #eee; cursor: pointer } .address-wrapper .address-block .address-block-content .address-block-content-scroll { max-height: 30rem; overflow-y: auto } .address-wrapper .address-block .address-block-content .address-block-content-scroll > div { padding-bottom: .8rem; border-bottom: 1px solid #f0f0f0 } .address-wrapper .address-block .address-block-content .address-block-content-scroll > div:last-child { border-bottom: none } .address-wrapper .address-block .address-block-content address { height: auto; overflow-y: visible } .payment-tab .payment-tab-nav { display: flex; border-bottom: 1px solid #f0f0f0 } .payment-tab .payment-tab-nav .payment-tab-nav-left { flex: 1 0 auto; display: flex; height: 4rem } .payment-tab .payment-tab-nav .payment-tab-nav-left > div { flex: 0 0 auto } .payment-tab .payment-tab-nav .payment-tab-nav-left > div > a { display: block; padding: 0 1.5rem; line-height: 4rem; height: 4rem; color: #989898; border: 1px solid transparent; border-bottom: none; border-radius: .4rem .4rem 0 0; font-weight: 600 } .payment-tab .payment-tab-nav .payment-tab-nav-left > div.mobile-item { display: none } .payment-tab .payment-tab-nav .payment-tab-nav-left > div:hover > a { background-color: #fafafa; color: #7e7e7e } .payment-tab .payment-tab-nav .payment-tab-nav-left > div.active > a { height: 4.1rem; background: #fff; border-color: #f0f0f0; color: #4b4b4b } .payment-tab .payment-tab-nav .payment-tab-nav-right { display: none; flex: 0 0 4rem; position: relative } .payment-tab .payment-tab-nav .payment-tab-nav-right > a { display: flex; width: 100%; height: 4rem; align-items: center; justify-content: center; color: #4b4b4b } .payment-tab .payment-tab-nav .payment-tab-nav-right.active { display: block } .payment-tab .payment-tab-nav .payment-tab-nav-right .payment-tab-nav-menu { display: none; position: absolute; width: 25rem; top: 100%; right: 0; box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .15); z-index: 2 } .payment-tab .payment-tab-nav .payment-tab-nav-right .payment-tab-nav-menu > div { display: none; background: #fff } .payment-tab .payment-tab-nav .payment-tab-nav-right .payment-tab-nav-menu > div > a { display: block; padding: .8rem; color: #989898; font-weight: 600 } .payment-tab .payment-tab-nav .payment-tab-nav-right .payment-tab-nav-menu > div > a:hover { background-color: #fafafa; color: #7e7e7e } .payment-tab .payment-tab-nav .payment-tab-nav-right .payment-tab-nav-menu > div.mobile-item { display: block } .payment-tab .payment-tab-nav .payment-tab-nav-right .payment-tab-nav-menu > div.active > a { background-color: #fafafa; color: #4b4b4b } .payment-tab .payment-tab-nav .payment-tab-nav-right.toggle .payment-tab-nav-menu { display: block } .payment-tab .payment-tab-content > div { display: none; padding-top: 3rem } .payment-tab .payment-tab-content > div.active { display: block } #agreement-content .agreement-container .agreement { border: 1px solid #f0f0f0; border-radius: .4rem } #agreement-content .agreement-container .agreement .agreement-header { display: flex; height: 3.2rem; align-items: stretch; justify-content: space-between; border-bottom: 1px solid transparent; background-color: transparent; cursor: pointer; transition: all .1s linear } #agreement-content .agreement-container .agreement .agreement-header:hover { background-color: #fdfdfd } #agreement-content .agreement-container .agreement .agreement-header > * { pointer-events: none } #agreement-content .agreement-container .agreement .agreement-header > span { flex: 0 0 auto; display: flex; align-items: center; font-size: 1.3rem; padding-left: 1.6rem; font-weight: 600 } #agreement-content .agreement-container .agreement .agreement-header > a { flex: 0 0 3.2rem; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; color: #989898 } #agreement-content .agreement-container .agreement .agreement-header > a i { transition: all .3s linear } #agreement-content .agreement-container .agreement .agreement-content { height: 0px; overflow: hidden; font-size: 1.3rem; line-height: 1.6rem; transition: all .3s linear } #agreement-content .agreement-container .agreement .agreement-content .agreement-content-scroll { height: 16rem; overflow-y: auto; padding: 1.6rem } #agreement-content .agreement-container.active .agreement .agreement-header { border-bottom-color: #f0f0f0 } #agreement-content .agreement-container.active .agreement .agreement-header a > i { transform: rotateX(180deg) } #agreement-content .agreement-container.active .agreement .agreement-content { height: 26rem; box-shadow: 0 5px 10px 0px rgba(0, 0, 0, .1) } #agreement-content .agreement-container.active .agreement .agreement-content .agreement-content-scroll { height: 25rem } @media (max-width: 767.98px) { #order-panel-shipping-body, #order-panel-billing-body { order: -1 } } #order-panel-shipping-body .contentbox-header h4, #order-panel-billing-body .contentbox-header h4 { display: flex; justify-content: space-between; align-items: center } #order-panel-shipping-body .contentbox-header h4 .address-edit-button, #order-panel-billing-body .contentbox-header h4 .address-edit-button { color: #7e7e7e; font-size: 1.1rem; font-weight: 400 } @media (max-width: 1199.98px) { #order-panel-shipping-body .contentbox-header h4 .address-edit-button, #order-panel-billing-body .contentbox-header h4 .address-edit-button { display: none } } #order-panel-shipping-body .contentbox-header h4 .address-edit-button:hover, #order-panel-billing-body .contentbox-header h4 .address-edit-button:hover { color: #4b4b4b } #order-panel-shipping-body .contentbox-header h4 .address-edit-button:last-child, #order-panel-billing-body .contentbox-header h4 .address-edit-button:last-child { padding: .3rem .5rem; border: 1px solid transparent; border-radius: .4rem } #order-panel-shipping-body .contentbox-header h4 .address-edit-button:last-child i, #order-panel-billing-body .contentbox-header h4 .address-edit-button:last-child i { opacity: 0 } #order-panel-shipping-body .contentbox-header h4 .address-edit-button:last-child:hover, #order-panel-billing-body .contentbox-header h4 .address-edit-button:last-child:hover { border-color: #f0f0f0; background: #fafafa } #order-panel-shipping-body .contentbox-header h4 .address-edit-button:last-child:hover i, #order-panel-billing-body .contentbox-header h4 .address-edit-button:last-child:hover i { opacity: 1 } #order-panel-shipping-body .contentbox-header h4 .address-edit-button i, #order-panel-billing-body .contentbox-header h4 .address-edit-button i { font-size: 1rem } #order-panel-shipping-body .contentbox-body p, #order-panel-billing-body .contentbox-body p { color: #989898; font-weight: 600 } #MoneyOrder ul li { border-bottom: 1px solid #f0f0f0 } #MoneyOrder ul li .radio-custom label { display: flex; align-items: center; justify-content: space-between; padding: 1.6rem 1.6rem 1.6rem 3.2rem } @media (max-width: 575.98px) { #MoneyOrder ul li .radio-custom label { flex-wrap: wrap; padding: 1.6rem } } #MoneyOrder ul li .radio-custom label:before { top: 50%; transform: translateY(-50%); margin-left: .8rem } @media (max-width: 575.98px) { #MoneyOrder ul li .radio-custom label:before { background: none; border: none } } #MoneyOrder ul li .radio-custom label .bank-logo { flex: 0 0 auto; margin-right: 1.3rem; display: flex; align-items: center; justify-content: center; border: 1px solid #f0f0f0; background-color: #fff; min-height: 5rem; min-width: 13rem } @media (max-width: 575.98px) { #MoneyOrder ul li .radio-custom label .bank-logo { flex-basis: 100%; margin-bottom: 1.6rem } } #MoneyOrder ul li .radio-custom label .bank-logo img { max-width: 13rem; max-height: 5rem; padding: 0 1rem } #MoneyOrder ul li .radio-custom label .bank-details { flex: 1 1 auto; color: #989898 } #MoneyOrder ul li .radio-custom label .bank-details .iban { font-weight: 600 } #MoneyOrder ul li:last-child { border-bottom: none } #MoneyOrder ul li:hover, #MoneyOrder ul li.active { background-color: #f5f5f5 } @media (max-width: 575.98px) { #MoneyOrder ul li:hover, #MoneyOrder ul li.active { background-color: #eee } } .gateway-logo { position: relative; border: 1px solid #f0f0f0; padding: 1.6rem 1.6rem 3.2rem 1.6rem } @media (max-width: 1199.98px) { .gateway-logo { padding: 1.6rem; text-align: center; margin-bottom: 1.6rem } } .gateway-logo span { position: absolute; bottom: .5rem; right: 1rem } @media (max-width: 1199.98px) { .gateway-logo span { bottom: .3rem; right: .5rem; font-size: 1rem; display: none } } .gateway-content > p { color: #989898 } .gateway-content > ul { margin-bottom: 1.6rem } .gateway-content > ul > li { display: flex; margin-bottom: .8rem; align-items: baseline } .gateway-content > ul > li > span { flex: 0 0 2.6rem; height: 2.6rem; margin-right: 1rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 2.2rem; font-weight: 600 } .gateway-content > ul i { font-style: normal } #Paypal .gateway-content > ul > li > span { border: 2px solid #4cb2e8; border-top-color: rgba(76, 178, 232, .5); border-right-color: rgba(76, 178, 232, .3); border-bottom-color: rgba(76, 178, 232, .1); border-left-color: rgba(76, 178, 232, .7); color: #4cb2e8 } #GarantiPay .gateway-content > ul > li > span { border: 2px solid #62aa56; border-top-color: rgba(98, 170, 86, .5); border-right-color: rgba(98, 170, 86, .3); border-bottom-color: rgba(98, 170, 86, .1); border-left-color: rgba(98, 170, 86, .7); color: #62aa56 } #GarantiPay .gateway-content .gateway-subcontent { display: flex; align-items: baseline; font-size: 1.1rem; color: #989898 } #GarantiPay .gateway-content .gateway-subcontent > div:first-child { margin-right: .8rem } @media (max-width: 991.98px) { #CodCash .gateway-logo img, #CodCC .gateway-logo img { max-width: 50% } } #CodCash .gateway-content > ul > li > span, #CodCC .gateway-content > ul > li > span { border: 2px solid #bdbdbd; border-top-color: rgba(189, 189, 189, .5); border-right-color: rgba(189, 189, 189, .3); border-bottom-color: rgba(189, 189, 189, .1); border-left-color: rgba(189, 189, 189, .7); color: #bdbdbd } @media (max-width: 991.98px) { #BKMExpress .gateway-logo img { max-width: 50% } } #BKMExpress .gateway-content > ul > li > span { border: 2px solid #c2b37f; border-top-color: rgba(194, 179, 127, .5); border-right-color: rgba(194, 179, 127, .3); border-bottom-color: rgba(194, 179, 127, .1); border-left-color: rgba(194, 179, 127, .7); color: #c2b37f } #checkout-aside { display: flex; flex-direction: column } #Custom .special-payment { text-align: right; vertical-align: baseline; margin-bottom: 1.6rem } #Custom .special-payment span { display: inline-block; padding: .3rem .8rem; border: 1px solid #f0f0f0; margin: 0 .8rem; font-weight: 700 } #CreditCard form .contentbox-header, #MailOrder form .contentbox-header { margin-bottom: 0 } #CreditCard .card-campaign { background-color: #fafafa; border: 1px solid #f0f0f0; padding: 1.5rem } #CreditCard .card-campaign .card-campaign-image { cursor: pointer; text-align: center } #CreditCard .card-campaign .card-campaign-text .card-campaign-text-title { font-weight: 600; font-size: 1.3rem; margin-bottom: .8rem; padding-bottom: .4rem; border-bottom: 1px solid #f0f0f0 } #CreditCard .subscription-alert { margin-bottom: 3rem } #CreditCard .reset-card-number-link { font-size: 1.1rem; color: #7e7e7e; display: block; text-align: right; margin-top: .3rem } #CreditCard .credit-card-number-row { margin-bottom: 2.4rem } .checkout-success, .checkout-error { padding: 1.6rem 7rem 0 } @media (max-width: 991.98px) { .checkout-success, .checkout-error { padding: 1.6rem 1.6rem 0 } } .checkout-success .checkout-message, .checkout-error .checkout-message { text-align: center; padding: 2rem 0; margin-bottom: 2rem; border-bottom: 1px solid #f0f0f0 } .checkout-success .checkout-message i, .checkout-error .checkout-message i { font-size: 8rem; color: #dbeeb6; margin-bottom: 1rem } .checkout-success .checkout-message h4, .checkout-error .checkout-message h4 { font-size: 2.6rem; font-weight: 600; margin-bottom: 1rem } .checkout-success .checkout-message > span, .checkout-error .checkout-message > span { font-size: 1.4rem } .checkout-success .checkout-order-transaction-id, .checkout-error .checkout-order-transaction-id { text-align: center; margin-bottom: 2rem } .checkout-success .checkout-order-transaction-id > div, .checkout-error .checkout-order-transaction-id > div { font-size: 1.4rem } .checkout-success .checkout-order-transaction-id > span, .checkout-error .checkout-order-transaction-id > span { font-size: 2rem } .checkout-success .checkout-garanti-campaign-choose-link, .checkout-error .checkout-garanti-campaign-choose-link { text-align: center; margin-bottom: 2rem } .checkout-success .checkout-garanti-campaign-choose-link a, .checkout-error .checkout-garanti-campaign-choose-link a { color: #989898; text-decoration: underline } .checkout-success .money-order-details, .checkout-error .money-order-details { background: #fafafa; padding: 1rem; margin-bottom: 2rem; color: #989898 } .checkout-success .money-order-details .money-order-finished-bank-title, .checkout-error .money-order-details .money-order-finished-bank-title { text-align: center; font-size: 1.3rem; font-weight: 600; margin-bottom: 1rem } .checkout-success .money-order-details .money-order-finished-bank-item, .checkout-error .money-order-details .money-order-finished-bank-item { display: flex; align-items: flex-start; margin-bottom: 1rem; font-size: 1.3rem } @media (max-width: 991.98px) { .checkout-success .money-order-details .money-order-finished-bank-item, .checkout-error .money-order-details .money-order-finished-bank-item { flex-wrap: wrap } } .checkout-success .money-order-details .money-order-finished-bank-item .money-order-finished-bank-logo, .checkout-error .money-order-details .money-order-finished-bank-item .money-order-finished-bank-logo { flex: 0 0 13rem; height: 40px; display: flex; align-items: center; justify-content: center; margin-right: 1rem; background: #fff; border: 1px solid #f0f0f0 } @media (max-width: 991.98px) { .checkout-success .money-order-details .money-order-finished-bank-item .money-order-finished-bank-logo, .checkout-error .money-order-details .money-order-finished-bank-item .money-order-finished-bank-logo { flex: 0 0 100%; margin-right: 0; margin-bottom: 1rem } } .checkout-success .money-order-details .all-bank, .checkout-error .money-order-details .all-bank { text-align: center; font-weight: 600; font-size: 1.3rem } .checkout-success .money-order-details .all-bank a, .checkout-error .money-order-details .all-bank a { color: #4b4b4b; text-decoration: underline } .checkout-success .money-order-detail-text, .checkout-error .money-order-detail-text { text-align: center; margin-bottom: 3rem; padding-bottom: 2rem; font-size: 1.3rem; border-bottom: 1px solid #f0f0f0 } .checkout-success .checkout-mail-print-area, .checkout-error .checkout-mail-print-area { margin-bottom: 3rem } .checkout-success .checkout-mail-print-area > div, .checkout-error .checkout-mail-print-area > div { display: flex; margin-bottom: 1rem } .checkout-success .checkout-mail-print-area > div > div:first-child, .checkout-error .checkout-mail-print-area > div > div:first-child { flex: 0 0 5rem; display: flex; align-items: center; justify-content: flex-start } .checkout-success .checkout-mail-print-area > div > div:first-child i, .checkout-error .checkout-mail-print-area > div > div:first-child i { font-size: 3rem; color: #7e7e7e } .checkout-success .checkout-mail-print-area > div > div:last-child, .checkout-error .checkout-mail-print-area > div > div:last-child { flex: 1 1 auto; display: flex; align-items: center; font-size: 1.3rem } .checkout-success .checkout-mail-print-area > div > div:last-child a, .checkout-error .checkout-mail-print-area > div > div:last-child a { color: #4b4b4b; font-weight: 600; text-decoration: underline } .checkout-success .order-fast-signup, .checkout-error .order-fast-signup { padding: 1.6rem 3rem; background: #fafafa; margin-bottom: 1.6rem } @media (max-width: 991.98px) { .checkout-success .order-fast-signup, .checkout-error .order-fast-signup { padding: 1.6rem } } .checkout-success .order-fast-signup .order-fast-signup-title, .checkout-error .order-fast-signup .order-fast-signup-title { margin-bottom: 1rem } .checkout-success .order-fast-signup .order-fast-signup-title h4, .checkout-error .order-fast-signup .order-fast-signup-title h4 { font-size: 1.6rem; font-weight: 600; margin-bottom: 0 } .checkout-success .order-fast-signup .order-fast-signup-content .order-fast-signup-row, .checkout-error .order-fast-signup .order-fast-signup-content .order-fast-signup-row { display: flex; width: 60% } @media (max-width: 991.98px) { .checkout-success .order-fast-signup .order-fast-signup-content .order-fast-signup-row, .checkout-error .order-fast-signup .order-fast-signup-content .order-fast-signup-row { width: 100%; flex-wrap: wrap } } .checkout-success .order-fast-signup .order-fast-signup-content .order-fast-signup-row .custom-password-input, .checkout-error .order-fast-signup .order-fast-signup-content .order-fast-signup-row .custom-password-input { position: relative; flex: 1 0 auto; margin-right: 1rem } @media (max-width: 991.98px) { .checkout-success .order-fast-signup .order-fast-signup-content .order-fast-signup-row .custom-password-input, .checkout-error .order-fast-signup .order-fast-signup-content .order-fast-signup-row .custom-password-input { margin-right: 0; margin-bottom: 1rem } } .checkout-success .order-fast-signup .order-fast-signup-content .order-fast-signup-row .custom-password-input input, .checkout-error .order-fast-signup .order-fast-signup-content .order-fast-signup-row .custom-password-input input { display: block; width: 100%; padding-right: 4rem } .checkout-success .order-fast-signup .order-fast-signup-content .order-fast-signup-row .custom-password-input i, .checkout-error .order-fast-signup .order-fast-signup-content .order-fast-signup-row .custom-password-input i { position: absolute; right: 0; top: 0; height: 100%; width: 4rem; display: flex; align-items: center; justify-content: center } .checkout-success .order-fast-signup .order-fast-signup-content .order-fast-signup-row button, .checkout-error .order-fast-signup .order-fast-signup-content .order-fast-signup-row button { flex: 0 0 6rem } @media (max-width: 991.98px) { .checkout-success .order-fast-signup .order-fast-signup-content .order-fast-signup-row button, .checkout-error .order-fast-signup .order-fast-signup-content .order-fast-signup-row button { flex: 1 0 100% } } .checkout-success .order-fast-signup .order-fast-signup-content .checkbox-custom, .checkout-error .order-fast-signup .order-fast-signup-content .checkbox-custom { margin-top: 1rem } .checkout-success .order-fast-signup .order-fast-signup-content .checkbox-custom a, .checkout-error .order-fast-signup .order-fast-signup-content .checkbox-custom a { color: #4b4b4b } .checkout-success .order-fast-signup .order-fast-signup-content .password-icon, .checkout-error .order-fast-signup .order-fast-signup-content .password-icon { cursor: pointer } .checkout-success .checkout-success-buttons, .checkout-error .checkout-success-buttons { text-align: center; margin-bottom: 3rem } .checkout-success .checkout-success-buttons > a, .checkout-error .checkout-success-buttons > a { margin: 0 .5rem } @media (max-width: 575.98px) { .checkout-success .checkout-success-buttons > a, .checkout-error .checkout-success-buttons > a { display: block; margin: 0 0 1rem } } .checkout-success #user-agreement-content, .checkout-success #personal-data-agreement-content, .checkout-error #user-agreement-content, .checkout-error #personal-data-agreement-content { display: none } .checkout-error { padding: 1.6rem 7rem 3rem } .checkout-error .checkout-message i { color: #ea838e } .checkout-error .checkout-error-code { text-align: center; font-size: 1.4rem; margin-bottom: 2rem } #checkout-cart-items { max-height: 32rem; overflow-y: auto; overflow-x: hidden; margin-bottom: 1.6rem } #checkout-cart-items .cart-item { display: flex; padding: .8rem 0; border-bottom: 1px solid #f0f0f0 } #checkout-cart-items .cart-item .cart-picture { flex: 0 0 6rem; margin-right: 1rem } #checkout-cart-items .cart-item .cart-picture a { position: relative; padding-top: 100%; display: block } #checkout-cart-items .cart-item .cart-picture a img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: block; max-width: 100%; max-height: 100% } #checkout-cart-items .cart-item .cart-details { flex: 1 1 auto; display: flex; justify-content: space-between; flex-wrap: wrap } #checkout-cart-items .cart-item .cart-details .cart-details-title { flex: 1 1 auto } #checkout-cart-items .cart-item .cart-details .cart-details-price { flex: 0 0 auto } #checkout-cart-items .cart-item .cart-details .cart-details-quantity { flex: 0 0 100% } #masterpass-card-list .masterpass-card-list-title { font-weight: 700; font-size: 1.3rem } #masterpass-card-list .masterpass-card-list-label { display: flex; align-items: center; padding: .5rem 0; margin-right: 0 } #masterpass-card-list .masterpass-card-list-label input:checked + label .masterpass-card-cvc { display: flex } #masterpass-card-list .masterpass-card-list-label label { display: flex; flex: 0 0 100%; align-items: center; margin-bottom: 0; flex-flow: wrap; min-height: 4rem } #masterpass-card-list .masterpass-card-list-label label:before { top: 12px } #masterpass-card-list .masterpass-card-list-label label .masterpass-card-image { width: 7rem; height: 3rem; position: relative; margin-right: .8rem; flex: 0 0 7rem } #masterpass-card-list .masterpass-card-list-label label .masterpass-card-image img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100% } #masterpass-card-list .masterpass-card-list-label label .masterpass-card-text { flex: 0 0 30%; text-align: center; white-space: nowrap } @media (max-width: 991.98px) { #masterpass-card-list .masterpass-card-list-label label .masterpass-card-text { flex: 0 0 auto; text-align: left; padding-right: 3rem } #masterpass-card-list .masterpass-card-list-label label .masterpass-card-text .masterpass-card-name { display: block } } #masterpass-card-list .masterpass-card-list-label label .masterpass-card-text .masterpass-card-name { margin-right: 1.6rem } #masterpass-card-list .masterpass-card-list-label label .masterpass-card-cvc { flex: 0 0 auto; display: none; align-items: center; position: relative } #masterpass-card-list .masterpass-card-list-label label .masterpass-card-cvc span { flex: 0 0 auto; margin-right: .8rem } #masterpass-card-list .masterpass-card-list-label label .masterpass-card-cvc input { width: 8rem; padding: .6rem } #masterpass-card-list .masterpass-card-list-label label .masterpass-card-cvc .form-question { position: absolute; right: 5px; top: 7px; font-size: 1.5rem; color: #6bc0ec } #masterpass-card-list .masterpass-card-list-label label .masterpass-card-delete { position: absolute; right: 0; color: #dc3545; font-size: 1.5rem; opacity: .8 } #masterpass-card-list .masterpass-card-list-another { display: flex; align-items: center; padding: 1.5rem 0; margin-right: 0 } #masterpass-card-list .masterpass-card-list-another label { display: flex; flex: 0 0 100%; align-items: center; margin-bottom: 0; flex-flow: wrap } #masterpass-card-list .masterpass-card-list-another label:before { top: 1px } #masterpass-card-list .masterpass-card-list-content > div { border-bottom: 1px solid #f0f0f0; margin-bottom: 0 } #masterpass-card-list .masterpass-card-list-content > div:hover { background: #fafafa } #masterpass-save-card-form { background: #fafafa; border: solid 1px #f0f0f0; border-radius: .4rem; padding: 1.6rem; margin-bottom: 1.6rem; position: relative } #masterpass-save-card-form .masterpass-info-text { font-size: 1.1rem } #masterpass-save-card-form .masterpass-info-text a { color: #4b4b4b } #masterpass-save-card-form [for=masterpass-save] { margin-bottom: 0 } #masterpass-save-card-form label { margin-top: 0 } #masterpass-save-card-form .masterpass-phone-info { background: #eee; border: solid 1px #f0f0f0; border-radius: .4rem; line-height: 3.6rem } #masterpass-save-card-form .masterpass-logo { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAY4AAABKCAYAAACsCrNqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyOEYyMkE2QTZBNDMxMUU3QThBN0Y0RUEzNTQ2NEJBNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyOEYyMkE2QjZBNDMxMUU3QThBN0Y0RUEzNTQ2NEJBNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFFNTZDNTc1NkExMTExRTdBOEE3RjRFQTM1NDY0QkE3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFFNTZDNTc2NkExMTExRTdBOEE3RjRFQTM1NDY0QkE3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+oscMEQAAFrZJREFUeNrsXd1u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) no-repeat center right 15px; background-size: auto 60%; min-height: 3.8rem } .masterpass-modal { max-width: 46rem } .masterpass-modal .masterpass-modal-header { text-align: center; margin-bottom: 1rem; padding-bottom: 1.5rem; border-bottom: solid 1px #f0f0f0; display: flex; justify-content: center; align-items: center } .masterpass-modal .masterpass-modal-header i { flex: 0 0 auto; display: inline-block; margin-right: 1rem; font-size: 4rem; color: #24b14e } .masterpass-modal .masterpass-modal-header i.icon-masterpass { width: 8rem; height: 5.3rem; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAABfCAYAAAAK5j6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFM0QxOEQ2OUE2QTcxMUU3OTlGNTlEREZBRTY4OTVGMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFM0QxOEQ2QUE2QTcxMUU3OTlGNTlEREZBRTY4OTVGMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkUzRDE4RDY3QTZBNzExRTc5OUY1OURERkFFNjg5NUYxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkUzRDE4RDY4QTZBNzExRTc5OUY1OURERkFFNjg5NUYxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7hgyMwAAD4VJREFUeNrsXQms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) no-repeat; background-size: 100% } .masterpass-modal .masterpass-modal-header span { color: #24b14e; display: block; flex: 0 0 auto; font-size: 1.4rem; font-weight: 700 } .masterpass-modal .masterpass-modal-content .control-label { color: #4b4b4b } .masterpass-modal .masterpass-modal-content .countdown p { font-weight: 700; color: #24b14e; margin-bottom: 0 } .masterpass-modal .masterpass-modal-footer .masterpass-footer-logo { height: 5rem; width: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAY4AAABKCAYAAACsCrNqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyOEYyMkE2RTZBNDMxMUU3QThBN0Y0RUEzNTQ2NEJBNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyOEYyMkE2RjZBNDMxMUU3QThBN0Y0RUEzNTQ2NEJBNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI4RjIyQTZDNkE0MzExRTdBOEE3RjRFQTM1NDY0QkE3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI4RjIyQTZENkE0MzExRTdBOEE3RjRFQTM1NDY0QkE3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+doCTMAAAFSJJREFUeNrsXd1u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) 96% center no-repeat #4b4b4b; background-size: 130px; border-bottom: solid .3rem #e78b1c }